/* 

Version : 1

Author : Nikita Doroshenko

Author URL : http://www.sonozo.ru

*/





/* -------------------------------------------------------------------------------------- SMALL RESET */

*{ outline:none; }



body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, p{

	margin:0;

	padding:0;

	}

	

ul{ list-style:none; }



a, a:hover{

	outline:none;

	text-decoration:none;

	}



img{ border:none; }





/* -------------------------------------------------------------------------------------- HACKS */



.clear{

	clear:both;

	height:1px;

	}



.inv{ display:none; }



/* -------------------------------------------------------------------------------------- STRUCTURE */



body{

	background:#000;

	color:#FFF;

	font-size:13px;

	font-family: Arial, Helvetica, sans-serif;

	line-height:24px;

	}



/* -------------------------------------------------------------------------------------- HEADINGS */

h1, h2, h3, h4, h5, h6{

	color:#FFF;

	font-family:'Myriad Pro', 'Myriad Pro Bold', Arial, Helvetica, Sans-serif;

	}



h1{	font-size:60px; }

h2{	font-size:48px; }

h3{	font-size:30px; }

h4{	font-size:16px; text-transform:uppercase; }

h5{	font-size:14px; }

h6{	font-size:10px; }



/* -------------------------------------------------------------------------------------- HEADER */



#header{ background:#121212;}

	#header .content{

		margin:0 auto;

		width:960px; height:115px;

		position:relative;

	}



/* ------------------------ Logo Top */

#header #logo{

	display:block;

	float:left;

	margin:25px 0 0 0;

	width:260px;

	height:90px;

	position: absolute;

	right:24px;

}

#header #logo a{

	background:url(../images/logo_top.png) no-repeat 0 20px;

	display:block;

	float:left;

	width:349px; height:74px;

}



/* ------------------------ Navigation Top */



#header #menu li a:hover{ /* THEME FILE */ }

#header #menu li a.current{ /* THEME FILE */ }



	.nav {

	padding-right: 10px;

	position: absolute;

	top: 60px;

	left: 0px;

	z-index: 1000;

	}	



	/* Navigation first level */

	.nav li{

		margin:0 15px 0 0;

	}

	.nav .navstyle{

		font-size:16px;

		text-transform: uppercase;

	}

	.nav li a{

		color:#FFF;

		padding:6px;

	}

	

	/* Navigation Second level (sub-menu) */

	.submenu_arrow{background:url(../images/arrow_submenu.png) no-repeat right 50%;}

	.nav ul {

		padding-left: 10px;

		float: left;

		position: relative;

		text-transform:none;

	}

		

		.nav ul li {

			float: left;

			position: relative;

			margin:0;

		}

			

			.nav ul li:hover ul ul,

			.nav ul li:hover ul ul ul,

			.nav ul li:hover ul ul ul ul{

				display:none;

			}

			

			.nav ul li:hover ul,

			.nav ul li li:hover ul,

			.nav ul li li li:hover ul,

			.nav ul li li li li:hover ul{

				display:block;

			}

		

			.nav ul li a {

				padding: 0px 10px;

				line-height: 30px;

				color: #FFFFFF;

				display: block;

			}

			.nav ul li a.desc{

				color: #a9a9a9;

				cursor:default;

			}

			.nav ul li a.desc:hover{

				color: #a9a9a9 !important;

			}

			.nav ul li em {

				padding: 0px 10px;

				color: #6b6b6b;

				display: block;

				font-size:12px;

			}

			

				.nav ul li a:hover {

					text-decoration: none;

				}

			

			.nav ul li ul {

				width: 160px;

				background: none;

				position:absolute;

				top: 30px;

				left: -10px;

				display: none;

			}

			

				.nav ul li ul li {

					/* Theme file */

				}

					

					.nav ul li ul li a{

						width: 160px;

						height:auto;

						float:left;

						border-top: 1px solid #353535;

					}

					

					/* Navigation 3rd level (sub-sub-menu) */

					.nav ul li ul li ul {

						top: 0px;

						left: 170px;

					}



/* -------------------------------------------------------------------------------------- TEASER */



#teaser{ background:url(../images/slider_bg.png) repeat-x left top; margin:0 0 6px 0;}

	#teaser .content{

		height:495px;

		overflow:hidden;

		text-align:center;

	}



#teaser .point{

		background:url(../images/point_slider.png) no-repeat 700px top;

		margin:0 auto;

		width:960px; height:47px;

	}

	

#teaser #slider #portfolio{width:100%; height:450px; overflow:hidden;}

#teaser #slider #portfolio li{ width:100%; }

#teaser #slider #portfolio a{

	display:block;

	margin:0 auto;

	width:960px; height:450px;

}



	

/* -------------------------------------------------------------------------------------- MAIN */



