@charset "utf-8";
/* CSS Document */
body{margin:0 auto;font-family:Arial;
	background:#2a70b5 url(../media/images/bg1.jpg) top center repeat-x;}
	
img, p, h1, h2, h3, h4, h5, h6{padding:0; margin:0; border:0}
a{ text-decoration:none;font-size:12px;font-weight:bold;}

input{margin:0; padding:0}

a:focus {outline:none;}
	
#bodybot{
	margin: 0 auto;
	position:relative;
	/*background:url(../media/images/bg2.jpg) left bottom repeat-x*/}
	
#wraptopbg{
	margin:0 auto;
	/*background:url(../media/images/maintopbg.jpg) top center no-repeat*/}

#wrapbotbg{
	margin:0 auto;
	/*background:url(../media/images/mainbotbg.jpg) center bottom no-repeat*/}

#clientlogin{
	margin: 0 auto;
	
	background:url(../media/images/clientloginbg.jpg) left top repeat-x}
	
.clientlogin{
	width:932px;
	height:33px;
	padding-top:7px;
	margin:auto;
	position:relative;
	text-align:right}
.login
{
text-align:center;
font-size:18px;
font-family:Arial;
font-weight:bold;

}
#error_div
{
font-family:Arial;
font-size:12px;
color:#FF0000;
font-weight:bold;

padding-left:20px;

}
#menu{
position:relative;
width:916px;
height:81px;
margin:0 auto}


.menubutton{
width:102px;
height:28px;
padding-top:3px;
margin-left:4px;
font:bold 12px/28px Arial;
text-align:center;
color:#0087c7;
text-transform:uppercase;
background:url(../media/images/menubg.jpg) right bottom no-repeat;
float:right;}
.menubutton a{
text-decoration:none;
color:#0087c7}
.menubutton a:hover{
text-decoration:none;
color:#1B4C8F}

.fL{
	float:left;
	width:auto;
	}
	
.menus{
	height:31px;
	position:absolute;
	right:0;
	bottom:0}
	
.banner{
	width:923px;
	height:275px;
	background:url(../media/images/banner.jpg) left top no-repeat;
	position:relative}
	
#wrap{
	width:923px;
	padding:13px;
	background-color:#fffffd;
	margin:0 auto}
	
#page{
	padding-top:5px;
	width:923px}
	
