@charset "UTF-8";
/* CSS Document */

/* ---------- Structural Components ---------- */

html {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px
}

body { 
	font-family: Arial, Helvetica, Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	line-height: 130%;
	color: #c6c6c6;
	background-color: #0b0b0b;
	margin: 0px;
	padding: 0px;
}

#herocontainer {
	background-image: url('/images/top-bg.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	border-bottom: 2px solid #ffff00;

}

#innerpagecontainer {
	background-image: url('/images/top-bg.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 0px;
	border: 1px solid black;
	padding-bottom: 50px;
}

.spacer {
	height: 20px;
}


.contentarea {
	z-index: 0;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

.contentarea a:hover {
	color: #ffff00;
}

.navunderline {
	width: 50%;
	border-bottom: 1px solid #414141;
	margin-left: auto;
	position: absolute;
	right: 0px;
	top: 91px;
}

#footer {
	border-top: 1px solid #c6c6c6;
	margin-top: 77px;
	height: 200px;
	padding-top: 28px;
	font-size: 12px;
	line-height: 130%;	
}


/* ---------- Homepage Components ---------- */

#heroarea {
	border: 2px solid #9a9a9a;
	height: 278px;
	width: 946px;

	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 30px;
	position: relative;
	overflow: hidden;
}

#homecontent {
	margin-top: 20px;
}

#home_about {
	width: 553px;	
	margin-top: 30px;
	padding-bottom: 40px;
	float: left;
	border-bottom: 4px solid #c6c6c6;
}

#homesidebar {
	width: 193px;
	margin-top: 30px;	
	padding-left: 21px;
	float: left;
}

#homesidebar img {
	margin-bottom: 35px;
}

.callouttext {
	font-size: 20px;
	line-height: 130%;
	margin: 24px;
	color: #fff;
	font-style: italic;
}
.postfooter {
	margin: 55px 0px 25px 0px;
}

.deecipher {
	color:#fff;
	font-family: Helvetica, Georgia, Times New Roman, Times, serif;	
	font-size: 11px;	
	font-weight:bold; 
	outline:medium none;
	text-decoration:none;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.1);
	text-transform:uppercase;

}

.topborder {
	padding-top: 20px;
	border-top: 2px solid #ffff00;
}

.readmore {

	color: #ffffff;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 20px;

}

.subpagetitle {
	margin: 50px 0px 0px 0px;
}

#innernav {
	width: 351px;
	float: left;
	padding-top: 35px;
	padding-bottom: 30px;
}

#innercontent {
	width: 544px;
	float: left;
	padding-top: 40px;
	padding-bottom: 0px;
}

#innercontentclients {
	width: 544px;
	float: left;
	padding-top: 40px;
	padding-bottom: 0px;
	min-height: 400px;
}

.storycopy {
	margin-bottom: 40px;
	display:block;
}

.servicescallout {
	font-style: italic;
	font-size: 14px;
		line-height: 130%;
}

.clientheader {
	margin: 0px 0px 30px 0px;
}

.bioimg {
	margin: 0px 0px 30px 30px;
	float: right;
}

.partnerimg {
	margin: 0px 30px 60px 0px;
	float: left;
}

.thumbsgallery {
	margin-top: 30px;
}

.thumbsgallery img {
	float: left;
	margin: 10px 5px 10px 0px;
}

#innernav li, #innernav ul, #innernav a {
	list-style-type:none; 
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
	font-size: 13px;
	color: #c6c6c6;
	text-transform: uppercase;

}

#innercontent img {
	float: right;
	margin: 0px 0px 30px 30px;
}





/* ---------- Header Components ---------- */

#header {
	background-image: url('/images/header-bg.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	height: 93px;
	width: 900px;
	padding-top: 13px;
}

#slogan {
	float: left;
	width: 314px;
	font-family: Arial, Helvetica, Georgia, Times New Roman, Times, serif;
	font-size: 19px;
	line-height: 120%;
	font-style: italic;
	margin: 48px 33px 35px 0px;
	padding-bottom: 7px;
	color: #c6c6c6;
}

.homecolumnspacer {
	float: left;
	width: 314px;
	margin-right: 33px;
}

.clientlist {
	float: left;
	width: 188px;
	margin-top: 50px;
	padding-right: 30px;
	font-family: Arial, Helvetica, Georgia, Times New Roman, Times, serif;	
	font-size: 11px;
	color: #b1b1b1;
	text-transform: uppercase;
	list-style:none;
}

