@import url(http://fonts.googleapis.com/css?family=Quicksand);

/* Left & Right alignment */
.left {
	float:left;
}
.right {
	float:right;
}
.center{
	text-align:center;
	padding-top:25px;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.mar0{
	margin:0 !important;
}
/* Global properties ======================================================== */
.clear	{clear:both;}

body, html, .extra{
	height:100%;
	min-width:1102px;
	min-height:830px;
}
body {
	overflow:hidden;
	border:0;
	font: 12px/ 18px Arial, sans-serif;
	color:#9f9f9f;
	background:url(../images/pattern.png) 0 0 repeat;;
}
/* Global Structure ============================================================= */
.extra{
	margin-bottom:-40px;
	overflow:hidden;
	position:relative;
}
.main {
	height:100%;
}
.page_spinner {
	position:fixed;
	background: url(../images/main_spinner.gif) 50% 50% no-repeat #161616;
	z-index:99;
	width:100%;
	height:100%;
	top:0;
	left:0
}
#gallSpiner {
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/gallSpiner.gif) 50% 50% no-repeat;
	z-index:-1;
}
#leftSide{
	min-height:830px;
	overflow:hidden;
	position:relative;
	width:625px;
	height:100%;
	float:right;
	z-index:3;
}
#rightSide{
	min-height:830px;
	position:relative;
	margin-left:127px;
	width:347px;
	height:100%;
	float:right;
	border:1px solid #1c1c1c;
	background:#161616;
	z-index:1;
}
#grad {
	position:absolute;
	width:663px;
	height:320px;
	top:0;
	right:0;
	background:url(../images/grad.png) 0 0 no-repeat;
	z-index:-1;
}
/* ============================= main layout ====================== */
a {
	color:#fff;
	text-decoration: underline;
	outline:none;
}
a:hover {
	color:#9f9f9f;
}
h1 {
	padding:0 0 0 0;
}
h2 {
	text-align:center;
	letter-spacing:1px;
	font: 35px/ 40px 'Quicksand', sans-serif;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	padding-bottom:30px;
}
h3{
	color:#fff;
	font-weight:bold;
}
p {
	padding-bottom:12px;
}
.color1{
	color:#a1a1a1;
}
/* ============================= header ====================== */
#logo {
	position:relative;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin:0px 0 25px 37px;
	width:247px;
	height:150px;
	background:url(../images/logo.png) 0 0 no-repeat;
}
.lineH {
	margin-left:64px;
	width:220px;
	height:1px;
	background-color:#222222;
}
/* ============================= menu ====================== */
#menu {
	padding-top:71px;
	height:444px;
}
#menu > li {
	position:relative;
	display:block;
	padding:0 0 10px 64px;
	z-index:1;
}
#menu > li > img {
	position:absolute;
	left:-128px;
	top:-38px;
}
#menu > li a {
	display:inline-block;
	font: 24px/24px 'Quicksand', sans-serif;
	color:#fff;
	text-decoration:none;
}
#menu > li > a > span {
	position:absolute;
	width:100%;
	height:27px;
	top:3px;
	left:0;
	background-color:#222222;
	z-index:-1;
}
#menu .submenu1 li a {
	color:#7a7a7a;
	font-size:18px;
	line-height:20px;
}
#menu .submenu1 li a:hover {
	color:#fff;
}
.submenu1 {
	padding:25px 0 17px;
}
.submenu1 li {
	position:relative;
	padding:2px 0;
}
.submenu2 {
	position:absolute;
	top:0;
	left:115px;
	z-index:2;
}
#bgControls{
	position:absolute;
	overflow:hidden;
	height:100%;
	top:0;
	left:0;
	z-index:10;
}
#prev, #next{
	height:100%;
	width:45px;
	background:url(../images/arr_bg.png) 0 0 repeat;
}
#prev{
	float:left;
}
#next{
	float:right;
}
#prev > span, #next > span{
	display:block;
	height:100%;
	width:45px;
}
#prev span {
	background:url(../images/prev_arr.png) 0 50% no-repeat;
}
#next span {
	background:url(../images/next_arr.png) 0 50% no-repeat;
}
/* ============================= content ====================== */
#content{
	position:relative;
	width:626px;
	height:100%;
}
#content > ul > li {
	min-height:830px;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(../images/page_bg.png) 0 0 repeat;
}
#content > ul > li > div{
	overflow:hidden;
	height:100%;
	width:586px;
	padding:0 25px 0 25px;
}
.noBG{
	background:none !important;
}
a{
	-webkit-transition:color 0.4s ease;
	-moz-transition:color 0.4s ease;
	-o-transition:color 0.4s ease;
	transition:color 0.4s ease;
}
.more {
	display:inline-block;
	text-decoration:none;
	color:#111111;
	font-weight:bold;
	background:url(../images/more_plane.png);
	padding:6px 19px;
}
.more:hover {
	color:#fff;
}
.contLine {
	margin:0 auto;
	width:344px;
	height:1px;
	background-color:#383838;
}
.marTop1{
	margin-top:15px;
}
.marTop2{
	margin-top:50px;
}
.marTop3{
	margin:31px 0 55px;
}
.marTop4{
	margin-top:12px;
}
.marTop5{
	margin-top:196px;
}
.marTop6{
	margin-top:40px;
}
.padTop1{
	padding-top:49px;
}
.padTop2{
	padding-top:28px;
}
.padTop3{
	padding:41px 0 8px;
}
.padBot1{
	padding-bottom:8px;
}
.google_map{
	margin:0 0 17px 12px;
	float:left;
    width: 381px;
    height: 252px;
    background: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}
