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

*{ margin:0px; }
body {	background-image:url(images/Body_Background_Gradient.jpg); 	background-color:#0254a6; background-repeat:repeat-x; width:auto; height:802px; text-align:center;margin-left:auto; margin-right:auto; padding-top:0px; margin-top:0px; color:#666666;}

a:link{	color:#004195;	border:none;}
a:visited, a:active{ color:#004195;}
a:hover{ color:#0099FF;}

#wrapper{ margin: 20px auto 20px auto; 	width:812px; height:auto; text-align:center;  padding:0px;}
#header_top{ background-image:url(images/Header_Top.png); +background-image:url(images/Header_TopIE.png); background-repeat:no-repeat; width:812px; height:20px; text-align:center;	}
* html #header_top{ background-image:url(images/Header_TopIE6.png); }
#header{ background-image:url(images/Header_Background.png); background-repeat:repeat-y; width:812px; height:79px; text-align:center; vertical-align:bottom;}
#printlogo{ display:none; visibility:hidden;}
#body_content{ background-image:url(images/Body_Content_Background.png); background-repeat:repeat-y; width:812px; height:auto; text-align:left;}
#text {text-align:left; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#666; width:400px;}
#body_text{ width:625px; padding:10px 35px 0px 95px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; height:auto; text-align:left;}
#body_text2{ width:675px; padding:0px 0px 0px 70px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; height:auto; text-align:left; }
#ourwork_nav{ float:left; display: block; margin-left:0px; margin-top:35px; padding:0px; margin-bottom:150px; }
#hor_dot_line{ border-top:dotted #999999 2px; height:20px;}
img{ border:none; }
h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:30px; color:#004195; text-transform:uppercase;}
h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#004195; text-transform:uppercase;}
h4{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:16px; padding-bottom:0px; padding-top:21px; color:#004195; text-transform:uppercase; }
ul{	padding-left:16px; }
.PicClient{font-weight:bold;}
.PicProject{font-weight:bold;}
#flash{ width:800px; padding-left:5px; text-align:center; padding-bottom:30px;}
#floatRight{ display: block; float: right; padding-left:38px; padding-top:5px; padding-bottom:5px; padding-right:82px; font-family:Verdana, Arial, Helvetica, sans-serif; 	font-size:11px; border:none; width:220px; +overflow:hidden; +word-wrap: break-word;}
#floatRightTestimonials{ display: block; float: right; padding-left:38px; padding-top:5px; padding-bottom:5px; padding-right:82px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:none; }
#clients{list-style:none; padding-left:0px;}

/*Footer*/
#floatLeft{ display: block; float: left; width:300px; padding-left:5px; padding-top:5px; padding-bottom:5px; padding-right:30px; }
#footer_bottom{background-image:url(images/Footer_Bottom.png); background-repeat:no-repeat; width:812px; height:28px; text-align:center;}
#footer_copyright{font-family: Arial,Verdana, Helvetica, sans-serif; font-size:10px; width:812px; text-align:center; color:#9c9c9c;}
#footer_copyright a:link, #footer_copyright a:visited, #footer_copyright a:hover, #footer_copyright a:active {color:#9c9c9c;}
#footer_nav{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; width:812px; height:28px; text-align:center; color:#FFFFFF;}
#footer_nav a:link, #footer_nav a:visited, #footer_nav a:active{color:#FFFFFF;}
#footer_nav a:hover{color:#0099FF;}
.privacy{float:right; display:block;}
#jpeInfo { display:none; }
.heading { font-weight:bold; text-align:right; vertical-align:top; }
#rel_links a { font-weight:bold; color:#666; text-decoration:none; }
#rel_links a:hover { font-weight:bold; color:#666; text-decoration:underline; }

/*index page*/
#indexcontainer { width: 800px; margin: auto; }
.left {float: left; padding: 0px 20px 60px 20px; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:10px;   color:#000000;  width: 221px;  border-right:dotted #999999 2px; height:auto; }
.middle {top: 10px; margin-left: 286px; margin-right: 286px; font-family:Verdana, Arial, Helvetica, sans-serif;   font-size:10px; color:#000000; }
.right {float: right; padding: 0px 20px 60px 20px; width: 226px; font-family:Verdana, Arial, Helvetica, sans-serif;   font-size:10px; color:#000000; border-left:dotted #999999 2px; height:auto; }

/*About Us*/
#commitcol {float: left; width: 300px;}
#clientscol {padding-right:1px; padding-left:1px; display: block; float: right; width:260px;}

/*services*/
#leftcolumnserv{float: left; width: 150px;}
#rightcolumnserv{float: right; width: 150px; padding-right:5px}
#introparaserv{vertical-align:top; padding-right:15px; padding-top:1px;}

/*testimonials*/
#imgtestim{display: block; float: right; padding-left:1px; padding-right:1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:none; width:250px; margin:0px;}
#desctestim{float: left; width: 350px;}

/*case studies*/
#introparastudies{width:515px; font-size:12px;}
#descstudies{float: left; display:block; width: 360px;}

/*our work*/

/*our team*/
#introparateam {width: 375px;}
#rightcolumnteam {float: right; width: 200px; height:275px; padding-right:50px;}
#leftcolumnteam {float: left; width: 300px;}


/*Lightbox*/
#lightbox{position: absolute; top: 20px; left: 0; width: 100%; 	z-index: 100; text-align: center; line-height: 0; color:#151410;}
#lightbox a { border-bottom:none; text-decoration:underline; color:#004195; }
#lightbox a:hover {border-bottom:none; text-decoration:underline; color:#0099FF;}
#lightbox a img{border: none; }
#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{padding: 0px;}
#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#loadingLink {display:block; margin:0 auto; padding:0; width:48px; height:48px; background:url("images/color_wheel_loading.gif") center center no-repeat; text-indent:-9999px;}
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{outline: none;}
#imageDataContainer{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; background-color:#eee; margin: 0 auto; line-height: 1.4em; border-top:1px solid #ccc; padding-top:20px;}
#imageData{padding:0 10px;}
#imageDetails{width: 70%; float: left; text-align: left;}	
/*#caption{font-weight: bold;}*/
#numberDisplay{padding-bottom:10px; margin-bottom:10px;}			
#detailsNav{display: block; clear: left; padding:0 0 30px 0; margin:15px 0 0 0;}

#prevLinkDetails {display: block; float:left; margin:0px 0px 0 0; text-decoration:none; width:20px; height:20px; background:url("images/previous2.gif") no-repeat; text-indent:-9999px; overflow:hidden;}		
#nextLinkDetails {display: block; float:left; margin:0px 30px 0 0; text-decoration:none; width:20px; height:20px; background:url("images/next2.gif") no-repeat; text-indent:-9999px; overflow:hidden;}

#close { display:inline; float:right; clear:right; }

#closeLink {display:inline-block; float:left; margin:0; padding:0 0 5px 0; text-decoration:none; width:60px; height:20px; background:url("images/closelabel2.gif") no-repeat; text-indent:-9999px; overflow:hidden;}	
#printLink {display:inline-block; float:left; margin:0; padding:0 0 5px 0; text-decoration:none; width:60px; height:20px; background:url("images/printlabel2.gif") no-repeat; text-indent:-9999px; overflow:hidden; padding-right:5px;}	
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #151410; filter:alpha(opacity=60);
	-moz-opacity: 0.6; opacity: 0.6;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {	/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */	}