.head{
	width:923px;
	height:36px;
	padding-bottom:2px;
	margin-bottom:5px;
	border-bottom:#444 1px solid}
	
.head img{
	margin-right:10px}
	
.pagecontent{
	width:923px;
	position:relative;

	}
	
.column1{
	width:442px;
	padding-right:19px;
	padding-top:10px;
	float:left}
	
	
	
	
.column1 h1{width:98%;background-color:#F9F9F9;margin:0px;padding:0px;line-height:25px;font-weight:bold;font-size:16px;padding-left:10px;border:1px dotted #ddd;padding-left:5px;}
.column1 h1 a{font-weight:bold;font-size:16px;padding-left:10px;padding-left:5px;color:#0087c6}
.column2 h1{width:98%;background-color:#F9F9F9;margin:0px;padding:0px;line-height:25px;font-weight:bold;font-size:16px;padding-left:10px;border:1px dotted #ddd;padding-left:5px;}
.column3 h1{width:98%;background-color:#F9F9F9;margin:0px;padding:0px;line-height:25px;font-weight:bold;font-size:16px;padding-left:10px;border:1px dotted #ddd;padding-left:5px;}
.column_seo2 h1{width:98%;background-color:#F9F9F9;margin:0px;padding:0px;line-height:25px;font-weight:bold;font-size:16px;padding-left:10px;border:1px dotted #ddd;padding-left:5px;}
.column_seo3 h1{width:98%;background-color:#F9F9F9;margin:0px;padding:0px;line-height:25px;font-weight:bold;font-size:16px;padding-left:10px;border:1px dotted #ddd;padding-left:5px;}
.column1 h2
{
 font-size:16px;
 font-weight:bold;
 padding-left:150px;
 
 padding-top:10px;
}
.column2 h2
{
 font-size:15px;
 font-weight:bold;
 padding-top:10px;
}
.column3 h4
{
 font-size:14px;
 font-weight:bold;
 
 padding-top:10px;
}
.column3 a
{
color:#0087C6;
font-weight:bold;
font-size:11px;
}
.column3 a:hover
{
color:#333333;
font-weight:bold;
font-size:11px;
}
.column2{
	
	width:199px;
	padding-right:19px;
	padding-left:20px;
	border-right:#7f7f7f 1px dotted;
	border-left:#7f7f7f 1px dotted;
	float:left}
	
.column3{
	
	width:198px;
	padding-left:19px;
	float:left}
.column_seo2{
	
	width:199px;
	padding-right:19px;
	padding-left:20px;
	
	border-right:#7f7f7f 1px dotted;
	border-left:#7f7f7f 1px dotted;
	float:left}
	
.column_seo3{
	
	width:202px;
	padding-left:19px;
	
	float:left}
	
p{
	padding-bottom:10px;
	font:12px/18px Arial;
	color:#848282;
	text-align:justify}
li
{

	padding-bottom:10px;
	font:12px/18px Arial;
	color:#848282;
	text-align:justify}

	
h1{
	padding-top:15px;
	padding-bottom:5px;
	font:bold 16px/20px Arial;
	color:#0087c6}
	
h2{
	padding-top:5px;
	padding-bottom:5px;
	font:bold 14px/20px Arial;
	color:#444444}
	
h2 a{
	text-decoration:none;
	color:#444444}
	
h2 a:hover{
	text-decoration:none;
	color:#444444}
	
h3{
	padding-top:20px;
	padding-bottom:20px;
	font:bold 16px/20px Arial;
	text-align:left;
	color:#0087c6}
	
h4{
	font:bold 15px Arial;
	padding-bottom:3px;
	color:#0d61b1}
	
.quote{
	padding-top:15px;
	width:199px}
	
.quote p{
	position:relative;
	text-align:left;
	font:12px/26px Arial;
	color:#666666}
	
.quotetb{
	position:absolute;
	width:115px;
	height:20px;
	padding-top:4px;
	background:url(../media/images/quotetbbg.jpg) left top repeat-x;
	border:#e5e5e5 1px solid;
	
	right:0}
	
.quotebtb{
	width:196px;
	height:158px;
	padding-top:4px;
	background:url(../media/images/quotetbbbg.jpg) left top repeat-x;
	border:#e5e5e5 1px solid}
	
.testimonials{
	font:12px/18px Arial;
	color:#848282;
	padding-bottom:25px;
	margin-bottom:5px;
	background:url(../media/images/testbotbg.jpg) center bottom no-repeat;
	text-align:justify}
.testimonials a
{
color:#0271da;
font-weight:bold;
text-decoration:none;
}
.testimonials a:hover
{
color:#666666;
font-weight:bold;
text-decoration:none;
}
.clients{
	width:201px;
	height:71px;
	/*padding-bottom:10px;
	background:url(../media/images/clientbg.jpg) left top no-repeat;*/
	margin-top:10px;
	}
	
.table{
	width:200px;
	height:71px}
	
#footer{
	width:910px;
	margin:0 auto;
	padding:0px 20px 0px 20px;
	

	}
	
#footer p{
	position:relative;
	padding-top:15px;
	padding-bottom:25px;
	font:11px/18px Verdana;
	color:#e3f7ff}
	
#footer p span{
	position:absolute;
	right:0}
	
#footer a{
	text-decoration:none;
	color:#e3f7ff}
#footer p small a { font-size:10px; }
	
.clear{
	clear:both}
	
/* Page Flip */

#pageflip{
position: absolute;
right: 0; bottom: 0;
z-index:1;
width:100%;
float: right;}

#pageflip img{
width: 82px; height: 82px;
z-index: 99;
position: absolute;
right: 0; bottom: 0;
}

#pageflip .msg_block{
width: 66px; height: 82px;
overflow: hidden;
position: absolute;
right: 0; bottom: 0;
background: url(../media/images/from.png) no-repeat right bottom}


#portfolio_client_list ul{list-style-type: none;margin:0px;padding:0px;}
#portfolio_client_list li{margin:0px;padding:0px;}
#portfolio_client_list li a{ font-size: 13px; font-weight:bold;line-height:35px;margin-top:2px;background-color:#e8edf2;padding-left:5px;width:245px;display:block;border:0px solid #666;}
#portfolio_client_list li:hover{border:0px solid #649FCB;text-decoration:none;}
#portfolio_client_list li a:hover{background-color:#d4dce8;border:0px solid #649FCB;text-decoration:underline;}
#portfolio_client_list{	position: relative;	float: left;width: 29%;	/* background: #e8eaeb; */background-color:#fffffd;}



#portfolio_client_list1 ul{list-style-type: none;margin:0px;padding:0px;}
#portfolio_client_list1 li{margin:0px;padding:0px;background-color:#e8edf2;font-weight:bold;margin-top:2px;width:250px;border:0px solid #666;padding-left:5px;padding:5px;}
#portfolio_client_list1 li a{ color:#2F74B3;display:block;text-decoration:none;text-align:left;font-size: 13px; }
#portfolio_client_list1 li:hover{background-color:#d4dce8;border:0px solid #649FCB;text-decoration:none;}
#portfolio_client_list1 li a:hover{border:0px solid #649FCB;text-decoration:underline;}
#portfolio_client_list1{position: relative;	float: left;width: 29%;	/* background: #e8eaeb; */background-color:#fffffd;}
#portfolio_client_list1 span{color:#999999;font-size: 11px;font-weight:normal;text-decoration:none;}




.portfolio_head{color:#FFFFFF;font-weight:bold;font-size:13px;width:250px;background-color:#29568f;margin-top:5px;text-align:left;
border:0px solid #000000;padding:5px;line-height:15px;}
.service_head {color:#FFFFFF;font-weight:bold;font-size:13px;width:240px;background-color:#29568f
;margin-top:5px;text-align:left;
border:0px solid #000000;padding:5px;line-height:15px;}
.service_head a{color:#FFFFFF;font-weight:bold;font-size:13px;width:240px;background-color:#29568f
;margin-top:5px;text-align:left;
border:0px solid #000000;padding:5px;line-height:15px;}
#portfolio_client_list li a#client_last_link{border-bottom: none;}


/*#client_profiles
{
	position: relative;
	float: left;
	width: 71%;
	height:400px;
	
	margin-top:-35px;
}*/
#client_profiles h1
{
 padding-top:5px;
}
#client_profiles_about
{
	position: relative;
	float: left;
	width: 100%;
	height: 400px;
}
.client_profile
{
	position: absolute;
	top: 4.5px;
	left: 0px;
	background: #FFFFFD;
	display: none;
	padding-top:10px;
}
#time_id
{
line-height:25px;
border-top:1px solid #999999;
border-left:1px solid #999;
margin-left:66px;
}
#time_id td
{
border-bottom:1px solid #999;
border-right:1px solid #999;

}
#comp_id
{
line-height:25px;
border-top:1px solid #999;
border-left:1px solid #999;
}
#comp_id td
{
border-bottom:1px solid #999;
border-right:1px solid #999;

padding-left:10px;
}
#comp_id td p
{

padding-left:0px;
}

#left_side_case_studies { position: relative; }
.case_study_side_links { position: absolute; top: 0; left: 0; display: none; }
.case_study_side_links img { width: 250px; float: left; margin-bottom: 5px; }

#client_profile_info { display: block; }
#portfolio_main_images { position: relative; }
#portfolio_main_images img { float: left; width:auto; margin: 3px; padding: 0; }

#client_profile_info a
{ 
	color: #1072ba; 
	background: #fffffd;
	
	font-size: 12px;
}

#client_profile_info a:hover { color: #767675; background: none; }

.client_profile .client_images { float: left; width:40%;margin-top:5px; }
.client_profile .client_images img { margin: 0 0 10px 0; padding: 0; }
.client_profile .client_info { float: right; width: 100%; }
#portfolio_client_list  a,.client_info a,.client_images a,#contact_col2 a
{ 
	color: #1072ba; 
	/*background: url(../media/link-bullet.png) no-repeat 0 0;*/
	
	text-decoration: none;
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
}

#page_container  a:hover { color: #767675; /*background: url(../media/link-bullet-hover.png) no-repeat 0 0;*/ }
#contact_col1
{
	float: left;
	width: 100%;
}

#contact_col2
{
	float: left;
	width: 20%;
}
#main_div
{
position:relative;
display:block;
}

#contact_col2 p { margin: 5px 0; padding: 0; }

#contact_col3
{
	float: left;
	width: 100%;
}

/* #contact_form { position: absolute; top: 40px; left: 50px; } */
#contact_form form { width: 100%; }
#contact_form textarea { width: 200px; height: 100px; }
#contact_form fieldset {  }
#contact_form p { margin: 10px 0; }
#contact_form input#submit { background-color: #29aae2; color: #fff; border: none; }
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;padding-left:20px;width:300px;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.seo_content p
{
 padding-right:10px;
}
.seo_content td
{
padding-top:5px;
}
#error_id
{
 z-index:2;
 position:absolute;
 top:-40px;
 left:170px;
}
#error_id1
{
 z-index:2;
 position:absolute;
 top:315px;
 left:450px;
}
#error_id2
{
 z-index:2;
 position:absolute;
 top:-150px;
 left:410px;
}
#error_id3
{
 z-index:2;
 position:absolute;
 top:250px;
 left:300px;
}
.inp{
	width:115px;
	background:url(../media/images/quotetbbg.jpg) left top repeat-x;
	border:#e5e5e5 1px solid;
	height:20px;
}
.inp_select
{
 font-family:Arial;
 height:25px;
 width:115px;
 border:#e5e5e5 1px solid;
 padding-top:3px;
}
.inp_select_seo
{
    position:absolute;
	width:115px;
	height:25px;
	padding-top:3px;
	border:#e5e5e5 1px solid;
	
	right:0;
}
.text_div
{
float:left;
width:40%;
font:12px/26px Arial;
color:#666666
}
.input_field
{

height:20px;
}
.login_table
{
font-family:Arial;
line-height:35px;
margin-left:40px;
border:1px solid #FFFFFF;

}
#name
{
padding-top:0px;
}
#email
{
padding-top:5px;
}
#tel
{
padding-top:5px;
}
#Contact
{
padding-top:5px;
}
#brief
{
padding-top:10px;
font:12px/26px Arial;
color:#666666
}
.lable_cls
{
    padding-bottom:10px;
	font:12px/18px Arial;
	color:#848282;
	text-align:justify
}
.contact_tbl
{
line-height:20px;
 width:200px;
 height:20px;
 background:#ececec;
 border:1px solid #e2e2e2;
}
.contact_tbl_text
{
 
 width:200px;
 height:100px;
 background:#ececec;
 border:1px solid #e2e2e2;
}

#submit_con
{
background:#616161;
color:#FFFFFF;
font-weight:bold;
border:0;
}
.ctrlselect
{
height:18px;
width:230px;
font-size:11px;
}
.ctrltext
{
height:16px;
width:230px;
font-size:11px;
}
.tablestyle
{
font-size:12px;
font-family:Arial;

}
.tablestyle p
{
margin:0;
padding:0;
}
.tablestyle td
{
color:#000000;
font-weight:300;
}

.empty{
height:105px}
.a_link
{
text-align:right;
}
.a_link a
{
 font-family:Arial;
 font-size:12px;
 font-weight:bold;
 color:#0087C6;
 
}
.a_link a:hover
{
 font-family:Arial;
 font-size:12px;
 font-weight:bold;
 color:#333333;

}

.link_resources a
{
color:#333333;
font-weight:bold;
}
#link1,#link2
{
display:none;
padding-left:20px;
}
.link_resources a:hover
{
color:#0D61B1;
font-weight:bold;
}

.newspage a
{
color:#0271DA;
}
.newspage a:hover
{
color:#666666;
}
.dotted_line
{
border-bottom:2px dotted #666666 ;

}
/*Pgination style*/
#pagination{
    float:right; /*padding:100px 200px 10px 10px;*/
	margin-top:20px;
	padding-bottom:10px;
	width:auto;
}

#pagination a{
	text-decoration:none;
	color:#000000;
}
#pagination p
{
 padding-top:10px;
 height:30px;
 text-align:right;
 padding-right:10px;
}
#pagination p a{
    padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
    font-weight:bold;
	font-family:arial;
	font-size:12px;
	border:1px solid #000000;
	background-color:#CCCCC1;
}

#pagination p a:hover{
	text-decoration:none;/*#036ea5*/
	background-color:#285FB9;
	color:#FFFFFF;
}
#pagination p b{
	color:#FFFFFF;
    padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
    font-weight:bold;
	font-family:arial;
	font-size:12px;
	
	background-color:#285FB9;
}
.rss_feed
{

width:26px;
margin-left:470px;
text-align:right;
}
.advance a
{
float:right;
width:auto;
color:#0087C6;
font-weight:bold;
} 
.advance a:hover
{
float:right;
width:auto;
color:#333333;
font-weight:bold;
}
.url_cls
{
position:absolute;
display:none;
border:1px solid #333333;
padding:5px;
line-height:25px;
background:#B0D49A;
text-align:justify;
color:#000000;
width:500px;
}
.expand_box
{
padding:0px;
}

.wrapper {
	width: 800px;
	margin: 0 auto;
	float:left;
}
.expand_top,.expand_wrapper
{
	width: 800px;
	padding:0px;
	margin:0px 0px 5px 0px;
	float:left;
}

h2.expand_heading {
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	background: url(expand_collapse.png) no-repeat;
	height: 20px;
	line-height: 25px;
	width: 800px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}

h2.expand_heading a {
	color: #000;
	text-decoration: none;
	display: block;
}
h2.expand_heading a:hover {
	color: #ccc;
}

h2.active {background-position: left bottom;}
.toggle_container {
	padding: 0;
	
	overflow: hidden;
	font-size: 1.2em;
	width: 800px;
	clear: both;
}
.toggle_container .expand_box {
	padding: 15px;
}



.expand_all
{
width:116px;
height:29px;
background:url(extra_buttons.png) no-repeat top left;
float:right;
cursor: pointer; 
}
.expanded
{
background-position:bottom left;
}
.home_hd
{
 font-size:15px;
}
.london_content
{
width:500px;
margin:auto;
position:absolute;
display:none;
left:380px;
color:#000000;
background:#ffffff;
border:2px solid #003066;
top:2200px;
height:252px;
}
.london_heading
{
background:#003066;
height:20px;
font-size:14px;
color:#ffffff;
font-weight:bold;
padding:10px 4px 4px 4px;

}
.lon_content
{
padding:10px;
text-align:justify;
font-size:12px;
line-height:20px;
}