body {background: #000 url(http://visualplanetllc.com/images/bg-body.jpg) repeat-x fixed center -180px; color:#333; padding:20px 0 0 0; margin:0; font-family:Helvetica,Arial,sans-serif;}

h1 {font-size:1.6em; color:#193c5f; margin-bottom:1em; font-weight:normal; font-family: 'Trebuchet MS', arial, sans-serif; letter-spacing:-.3px;}
h2 {font-size:1.4em; color:#111; margin-bottom:30px; line-height:1.7em;}
h4.contact {padding:20px 0 0 20px; font-weight:lighter; background:#fff url(http://visualplanetllc.com/images/bg_nav_sub.jpg)left repeat-y; font-style:italic;}
h5 {font-size:1.2em; color:#444; font-weight:lighter; margin:2em 0 1em 0; font-family: 'Trebuchet MS', arial, sans-serif;}
a {text-decoration:none;}

p {margin:0 0 1em; line-height:1.4em; font-size:.9em; color:#555;}

#top {margin-top:20px;}

/*
.home_feature {margin:0 0 30px 0; font-size:95%; border:1px solid #000;}
.home_feature h2 {padding:20px 0 0 0; font-size:1.1em; font-weight:normal;}
.home_feature h3 {padding:10px 0 0 0;}
.home_feature img {float:left; margin:0 10px 10px 0;}
*/

#home_main, #home_sidebar {margin:25px 0; border:0;}
#home_main {padding:0 35px; font-size:15px;}
#home_main h3 {padding:18px 0 5px 0; text-align:center; color:#000; letter-spacing:-.3px; font-family: 'Trebuchet MS', arial, sans-serif;}

p.logo {text-align:center;}


#home_main p {color:#444;}

#home_sidebar {
	border-left:7px solid #C8DAF3; 
	padding-top:15px;
	font-size:14px;
	text-align:center;
}

#home_sidebar h4 {
	font-size:28px;
	font-weight:normal;
	padding-bottom:10px;
	font-family: 'Trebuchet MS', arial, sans-serif;
}

#home_main strong {display:block; font-weight:normal; padding-top:20px; color:#000;}
#home_sidebar p {padding: 0 15px 10px 15px;}




#wrapper {background: #ededed; border:1px solid #c2c2c2; }
#main_nav {background: url(http://visualplanetllc.com/images/bg-nav.jpg) repeat-x; list-style:none; margin:0; text-transform:uppercase; font-size:1em; padding:6px 20px 4px 20px; height:20px; text-align:center;}
#main_nav li {display:inline; margin:0 25px 0 0; font-family:Myriad Pro, Arial; letter-spacing:-.8px;}
#main_nav li a {color:#FFF;}
#main_nav li a:hover {color:#C8DAF3;}
#main_nav a.current {color:#fcff00; text-decoration:none;}

.sub_head {background:#fff url(http://visualplanetllc.com/images/bg_nav_sub.jpg)left repeat-y;  padding:10px 0;}
.sub_head h3 {padding:5px 20px 0 21px; text-transform:capitalize; font-size:1.2em; font-weight:lighter; font-family: 'Trebuchet MS', arial, sans-serif; font-style:italic;}
.sub_head a h3 {color:#9AC629;}
.sub_head a h3:hover {color:#3c6291;}

#nav_sub {
	background: #fff url(http://visualplanetllc.com/images/bg_nav_sub.jpg)left top repeat-y; 
	font-size:.9em; 
	letter-spacing:-.4px; 
	padding:1px 0 0 1px;
}

#nav_sub a{
	display:block; 
	height:25px; 
	margin-bottom:1px; 
	padding:14px 0 0 20px; 
	text-decoration:none; 
	color:#193c5f;
}

#nav_sub a:hover {
	background:#efefef;
	background: url(http://visualplanetllc.com/images/bg-sidebar-hover.gif)left top repeat-x; 
}

#nav_sub li.here a, #nav_sub li.here a:link{
	background: url(http://visualplanetllc.com/images/bg-sidebar-nav.gif)left top repeat-x; 
	}

#nav_sub li ul {display:none;}


#logo {float:left; margin:-20px;}

.pad {margin:15px 0; padding:15px;}
.padding {padding:15px;}
.pad_vert {padding:15px 0;}
.white {background:#fff; border:1px solid #e0e0e0; height:100%;}
.centered {text-align:center; text-transform:uppercase; font-weight:bold;}
.centered a {color:#777;}
.centered a:hover {color:#555;}
#sub_nav_container {margin:15px 0;}
#boxes img {margin:0 0 10px 20px; opacity:.8;}
#boxes img:hover {opacity:1;}

#body {}
#body p {text-align:justify;}
#sub_body {min-height:400px;}
#sub_body a {color:#ff7e00;}
#sub_body a:hover {color:blue;}

.right {float:right; padding:2px; background:#efefef; border-color:#ddd; border-style:solid; border-width:0 1px 1px 0; margin:0 0 0 15px;}
.left {float:left; padding:2px; background:#efefef; border-color:#ddd; border-style:solid; border-width:0 1px 1px 0; margin:0 15px 0 0;}

.portfolio_preview {float:left; margin:15px 15px 15px 0; width:200px; height:150px;}
.portfolio_title {
	display:block;
	font-weight:bold;
	font-size:11px;
	color:#000 !important;
	line-height:normal;
	letter-spacing:normal;
	text-align:center;
}



.portfolio_subtitle {background:#111; color:#eee; font-style:italic; font-size:.8em; padding:5px; text-decoration:none;}
.portfolio_preview:hover > .portfolio_title {color:#0171bb !important}

.center {text-align:center;}

#form_input {float:left;}
#form_input label {display:block; font-size:.85em; margin-bottom:3px; color:#9AC629;}
input#name {background:transparent url(http://visualplanetllc.com/images/icons/vcard.png) no-repeat 5px 5px; margin-bottom:15px; width:400px; height:20px; border:1px solid #a9a9a9; font-size:.9em; color:#333; padding:5px 0 0 30px;}
input#email {background:transparent url(http://visualplanetllc.com/images/icons/email.png) no-repeat 5px 5px; margin-bottom:15px; width:400px; height:20px; border:1px solid #a9a9a9; font-size:.9em; color:#333; padding:5px 0 0 30px;}
input#company {background:transparent url(http://visualplanetllc.com/images/icons/building.png) no-repeat 5px 5px; margin-bottom:15px; width:400px; height:20px; border:1px solid #a9a9a9; font-size:.9em; color:#333; padding:5px 0 0 30px;}
textarea#message {font-family:Helvetica, Arial, sans-serif; margin-bottom:15px; width:400px; height:200px; border:1px solid #a9a9a9; font-size:1em; color:#333; padding:5px 0 0 30px; background:transparent url(http://visualplanetllc.com/images/icons/comments.png) no-repeat 5px 5px;}
input#submit {display:block;}

.green_box {background:#beca8b url(http://visualplanetllc.com/images/bg_green_box.png) top left repeat-x; padding:15px;}
.green_box p {color:#111;}
.green_box_corp_comm {height:274px; float:left; width:280px; padding-right:10px;}

.shadow {border-left:2px solid #888; border-bottom:2px solid #888; margin-right:15px;}

.clear {margin:0; padding:0; line-height:0; clear:both;}

.horizontal_pad {padding:0 10px; margin:15px 0;}

.breadcrumb {font-size:.8em; padding:10px 0;}
.breadcrumb p {margin:0; padding-left:10px;}
.footer {margin-top:10px;}
.footer p {text-align:center; color:#fff; font-size:.8em;}

/* Mootools Kwicks
----------------------------------------------- */
#kwick-box { 
	padding:0;
	overflow:hidden;
}
#kwick {
	position: relative;
	padding-left:1px;
	background:#000;
}
#kwick .kwicks {
	display: block;
	background: #000;
	height: 130px;
	list-style:none;
	margin:0;
	overflow:hidden;
}
#kwick li {
	float: left;
	margin:0;
	padding:0;
}
#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 130px;
	width: 137px;
	background: #fff;
}
#kwick .kwick span {color:#fff;}
#kwick .one {
	background: #111 url(http://visualplanetllc.com/images/strip-1.jpg);
	opacity:.8;
}

#kwick .two {
	background: #222 url(http://visualplanetllc.com/images/strip-2.jpg);
	opacity:.8;
}

#kwick .three {
	background: #333 url(http://visualplanetllc.com/images/strip-3.jpg);
	opacity:.8;
}
#kwick .four {
	background: #444 url(http://visualplanetllc.com/images/strip-4.jpg);
	opacity:.8;
}

#kwick .five {
	background: #555 url(http://visualplanetllc.com/images/strip-5.jpg);
	opacity:.8;
}

#kwick .six {
	background: #666 url(http://visualplanetllc.com/images/strip-6.jpg);
	opacity:.8;
}

#kwick .seven {
	background: #777 url(http://visualplanetllc.com/images/strip-7.jpg);
	opacity:.8;
}

#kwick .one:hover, #kwick .two:hover, #kwick .three:hover, #kwick .four:hover, #kwick .five:hover, #kwick .six:hover, #kwick .seven:hover {opacity:1;}

.globe {}
/* .globe {margin:0 0 -52px -15px; } */

span .underline {text-decoration: underline;}

.globe_bg {background: #fff url(http://visualplanetllc.com/images/strategic-marketing_image1_half-globe.jpg) bottom no-repeat; padding-bottom: 278px; }



/* Daily Planet Styles */
.planet div.ryan {margin-bottom:0;}
.planet div {background:url(http://visualplanetllc.com/images/dp/bg-dailyplanet.jpg) repeat-x bottom left;
	margin: 0 4px 10px 4px;
	border:4px solid #000;
}

.planet div h2 {
	padding:0;
	height:168px;
	text-indent:-9999em;
	margin-bottom:5px;
}

.planet div h4 {font-size:24px; margin-bottom:15px;}
.planet span {
	padding:20px;
	display:block;
}

.planet div.awards h2 {background:url(http://visualplanetllc.com/images/dp/header-awards.jpg) repeat-x bottom left;}
.planet div.protective h2 {background:url(http://visualplanetllc.com/images/dp/header-protective.jpg) repeat-x bottom left;}
.planet div.vista h2 {background:url(http://visualplanetllc.com/images/dp/header-vista.jpg) repeat-x bottom left;}
.planet div.ryan h2 {background:url(http://visualplanetllc.com/images/dp/header-ryanhealth.jpg) repeat-x bottom left;}


.planet div.awards img {float:right; margin:10px;}
.planet div.awards span {margin:10px 230px 0 0;}

.planet div.protective img {float:left; margin:10px;}
.planet div.protective span {margin:10px 0 0 310px;}

.planet div.vista img {float:right; margin:10px;}
.planet div.vista span {margin:10px 350px 0 0;}

.planet div.ryan img {float:left; margin:10px;}
.planet div.ryan span {margin:10px 0 0 400px;}



.quote {padding:10px; font-size:12px;}
.quote blockquote {
	font-weight:bold; 
	padding-bottom:10px; 
	font-size:14px; 
	text-indent:-15px;
	font-style: italic;
	line-height:18px;
}

.quote span {
	font-size:20px;
	color:#999;
	padding-right:3px
}


/* --------------- Case Studies ---------------------- */

.case-studies {margin-top:30px;}

.case-studies li{
	float:left;
	width:200px;
	text-align:center;
	padding: 0 20px 25px 0;
	height:150px
}

.portfolio_preview img {
	border:2px solid #333;
}

.case-studies li a img {
	border:2px solid #333;
	width:190px;
	margin-bottom:4px;
}

.case-studies li a  {
	display:block;
	font-weight:bold;
	font-size:11px;
	color:#000 !important;
	line-height:normal;
	letter-spacing:normal;
}

.case-studies li a:hover {
	color:#0171bb !important;
}

.study {padding-top:20px;}

.study div.ge h2 {background:url(http://visualplanetllc.com/images/cs/header-ge.jpg) no-repeat bottom left;}
.study div.arrow h2 {background:url(http://visualplanetllc.com/images/cs/header-arrow.jpg) no-repeat bottom left;}
.study div.ut h2 {background:url(http://visualplanetllc.com/images/cs/header-ut.jpg) no-repeat bottom left;}
.study div.foc h2 {background:url(http://visualplanetllc.com/images/cs/header-foc.jpg) no-repeat bottom left;}
.study div.protective h2 {background:url(http://visualplanetllc.com/images/cs/header-protective.jpg) no-repeat bottom left;}
.study div.vista h2 {background:url(http://visualplanetllc.com/images/cs/header-vista.jpg) no-repeat bottom left;}


.study div.ge img {float:right; margin:10px;}
.study div.ge span {margin:10px 310px 0 0;}

.study div.arrow img {float:right; margin:10px;}
.study div.arrow span {margin:10px 310px 0 0;}

.study div.ut img {float:right; margin:10px;}
.study div.ut span {margin:10px 310px 0 0;}

.study div.foc img {float:right; margin:10px;}
.study div.foc span {margin:10px 310px 0 0;}

.study div.protective img {float:right; margin:10px;}
.study div.protective span {margin:10px 310px 0 0;}

.study div.vista img {float:right; margin:10px;}
.study div.vista span {margin:10px 310px 0 0;}

/* --------------- Portfolio ---------------------- */

.study div.e-marketing h2 {background:url(http://visualplanetllc.com/images/portfolio/header-protective.jpg) no-repeat bottom left;}
.study div.wind-energy h2 {background:url(http://visualplanetllc.com/images/portfolio/header-ge.jpg) no-repeat bottom left;}

.study div.e-marketing img {float:right; margin:10px;}
.study div.e-marketing span {margin:10px 310px 0 0;}

.study div.wind-energy img {float:right; margin:10px;}
.study div.wind-energy span {margin:10px 310px 0 0;}