/* Eric Meyer Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }


/* Basic Elements */

h1, h2, h3, h4, h5, h6, ol, ul, p, form{ margin: 0 0 18px 0; }

ol, ul, dl { list-style: none; margin: 0 0 18px 18px; }
ol{ list-style: decimal; }
ul{ list-style: disc; }
dl dt{ font-weight: bold; }
dl dd{ margin-left: 18px; }

a{ color: blue; }
a:link, a:visited{ text-decoration: none; }
a:hover, a:active{ text-decoration: underline; }

blockquote, q { quotes: none; }

strong, b{ font-weight: bold; }

i, em{ font-style: italic; }

sup { font-size:0.55em; vertical-align:super; }

del { text-decoration: line-through; }

table { border-spacing: 0; }

.clear { clear: both; height: 1px; overflow: hidden; }

.thumb {float:left; margin-right:16px;}

.generated-inline-form label{
	display: block;
	font-weight: bold;
}
.generated-inline-form input.text, .generated-inline-form textarea{ margin: 0 0 5px 0; }
.generated-inline-form input.text{ width: 300px; }

/* Backgrounds */

html, body{ background: white; position:relative; }
body { font: 12px/1.5 arial, verdana, sans-serif; color: #333; text-align: center;}
#homebody { background: url('images/background-home.gif') top repeat-x; position:relative; zoom: 1; }
#innerbody { background: url('images/background-inner.gif') top repeat-x; position:relative; }

#container { margin: 0 auto; text-align: left; width: 925px; display:block; min-height:100%;}
.main { position: relative; width: 925px; z-index: 1; }
* html #container{height:100%;}
/*
====================== Header ========================*/
#header { height: 157px; z-index: 2; }
#header h2 { position: absolute; margin: 0; background: url('images/logo.gif'); width: 231px; height: 121px; left: 5px; top: 20px; }
#header h2 a { display: block; width: 100%; height: 100%; text-indent: -9999em; }

/*
====================== Navigation ========================*/
#nav { position: absolute; top: 50px; right: 0px; height: 36px; }
#nav li {
	display: inline;
	float: left;
	height: 35px;
	list-style: none;
	margin: 0 0 0 4px;
	padding: 0 7px;
	position: relative;
	
	font-size: 17px;
	line-height: 35px;  border-top: 1px solid white; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; min-width: 90px; text-align: center;}
#nav li:hover, #nav li.hover { background: url('images/nav-hover.gif') bottom repeat-x; }
#nav li a { display: block; width: 100%; height: 100%; text-align: center; color: #7DB139; text-decoration: none; }
#nav li a:hover, #nav li:hover a { color: white; }

#nav li ul {
	background: #EEEEEE url('images/nav-sub.gif') no-repeat top center;
	border-bottom: 0px solid #eeeeee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	display: none;
	margin: 0;
	opacity: .9;
	padding: 20px 0 0 0; 
	position: absolute;
	top: 34px;
	left: 0;
	width: 100%;
	min-width: 90px;
}
#nav li:hover ul, #nav li.hover ul { display: block; }
#nav li ul li { display: block; float: none; margin: 0 6px; padding: 6px 0; font-size: 11px; line-height: 16px; height: auto; border-top: 1px solid #DADADA; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; text-align: center; min-width: 90px; }
#nav li ul li:first-child { border: none; }
#nav li ul li:hover, #nav li ul li.hover { background: none;  }
#nav li ul li a, #nav li:hover ul li a { color: #575757; display: block; width: 100%; min-width:90px; text-align: center; }
#nav li ul li a:hover { color: black; }

/*
====================== Banner ========================*/
#bannerhome { height: 322px; background: url('images/banner-home.jpg'); }
	#bannerhome img { position: absolute; top: 0; left: 0; }
	#bannertext { position: absolute; top: 40px; right: 0; width: 265px; color: white; }
	#bannertext h3 { font-size: 20px; font-weight: normal; line-height: 25px; color: white; }
	#bannertext p { font: 12px/1.5 tahoma, arial, verdana, sans-serif; font-size: 14px; color: #B1CBD5; }
	#learnmore { font-size: 18px; color: #74A536; text-decoration: none; }
	#learnmore:hover { text-decoration: underline; }

