@import "reset.css";
@import "grid.css";
/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
display:block;
}
/*GLOBAL*/
body {
position:absolute;
font:11px/16px 'Trebuchet MS', sans-serif;
color:#747880;
text-transform: uppercase;
min-width: 1060px;
min-height:730px;
width:100%;
height:100%;
overflow:hidden;
z-index:1;
background: #202020;
}
h1 {
position:relative;
display: inline-block;
margin-left: -9px;
height: 57px;
margin: 1px 0 10px 0px;
top:31px;
}
h2 {
position:relative;
color: #ffffff;
font:40px 'Trebuchet MS', sans-serif;
font-weight:bold;
text-transform: uppercase;
}
h3 {
position:relative;
color: #6A6A6F;
margin-top: -10px;
padding-left: 11px;
padding-bottom: 22px;
font:16px 'Trebuchet MS', sans-serif;
font-weight:bold;
text-transform: uppercase;
}
p {
padding-bottom: 17px;
}
body p a {
text-decoration:none;
}
body p a:hover {
text-decoration:underline;
}
body p a.und:hover {
text-decoration:none;
}
a {
text-decoration:none;
}
a.und:hover,.und a:hover {
text-decoration:underline;
}
#glob {
position:absolute;
width:100%;
overflow:hidden;
z-index:2;
margin-top: 10%;
}
.mar_auto {
height:100%;
margin: auto;
top:50px;
}
.spinner {
position:fixed;
left:0px;
top:30px;
width:100%;
height:100%;
z-index:10001;
background:url( "../images/ajax-loader.gif") 50% no-repeat #202020;
}
.spinner_bg {
background:url( "../images/ajax-loader.gif") left top no-repeat;
top:153%;
left:150%;
}
#bgStretch {
z-index:1;
}
#bgStretch>img {
background: #000; 
}
.logo {
position:relative;
display:inline-block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
color: #fff;
width: 394px;
height: 58px;
background: url('../images/logo.png') left center no-repeat;
margin-top:1px;
z-index: 300;
}
/*header*/
header {
width:100%;
z-index: 300;
}
/*end header*/
/*footer*/
.mainFooter { z-index:402;  position: relative; padding-top: 70px; font:10px/16px 'Trebuchet MS', sans-serif;}
.followHolder{position: relative;display: inline-block; margin-top: -23px;}
.followHolder > ul{display: inline-block;float: left;}
.followHolder > ul > li{display: inline-block; float: left;margin: 0 1px;}
.followHolder > ul > li > a{display: inline-block;}
footer p {
color: #ffffff;
opacity: 0.3;
}
footer span {
width:8px;
height:30px;
display: inline-block;
background:url(../images/footer_dot.png) 0 7px no-repeat;
}
footer p a{
color: #ffffff;
}
/*end footer*/
/*menu*/
#menu {
	position:relative;
	text-align:left;
	padding-top:145px;
	z-index:200;
}
#menu > li {
	display:block;
	padding-top:2px;
	margin-top:-40px;
}
#menu > li a {
	display:inline-block;
	font:96px "Trebuchet MS", Arial, sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	opacity: 0.3;
}
#menu .submenu li a {
	font:20px "Trebuchet MS", Arial, sans-serif;
	opacity: 1;
	color:#5E5D60;
	padding-right:12px;
	
}
#menu .submenu li a:hover {
	color:#FF8636;
	
}
.submenu {
	padding:0px 0 39px;
	margin-top:0px;
	margin-bottom:0px;
	
}
.submenu li {
	padding:0 2px;
	display:inline-block;
}
/* END MENU*/
/*PAGES*/
#content {
position:relative;
width:520px;
height:721px;
margin: auto auto;
z-index: 250;
}
#content>ul {
position: relative;
width:520px;
height:721px;
overflow: hidden;
}
#content>ul>li.no_bg{
background: none;
}
#content >ul >li {
position:absolute;
width:100%;
height:100%;
background: #34363A;
background: url('../images/content_bg.jpg');
}
.readMore{
font:16px 'Trebuchet MS', sans-serif;
text-transform: uppercase;
font-weight:bold;
color: #FF8636;
}
.readMore:hover {
text-decoration: none;  
}
.readMore2:hover {
text-decoration: none;  
color: #fff;
text-shadow: 0px 0px 8px #ffffff;
}
.scroll1{height: 240px; margin-bottom: 0px;}
.track{position:absolute; top: 81px; left: 442px; width:19px; height:238px; background:url(../images/track.png) 0 0 no-repeat;}
.shuttle{position:relative; width: 19px; height:103px; background: url(../images/shuttle.png) 50% 0% no-repeat;display: inline-block;z-index: 1;}
.scroll2{height: 160px; margin-bottom: 0px;}
.track2{position:absolute; top: 381px; left: 442px; width:19px; height:238px; background:url(../images/track.png) 0 0 no-repeat;}
.shuttle2{position:relative; width: 19px; height:103px; background: url(../images/shuttle.png) 50% 0% no-repeat;display: inline-block;z-index: 1;}
.scroll3{height: 180px; margin-bottom: 0px;}
.scroll4{height: 560px; margin-bottom: 0px;}
.track4{position:absolute; top: 59px; left: 442px; width:19px; height:560px; background:url(../images/track.png) 0 0 repeat-y;}
.shuttle4{position:relative; width: 19px; height:103px; background: url(../images/shuttle.png) 50% 0% no-repeat;display: inline-block;z-index: 1;}
.hline{
width:100%;
height:514px;
position:absolute; top: 285px;
background: url('../images/hline.png') bottom no-repeat;
}
#pagination { overflow:hidden; position: absolute; width:100%; height:100%; top:10%; left: 19px; z-index: 102; margin: auto auto;}
#pagination li{display:block;}
#pagination a{font:57px/63px 'Cuprum', sans-serif; padding:19px; color: #FFFFFF;}
#pagination a:hover, #pagination .active a{ background-position:0 0; color: #808080;}
/* list1 */
.list1{padding-bottom:0px;}
.list1 li{padding:9px 0 0 0px;}
.list1 li a{
	color: #989898;
	background:url(../images/list_dot.png) 0 7px no-repeat;
	display:inline-block;
	padding:5px 10px 0 5px;
	text-shadow: 0px 0px 0px #ffffff;
	padding-left: 20px;
	-webkit-transition:all 0.9s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;}