.address {
	text-align:center;
	padding-bottom:29px;
}
.mailLink{
	text-decoration:none;
}
/* ============================= lists ====================== */
.iconList{
	position:relative;
	overflow:hidden;
	bottom:0px;
}
.iconList > li{
	display:inline-block;
	padding-right:4px;
}
.icon1, .icon2{
	display:block;
	width:31px;
	height:31px;
}
.icon1{
	background:url(../images/icon1.png) 0 0 no-repeat;
}
.icon2{
	background:url(../images/icon2.png) 0 0 no-repeat;
}
.folioList{
	overflow:hidden;
	margin-left:52px;
	width:342px !important;
}
.folioList > div {
	width:362px;
}
.folioList > div li{
	position:relative;
	float:left;
	padding:0 20px 20px 0;
}
.folioList > div li span{
	position:absolute;
	width:161px;
	height:161px;
	background:url(../images/page2_hover.png) 0 0 no-repeat;
}
.pagination{
	margin-left:52px;
}
.pagination a{
	display:inline-block;
	margin-right:11px;
	padding:2px 0;
	width:23px;
	height:19px;
	font: 18px/18px 'Quicksand', sans-serif;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
.pagination a:hover, .pagination .active{
	background:url(../images/pagination_bg.png) 0 0 no-repeat;
}
.listWithMarker{
	padding-top:6px;
}
.listWithMarker li {
	display:block;
	padding-bottom:2px;
}
.listWithMarker li a {
	display:inline-block;
	padding-left:14px;
	font-size:13px;
	color:#c2c2c2;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/list_marker.png) 0 8px no-repeat;
}
.listWithMarker li a:hover {
	color:#fff;
	text-decoration:underline;
}
.list1 li{
	overflow:hidden;
	width:444px;
	padding-bottom:2px;
}
.list1 li > img{
	float:left;
	padding-right:20px;
}
.list1 li > div{
	position:relative;
	top:-4px;
	overflow:hidden;
}
.list1 li > div a {
	text-decoration:none;
}
/* ============================= footer ====================== */
footer {
	padding:26px 0 0 65px;
	font: 12px/18px Arial, sans-serif;
	text-transform:uppercase;
	color:#909090;
}
footer > a {
	color:#909090;
	text-decoration:none;
}
footer > a:hover {
	color:#fff;
}
/* ============================= forms ============================= */
#form1{
	padding-left:26px;
}
#form1 input {
	margin:0;
	margin-right:10px;
	padding:9px 0 9px 15px;
	width:156px;
	box-shadow:none;
	background:url(../images/contacts_bg.png) 0 0 repeat;
}
#form1 textarea {
	resize: none;
	margin:0;
	padding:9px 0 5px 15px;
	width:337px;
	height:109px;
	overflow:auto;
	background:url(../images/contacts_bg.png) 0 0 repeat;
}
#form1 input, #form1 textarea  {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#form1 label {
	position:relative;
	display:inline-block;
	min-height:43px;
}
#form1 .error, #form1 .empty {
	position:relative;
	top: -3px;
	display:none;
	font-size:10px;
	color:#9f9f9f;
	text-transform:none;
}
.inLine{
	overflow:hidden;
}
.inLine > label {
	float:left;
}
.btns{
	padding-top:10px;
}
.btns > a{
	margin-left:116px;
}
/* Form defaults */
input, select, textarea {
	font:12px/18px Arial, sans-serif;
	color:#9f9f9f;
}