#bannerinner { height: 131px; background: url('images/banner-home.jpg'); }
	#bannerinner h2 { margin: 0; position: absolute; left: 10px; top: 28px; font-size: 48px; letter-spacing: 2px; font-weight: normal; color: #F5F5F5; text-shadow: #002C51 0px 0px 8px; }
	#bannerinner h2.long{font-size:34px;}
	#bannerinner p { position: absolute; right: 10px; top: 20px; margin: 0; line-height: 18px; font-family: Trebuchet, arial, sans-serif; font-style: italic; font-size: 17px; line-height: 20px; color: #E4E3E3; width: 530px; text-indent: -5px;  }
	#bannerinner p span { display: block; font-family: Trebuchet, arial, sans-serif; font-size: 12px; color: #76BBD9; padding: 0 5px 0 5px; }
	
/*
====================== Content  ========================*/
.content {  }

h1, h2, h3, h4, h5, h6 { font: 12px/1.5 tahoma, arial, verdana, sans-serif; color: #017DAE; margin: 6px 0 0 0; }

p { margin: 16px 0; }

/*
====================== Home ========================*/
#home { padding: 30px 0 50px 0; }

.homecol { width: 280px; float: left; display: inline; margin-left: 35px; }
.homecol h4 { font-size: 18px; font-weight: normal; margin: 0; }
.homecol h5 { font-size: 14px; font-weight: normal; margin: 0; }
.homecol p { color: #888; }

#video { margin-left: 30px; }
#video h5, #video p { padding: 0 8px; margin: 0; }

.newsbox { position: relative; margin-bottom: 20px; }
.newsbox h4 { margin-bottom: 5px; }
.newsbox .rss { position: absolute; top: 7px; right: 0; font-size: 11px; color: #A1A1A1; }
.newsbox .rss img { position: relative; top: 2px; }
.newsbox .rss a { color: #A1A1A1; text-decoration: none; }
.newsbox .rss a:hover { text-decoration: underline; }
.newsbox .date { display: block; font-size: 11px; color: #83BA3C; line-height: 11px; }
.newsbox .date a { color: #83BA3C; }
.newsbox .date a:hover { text-decoration: underline; }
.newsbox ul { margin: 0; padding: 0; }
.newsbox ul li { margin: 0 0 10px 0; padding: 0; list-style: none; }
.newsbox h5 { margin: 0; font-size: 13px; line-height: 16px; }
.newsbox h5 a { color: #333; text-decoration: none; }
.newsbox p { margin: 2px 0; }
.newsbox p a { color: #8EBFD1; text-decoration: none; font-size: 11px; }

#misc { width: 265px; }
#misc ul { margin: 0; padding: 0; }
#misc ul li { margin: 0; padding: 0; list-style: none; padding: 13px 0 0 0; margin: 0 0 13px 0; background: url('images/misc-sep.gif') no-repeat; }
#misc ul li:first-child { padding: 0; background: none; }
#misc ul li h4 { margin: 0 0 5px 0; }
#misc form { margin: 0; }
#misc .results { color: #F28518; }
#misc .follow { color: #6F3C96; }
#misc .form { color: #696969; }
#misc .res a { text-decoration: none; color: #696969; font-size: 13px;  }
#misc .res a h5 { display: inline; margin-right: 10px; position: relative; top: -15px; color: #696969; }
#misc .soc a img { margin-right: 11px; }

#misc .text { color: #B6B6B6; font-size: 12px; border: 1px solid #D7D7D7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px 7px; width: 200px; position: relative; top: -7px; }

/*
====================== Inner ========================*/
#inner { margin: 5px 0 0 0; }

/*
====================== Inner Sidebar ========================*/
#sidebar { float: left; display: inline; width: 220px; padding: 0; margin: 0 0 20px 4px; }
html > body #sidebar{ margin: 0 0 20px 8px; }



.sidenav {
	background: #F0F0F0 url('images/sidenav.gif') repeat-x;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	list-style: none;
	margin: 0;
	padding: 20px 0 15px 0;
	position: relative;
	
	font-family: arial, verdana, sans-serif;
	font-size: 16px;
}
	.sidenav li {
		border-top: 2px dotted #DEDEDE;
		margin: 0 18px;
		padding: 0;
		position: relative;
		height: auto;
		zoom: 1;
	}
	.sidenav li.fixer { height: 0px; border: none; }
	.sidenav li.first { border: none; }
		.sidenav li a {
			display: block;
			height: auto;
			width: 184px;
			padding: 7px 36px 7px 0;
			
			color: #717171;
			line-height: 22px;
			text-decoration: none;
		}
		.sidenav li a:hover, .sidenav li a.current, .sidenav li a.current-ancestor {
			background: url('images/sidenav-hover.png') top right no-repeat; 
			color: #0082B3;
		}
			.sidenav li a span img{ margin: 0 0 0 5px; vertical-align: middle; }
		.sidenav ul{
			list-style: none;
			margin: 0 0 12px 18px;
			padding: 0;
		}
			.sidenav ul li{
				border: none;
				margin: 0;
			}
				.sidenav ul li a{
					width: 100%;
					padding: 4px 0;
					
					color: #818181;
					font-size: 14px;
					line-height: 14px;
				}
				.sidenav ul li a:hover, .sidenav ul li a.current{
					background: none;
					color: #7bb138;
				}
				
				.sidenav ul li a span{
					font-size:11px;
				}





#sideitems { margin: 30px 0; padding: 0; }
#sideitems li { margin: 0; clear: both; padding: 5px 15px; list-style: none; background: white url('images/misc-sep.gif') top center no-repeat; }
#sideitems li:first-child { background: none; }
#sideitems h4 { font-size: 14px; font-family: arial, sans-serif; margin: 0px 0 3px 0; color: #444; }
	#sideitems li.case { padding: 1px 15px; }
	.case a { color: #F18819; line-height: 14px; text-decoration: none; }
	.case img {
		float: left;
		display: inline;
		padding: 0 10px 10px 0;
		vertical-align: middle;
	}
	.case strong { font-size: 11px; color: #666; text-decoration: none; }
	#sideitems .smallsoc h4 { color: #6F3C96; }
	.smallsoc a { padding-right: 5px; }
	.smalltext { color: #999; font-size: 11px; padding: 2px 5px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.smallimage { position: relative; top: 5px; left: 3px; }

/*	
====================== Inner Content ========================*/
#content { float: left; display: inline; width: 615px; margin: 16px 0 50px 25px; color: #666; }
html > body #content{margin: 16px 0 50px 50px;}
#shadowimage { float: right; overflow: hidden; margin: 15px 0 20px 20px; padding: 5px; background: #eee; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#shadowimage img { display: block; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-family: tahoma, arial, sans-serif; color: #0082B3; font-weight: bold; }
#content h1 { font-size: 18px; }
#content h2 {
	margin: 0px 0px 16px 0px;
	padding: 0;
	color: #7db139;
	font-size: 16px;
	font-weight: normal;
}
#content h3 { font-size: 14px; }
#content h4 { font-size: 12px; }
#content h5 { font-size: 12px; font-weight: normal; }

#content p { margin: 0 0 16px 0; }

#content blockquote { margin: 20px 30px; }
#content cite { margin-left: 30px; }

#content ol, #content ul {
	margin: 0 0 16px 20px;
	padding: 0;
}
	#content ol ol, #content ul ul{ margin-bottom: 0; }

#share {
	clear:both; margin: 10px 0;
}

/*
====================== Footer ========================*/
#footer { clear:both; height:50px; background: #878787 url('images/footer.gif') top repeat-x; width:100%; position:static; bottom:0; left:0; overflow: hidden;}
#footercopy { position: relative; width: 925px; margin: 0 auto; }
#phoneemail {  position: absolute; top: 15px; left: 0; font-size: 18px; }
#phoneemail span { color: #F89B2D; }
#phoneemail a { color: #7DA437; text-decoration: none; }
#copy { display: block; padding-top: 22px; }
#ftlinks { position: absolute; right: 0; top: 20px; font-weight: bold; }
#ftlinks a { color: #ADADAD; text-decoration: none; padding: 0 5px; }

/*
====================== Section & Blog Listing ========================*/

#content-header{
	background: transparent url(../images/header-background.png) 0 0 no-repeat;
	height: 39px;
	margin: 0 0 20px -15px;
	padding: 0 15px;
	position: relative;
	width: 600px;
	
	color: #000;
	line-height: 39px;
}
	#content-header h1{
		float: left; 
		color: #0082b3;
		font-size: 20px;
		font-weight: normal;
	}
	#content-header ul{
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#content-header li{ display: inline; }
			#content-header a{ color: #696969; }
		
#content ul#section-list{
	list-style: none;
	margin: 0;
	padding: 0;
}
	#content ul#section-list li h2 a{
		color: #7DB139;
	}
	
.byline{ font-weight: bold; }

#comments form label{
	display: block;
	font-weight: bold;
}
#comments form textarea{
	width: 400px;
	height: 150px;
}
#comments li a{ color: #7DB139; }
#comments li cite{
	margin: 0;
}

#content ul#pagination-links{
	list-style: none;
	margin: 0;
	padding: 0;
}
	#content ul#pagination-links li{ display: inline; }
		#content ul#pagination-links li a{
			color: #7DB139;
		}
		#content ul#pagination-links li a.current{ font-weight: bold; }