.list1 li a:hover{
	color:#FF8636;
   text-shadow: 0px 0px 8px #FF8636;}
.list2{padding-bottom:0px;}
.list2 li{padding:0px 0px 10px 0px;}
.list2 li a{
	color: #ffffff;
	background:url(../images/list_dot.png) 0 7px no-repeat;
	display:inline-block;
	padding:5px 10px 0 5px;
	text-shadow: 0px 0px 0px #ffffff;
	padding-left: 20px;
	-webkit-transition:all 0.9s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;}
.list2 li a:hover{
	color:#FF8636;
   text-shadow: 0px 0px 8px #FF8636;}	

/*PADDINGS*/
.pad1 {padding: 54px 30px 0px 25px;}
.pad2 {padding: 54px 10px 0px 25px;}
.bot_pad1 {padding-bottom:59px;}
.bot_pad2 {padding-bottom:89px;}
.bot_pad3 {padding-bottom:299px;}
.bot_pad4 {padding-bottom:60px;}
.bot_pad5 {padding-bottom:8px;}
.bot_pad6 {padding-bottom:84px; height:296px;}
.bot_pad7 {padding-bottom:14px;}
.bot_pad_h3 {padding-bottom:10px;}
.bot_pad_zero {padding-bottom:0px;}
.right_pad1 {padding-right:17px;}
.right_pad2 {padding-right:30px;}
.right_pad3 {padding-right:0px;}
.right_pad4 {padding-right:10px;}
.pad7 {padding-bottom: 23px;}
.color1{color: #ffffff;}
.color2{color: #FF8636;}
.w1{display: inline-block;width: 65px;}
.w2{display: inline-block;width: 39px;}
/*BG PAGES*/
/*///////////////////////////*/

img {padding-bottom: 22px;}
/* Lightbox image */
.lightbox-image > span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/magnify2.png) no-repeat 50% 50%;z-index:1;}
/*additional classes*/
.fleft {
float:left;
}
.fright,.fr {
float:right;
}
.wrapper {
width:100%;
overflow:hidden;
}
.clear {
clear:both;
line-height:0;
}
/*GOOGLE MAP*/
.google_map{
border-radius: 0px;
width: 280px;
height: 196px;
border: 10px solid #242528;
box-shadow: none;
background-color: #000;
background-image: url(../images/ajax-loader.gif);
background-repeat: no-repeat;  
position:  relative;
overflow: hidden;
}
/*END GOOGLE MAP*/
/* Forms*/
#form1 {
position: relative;
}
#form1 input {
position: relative;
background: #424346;
border: 0px solid #151515;
color:#ffffff;
padding: 0px 9px;
width: 142px;
height: 30px;
outline:none;
box-shadow:none;
font-size:11px;
text-transform: uppercase;
}
#form1 textarea {
position: relative;
background: #424346;
border: 0px solid #151515;
color:#ffffff;
font-size:11px;
text-transform: uppercase;
padding: 7px 10px;
width: 262px;
height: 130px;
overflow:auto;
outline:none;
resize: none;
}
#form1 label {
display:inline-block;
min-height: 40px;
position: relative;
margin: 0px 13px 0px 0px;
width: 205px;
}
#form1 .success{
position: absolute;
bottom: 28px;
left: 11px;
}
#form1 .error, #form1 .empty {
display:none;
font-size:9px;
color:#FFFFFF;
margin-left: 3px;
top: -2px;
position: relative;
}
fieldset{
height: 210px;
}
.btns{
float: right;
right: -50px;
padding-top: 23px;
position: relative;
}
.btns a{
display:inline-block;
margin-left: 16px;
}
/* Form defaults */
input, select, textarea {
font:13px/18px 'Tahoma', sans-serif;
vertical-align:middle;
font-weight:normal;
}
/*end forms*/