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

body { font-family: sans-serif, sans, Tahoma, Arial, Helvetica, sans-serif;
margin:0 auto 0 auto;
background: #3b4959;}

img, div { behavior: url(iepngfix.htc) }

.clear { clear:both;}

/* specific divs */

#container { 

width:992px;
margin:0 auto 0 auto;
background-color:#4a6b94;
background-image: url(../images/bg01.jpg);
background-position:bottom;
background-repeat:no-repeat;

}

#container2 { 

width:992px;
margin:0 auto 0 auto;
background-color:#4a6b94;
background-image: url(../images/bg02.jpg);
background-position:bottom;
background-repeat:no-repeat;

}

#container3 { 

width:992px;
margin:0 auto 0 auto;
background-color:#4a6b94;
background-image: url(../images/bg03.jpg);
background-position:bottom;
background-repeat:no-repeat;

}

#container4 { 

width:992px;
margin:0 auto 0 auto;
background-color:#4a6b94;
background-image: url(../images/bg04.jpg);
background-position:bottom;
background-repeat:no-repeat;

}

#container5 { 

width:992px;
margin:0 auto 0 auto;
background-color:#4a6b94;
background-image: url(../images/bg05.jpg);
background-position:bottom;
background-repeat:no-repeat;

}

#container6 { 

width:992px;
margin:0 auto 0 auto;
background-color:#4a6b94;
background-image: url(../images/bg06.jpg);
background-position:bottom;
background-repeat:no-repeat;

}

/* content box */

#content { position:relative; 
z-index:2;}

/* left columnn, logo and nav */

#left { padding:40px 0 0 40px;
float:left;
width:145px;}

#left ul#nav { list-style:none;
color:#fff;
font-size:70%;
border:1px solid #a9bfda;
border-bottom:none;
margin:20px 0 0 0;
padding:0;}

#left ul#nav li { background:url(../images/arrow.png) no-repeat 5% 0;
padding:0px 0 0px 30px;
line-height:20px;
border-bottom:1px solid #a9bfda;}



#left ul#nav a { color:#fff;
text-decoration:none;}

#left ul#nav a:hover { color:#acd9fc;}

#left ul#nav .on { background-color:#547aa4;}

#left ul#nav ul.sub { margin:4px 0 0 -30px;
padding:0;
list-style:none;
.margin:0 0 0 -31px;}

#left ul#nav ul.sub li { background:none;
padding:3px 0 3px 10px;
margin:0 0 0 21px;
border:none;
border-left:1px solid #a9bfda;}

/* middle column */

#middle { margin:0;
padding:85px 40px 0 40px;
float:left;
width:350px;}

#middle.full { margin:0;
padding:85px 40px 0 40px;
float:left;
width:550px;}

#middle h1 { 
color:#fff;
font-size:120%;
margin:0;
padding:0;
font-weight:normal;
}

#middle h2 { 
font-weight:600;
color:#b8e7fb;
font-size:80%;
margin:0;
padding:0;}

#middle p { font-size:70%;
color:#fff; margin-top:10px; margin-bottom:10px;padding:0;}

#middle p.last { font-weight:bold;}

#middle ul { font-size:70%;
color:#fff;
line-height:15px;}

#middle a { color:#fff;
text-decoration:underline;}

#middle a:hover { color:#acd9fc;
text-decoration:none;}

/* right column */

#right { float:left;
width:274px;

}

#right a{ color:#d8e8fb;
text-decoration:none;}

#right a:hover  { color:#fff;
text-decoration:none;}

#right ul.case-study { font-size:80%;
color:#fff;
list-style:none;
margin:0;
padding:2px 0 2px 0;
background-color:#355873;}

#right ul.case-study li { background:url(../images/case-arrow.jpg) no-repeat 5% 50%;
padding:3px 0 3px 40px;}

#right .case { margin:60px 0 0 0;
background-color:#31566b;


padding:0 0 5px 0;}

/*#right .case img { width:274px;
height:86px;}*/

#right .case h3 { color:#fff;
font-size:75%;
font-weight:bold;
margin:10px 10px 4px 10px;}

#right .case p { color:#d8e8fb;
font-size:70%;
margin:0px 0px 10px 10px;}

