/* CSS Document */

* {
	margin:0;
	padding:0;
	border:0;
}

body{
	background:#000;
	border:0;
	color:#656464;
	text-transform:none;
	line-height:17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


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

a{ color:#fff; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{
	letter-spacing:-2px;
	font-weight: normal;
	line-height:50px;
	float:left;
	background: url(images/bg_logo.png) repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
}
h2{ font:41px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; line-height:44px; padding:28px 0 12px 0; letter-spacing:-2px;}
h2 span{ font-size:21px; color:#6b6b6b; letter-spacing:-1px;}
p{ padding-bottom:17px;}
img{ vertical-align:top}
/* ============================= header ====================== */
#logo{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:20px 36px 8px 40px;
}
#logo span{
	display: block;
	color:#a6a5a5;
	line-height:10px;
	letter-spacing:0;
	margin-top:-3px;
	padding-left:1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.line{
	height:20px;
	width:100%;
	overflow:hidden;
	font-size:0;
	line-height:0;
	background:url(images/bg_logo.png) repeat
}
#menu {
	width:100%;
	overflow:hidden;
	height:60px
}
#menu li { float:left;}
#menu li a{
	display:block;
	width:193px;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	letter-spacing:-1px;
	color:#fff;
	text-decoration:none;
	line-height:30px;
}
#menu li a:hover, #menu #menu_active a{
	line-height:60px;
}
#menu .nav1 a{ background:#000000}
#menu .nav2 a{ background:#000000}
#menu .nav3 a{ background:#000000}
#menu .nav4 a{ background:#000000}
#menu .nav5 a{ background:#000000}

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

.pad_left{ padding-left:30px;}
.pad_left2{ padding-left:35px;}
.pad_bot1{ padding-bottom:22px;}
.pad_bot2{ padding-bottom:30px;}

.font1{ color:#fff}

.button{ display:inline-block; color:#363c39; font:21px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:51px; padding:0 27px; text-decoration:none; background:#fff}
.button:hover{ background:#000; color:#fff}

.price{ margin-top:-3px;}
.price li{ width:100%;overflow: hidden; vertical-align: top; line-height:23px;}
.price span{ float:right; color:#fff;}
.price a{
	color:#FFFFFF;
	text-decoration:none;
	float:left;
}
.price a:hover{ color:#fff;}
.price li strong{ display: block;overflow:hidden; background: url(images/price.gif) 0 -8px repeat-x; zoom:1}

.box{ float:left; margin-right:15px; background:#fff; font:36px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#363c39;  line-height:38px; padding:8px 14px 14px 15px; margin-top:11px}
.box span{ font-size:18px; line-height:20px; display:block; margin-top:-5px;}

.news p{ padding-top:5px}
/* ============================= footer ====================== */

#footer { color:#fff; line-height:16px; padding:26px 30px 0 32px}
#footer a{ text-decoration:none; color:#5b5b5b}
#footer a:hover{ text-decoration:underline}

.contact{ float:left; width:330px;}
#footer .contact a{ color:#fff;}

#footer_menu{ float:right; padding-bottom:48px}
#footer_menu li{ float:left; padding-left:14px;}
#footer #footer_menu .nav1 a{
	color:#FFFFFF;
}
#footer #footer_menu .nav2 a{
	color:#FFFFFF;
}
#footer #footer_menu .nav3 a{
	color:#FFFFFF;
}
#footer #footer_menu .nav4 a{
	color:#FFFFFF;
}
#footer #footer_menu .nav5 a{
	color:#FFFFFF;
}

#footer span{ width:400px; text-align:right}

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

#form_1{ line-height:31px; color:#fff; margin-top:4px; width:871px; overflow:hidden}
#form_1 .input{ float:right; width:312px; height:13px; padding:9px 5px; font:11px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; background:#5b5b5b;}
#form_1 p{ padding-bottom:8px;}
.col_1{ width:420px; float:left;} 
.col_2{ width:431px; float:left; padding-left:20px;}
#form_1 select{ width:104px; float:right; height:31px; padding:6px; background:#5b5b5b; margin-left:5px; font:11px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase;}
#form_1 .select{ width:149px; margin-right:180px}
#form_1 textarea{ float:right; width:319px; height:92px; padding:9px 5px; font:11px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; background:#5b5b5b; overflow:auto}
#form_1 a{ float:right; margin-left:9px; margin-top:22px;}

#ContactForm {line-height:31px; color:#fff;width:871px; overflow:hidden; margin-top:4px;}
#ContactForm p{ padding-bottom:8px;}
#ContactForm a{ float:right; margin-left:19px; margin-top:23px;}
#ContactForm .input {float:right; width:328px; height:13px; padding:9px 5px; font:11px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; background:#5b5b5b;}
#ContactForm textarea { float:right; width:355px; height:131px; padding:9px 5px; font:11px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; background:#5b5b5b; overflow:auto}

/*==========================================*/

.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}