@import url("reset.css");

body{
	width:100%;
	height:100%;
	margin:0 auto;
	background:white;
}
html, body {
height:100%;
}


.container{
	width:900px;
	margin:0 auto;
	margin-top:12px;
}

.container_home{
	width:100%;
	margin:0 auto;
   float:left;
	background:url(../images/bg_nofooter.jpg) center top no-repeat;
}

.container_inner{
	width:100%;
	margin:0 auto;
/*	height:100%;*/
	float:left;
	background:url(../images/inner_bg.jpg) center top no-repeat;
}

.inner_container{
	width:926px;
	margin:0 auto;
	margin-top:12px;
}

.header{
	width:900px;
/*	height:535px;*/
	margin:0 auto;
	
}

.header_inner{
	width:926px;
/*	height:535px;*/
	margin:0 auto;
	
}

.logo{
	/*background:url(../images/farshore-logo1.png) no-repeat 2px top;*/
	height:152px;
	width:320px;
	margin:0 auto;
	float:left;
}

.logo_inner{
   /*background:url(../images/farshore-logo1.png) no-repeat left top;*/
	height:152px;
	width:320px;
	margin:0 auto;
	float:left;	
	margin-left:30px;
}


.logo_right{
	width:448px;
	height:152px;
	margin:0 auto;
	float:right;

}

.logo_right ul{
	margin:0px;
	padding:0px;
	padding-top:100px;
}
.logo_right li{
	list-style:none;
	float:left;
	text-align:center;
	margin:0 2px 0 0;	
	height:33px;
}

.logo_right a{
	font: normal 18px Arial;
	color:#474747;
}

.header_top{
	width:900px;
	height:5px;
	float:left;
}

.header_banner{
	width:900px;
	height:341px;
	/*background:url(../images/header_green.png) no-repeat top;*/
	margin:0 auto;
	float:left;
}

.header_banner_inner{
	width:930px;
	float:left;
	height:206px;
	margin:0 auto;
}
.middle_container{
	width:900px;
	height:345px;
	float:left;
}

.middle_container_inner{
	width:926px;
/*	height:345px;*/
	float:left;
}

.overview{
	width:926px;
	height:131px;
	padding-left:30px;
	padding-top:42px;
}

.overview h1{
	font: bold 18px Arial;
	color:#474747;
}

.overview p{
	width:900px;
	font: normal 12px Arial;
	color:#201f1f;
	padding-top:15px;
	line-height:18px;
	text-align:left;
}

.middle_left{
	width:481px;
	height:306px;
	float:left;
	padding-top:39px;
}

.middle_left h1{
	font: bold 16px Arial;
	color:#474747;
}

.middle_left p{
	font: normal 12px Arial;
	color:#474747;
	padding-top:30px;
	text-align:left;
}

.client_logo{
	padding-top:30px;
	height:169px;
	width:448px;
	float:left;
	display:none;
}

.client_logo1{
	padding-top:20px;
	height:169px;
	width:448px;
	float:left;
}

.client_logo1 a{
	font: normal 12px Arial;
	color:#0099cc;
	text-decoration:underline;
}

.middle_right{
	width:415px;
	height:306px;
	float:right;
	padding-top:39px;
	
}

.middle_right h1{	
	padding-left:40px;
	font: bold 16px Arial;
	color:#474747;
}

.middle_right p{
	font: normal 12px Arial;
	color:#474747;
	padding-top:30px;
	padding-left:40px;
	text-align:left;
}

.middle_right a{
	font: normal 12px Arial;
	color:#0099cc;
	text-decoration:underline;
	padding-left:40px;
}

.middle_space{
	width:100%;
	height:15px;
	float:left;
	background:url(../images/middle_space.png) repeat-y top left;
}

.middle_space_left{
	width:500px;
	float:left;
	height:44px;
	background:#FDFEFF;

}
.footer_strip{
	width:100%;
	height:1px;
	float:left;
	background:#C6CACC;
}
.footer{
	width:100%;
	height:90px;
	float:left;
	background:#004C7B;
}

.footer_left{
	width:100px;
	height:90px;
	float:left;
	border:solid #FF0000 1px;
}

.footer_middle{
	width:900px;
	height:90px;
	margin:0 auto;

}

.footer_nav{
	width:450px;
	height:90px;
	float:left;
}

.footer_nav p{
	padding-top:36px;
	font: normal 11px Arial;
	color:#80A6BD;
}

.footer_nav ul{
	margin:0px;
	padding:0px;
	padding-top:36px;
}
.footer_nav li{
	list-style:none;
	float:left;
	text-align:center;
	margin:0 2px 0 0;	
}

.footer_nav a{
	font: normal 11px Arial;
	color:#80A6BD;
}

.footer_nav span{
	padding-left:14px;
	padding-right:14px;
	font: normal 11px Arial;
	color:#80A6BD;
}

.footer_copy{
	width:446px;
	height:90px;
	float:right;
	text-align:right;
}

.footer_copy p{
	padding-top:36px;
	font: normal 11px Arial;
	color:#80A6BD;
}

.footer_right{
	width:100px;
	height:90px;
	float:right;
	border:solid #FF0000 1px;
}

/*  Style for what we do page  */

.whatwedocontainer{
	width:926px;
	float:left;
}
.whatwedoImage{
	width:292px;
	float:left;
}