#main{ background:url(../images/background.png) repeat-x left top; padding:10px 0 0 0;}

	#main .content{

		background:#000 url(../images/point_main_top.png) no-repeat 700px top;

		margin:0 auto; padding:24px 0;

		width:960px;

		position:relative;

	}



/* -------------------------------------------------------------------------------------- FOOTER */



#footer{ background:#121212;

		border:1px solid #353535; border-width:5px 0 0 0;}

	#footer .content{

		margin:0 auto; padding:30px 0;

		width:960px;

	}

#footer .footer_col{

	width:288px;

	float:left;

	margin:0 0 0 24px;

}

#footer .footer_col ul{

	display:block;

	float:left;

	width: 130px;

	margin:0 10px 0 0;

}



#footer .footer_col ul a{

	display:block;

	padding:2px 3px;

	border:1px solid #353535; border-width:0 0 1px 0;

}



#footer #logo_bottom a{

	background:url(../images/logo_top_mini.png) no-repeat 50% top;

	display:block;

	width:288px; height:100px;

}



#footer .flickr{

	padding:5px 0 5px 15px;

	}

#footer .flickr a {

	  background: #1a1a1a;

	  padding: 5px;

	  display: block;

	  float: left;

	  margin:5px ;

	}

	

	#footer .flickr a:hover{

	  background: #525252;

	}

	

	#footer .flickr img {

	  display: block;

	  float: left;

	  margin: 0;

	  width: 70px;

	  height: 70px;

	}

/* -------------------------------------------------------------------------------------- 4 Columns */



.col1{

	display:block;

	float:left;

	margin:0 0 0 24px;

	width:210px;

}

.col2{

	display:block;

	float:left;

	margin:0 0 0 24px;

	width:446px;

}

.col3{

	display:block;

	float:left;

	margin:0 0 0 24px;

	width:680px;

}

.col4{

	display:block;

	float:left;

	margin:0 0 0 24px;

	width:910px;

}



.col1 h4{	

	background:url(../images/h4_underline.png) no-repeat left bottom;

}

.col2 h4{	

	background:url(../images/h4_underline_2cols.png) no-repeat left bottom;

}

.col3 h3, .col3 h4{	

	background:url(../images/h4_underline_3cols.png) no-repeat left bottom;

}



/* -------------------------------------------------------------------------------------- Page titles */

.title_page_block{

	position:relative;

	top:0;

	left:-12px;

	width:948px; height:70px;

	margin:0;

}

.title_page_block h2{

	display:block;

	float:left;

	height:60px;

	line-height:70px;

	margin:0 20px 0 0;

	padding:0 20px 0 50px;

	position:relative;

	text-transform:uppercase;

	letter-spacing:-2px;

}

.title_page_block h2 span{

	background:url(../images/h2_return.png);

	width:49px;

	height:73px;

	display:block;

	float:left;

	position:absolute;

	top:0;

	left:0;

}



.title_page_block p{

	font-size:16px;

	line-height:22px;

	height:70px;

	margin:0 0 0 20px; padding:0 0 0 20px;

}





/* -------------------------------------------------------------------------------------- WORKS PAGE */

#portfolio-list{

	margin:0; padding:0 0 0 10px;

	width:900px;

}

.floatleft{ float:left; height:40px; line-height:40px; }

#portfolio-filter{ float:left; }

#portfolio-filter li{ float:left; display:inline; }

#portfolio-filter li a{padding:0 20px; border:0; }

#portfolio-filter li a.current{ background:#353535; color:#FFF; }



.item_block{

	background:#121212;

	border:1px solid #353535;

	display:block;

	float:left;

	margin:0 22px 20px 0; padding:10px;

	position:relative;

	width:180px; height:100%;

}

.item_block img{ width:180px; height:180px; }

.item_block span{

	background:#121212;

	display:block;

	padding:2px 5px;

	position:absolute;

	top:150px;

	left:5px;

	z-index:80;

}



.item_block span a{

	padding:0 0 0 20px;

	line-height:24px;

}





/* -------------------------------------------------------------------------------------- Blog element */



.blog{

	clear:both;

	display:block;

	height:100%;

	margin:0 0 30px 0;

}

.blog h3{ text-transform:uppercase;}



/* Pagination */

#pagination li{

border:0; margin:0; padding:0;

font-size:11px;

list-style:none;

}

#pagination a{

border:solid 1px #353535;

margin-right:10px;

}

#pagination .previous-off,

#pagination .next-off {

color:#222;

display:block;

float:left;

font-weight:bold;

padding:3px 10px;

margin-right:10px;

}

#pagination .next a,

#pagination .previous a {

font-weight:bold;

border:solid 1px #353535;

} 

#pagination .active{

color:#FFF;

font-weight:bold;

display:block;

float:left;

padding:4px 10px;

margin-right:10px;

}

#pagination a:link,

#pagination a:visited {

