/* capitol */

@font-face {font-family: 'SemplicitaPro-Bold';src: url('2368BC_0_0.eot');src: url('2368BC_0_0.eot?#iefix') format('embedded-opentype'),url('2368BC_0_0.woff') format('woff'),url('2368BC_0_0.ttf') format('truetype');}
 
  
 @font-face {font-family: 'SemplicitaPro-Medium'; src: url('2368BC_1_0.eot');src: url('2368BC_1_0.eot?#iefix') format('embedded-opentype'),url('2368BC_1_0.woff') format('woff'),url('2368BC_1_0.ttf') format('truetype');}
 

body{padding:0; margin:0; font-family: 'SemplicitaPro-Medium';  color:#FFFFFF; font-size:14px; line-height:18px; }
div, td, p, h1, h2, h3, h4, h5, h6, from, imput,checkbox {padding:0; margin:0;}
img{border:0;}		
ul{	padding:0; margin:0; list-style-type:none;}
a{	padding:0; margin:0; outline:none;}
.specer{padding:0; margin:0; clear:both;}
a.mailto{ text-decoration: underline; color:#FFFFFF;}
a.mailto:hover{ text-decoration:none;}

/*------------------- general part -------------------*/

.home_bg{ background:url(../images/home_bg.jpg) #333 no-repeat 0 0;}
.about_bg{ background:url(../images/about_bg.jpg) #333 no-repeat 0 0;}
.david_spencerbg{ background:url(../images/david_spencer_background.jpg) #333 no-repeat 0 0;}
.our_approachbg{ background:url(../images/our_approach_b.jpg) #333 no-repeat 0 0;}
.latest_project{ background:url(../images/latest_project_bg.jpg) #333 no-repeat 0 0;}
.partnershipbg{ background:url(../images/partnership_bg.jpg) #333 no-repeat 0 0;}
.thecompanybg{ background:url(../images/company_bg.jpg) #333 no-repeat 0 0;}
.contactbg{ background:url(../images/contact_bg.jpg) #333 no-repeat 0 0;}
.portfolio_bg{ background:url(../images/portfolio_bg.jpg) #333 no-repeat 0 0;}




/*------------------- portfolio backgrounds -------------------*/
.fleet_bg{ background:url(../images/fleet.jpg) #333 no-repeat 0 0;}
.aria_bg{ background:url(../images/aria.jpg) #333 no-repeat 0 0;}
.furnival_bg{ background:url(../images/furnival.jpg) #333 no-repeat 0 0;}
.printers_bg{ background:url(../images/printers.jpg) #333 no-repeat 0 0;}
.tower_bg{ background:url(../images/tower.jpg) #333 no-repeat 0 0;}
.kingsmews_bg{ background:url(../images/kings-mews-bg.jpg) #333 no-repeat 0 0;}


.maincontainer{ width:1304px; padding:0 0 0 0;}


.left_part{ float:left; width:225px; padding:34px 0 0 46px; margin:0 66px 0 0;}
.right_part{ float:left; text-align:left; width:967px;  }
.right_containarea{ padding:34px 0 0 0;}

.menu{ height:26px; margin:0 0 106px 0;}
.menu ul{ padding:0;}
.menu ul li{ /*width:125px;*/ padding:0 0 0 0; float:left; background:url(../images/li_bg.png) repeat 0 0; font-size:13px; line-height:26px; font-family: 'SemplicitaPro-Medium'; margin:0 5px 0 0; color:#646263; text-transform:uppercase;}
.menu ul li a{ text-decoration:none; color:#646263; padding:0 15px; display:block;}
.menu ul li a:hover{ background:url(../images/menu_hover.png) repeat 0 0; color:#FFFFFF;}

.containarea{ background:url(../images/containarea_bg.png) repeat 0 0;}
.containarea_sec{ padding:8px 0 45px 25px; width:500px;}
.containarea_portfolio{ padding:8px 0 45px 25px; width:785px;}

.heading{font-family: 'SemplicitaPro-Medium'; color:#FFFFFF; font-size:44px; line-height:55px; margin:0 0 38px 25px; padding:24px 0 0 0;}
.heading_inner{font-family: 'SemplicitaPro-Medium'; color:#FFFFFF; font-size:38px; line-height:55px; margin:0 0 0 22px; padding:9px 0 0 0;}
.heading_innersub{font-family: 'SemplicitaPro-Medium'; color:#FFFFFF; font-weight:bold; font-size:14px; line-height:22px; margin:0 0 14px 24px; padding:0 0 0 0;}
.gap{ height:10px;}
/*---------------------------------------- menu --------------------------------------------- */

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
height:26px;
line-height:26px; 
}

#nav a{
display:block;
padding:0px 6px 0px 6px;
/*border:1px solid #333;*/
color:#5a5756;
text-decoration:none;
background:url(../images/li_bg.png) repeat 0 0;
margin:0 5px 0 0;
text-transform:uppercase;
font-size:12px;
width:113px;
letter-spacing:0px;
}
#nav a.active{
background:url(../images/menu_hover.png) repeat 0 0; 
color:#FFFFFF;
}


/*#nav li:hover > a,
#nav ul ul :hover > a,
#nav a:focus 
	{
	background:url(../images/menu_hover.png) repeat 0 0; 
	color:#FFFFFF;
	}*/

#nav li:hover a,
#nav ul ul :hover a,
#nav a:focus 
	{
	background:url(../images/menu_hover.png) repeat 0 0; 
	color:#FFFFFF;
	}

#nav a:hover{
background:url(../images/menu_hover.png) repeat 0 0; 
color:#FFFFFF;
}

#nav li{
float:left;
position:relative;
height:26px;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:26px;
}

#nav li ul a{
width:113px;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:137px;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
/*------------------------------------------------------- menu end ----------------------------------------*/

.big_fnt{ font-weight:bold;}
.big_fnt1{ font-weight:bold; font-size:11px!important;}

/*------------------ Contact Us ----------------------------*/

.contact_panel{ padding:15px 0 0 0;}
.contact_panel form{}
.contact_panel form input.txtBox{ width:484px; padding:0 8px; height:26px; background:#FFFFFF; margin:16px 0 0 0; border:none; font-family: 'SemplicitaPro-Medium'; font-size:13px; line-height:26px; color:#636363;}

.contact_panel form textarea{ width:484px; padding:5px 8px; height:60px; background:#FFFFFF; margin:16px 0 0 0; border:none; font-family: 'SemplicitaPro-Medium'; font-size:13px; line-height:18px; color:#636363;}

/*.send{ background:url(../images/send_bg.jpg)  repeat-x 0 0; height:25px; line-height:25px; padding:0 7px; border:none; font-family: 'SemplicitaPro-Medium'; font-size:13px; text-align:center; color:#FFFFFF; font-weight:bold; margin:15px 0 0 0;}*/

.send{background:url(../images/send_btn.jpg) no-repeat; height:29px; width:59px; border:none; margin:14px 0 0 0;}
.check_bx{padding:0; margin:0; border:none; outline:none;}


/*-------------------- portfolio ------------------*/

.portfolio_sec{ width:237px; height:199px; float:left; margin:0 24px 27px 0;}
.area{ background:url(../images/aria-house-thumbnail.jpg) no-repeat 0 0; width:237px; height:30px;  padding:166px 0 0 0;}
.furnival{ background:url(../images/furnival-street-thumbnail.jpg) no-repeat 0 0; width:237px; height:30px;  padding:166px 0 0 0;}
.Printers{ background:url(../images/printers-inn-thumbnail.jpg) no-repeat 0 0; width:237px; height:30px;  padding:166px 0 0 0;}
.tower{ background:url(../images/tower-street-thumbnail.jpg) no-repeat 0 0; width:237px; height:30px;  padding:166px 0 0 0;}
.fleet{ background:url(../images/fleet-street-thumbnail.jpg) no-repeat 0 0; width:237px; height:30px;  padding:166px 0 0 0;}


.kingsmews{ background:url(../images/kings-mews-thumbnail.jpg) no-repeat 0 0; width:237px; height:30px;  padding:166px 0 0 0;}


.prof_tag{ background:url(../images/prof_tag.png) repeat 0 0; height:30px; line-height:28px; padding:0 0 0 11px; color:#484344; font-weight:bold; text-align:left;}

/*------------------ slide show ----------------*/

.slide_sec{ width:496px;}

#content{
			margin:0px auto;
			/*height:100px;*/
			/* width:100%; */
			width:496px;
			left:0px;
			bottom:-10px;
			z-index: 3;
			/*background:#262626 no-repeat 90%;
			border-top:1px solid #000;
			border-bottom:1px solid #4F4F4F;*/
			position:absolute;
		}
		#contentframe{
			overflow: hidden;
			
			
			/*height: 100%;*/
			text-align:left;
			z-index: 3;
		}
		#slidecounter{
			float:left;
			color:#FFFFFF;
			font-size:14px;
			margin:0 0;	
		}
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			font:26px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:33px 0;
		}
		/*Supersized Stamp*/
		.stamp{
			/*float: right;*/
			margin: 25px 20px 0 0;
		}
		/*Supersize Plugin Styles*/
		#navigation{
			background: url('images/navbg.gif') no-repeat;
			float: right;
			margin:0;
			color:#FFFFFF;
		}
		#loading {
			/*position: absolute;*/
			/*top: 49.5%; 
			left: 49.5%;*/
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(images/progress.gif);
		}
		#supersize{
			position:relative;
			
		}
		#supersize img, #supersize a{
			/*height:100%;
			width:100%;*/
			position:absolute;
			z-index: 0;
			left:0;
			top:1px;
		}
		
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
			color:#FFFFFF;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}