.whatwedoImage img{
	padding: 25px 17px 25px 100px;
}

.whatwedoText{
	width:630px;
	float:left;
}

.whatwedoText h1{
	padding-top:25px;
	font: bold 16px Arial;
	color:#474747;
}

.whatwedoText p{
	width:620px;
	font:normal 12px Arial;
	color:#474747;	
	padding:17px 0 0 0;
	line-height:18px; 
}
.whatwedoText a{
	font:12px Arial;
	color:#0099cc;
	text-decoration:underline;
	line-height:45px;	
}
.whatwedoBottom{
	padding-left:30px;
	height:11px;
	float:left;
	width:926px;
}
/************** whoweare******************/
.whowearebannerContainer{
	width:922px;
	float:left;
	height:207px;
	margin:0 auto;
}
.whowearebanner{
 	width:922px; 
	float:left;
	margin:0 0 0 30px;
}
.whoweareContainer{
	width:870px;
	margin:30px 0 0 30px;
}
.whoweareContainer p{
	font:12px Arial;
	color:#201f1f;
	line-height:20px;
}
.textContainer{	width:870px;	float:left;	padding:0 0 20px 0;
}
.textContainer span{color:#4164ad}
.textContainer h1{ color:#474747; font:bold 16px Arial; padding-top:25px; margin:10px 0 0 15px; }
.whowearetopLeft{	width:366px;	float:left;}
.whowearetopRight{	width:870px;	float:left;}
.whowearetopRight p{	width:870px;	margin:10px 0 0 15px; color:#474747;}

.whatweareBottom{	float:left;}
.whoweareLeft{	width:300px;	float:left;}
.whoweareLeft img { padding:10px 17px 0 10px; }
.whoweareRight{	width:566px;	float:left;}
.whoweareRight p{	width:540px; margin:10px 0 0 0px; color:#474747;}
.whoweareRight h1{	 color:#474747; font:bold 16px Arial; padding-top:2px; margin:10px 0 0 0px;}
.whoweareRight a{ text-decoration:underline; color:#0099CC;}
/************** Getting Started page*************************/
.gettingStartedContainer{width:900px;margin:42px 0 0 30px;}
.startingText{width:400px;float:left}
.startingText h1{font:bold 18px Arial;color:#474747;margin:0 0 12px 0;}
.startingText p{font:normal 12px Arial;color:#474747;}
.startingText{font:12px Arial;color:#201f1f;line-height:18px;}
.startingText a{text-decoration:underline; color:#0099CC;}
.gettingLeft{width:500px;float:left;}
.gettingRight{width:390px;float:left;}
.contactContainer{width:410px;float:left;margin:5px 0 0 0; font:12px/18px Arial;}
.contactLabel{width:109px;float:left;background:url(../images/label-bg.jpg) left top no-repeat;height:48px;line-height:48px;text-indent:15px}
.contactText{width:285px;float:left;background:url(../images/label-input.jpg) left top no-repeat; height:48px;}
.contactText input{width:270px;height:35px;background:none;padding:5px 5px; font:12px Arial;}
.contactText textarea{width:270px;height:100px;border:none;background:none; padding:14px 5px; font:12px Arial;}
/************************ Our Client********************************/
.ourclient{width:900px;margin:42px 0 0 30px;}
.ourclientText h1{font:bold 18px Arial;color:#474747;margin:0 0 12px 0;}
.ourclientText p{color:#474747;}
.ourclientText{font:12px Arial;color:#201f1f;line-height:18px;}
.ourCleintsContainer{width:900px;float:left;margin:20px 0 30px 0;}
.ourclkientBox{width:176px;height:116px;float:left;margin:0 38px 28px 0;border:10px solid #7ac4f7;text-align:center;}
/**footer*****/
.footer_space{
	width:100%;
	float:left;
	height:10px;
}

.footer_middle_space{
	width:926px;
	height:90px;
	margin:0 auto;

}



/* Pagination style for clients page */
.pages {
/*    padding: 1em;
    margin: 1em 0;*/
    clear: left;
    font-size: 12px;
	font-family:Arial;
	float:right;
}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
}

.pages span.current {
    border: 1px solid #3E7ACA;
    font-weight: bold;
    background: #3E7ACA;
    color: #fff;
}

.pages a {
    border: 1px solid #3E7ACA;
    text-decoration: none;
	color: #3E7ACA;
}

/*.pages img{
	padding-bottom:1px;
	padding-top:2px;
}

.pages img a{
	padding-bottom:1px;
	padding-top:2px;
}*/

.pages a:hover {
    border-color: #3E7ACA;
	color: #3E7ACA;
}

.pages a:visited {
    border-color: #3E7ACA;
	color: #3E7ACA;
}

.pages a.nextprev {
    font-weight: normal;
	color:#357AD4;
	 border-color: #357AD4;
}

.pages a.nextprev img{
	padding-bottom:1px;
	padding-top:2px;
}

.pages span.nextprev img{
	padding-bottom:1px;
	padding-top:2px;
}

.pages nextprev {
    color: #357AD4;
	border: 1px solid #357AD4;
}

.pages span.nextprev {
    border: 1px solid #ddd;
    color: #999;
	margin-bottom:5px;	
}

.pages .nextprev-next {
    float: right;
}