.more { font-weight:bold;}

#back { background-color:#365974;
margin:2px 0 0 0;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
height:100px;}

/* OLD bottom 

#bottom { 
background:url(/images/bg03.jpg) no-repeat;
height:417px;
margin:-80px 0 0 0;
z-index:0;
position:inherit;
_margin:0;}

*/

/* footer */

#footer { 

margin:0;
background-color:#242e38;
padding:5px 0 10px 0;

}

#footer ul { font-size:72%;
float:right;
color:#b0bbc7;
list-style:none;
margin:7px 100px 0 0;
padding:0;}

#footer li { display:inline;
padding:0 5px 0 5px;
border-right:1px solid #b0bbc7;}

#footer a { color:#b0bbc7;
text-decoration:none;}

#footer a:hover { color:#fff;
text-decoration:none;}

/* paging 



.pages form { float:left;
width:350px;
padding:5px 0 0 0;}

.pages form label { font-size:72%;
color:#fff;
font-weight:bold;}

.pages form select { font-size:72%;}

.pages .btn { background-color:#1d3f60;
border:none;
color:#fff;
font-weight:bold;
font-size:72%;
padding:2px 5px 3px 5px;}

#pages { font-size:72%;
color:#fff;
padding:10px 0 0 0;
float:right;}

#pages span { font-weight:bold;}

#pages a.pageslink { text-decoration: none;
text-align: center;
padding: 0 5px 0 5px;
border: 1px solid #ddd9d8;
margin-left: 3px;
font-weight: normal;}

#pages a.pageslink:hover { color: #666666;
background-color: #acd9fc;}

*/

/* case studies */

.client { border-top:1px dashed #acd9fc;
padding:10px 0 10px 0;}

.client h3 { color:#fff;
font-size:78%;
margin:0; padding:0;
}

.client img { float:right;
padding:5px;
border:1px solid #6b8cb5;
margin:10px 10px 5px 10px;}

/* breadcrumb */

ul#breadcrumb { list-style:none;
color:#b4c9d9;
font-size:72%;
margin:10px 0 0 0;
padding:0;}

ul#breadcrumb li { display:inline;
padding:0 5px 0 5px;
border-right:1px solid #b4c9d9;}

ul#breadcrumb li a { color:#b4c9d9;
text-decoration:none;}

ul#breadcrumb a:hover { color:#fff;
text-decoration:none;}

/* contact form */

#middle #contact_form { margin:20px 0 0 0;}

#middle #contact_form label { float:left;
width:100px;
font-size:72%;
color:#fff;
margin:0 0 5px 0;}

#middle #contact_form input.text_box { font-size:72%;
width:200px;
margin:0 0 5px 0;
background-color:#607eb7 !important;
border:1px solid #607eb7;
color:#fff;
padding:2px;}

#middle #contact_form select { font-size:72%;
width:205px;
margin:0 0 5px 0;
background-color:#607eb7 !important;
border:1px solid #607eb7;
color:#fff;
padding:2px;}

#middle #contact_form textarea { font-size:90%;
width:200px;
margin:0 0 5px 0;
background-color:#607eb7 !important;
border:1px solid #607eb7;
color:#fff;
padding:2px;}

#middle #contact_form input.btn { font-size:75%;
width:205px;
margin:0 0 5px 0;
background:url(../images/btn.jpg) repeat-x;
font-weight:600;
border:1px solid #31566b;
color:#fff;
padding:2px;}

.title { font-weight:bold;}

/* PAGING STYLES */

.pagenum { color:#fff; font-size:70%; width:100px; float:left; margin-top:7px;}



	.pages {
	
	float:right;
text-align:right;
	font-size: 70%;
color: #fff;
/*width:220px;*/
margin-right:5px;
margin-top:5px;
height:20px;
	padding-top: 3px;
	padding-bottom: 1px;
	font-weight:normal;
	}
	

	
	a.pageslink {

text-decoration: none;
width:100%;
background-color:#6b8cb5;
text-align: center;	min-width: 75px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #6b8cb5;
margin-left:3px;
	text-decoration:none;
font-weight:normal;
}
a.pageslink:hover {
	color: #fff;
	background-color: #79b4fd;
	text-decoration:none;
}