body{margin:0px; padding:0px; color:#fff; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:18px; background-image:url(../images/background.jpg); background-repeat:no-repeat; background-color:#003065; background-position:center top;}
.wrapper{
	background:#c2c2c2 url(../images/bubbles-inner.jpg);
}

a img {border:none;}
a {color:#85a9d3;}

#container{width:979px; text-align:justify; position:relative; left:50%; margin-left:-490px;}

#header{height:148px; background:#013066 url(../images/header-bg.png) no-repeat top center;}
#logo{float:left; margin-top:10px;}
#follow{float:right; margin:42px 10px 0px 0px; text-align:right}
#tagline{ margin:15px 0px 0px 0px;}

#navigation{}
#nav{ margin:0px 6px; background-image:url(../images/nav_bg.jpg); height:34px; background-repeat:repeat-x;}
#nav ul{margin:0px; padding:0px; background:url(../images/nav_bg-rhtcrv.png) no-repeat right; float:left; width:973px;}
#nav ul li{float:left; list-style-type:none; background:url(../images/nav_sep.jpg) no-repeat right;}
#nav ul li a{ background:url(../images/nav_bg.jpg) repeat-x; display:block; color:#000; font-size:16px; font-weight:bold; text-decoration:none; height:34px; line-height:34px; padding:0px 28px; margin-right:1px; position:relative;}
#nav ul li a span.left{ position:absolute; left:-6px; top:0px; width:6px; background:url(../images/nav_bg-lftcrv.png) no-repeat left;}
#nav ul li a span.right{ position:absolute; right:-6px; top:0px; width:6px; background:url(../images/nav_bg-rhtcrv.png) no-repeat right;}
#nav ul li.last a{margin-right:0px; padding:0 34px 0 35px;}
#nav ul li a:hover{color:#fff; background:url(../images/nav_bg-1.jpg) repeat-x;}
#nav ul li a:hover span.left{ background:url(../images/nav_bg-lftcrv-1.png) no-repeat left;}
#nav ul li a:hover span.right{ background:url(../images/nav_bg-rhtcrv-1.png) no-repeat right;}

#bodyArea{background-image:url(../images/body_bg.png); min-height:485px; background-repeat:repeat-x; padding:30px 25px 40px 25px;}

#homeBoxes{text-align:center; width:700px; margin:0px 0px 0px 120px}
.box{background-image:url(../images/box_bg.png); width:308px; height:308px;}
.boxHeading{padding:20px 0px 21px 0px;}

#smallThumbnails{float:right; width:205px; margin:32px 0px 0px 15px;}
#smallThumbnails a{ margin:0px 10px 10px 0px; display:block; float:left}
#smallThumbnails a img{border:0px;}

#leftNavigation{float:left; width:176px; margin:0px 13px 0px 0px;}

/*#leftNavigation a{ width:140px; display:block; height:26px; margin:0px 0px 10px 0px; color:#c2d0df; font-weight:bold; text-decoration:none; padding:5px 0px 0px 20px; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif}
#leftNavigation a:hover{ width:170px; display:block; background-image:url(../images/btn_over.png); background-repeat:no-repeat; color:#fff;}
*/

#largeImage{float:left; width:520px;}
#largeImage img{
	 padding:2px; border:1px solid #1f4478; background-color:#03244c;
}

img.border-s1{ padding:2px; border:1px solid #1f4478; background-color:#00152d;}

#largeImage a{ width:145px; background-image:url(../images/btn_top.png); background-repeat:no-repeat; height:26px; color:#5bbbe6; font-weight:bold; text-decoration:none; padding:6px 0px 0px 0px; text-align:center; margin:0px 10px 0px 0px; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; display:block; float:left; border-bottom:0px;}

#largeImage a:hover{ background-image:url(../images/btn_top_over.png); background-repeat:no-repeat; color:#fff;}

.topSelected{background-image:url(../images/btn_top_over.png) !important; color:#fff !important; border-bottom:1px solid #00152d; position:relative; bottom:-1px;}

.selected{background-image:url(../images/btn_over.png); color:#fff; }

.boxSmall{ width:429px; height:260px; color:white; margin:0; margin-left:-20px; margin-right:-20px;}




 
h1{font-family:Arial, Helvetica, sans-serif; font-size:22px;}
#bodyArea h1{
	background:url(../images/drop.png) no-repeat left;
	padding-left:16px;
	padding-top:10px;
	height:39px;
	line-height:39px;
}


.left{float:left}
.right{float:right}
.clear{clear:both}

.step{display:block; width:300px;}

.step_left{float:left; display:block; width:300px;}
.step_right{float:left; margin-left:30px; display:block; width:300px;}
.steppic_left {width:400px; float:left; margin-left:75px;}
.steppic_right {width:400px; float:right; margin-right:165px;}
.img_left {float:left; margin-right:10px; margin-top:10px; margin-bottom:10px;}
.img_right {float:right; margin-left:10px; margin-top:10px; margin-bottom:10px;}
.headshot {float:left; width:100px; margin-bottom:10px; margin-right:10px; margin-top:5px;}

.box a {text-decoration::none}
.box a img {border:none}

.foot_right { float:right; text-align:left; width:48%;}
.foot_right img {background-color:#003065;}
.foot_left { float:left; text-align:left; width:48%;}

#footer{background-color:#001d3e; font-size:11px; text-align:center; color:#99a0a7; clear:both; padding-top:1px;}
#footerInner{text-align:center; padding:22px; background:url(../images/footer_bg.jpg) repeat-x top center;}
#footer ul.list-txt{ padding:0px; margin:0px; list-style:none;}
#footer ul.list-txt li{ padding-bottom:2px;  border-bottom:1px solid #165193; margin-bottom:10px;}
#footer strong{ color:#76b7ff; font-weight:bold;}
#footer span.hzspace{ margin-left:20px;}
#footer ul.list-txt a{ color:#e07900; text-decoration:none;}
#footer ul.list-txt a:hover{ text-decoration:underline;}
#footer img.border-s1{ border:1px solid #0f4e94;}
#footer .copyright{ padding:14px 25px; background-color:#013066; color:#3478c3;}

ul.browser-icons{
	padding:0px;
	margin:0px;
	margin-top:12px;
	list-style:none;
	clear:both;
}
ul.browser-icons li{
	display:inline;
	padding-left: 12px;
	vertical-align:top;
}
.browser-row{
	 padding:14px 25px; color:#3478c3;
	 font-size:1.2em;
	 font-weight:bold;
}

#InnerBodyMenu{float:left; width:920px; margin-bottom:0px; padding-bottom:1px;}

#InnerBodyMenu a{ width:145px; background-image:url(../images/btn_top.png); background-repeat:no-repeat; height:26px; color:#c2d0df; font-weight:bold; text-decoration:none; padding:6px 0px 0px 0px; text-align:center; margin:0px 10px 0px 0px; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; display:block; float:left}

#InnerBodyMenu a:hover{ background-image:url(../images/btn_top_over.png); background-repeat:no-repeat; color:#fff;}

.thumb img {padding: 5px; margin-top: 0px; margin-left: 0px; top: 0px; left: 0px; width: 100px; display: block; height: 100px;} 

.gallery-list-container{
	width:176px;
	background:url(../images/gallery_menu_mid.jpg) repeat-y;
	margin:0 auto;
}
.gallery-list-container .inner{
	background:url(../images/gallery_menu_btm.jpg) no-repeat bottom;
}

.acc-section {height:0px; overflow:hidden;}

.gal-list-s1{
	background:url(../images/gallery_menu_top.jpg) no-repeat top;
	padding:1px;
}
.gal-list-s1 li {list-style:none;
	background:url(../images/bullet1.gif) no-repeat 0px 9px;
	margin:8px;
	padding-left:12px;
}
.gal-list-s1 li a{
	display:block;
	height:22px;
	line-height:22px;
	background:#00132b url(../images/gallery_menu_vrsep.jpg) repeat-x bottom;
	padding:0px 4px;
	color:#5bbbe6;
	cursor:pointer;
	font-size:11px;
	text-decoration:none;
}
.gal-list-s1 li a:hover, .gal-list-s1 li a.selected{
	color:#fff;
	background:#00132b url(../images/gallery_menu_vrsep-1.jpg) repeat-x bottom;
}

.gal-list-s1 h3 {
		 margin-bottom:15px;
		 font-size:14px;}
		
.acc-content li {margin-left: 10px;}

.gal-list-s1 a#sel, .acc-content li a#sel{color:#fff;
	background:#00132b url(../images/gallery_menu_vrsep-1.jpg) repeat-x bottom;}

.media
{width:100%;
text-align:center;
border-collapse:collapse;
}
.media td{
	vertical-align:bottom;
	background-color:#00152d;
	border:1px solid #1f4478;
	margin:20px;
}
.media tr{
	margin-bottom:20px;
}
.media-list{
	margin:0px;
	padding:0px;
	list-style:none;
}
.media-list li{
	display:inline-block;
	zoom:1;
	*display:inline;
	padding:20px 20px 0px 20px;
	margin:0px 10px 30px 0px;
	background-color:#012349;
	border:1px solid #1f4478;
	vertical-align:bottom;
	text-align:center;
	height:321px;
	position:relative;
}
.media-list li p{
	margin:0px;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;	
}
.media-list li p a:link,.media-list li p a:visited{
	display:block;
	padding:5px 0px;
	text-decoration:none;
	font-weight:bold;
	background-color:#0169a0;
	color:#00142a;
}
.media-list li p a:hover{
	background-color:#0089d2;
	color:#fff;
}

.boxProject{width:480px; color:black; margin:0; /*background-image:url(../images/box_bg.png);*/ padding: 20px;
background-color:#67bef5;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px;
	-webkit-box-shadow: 6px 6px 5px #0a1d33;
	-moz-box-shadow: 6px 6px 5px #0a1d33;
	border:1px solid #a6d2f4;
}
* .boxProject * a {background-image:url(../images/box_bg.png);}

.testimonial-list{
	margin:0px;
	padding:0px;
	list-style:none;
}
.testimonial-list li{
	padding:14px 20px 20px 50px;
	position:relative;
	background-color:#03244c;
	margin-top:35px;
	color:#5bbbe6;
	border:1px solid #1f4478;
	border-left-width:0px;
	border-right-width:0px;
	height:1%;
	font-size:1.1em;
	line-height:1.4em;
}
.testimonial-list span.testimonial{ background:url(../images/testimonial.png) no-repeat left; display:inline-block; width:23px; height:20px; vertical-align:bottom; padding-right:5px; position:absolute; top:-10px; left:15px;}
.testimonial-list li:first-letter {
/*make it big*/
font-size:2.5em;
/*slanted text is cool*/
font-style:italic;
font-weight:bold;
/*make it a block? that's so crazy. why?*/
display:block;
/*ooooh, to float it. That'll get it lined up nicely!
float:left;*/
/*there's that background I was looking for
background:#333;*/
/*the accent color*/
color:#5bbbe6;
/*my nifty border
border:1px solid #fff;*/
}
.testimonial-list li .author{
	display:block;
	margin-top:15px;
	color:#d87a00;
	font-style:italic;
	text-align:right;
	font-size:.9em;
}

.hr-s1{
	height:247px;
	border:0px;
	margin:-100px 0px 40px 0px;
	padding-top:1px;
	clear:both;
	background:url(../images/hr-s1.png) no-repeat bottom;
}
.box-s1{
	min-height:140px;
	_height:140px;
	margin:0px 0px 50px 0px;
	background:url(../images/box-s1.png) no-repeat top;
	padding:20px;
}
.img-fright{
	float:right;
	margin-left:20px;
	margin-bottom:5px;
}
.img-fleft{
	float:left;
	margin-right:20px;
	margin-bottom:5px;
}

.f_left{
	float:left;
}
.f_right{
	float:right;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */