/* Style Sheets for PaceDev website
created by Vlad Ilin
TOC
	1. Defaults
	2. Structure
	3. Links and Navigation 
	4. Fonts

Notes
*/
 
/* -------------- 1. Defaults --------------------------- */
*{ margin:0; padding:0;}
body{ font:12px Helvetica, sans-serif; color:#606060}

a img{border:0;}
ul{list-style-type:none; }

@font-face{
font-family: 'din'; 
src: url('DIN.otf') format('opentype');
}

/* -------------- 2. Structure -------------------------- */
#wrapper {width:980px; margin:60px auto 0; height:auto;}

#masterhead{height:275px;}
* html #masterhead img{position:relative; top:3px;}

#content{}
	#left{width:310px; float:left;/* background:url(../images/images/temp_outline.gif) center no-repeat;*/ position:relative; padding:50px 0 0 20px; height:309px;}
		#left a{position:absolute; left:26px; top:-5px;}
		.vision #left, .home #left{width:471px;} 
	#right{width:645px; float:right; background:url(../images/images/bg_greybox.gif) 0 -2px repeat-x; position:relative;}
		.vision #right{width:428px; background:none;}
		.home #right{width:390px; background:none; padding-right:55px;}
		.vision #content, .vision .col_large, .vision .col_small, .vision #left, .home #content, .home .col_large, .home .col_small, .home #left{height:auto;}
		
		#content, .col_large, .col_small{height:359px;}
		.col_small{ background-color:#13254b; width:266px; float:left;}
		.properties .col_small, contact .col_small{ background-color:transparent;}
			.col_small .padding{padding:26px 0 0 20px;}
			.news .col_small .padding div{margin-bottom:30px; color:#fff}
		.col_large{ width:369px; float:right; overflow:auto}
			.col_large .text{width:190px; float:left; padding:59px 0 0 10px; line-height:16px;}
			.career .col_large .text, .properties .col_large .text, .contact .col_large .text{width:340px; padding:26px 0 0 10px; line-height:16px;}
			.col_large .image_box{width:147px; float:left; text-align:center; font-size:11px; margin-top:59px}
			.management_team .col_large{height:340px;}
			
		.background .col_small{width:100%; background-color:transparent;}
		.background .col_large, .news .col_large{display:none;}
		
		.news .col_small{width:100%; overflow:auto;}
		
	.contact_form{ margin:10px 0 0 5px}
		.contact_form div{float:left; margin-bottom:7px; width:100%;}
		.contact_form label{display:block; color:#8baedc; font-size:11px;}
		.contact_form input{width:96%; border:1px solid #d6d6d6}
		.contact_form textarea{width:96%; border:1px solid #d6d6d6; height:100px}
		.contact_form .send{color:#8baedc; background-color:#57657d; height:27px; width:60px; border:1px solid #8baedc; cursor:pointer; float:right; margin-right:20px}


#footer{ height:20px; text-align:right; padding:10px 0; clear:both; font-size:10px; color:#999999}

.row{width:100%; float:left; clear:both;}
.clear{clear:both; height:1px;}
.left{float:left;}
.right{float:right;}
fieldset{border:none;}
.x{display:none;}



/* -------------- 3. Links and Navigation --------------- */
a {color:#8baedc;}
a:hover, a.on{ color:#2a3b5a; }
.news a:hover{color:#fff}
/*top nav */
ul#nav {/*background:url(../images/images/main_nav.gif) no-repeat left top; line-height:0px*/ margin:4px 0 0 36px;}
ul#nav li{ margin-right:36px;}
ul#nav li a{/*text-indent:-10000px;*/ display:block; letter-spacing:.6px}
	ul#nav, ul#nav li, ul#nav li a{height:14px; float:left; }
	
	
	
	ul#nav li a{font:11px "din", Helvetica, sans-serif; color:#606060; text-decoration:none; text-transform:uppercase}
	ul#nav li a:hover, ul#nav li a.on{ color:#8baedc}
	/*
	ul#nav li.home a{width:36px;}
	ul#nav li.properties a{width:73px;}
	ul#nav li.profile a{width:112px;}
	ul#nav li.news a{width:35px;}
	ul#nav li.contact a{width:56px;}
	
	
	ul#nav li a:hover, ul#nav li a.on{background:url(../images/images/main_nav.gif) no-repeat}
	ul#nav li.home a:hover, ul#nav li.home a.on{background-position:0 -14px;}
	ul#nav li.properties a:hover, ul#nav li.properties a.on{background-position:-72px -14px;}
	ul#nav li.profile a:hover, ul#nav li.profile a.on{background-position:-181px -14px;}
	ul#nav li.news a:hover, ul#nav li.news a.on{background-position:-329px -14px;}
	ul#nav li.contact a:hover, #nav li.contact a.on{background-position:-400px -14px;}*/

ul#nav li a, ul#nav li a:hover, ul#nav li a:active {outline:none}

/*    nav   */

#nav li{position:relative; z-index:188}

#nav li ul {
	position: absolute;
	width: 140px;
	top:14px;
	padding:0;
	float:left;
	left: -999em;
	z-index:100;
}

#nav li ul li, #nav li ul li a{ height:auto;}
#nav li ul li a{ 
	width:140px !important;  
	padding:5px 7px;
	float:left;
	background:#42506b none;
	color:#fff;
	border-bottom:1px solid #35445e;
	text-indent:0;
	display:block;
	line-height:12px;
	text-decoration:none;
	z-index:160;
	text-transform:none;
	position:relative;
}
#nav li ul li a:hover { background:#97b4dc none; color:#323840;}
#nav li:hover ul, #nav li.sfhover ul {
	left: -6px; z-index:150; position:absolute}

div.sub_nav{height:20px; margin-left:369px;}
	div.sub_nav ul li{float:left; margin-right:30px; text-decoration:none;}
	div.sub_nav ul li a{float:left; display:block; text-decoration:none; padding-top:7px; font-size:10px;}

	
.col_small ul{margin-top:10px}
	.col_small ul li{float:left}
	.col_small ul li a{color:#fff; display:block; float:left; width:234px; text-decoration:none; padding:4px 6px; z-index:1000; position:relative}
	.career .col_small ul li{ margin-bottom:20px;}
	.col_small ul li a:hover, .col_small ul li a.on{background-color:#8baedc; color:#fff;}
	
/* -------------- 4. Fonts ------------------------------ */
h1, h2, h4{color:#8baedc; font:normal 20px Helvetica, sans-serif;}
h2{margin:56px 0 12px}
.home h1{font:normal 34px/48px Helvetica, sans-serif; color:#808285; margin-top:15px}
p{font:12px/18px Helvetica, sans-serif;}
.vision p{ font:14px/26px Helvetica, sans-serif;}
.background .col_small p, .news .col_small p{margin:10px 20px 0 0}
.text p, .contact .padding p{margin-top:10px}
.contact .padding p{color:#fff}

/* -------------- 5. Images ----------------------------- */
.management_team #masterhead{background:url(../images/images/site_banners/banner_management-team.jpg) no-repeat bottom left}
.background #masterhead{background:url(../images/images/site_banners/banner_background.gif) no-repeat bottom left}
.career  #masterhead{background:url(../images/images/site_banners/banner_careers.gif) no-repeat bottom left}
.properties  #masterhead{background:url(../images/images/site_banners/banner_contact.gif) no-repeat bottom left}
.vision #masterhead, .home #masterhead{height:70px;}
.news #masterhead{background:url(../images/images/site_banners/banner_news.gif) no-repeat bottom left}
.contact #masterhead{background:url(../images/images/site_banners/banner_contact.gif) no-repeat bottom left}
.galleria_container{}

/* -------------- Notes --------------------------------- */

.galleria{list-style:none;width:200px}
.galleria li{display:block; width:80px; height:80px; overflow:hidden; float:left; margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute; display:none; top:0; left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{
	cursor:pointer;
	top:auto;
	left:0px;
	display:block;
	width:auto;
	height:auto
}

#right .col_small .padding img{margin:0 1px 0 0; }
#right .col_small .padding img.thumb{margin:0; }

.galleria li .caption{
	display:block;
	padding: 0em;
}
* html .galleria li div span{width:600px} /* MSIE bug */


	/* BEGIN DEMO STYLE */
	.galleria_container{width:980px; height:257px; z-index:4; left:-335px; position:absolute; top:-277px;  }
	.galleria_wrapper{position:relative; z-index:5}
	.galleria_wrapper img{position: relative; z-index:6}

	.caption{font-style:italic;color:#887;}
	.demo{ position:;margin-top:0px;}
	.gallery_demo{
	width:230px;
	margin-center:80px;
	margin: 0px;
}
	.gallery_demo li{
	width:60px;
	height:57px;
	margin-top: 0;
	margin-right: 2;
	margin-bottom: 2;
	margin-left: 0;
}
	.gallery_demo li div{
	left:5px;
	padding: 10px;
}
	
	#main_image img{
	margin: 0px;
}
	
	
	.info{
	text-align:left;
	width:700px;
	margin:auto;
	padding-top:0px;
	border-top-style: dotted;
}
	.info p{
	margin: 0em;
}
	#main_image{
	height:245px;
	width:850px;
	background:white;
	margin: 0;
	float: left;
}