.homecolumn {
	float: left;
	width: 335px;
	margin-top: 50px;
}

#header #logo {
	float:left;
	margin-left: 0px;
	margin-top: 33px;
}



	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 544px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 544px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { 
	background-color: #ffff00;
	color: black !important;
	}
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */


	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	


#header #pagenav {
	margin-top: 24px;
	float:right;
	text-transform: uppercase;
	font-family: Arial, Helvetica, Georgia, Times New Roman, Times, serif;
	border-bottom: 1px solid #414141;
	width: 544px;
}					
/* Superfish - Menu Styles */
.sf-menu, .sf-menu * {z-index: 9999999 !important;}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu { margin-top:20px;}
.sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%; }
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative; margin-right: 8px;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:2.2em; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:12.8em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}
.sf-menu {float:left;margin-bottom:0em;}
.sf-menu a {padding: 10px;text-decoration:none;}
.sf-menu a, .sf-menu a:visited,.sf-menu a, .sf-menu a:link  { color: #c1c1c1; }
.sf-menu li {font-size:12px; margin-bottom: 2px;}
.sf-menu li a:hover {color:#CCC;outline:0; }
.sf-menu li ul {background:#d2d2cf;border:1px solid #bbbbb8;opacity: .85;filter: alpha(opacity=85);	-ms-filter: "alpha(opacity=85)";-khtml-opacity: .85;-moz-opacity: .85;}
.sf-menu li ul li {font-size:11px;}
.sf-menu li ul li a:link,.sf-menu li ul li a:visited { color:#fff;}
.sf-menu li ul li a:hover {border:0;background:#fff; color: #0789b9;}
.sf-menu li ul li ul { background-color:#e2e2e2; border:1px solid #d1d1cc;opacity: .85;filter: alpha(opacity=85);	-ms-filter: "alpha(opacity=85)";-khtml-opacity: .85;-moz-opacity: .85;}
.sf-menu li ul li ul li a:link,.sf-menu li ul li ul li a:visited { color:#fff;}
.sf-sub-indicator { padding:0; margin:0;}

.current_page_item {
	border-bottom: 2px solid #ffff00;
	padding-left: -15px;
	padding-right: -15px;
	margin-bottom: 0px !important;
}

#footer .current_page_item {
	border-bottom: 0px !important;
}


/* my slideshow stuff */

#slideshowcontainer {
    position:relative;
    height:223px;
    width: 900px;
    overflow: hidden;
    margin-top: 24px;
    padding-bottom: 0px;

    margin-bottom: 44px;
}

#slideshow {
}

#slideshow DIV {
	display: none;
}

#slideshow span {
	width: 171px;
	background-color: #000;
	display: none;
}

#slideshow DIV.active {
    z-index:10;
    display: block;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
    display: none;
}

#slideshow DIV IMG {

}

.caption {
	display: none;
}

.captionbg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 225px;
	height: 223px;
	background-color: #ffff00;
	opacity: 0.5;
					filter: alpha(opacity=50);
					-moz-opacity: 0.5;
					-khtml-opacity: 0.5;	
	z-index: 13;
	display: none;
}

.captiontext {
	position: absolute;
	top: 129px;
	left: 0px;
	width: 440px;
	height: 71px;
	padding: 5px 15px 5px 5px;
	background-color: #000;
	color: white;
	font-size: 22px;
	line-height: 110%;
	z-index: 15;
	display: none;
}

.captiontext h3 {
	margin-bottom: 5px;
	padding-bottom: 0px;
}

.captionmsg {
	font-size: 13px;
	line-height: 110%;
}

.captionlink {
	font-size: 12px;
	float: right;
	text-transform: uppercase;
}