display:block;

float:left;

padding:3px 10px;

text-decoration:none;

}

#pagination a:hover{

border:solid 1px #666;

}





#comments{

	border-top:5px solid #323232;

	margin:20px; padding:20px 0 0 0;

}

#comments h3{ text-align:right; font-size:16px; }

#comments h3 span{ color:#CCC; font-size:50px; }



.comments_post{

	border:1px solid #323232; border-width:0 0 1px 0;

	margin:20px 0; padding:0 0 20px 0;

	height:100%;

}

.comments_post .avatar{

	float:left;

	width:100px;

}

.comments_post .avatar img{

	border:1px solid #323232;

	padding:7px;

}

.comments_post .user_post{

	float:left;

	margin:0 0 0 10px;

	width:450px;

}

.comments_post .user_post p{

	border:1px solid #323232; border-width:1px 0 0 0;

	font-size:13px;

	padding:8px 0 0 0;

}

.comments_post .user_name{

	font-size:18px;

}



#reply-form{

	clear:both;

	margin:0 20px;

}

#reply-form p{

	clear:both;

	display:block;

	height:30px;

	padding:5px 10px;

}

#reply-form label{

	display:block;

	float:left;

	font-size:12px;

	padding:4px 6px;

	width:80px;

}

#reply-form .field,

#reply-form .textarea{

	border:1px solid #444;

}

#reply-form .field{

	background:#212121;

	color:#FFF;

	font-size:12px;

	display:block;

	float:left;

	padding:4px 6px;

	width:420px;

}

#reply-form .field:hover{

}

#reply-form .field:focus{

	background:#000;

}

#reply-form .textarea{

	background:#212121;

	color:#FFF;

	font-size:12px;

	display:block;

	float:left;

	padding:4px 6px;

	width:420px; height:150px;

}

#reply-form #check{

	width:60px;

	text-align:center;

}

#reply-form .textarea:hover{

}

#reply-form .textarea:focus{

	background:#000;

}



/* *hover state forms submit button */

#reply-form .submitter{

		background:#212121;

		border:0;

		color:#FFF;

		display:block;

		float:left;

		margin:0 0 0 390px;

		font-weight:bold;

		line-height:39px;

		text-align:center;

		text-transform:uppercase;

		width:102px; height:39px;

}



		

#reply-form .submitter:hover{

	background:#353535;

	}



#reply-form label.error {

	color:#C00;

	font-size:11px;

	padding:0 0 0 92px;

	width: 500px;

	}

#reply-form .messager{ height:170px;}



#reply-form .messager label.error {

	color:#C00;

	font-size:11px;

	padding:0 0 0 92px;

	width: 500px;

	}



/* -------------------------------------------------------------------------------------- Contact page */

/* CONTACT FORM */



#contact-form{

	clear:both;

}

#contact-form p{

	clear:both;

	display:block;

	height:30px;

	padding:5px 10px;

}

#contact-form label{

	display:block;

	float:left;

	font-size:12px;

	padding:4px 6px;

	width:80px;

}

#contact-form .field,

#contact-form .textarea{

	border:1px solid #444;

}

#contact-form .field{

	background:#212121;

	color:#FFF;

	font-size:12px;

	display:block;

	float:left;

	padding:4px 6px;

	width:320px;

}

#contact-form .field:hover{

}

#contact-form .field:focus{

	background:#000;

}

#contact-form .textarea{

	background:#212121;

	color:#FFF;

	font-size:12px;

	display:block;

	float:left;

	padding:4px 6px;

	width:320px; height:150px;

}

#contact-form #check{

	width:60px;

	text-align:center;

}

#contact-form .textarea:hover{

}

#contact-form .textarea:focus{

	background:#000;

}



/* *hover state forms submit button */

#contact-form .submitter{

		background:#212121;

		border:0;

		color:#FFF;

		display:block;

		float:left;

		margin:0 0 0 320px;

		font-weight:bold;

		line-height:39px;

		text-align:center;

		text-transform:uppercase;

		width:102px; height:39px;

}



		

#contact-form .submitter:hover{

		background:#353535;

}



#contact-form label.error {

	color:#C00;

	font-size:11px;

	padding:0 0 0 92px;

	width: 300px;

	}

#contact-form .messager{ height:170px;}



#contact-form .messager label.error {

	color:#C00;

	font-size:11px;

	padding:0 0 0 92px;

	width: 300px;

	}

	

#map_canvas{

	border:1px solid #ccc;

	margin:20px 0; padding:8px;

	width:420px; height:250px;

}



/* -------------------------------------------------------------------------------------- Design */

.center{ text-align:center; }



.small{font-size:10px; }



.page_slogan{

	font-size:36px;

	line-height:48px;

	padding:10px 30px 24px 30px; margin:0 24px 30px 24px;

	text-align:center;

	text-transform:uppercase;

}