/* News List */

#content .news-item h3, #content .news-item h3 a{
	color: #7db139;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
}
#content .news-item p{
	color: #7f7f7f;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#content .news-item a.more{
	color: #7ea7b9;
	font-size: 11px;
}
#content .news-item a.pdf{
	background: transparent url(../images/icon-pdf.png) left no-repeat;
	padding: 3px 0 3px 25px;
	line-height: 18px;
}

#content .news-item{
	margin-bottom:32px;
}


/* Podcast List */

.podcasts .podcast, .white-papers .white-paper, .press-releases .press-release{
	border-bottom: 1px solid #CCC;
	padding-bottom: 16px !important;
	margin-bottom: 16px !important;
}
	.podcast h3{
		padding: 0 0 8px 0;
	}
	.podcast-player-meta{
		font-size: 11px;
	}
		.podcast-player-meta a{
			color: #999;
		}
	
/* Press Releases List */
	
#content .press-release p.byline{ margin: 0; }


/* Social Networks */

#social-networks{
	list-style: none;
	margin: 0;
	padding: 0;
}
	#social-networks li{
		display: inline;
		margin: 0 10px 0 0;
	}
	
	
/* Portfolio - Study Materials */

.study-material{
	float: left;
	margin: 0 16px 0 0;
	width: 180px;
}
	.study-material:nth-child(3n){
		margin-right: 0;
	}
		.study-material p{
			margin: 0;
			padding: 0;
		}
		.study-material-content{
			float: right;
			width: 340px;
		}
		
	.study-material-work-samples{
		clear: both;
		margin: 18px 0 0 0;
	}
		#content .study-material-work-samples p{
			margin: 0 0 10px 0;
			color: #aeaeae;
		}
		#content .study-material-work-samples ul{
			border-bottom: 1px solid #CCC;
			border-top: 1px solid #CCC;
			list-style: none;
			margin: 0 0 16px 0;
			padding: 18px 0 0 0;
		}
		#content .study-material-work-samples ul:after {
		    content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
		}
			.study-material-work-samples li{
				float: left;
				margin: 0 16px 16px 0;
			}
			
			
/* Sitemap page */

.site-map-1{}
.site-map-2{ margin-left: 18px; }
.site-map-3{ margin-left: 36px; }
.site-map-4{ margin-left: 54px; }
		
		
/* Portfolio - Videos */

.video{
	float: left;
	margin: 0 16px 0 0;
	position: relative;
	width: 177px;
}
.video:nth-child(3n){ margin-right: 0; }
	.video a{
		border: 1px solid #e0e0e0;
		display: block;
		height: 126px;
		width: 177px;
	}
		.video-overlay{
			background: transparent url(../images/graphic-video-overlay.png) 0 0 no-repeat;
			display: block;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
		}