@charset "utf-8";
/* CSS Document */
.clear {	clear:both;	font-size:0px;	visibility:hidden;	margin:0;	padding:0;	line-height:0px;}
p, body {margin:0;}
html {height:100%;}
body { font-size:1em; background:url(../images/layout/body_bg.gif) top left repeat-x #1A1A1A; padding:0; font-family:Arial, Helvetica, sans-serif; height:100%; margin-bottom:1px;}
p {padding:5px;}


#superContainer { width:100%; background:url(../images/layout/main_bg.jpg) top center no-repeat; min-width:980px; min-height:606px;}
#mainContainer { width:900px; margin:0 auto; position:relative; display:block;}
#headerContainer{width:100%; display:block;  height:154px; position:absolute; top:0;}
#navDropdownContainer {background:url(../images/layout/nav_bg.png) top left no-repeat; width:550px; height:70px; position:absolute; bottom:-13px; right:0px;}
#backgroundContainer {padding-top:154px;}
#middleContainer{padding-top:14px;}
#leftSide{width:330px; position:absolute; top:0; left:0; height:256px;}
#contentContainer {width:520px; float:right; display:block; color:#FFFFFF; background:url(../images/layout/main_bg_rep.png) repeat-y top left; padding:15px; overflow:hidden;}
#footerContainer{width:550px; float:right; display:block; min-height:131px;background:url(../images/layout/footer_bg_bg.png) no-repeat top left;}

#reflector {width:550px; float:right; display:block; height:35px; background:url(../images/layout/nav_reflect_off.png) no-repeat top left;}
#reflector div {float:left; height:35px; background:url(../images/layout/nav_reflect_over.png) 0 100px no-repeat; }

#footerContainer .swoosh { position:relative; top:-13px; width:550px; height:131px; }

#contentWrapp {position:relative; left:-550px;}

h2 {font-size:1.4em;}
h3 {font-size:1.3em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1em;}
#contentWrapp ul, #contentWrapp ol {padding-left:1.9em;}
.pageHead {font-size:1.5em;}
#contentWrapp {font-size:.9em; line-height:1.4em;}
a {text-decoration:none;}
#contentContainer a:hover, #contentContainer a:active,  #twitterBox a:hover, #twitterBox a:active{color:#CCCCCC!important;}
.footerText {font-size:0.8em; text-align:center;color:#434343;}

#quoteButton {width:151px; position:absolute; right:0; height:40px; text-align:center; z-index:15000;}
#quoteButton a {
	background:url(../images/buttons/btn_quote_off.gif) top left no-repeat; 
	width:151px; 
	height:27px; 
	padding:13px 0 0;
	display:block; 
	color:#B2B2B2;
	font-weight:bold;
	text-transform:uppercase;
	font-size:.8em;
}
#quoteButton a:hover, #quoteButton a:active {background:none transparent; color:#FFF;}




#indexPage #leftSide {background:url(../images/logos/logo_blue.png) top left no-repeat transparent;}
#indexPage #contentContainer a:link,
#indexPage #contentContainer a:visited, 
#indexPage #twitterBox a:link, #indexPage #twitterBox a:visited,
#indexPage h1.pageHead {color:#2B9EE3;} 
#indexPage #footerContainer .swoosh {background:url(../images/footerbgs/swoosh_blue.png) top left no-repeat;}
#indexPage #quoteButton { background:url(../images/buttons/btn_quote_blue.gif) top left no-repeat; }

#portfolioPage #leftSide {background:url(../images/logos/logo_green.png) top left no-repeat transparent;}
#portfolioPage #contentContainer a:link,
#portfolioPage #contentContainer a:visited, 
#portfolioPage #twitterBox a:link, #portfolioPage #twitterBox a:visited,
#portfolioPage h1.pageHead {color:#74C350;} 
#portfolioPage #footerContainer .swoosh {background:url(../images/footerbgs/swoosh_green.png) top left no-repeat;}
#portfolioPage #quoteButton { background:url(../images/buttons/btn_quote_green.gif) top left no-repeat; }

#startPage #leftSide {background:url(../images/logos/logo_yellow.png) top left no-repeat transparent;}
#startPage #contentContainer a:link,
#startPage #contentContainer a:visited, 
#startPage #twitterBox a:link, #startPage #twitterBox a:visited,
#startPage h1.pageHead {color:#F2D068;} 
#startPage #footerContainer .swoosh {background:url(../images/footerbgs/swoosh_yellow.png) top left no-repeat;}
#startPage #quoteButton { background:url(../images/buttons/btn_quote_yellow.gif) top left no-repeat; }

#servicePage #leftSide {background:url(../images/logos/logo_orange.png) top left no-repeat transparent;}
#servicePage #contentContainer a:link,
#servicePage #contentContainer a:visited, 
#servicePage #twitterBox a:link, #servicePage #twitterBox a:visited,
#servicePage h1.pageHead {color:#F2843D;} 
#servicePage #footerContainer .swoosh {background:url(../images/footerbgs/swoosh_orange.png) top left no-repeat;}
#servicePage #quoteButton { background:url(../images/buttons/btn_quote_orange.gif) top left no-repeat; }

#missionPage #leftSide {background:url(../images/logos/logo_pink.png) top left no-repeat transparent;}
#missionPage #contentContainer a:link,
#missionPage #contentContainer a:visited, 
#missionPage #twitterBox a:link, #missionPage #twitterBox a:visited,
#missionPage h1.pageHead {color:#EA2468;} 
#missionPage #footerContainer .swoosh {background:url(../images/footerbgs/swoosh_pink.png) top left no-repeat;}
#missionPage #quoteButton { background:url(../images/buttons/btn_quote_pink.gif) top left no-repeat; }

#contactPage #leftSide {background:url(../images/logos/logo_purple.png) top left no-repeat transparent;}
#contactPage #contentContainer a:link,
#contactPage #contentContainer a:visited,
#contactPage #twitterBox a:link, #contactPage #twitterBox a:visited,
#contactPage h1.pageHead {color:#A35FA6;} 
#contactPage #footerContainer .swoosh {background:url(../images/footerbgs/swoosh_purple.png) top left no-repeat;}
#contactPage #quoteButton { background:url(../images/buttons/btn_quote_purple.gif) top left no-repeat; }


#socialBox {
	background:url(../images/layout/social_bg.png) top left no-repeat;
	position:absolute;
	left:-183px;
	top:280px;
	width:248px;
	height:250px;
	z-index:15000;
}
#socialBox #socialLinks { width:60px; display:block; float:right; color:#CCCCCC;}
#expander {background:no-repeat transparent url(../images/buttons/expand.png) 0 -27px; display:block; height:22px; width:40px; padding-left:5px; margin:5px 0 -5px 5px; cursor: pointer;}
#expander.open {background-position:top left!important;}
#twitterBox {
	width:150px;
	padding:0px 0px 0px 18px;
	margin:4px 0;
	height:220px;
	float:left;
	font-size:.7em;
	color:#FFFFFF;
	overflow:auto;
}
#twitterBox ul li, #twitterBox ul, #socialLinks ul.socialLinks li, #socialLinks ul.socialLinks {padding:0px; margin:0px;}
#twitterBox ul li{ list-style:none; padding-bottom:1em; }
#socialLinks ul.socialLinks li{ list-style:none; padding-bottom:.7em; }
#socialLinks ul.socialLinks { width:43px; padding:10px 0 0 5px; }
#socialLinks ul.socialLinks li a {width:43px; height:43px; display:block; background:no-repeat transparent url(../images/buttons/btn_social.png)}

