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

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #3b4959;
	background-image: url(backer.jpg) no-repeat;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;


}

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

h2 { 
font: 'Trebuchet MS', sans-serif;
	font-weight:400;
	color:#b8e7fb;
	font-size:90%;
	margin:0;
	padding:0;
	letter-spacing: 2px;
}

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


.clear { clear:both;}

/* specific divs */

#container { 

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

}


#container5 {
	width:992px;
	background-color:#0639A7;
	background-image: url(backer.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}

h2 { 
font-family: 'Trebuchet MS', sans-serif;
	font-weight:400;
	color:#b8e7fb;
	font-size:90%;
	margin:0;
	padding:0;
	letter-spacing: 2px;
}


/* content box */

#content {
	position:relative;
	z-index:2;
	height: 133px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#top{
	background: url(amblem.png) no-repeat;
	margin-top: 10px;
	float:left;
	width:100px;
	height: 90px;
	margin-left: 40px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
}
#content1 {
	position:relative;
	z-index:2;
	height: 250px;
}


/* left columnn, logo and nav */

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

h2 { 
font: 'Trebuchet MS', sans-serif;
	font-weight:400;
	color:#b8e7fb;
	font-size:90%;
	margin:0;
	padding:0;
	letter-spacing: 2px;
}


#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(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;}

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


/* middle column */

#middle {
	margin:0;
	float:left;
	width:451px;
	padding-top: 44px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 40px;
}

#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:400;
font-family: 'Trebuchet MS', sans-serif;
}

#middle h2 {
	font-weight:bold;
	color:#b8e7fb;
	font-size:80%;
	margin:0;
	padding:0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #b8e7fb;
}

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

#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;}



.img {
float : left;
padding : 3px;
background: none;
border: 1px solid #fff;
  margin: 5px 10px 10px 0px;
}

.img #float-right {
  margin: 5px 0px 10px 10px;  
}
.img #float-left {
  margin: 5px 10px 10px 0px;
}	

/* right column */

#right1 {
	float:left;
	width:274px;
	margin-top: 27px;

}

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

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

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

#right1 ul.case-study li {
	background:url(arrow.png) no-repeat 5% 50%;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 40px;
}

#right1 .case {
	background-color:none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

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

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

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


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

}

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

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

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

#right ul.case-study li {
	padding:3px 0 3px 40px;
	background-color: #FF9900;
	background-image: url(arrow.png);
	background-repeat: no-repeat;
	background-position: 5% 50%;
}

#right .case {
	background-color:#990000;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 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;}


#bottom {
	height:600px;
	z-index:0;
	position:inherit;
	_margin:0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-repeat: no-repeat;
}


/* footer */

#footer {
	margin:0;
	background-color:#242e38;
	height: 30px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 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(btn.jpg) repeat-x;
font-weight:600;
border:1px solid #31566b;
color:#fff;
padding:2px;}


.new

.title { font-weight:bold;}

/* PAGING STYLES */

.pagenum {
	color:#fff;
	font-size:70%;
	width:145px;
	float:right;
	margin-top:0px;
	height: 44px;
	border: 1px dashed #FFFFFF;
	margin-right: 0px;
}

.pagenum1{
	color:#fff;
	width:440px;
	border: 1px dashed #FFFFFF;
}


	.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;
}

.button{
	background-color:#CCCCCC;
	line-height:17px;
	width: 44px;
	color: #000;
	border: 1px solid #fff;
	font-size: 11px;
	height:20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	
}