/* Link to read more with [+] */

.plus{

	border-top:1px solid #FFF;

	margin:10px 0 0 0;

}

.plus a{

	background:#FFF;

	display:block;

	padding:3px;

	float:right;

	line-height:50%;

}

.plus a:hover{

	/* Proprieties in theme file */

}





.design .biglines{

	color:#6e6e6e;

	clear:both;

	height:100%;

	font-size:16px;

	font-weight:bold;

	margin:15px 0;

}



.design strong{ color:#999; font-size:12px; }/* theme file */

.design ul, .design ol{

	margin:10px 0 10px 50px;

}

.design ul li{

	font:normal 16px/23px Arial, Helvetica, sans-serif;

	padding:5px 0;

}

.design ol {

	color:#999;

	font:italic 18px/23px Arial, Helvetica, sans-serif;

}

.design ol p {

	border:1px solid #323232; border-width:0 0 1px 0;

	color:#FFF;

	font:normal 13px/20px Arial, Helvetica, sans-serif;

	padding:0 0 10px 0;

}

.design .note{

	color:#666;

	border:1px solid #323232; border-width:0 0 2px 0;

	font:italic 14px/24px Georgia, "Times New Roman", Times, serif;

	padding:0 0 3px 0;

	margin:20px;

}

.design .img_left{

	border:1px solid #323232;

	float:left;

	margin:0 12px 0 0; padding:7px;

}

.design .img_right{

	border:1px solid #323232;

	float:right;

	margin:0 0 0 12px; padding:7px;

}

.design .img_blines{

	padding:10px 0 0 0;

}





.design .continue a{

		background:#353535;

		color:#FFF;

		display:block;

		float:right;

		font-weight:bold;

		line-height:39px;

		margin:0 0 10px 0;

		text-align:center;

		text-transform:uppercase;

		width:102px; height:39px;

	}

	.design .continue a:hover{

		background:#000;

		color:#353535;

		}



.sidebar h4{

}

.sidebar ul, .design ol{

	margin:10px 0 10px 10px;

}

.sidebar ul li{

	font:normal 12px/21px Arial, Helvetica, sans-serif;

}

.sidebar ul li a{ display:block;

	border-bottom:1px solid #353535;

	padding:5px 0; }



.sidebar

/* ------------------------------- SEARCH ENGINE */

.sidebar #search_form {}

.sidebar #search_form .field { float: left; display: inline; height: 39px; width: 170px; border:solid 1px #353535; border-width:1px 0 1px 1px; }

.sidebar #search_form .field input { color: #FFF; border: 0; background: transparent; font-size: 11px; margin: 10px 0 0 10px; width: 150px; }

.sidebar #search_form .button { float: left; color: #FFF; display: inline; height: 41px; width: 36px; cursor: pointer; border:solid 1px #353535; border-width:1px 1px 1px 0; background:#121212; }

.sidebar #search_form .button:hover { }





/* Separators */

.separator{

	background:#121212;

	border-bottom:1px solid #353535;

	display:block;

	clear:both;

	margin:15px 0;

	width:auto; height:5px;

}

.separator900{

	background:#121212;

	border-bottom:1px solid #353535;

	display:block;

	clear:both;

	margin:15px 25px;

	width:auto; height:5px;

}

.separator_2cols_3px{

	display:block;

	clear:both;

	width:446px;

	height:3px;

	margin:30px auto;

}

.separator_3px{

	display:block;

	clear:both;

	width:912px;

	height:3px;

	margin:30px auto;

}

/* ------------------------------- TABLE PRICES */



table.pricing {

	border-right:1px solid #353535;

	border-bottom:1px solid #353535;

	width:900px;

	margin:20px auto;

}



table.pricing img {

	border:none;

	padding:0;

	background:none;

}



.pricing th, .pricing td {

	padding:10px;

	border-left:1px solid #353535;

	border-top:1px solid #353535;

	text-align:center;

	width:25%;

	background:#121212;

}



.pricing p.link {

	margin:10px 0;

}

th.feature, td.feature {

	text-align:right;

	width:120px;

	font-weight:bold;

	font-size:14px;

	text-transform:uppercase;

}



.pricing th {

	background:#171717;

	font-size:18px;

	text-transform:uppercase;

}

.pricing th.nothing{

	background:none;

	border:none;

}



tr.odd td {

	background:#111;

}

.blue, a.blue, .plus.blue a {

	color:#0090d4 !important;

}

.green, a.green, .plus.green a {

	color:#99c02f !important;

}

/*.white, a.white, .plus.white a {

	color:#fff !important;

}*/

.blue a:hover, a.blue:hover, .green a:hover, a.green:hover {

	color:#fff !important;

}

.grey {
	color:#ccc;

}

.price.strong strong{

	font-size:22px;

}