#socialLinks ul.socialLinks li.facebook a:link, 
#socialLinks ul.socialLinks li.facebook a:visited {background-position:-1px -3px;}
#socialLinks ul.socialLinks li.facebook a:hover, 
#socialLinks ul.socialLinks li.facebook a:active {background-position:-50px -3px;}
#socialLinks ul.socialLinks li.twitter a:link, 
#socialLinks ul.socialLinks li.twitter a:visited {background-position:-1px -55px;}
#socialLinks ul.socialLinks li.twitter a:hover, 
#socialLinks ul.socialLinks li.twitter a:active {background-position:-50px -55px;}
#socialLinks ul.socialLinks li.linkedIn a:link, 
#socialLinks ul.socialLinks li.linkedIn a:visited {background-position:-1px -107px;}
#socialLinks ul.socialLinks li.linkedIn a:hover, 
#socialLinks ul.socialLinks li.linkedIn a:active {background-position:-50px -107px;}
#socialLinks ul.socialLinks li.blog a:link, 
#socialLinks ul.socialLinks li.blog a:visited {background-position:-1px -160px;}
#socialLinks ul.socialLinks li.blog a:hover, 
#socialLinks ul.socialLinks li.blog a:active {background-position:-50px -160px;}


.smallText {
font-size:.7em;
text-align:center;
}