/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */
body{
	background: url(../images/bg.png) repeat;
	color: #222221;
	line-height: 16px;
	min-width: 980px;
	text-transform: none;
	font-family: 'Open Sans', Helvetica;
	font-size: 14px;
	font-weight: 400;
}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

.page_spinner{ position:absolute;background: url(../images/bg.png) center bottom no-repeat fixed; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner div{
	position: absolute;
	background: url(../images/ajax-loader.html) 50% 50% no-repeat;
	width: 100%;
	height: 100%;
	top: 28px;
	left: 38px
}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 980px; position:relative;}

/* ============================= main layout ====================== */

a{ color:#8dd5d1; text-decoration: none; outline:none}
a:hover{}
h1{ position:absolute; top:281px; text-align:center; width:100%; left:0}
h2{
	color: #282828;
	line-height: 1.2em;
	padding: 15px 0 14px 0;
	font-family: 'Open Sans', Arial, Helvetica;
	font-size: 21px;
	text-transform: uppercase
}
h5{
	color: #282828;
	line-height: 1.2em;
	padding: 15px 0 14px 0;
	font-family: 'PT Sans', Arial, Helvetica;
	font-size: 18px;
	text-decoration: none;
	text-align: left;
}
p{
	padding-bottom: 16px;
}
/* ============================= header ====================== */
header{}

#logo{
	display: inline-block;
	font-family: 'Impact';
	font-size: 140px;
	color: #222221;
	text-transform: uppercase;
	line-height: 1.2em;
	letter-spacing: -1px;
}
#logo span{
	display: block;
	font: 24px 'PT Sans';
	font-weight: bold;
	margin-top: -14px;
	letter-spacing: 0
}

.menu{
	position: absolute;
	top: 260px;
	width: 100%;
	text-align: center
}
#menu { top:-700px; position:relative; display:inline-block}
#menu > li { display:inline-block; position:relative; padding:0 10px;}
#menu > li > a{
	display: block;
	font-family: 'Impact';
	font-size: 30px;
	color: #0B86EA;
	text-transform: uppercase;
	line-height: 1.2em;
	position: relative;
	overflow: hidden
}
#menu > li > a:hover, #menu > .active > a{ }

.submenu{ position:absolute; width:108px; top:44px; left:-4px;}
.submenu ul{ position:relative; background:#282828;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:24px 0;}
.submenu li{ position:relative; font-family: 'Impact'; font-size: 20px; line-height:26px;}
.submenu a{ display:block; text-align:center; color:#0B86EA;}

/* ============================= content ====================== */

#content{  height:679px;}
#content > ul{ background: url(../images/bg.png) #DADAD2 repeat; width:100%; position: relative; height:339px; top:291px;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; overflow:hidden}
#content > ul > li{ position:relative; width:940px; padding:20px; height:300px;}

.pad_bot1{
	padding-bottom: 26px;
	padding-right: 0px;
}
.pad_bot2{ padding-bottom:6px;}
.pad_left1{ padding-left:60px;}
.marg_right0{ margin-right:15px;}
.marg_right1{ margin-right:20px;}
.marg_right2{ margin-right:23px; padding-left:5px;}
.marg_right3{ margin-right:27px; padding-left:11px;}
.marg_left1{ margin-left:20px;}
.center7{ position:relative; left: 115px;}

figure{ padding-top:3px;}

.color1{
	color: #282828;
	font-weight: bold;
}

.link1{
	color: #0B86EA;
	font-family: 'PT Sans', Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
}

.link2{
	color: #0B86EA;
	font-family: 'PT Sans', Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	position:relative; left: 4px;
}

.scroll{height:225px; width:900px; overflow:hidden;}
.track{ width:22px; height:224px; padding:26px 0; top:60px !important; left:920px !important; background: url(../images/scroll_track.gif) 0 0 no-repeat}
.shuttle{ width:22px; height:64px; background: url(../images/scroll_drag.gif) 0 0 no-repeat; margin-left:0px;}
._up-butt, ._down-butt{ height:0px !important;}

.google_map{width:420px; height:222px;  position:relative; background:#0B86EA; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; overflow:hidden; padding-top:0; margin-top:3px;}


/* ============================= columns ====================== */

.col1, .col2, .col3{
	float: left;
}
.col4{ float:right;}
.colf{ margin-left: auto;
margin-right: auto;}

.col1{ width:580px;}
.col2{ width:290px;}

#page_services .col1{
	width: 300px;
}
#page_works .col1{
	width: 210px;
	margin-right: 15px;
}
#page_contacts .col1{ width:420px;}
#page_contacts .col2{ width:460px;}
#page_privacy .col1{ width:840px;}
#page_more .col1{ width:840px;}

.description{ position:relative; left: 3px;}

/* ============================= footer ====================== */

footer {
	text-align: center;
	font: 14px 'PT Sans', Arial, Helvetica;
	font-weight: bold;
	color: #999999;
	nav-right: auto;
}
footer a{
	color: #999999
}
footer span{
	color: #999999
}

#icons{ padding-bottom:18px}
#icons li{ display:inline-block; margin:0 1px}
#icons a{ display:block; position: relative;}
#icons .img_act{ position:absolute; top:0; left:0}

/* ============================= forms ============================= */

#ContactForm{ padding-top:6px; padding-bottom:10px; position:relative;}

#ContactForm .col1{ width:220px;}
#ContactForm .wrapper{ overflow:inherit; min-height:54px;}
#ContactForm .success{ display:none; position:absolute; left:0; bottom:0;}
#ContactForm label{ position:relative;min-height:32px; display: inline-block;}
#ContactForm .message{ height:143px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#282828; line-height:14px; display:none; width:100%; text-transform:none}
#ContactForm a{ margin-left:20px; float:right;}
#ContactForm .input { margin:0;width:182px; height:14px; background: url(../images/spacer.gif) repeat; padding:9px 18px;color:#282828; font:10px Arial, Helvetica; color:#a2acb3; text-transform:uppercase}
#ContactForm textarea { overflow: auto; margin:0;resize:none;width:422px; height:107px; background: url(../images/spacer.gif) repeat; padding:9px 18px;color:#282828; font:10px Arial, Helvetica; color:#a2acb3; text-transform:uppercase}


#ContactForm  .bg{ background:#f3f3f3; border:1px solid #cbcbcb; position:relative;border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; display:inline-block;}
.empty {
	float: none;
	height: 50px;
	width: 10px;
	position: relative;
}