/* ---------- Homepage Hero Area Slider Components ---------- */
		/*
			#slider {
				width: 946px; was 900
				height: 278px; was 250
				position: relative;
				overflow: hidden;
				margin-bottom:20px;
			}
			*/
			
			#herosidebar {
				width: 193px;

				
				margin-top: 24px;
				border: 0px solid blue;
			}
			
	
			
		
				#slider #sliderContent {
					width: 900px;
					position: absolute;
					top: 0;
					margin-left: 0;
				}
				#slider .sliderImage {
					float: left;
					position: relative;
					display: none; /* was none */
				}
				
				#slider ul {
					margin: 0px;
					padding: 0px;
				}
				#slider li {
					margin: 0px;
					padding: 0px;
				}
				#slider .sliderImage span {
					position: absolute;
					font-size:12px;
					padding: 20px 30px;
					width: 900px;
					background-color: #ffff00;
					filter: alpha(opacity=30);
					-moz-opacity: 0.3;
					-khtml-opacity: 0.3;
					opacity: 0.3;
					color: #ffff;
					display: none;
					left: 0;
				}
				#slider .sliderImage h3 {
					font-size: 18px;
					margin:0;
					padding:0;
					line-height:24px;
					color:#ffffff;
				}
				#slider .top {
					top: 0;
					left: 0;
				}
				#slider .bottom {
					bottom: 0;
					left: 0;
				}
				#slider .left {
					top: 0;
					left: 0;
					width: 150px !important;
					height: 280px;
					margin-left: 20px;
				}
				#slider .right {
					right: 0;
					bottom: 0;
					width: 90px !important;
					height: 290px;
				}



/* ---------- Footer Components ---------- */

#footer .footernav, #footer .copyright {
	float:left;
}

.footernav {

}

.contactinfo {
	float: left;
	margin-right: 26px;

}



#footer a:hover {
	color: #0789b9;
}
	
#footer .copyright {
	width: 335px;
	height: 115px;
	margin-right: 21px;
	background-image: url('/images/footer-separator.jpg');
	background-repeat: no-repeat;
	background-position: top right;
}

#footer .footernav {
	width: 520px;
	font-family: Century Gothic, Arial, Helvetica, Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	text-align: right;
}

/* Footer nested UL styler */

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding: 0 0 0 0;
	list-style:none;
	
}

#sitemap li{
	line-height:200%;
	margin-right:1px;
	position:relative;
	float:left;
	font-size: 11px;
}
#sitemap li a{padding-left:25px;}
#sitemap li span{float:left;position:absolute;top:5px;left:2px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(expanded.gif) no-repeat 0 0;}

/* second level */

#sitemap li li{
	clear:both;
	width:100%;
	margin-right:0;
	margin-bottom:1px;
	font-size: 9px;
}
#sitemap li li span, #sitemap li li span.collapsed{background:url(collapsed2.gif) no-repeat 0 0;} 
#sitemap li li span.expanded{background:url(expanded2.gif) no-repeat 0 0;}

/* third level */

#sitemap li li li{
	
}
#sitemap li li li a{color:#999;font-size:90%;}

/* float fix */

#sitemap:after, #sitemap ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#sitemap, #sitemap ul{display:block;}
/*  \*/
#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}
 /*  */
#sitemap ul{display:block;}



/* ---------- Other Page Components ---------- */

		
img { 
	border: none; 
}



a {
	color: white;
	text-decoration: none;
}

h1 {
	font-family: Arial, Helvetica, Georgia, Times New Roman, Times, serif;
	font-size: 23px;
	font-weight: normal;
	text-transform: uppercase;	
	margin: 20px 0px 16px 0px;
	padding: 0px;
	color: #d4d4d4;
}

h5 {
	font-family: Arial, Helvetica, Georgia, Times New Roman, Times, serif;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;	
	margin: 0px 0px 21px 0px;
	padding: 0px;
	color: #d4d4d4;
}

h2 {
	font-family: Arial, Helvetica, Georgia, Times New Roman, Times, serif;
	font-size: 26px;
	text-transform: uppercase;	
	margin: 0px 0px 15px 0px;
	padding-bottom: 7px;
	color: #ffffff;
	
}





h3 {
	font-family: Arial, Helvetica, Georgia, Times New Roman, Times, serif;
	font-size: 20px;
	text-transform: uppercase;	
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color: #ffffff;
}

h4 {
	font-family: Arial, Helvetica, Georgia, Times New Roman, Times, serif;
	font-size: 16px;
	text-transform: uppercase;	
	margin: 0px 0px 15px 0px;
	padding-bottom: 7px;
	color: #ffffff;
	border-bottom: 1px solid #c6c6c6;
}

h5 {
	font-family: Arial, Helvetica, Georgia, Times New Roman, Times, serif;
	font-size: 16px;
	text-transform: uppercase;	
	margin: 0px 0px 15px 0px;
	color: #ffffff;
}

h6 {
	text-transform: uppercase;	
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 12px;
	color: #9a9a9a;	
}



h7 {
	text-transform: uppercase;	
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 14px;
	color: #9a9a9a;	
}


hr {
	background-color: #d4d4d4;
	height: 0px;
}

.clear {
	clear: both;
}

.clientlist_names { list-style:none; }