/* CSS Document */

* { 
	margin:0; padding:0;
	border:0;
}

body{
	background:url(images/bg.jpg) top center no-repeat #0c0c0c;
	border:0;
	color:#FFFFFF;
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}


/* ============================= main layout ====================== */

a{ color:#747474; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ float:left; font-size:70px; font-weight:bold; line-height:80px; text-transform:uppercase; padding:40px 0 0 14px; letter-spacing:-2px;}
h1 span{ display:block; font-size:10px; line-height:12px; margin-top:-11px; letter-spacing:0;}
h2{ font-size:20px; line-height:22px; font-weight:bold; text-transform:uppercase; color:#252525; padding:19px 0 28px 0; letter-spacing:-1px;}
h3{ font-size:15px; font-weight:bold; color:#252525; line-height:18px; padding:22px 0 9px 0; text-transform:uppercase}
p{ padding-bottom:16px;}
img{ vertical-align:top}
/* ============================= header ====================== */
#top{ font-size:10px; text-transform:uppercase; color:#4c4c4c; padding:15px 4px 0 15px}
#top_nav{ float:right}
#top_nav li{ float:left; padding-left:8px; margin-left:7px; background:url(images/top_line.jpg) 0 5px no-repeat;}
#top_nav a{ color:#4c4c4c; text-decoration:none}
#top_nav a:hover{ text-decoration: underline}
#top_nav .bg_none{ background:none}

#logo{ color:#fff; text-decoration:none}
#logo strong{ color:#0084ff}

.box_top{ background:url(images/box_top.jpg) top repeat-x; margin-top:0px;}
.box_top_left{ background:url(images/box_top_left.jpg) top left no-repeat}
.box_top_right{ background:url(images/box_top_right.jpg) top right no-repeat; width:100%; height:89px;}
.box_top_bg{ background:url(images/box_top_bg.jpg) top repeat-x}
.box_left_top{ background:url(images/box_left_top.jpg) top left no-repeat}
.box_right_top{ background:url(images/box_right_top.jpg) top right no-repeat}
.box{ background:#fff;}
.box_bot_left{ background:url(images/box_bot_left.jpg) bottom left no-repeat}
.box_bot_right{ background:url(images/box_bot_right.jpg) bottom right no-repeat}

#menu { padding-top:37px; float:left; padding-left:16px;}
#menu li { float:left;}
#menu li a{ float:left; font-size:11px; font-weight:bold; text-transform:uppercase; color:#5c5c5c; text-decoration:none; line-height:15px; margin-top:5px; background:url(images/menu_bg.jpg) top repeat-x; margin-left:-1px;}
#menu li a span{ float:left; background:url(images/menu_left.jpg) top left no-repeat}
#menu li a span span{ padding:17px 22px 15px 23px; background:url(images/menu_right.jpg) top right no-repeat}
#menu li a:hover, #menu #menu_active a{ margin-top:0; color:#0084ff; background:url(images/menu_bg_active.jpg) top repeat-x; position:relative}
#menu li a:hover span, #menu #menu_active a span{ background:url(images/menu_left_active.jpg) top left no-repeat;}
#menu li a:hover span span, #menu #menu_active a span span{ background:url(images/menu_right_active.jpg) top right no-repeat; padding-top:22px;}

#icons{ float:right; padding:61px 15px 0 0}
#icons li{ float:left; padding-left:2px;}

#banner{ padding:15px 15px 0 15px; background:url(images/bg_banner.jpg) 15px 15px no-repeat; height:386px;}
.text{ padding:77px 0 0 67px; width:450px;}
.text span{ display:block; margin-top:-20px; font-size:40px; line-height:48px; text-transform:uppercase; color:#fefefe; letter-spacing:-1px;}
#banner .button{ float:left; width:104px;  background:url(images/banner_button.jpg) no-repeat; text-align:center; margin-top:19px; line-height:41px;}

/* ============================= content ====================== */
.pad{ padding:0 15px;}
.pad_left1{ padding-left:10px;}
.pad_left2{ padding-left:46px;}
.marg_right1{ margin-right:20px;}
.pad_bot1{ padding-bottom:20px;}
.pad_bot2{ padding-bottom:33px;}

.button{ float:left; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase; line-height:31px; background:url(images/button_bg.jpg) top repeat-x}
.button span{ display:block; background:url(images/button_left.jpg) top left no-repeat}
.button span span{ padding:0 13px; background:url(images/button_rihgt.jpg) top right no-repeat}
.button:hover{ color:#000}

.under{ border-bottom:1px solid #e2e2e2; padding-bottom:24px; margin-bottom:13px;}

.font1{ font-size:15px; color:#000000}

.link1{ font-size:11px; font-weight:bold; color:#0084ff; text-transform:uppercase; text-decoration:none; padding-right:8px; background: url(images/marker_1.gif) right 4px no-repeat}
.link1:hover{ text-decoration:underline}
.link2{ color:#252525; font-weight:bold; text-decoration:none} 
a.link2:hover{ text-decoration:underline}

.list1{ margin-top:-3px;}
.list1 li{ line-height:24px;}
.list1 li a{ padding-left:21px; background:url(images/marker_2.gif) 0 6px no-repeat}

.list2{ margin-top:-14px;}
.list2 li{ padding-bottom:10px; padding-top:13px; padding-left:60px; border-bottom:1px solid #e2e2e2;}
.img1{ background:url(images/img1.jpg) 0 6px no-repeat}
.img2{ background:url(images/img2.jpg) 0 7px no-repeat}
.img3{ background:url(images/img3.jpg) 0 13px no-repeat}

/* ============================= footer ====================== */

#footer { font-size:10px; color:#6d6d6d; text-transform:uppercase; padding-top:31px; padding-bottom:50px}
#footer a{ color:#6d6d6d; text-decoration:none;}
#footer a:hover{ color:#fff}

#footer_menu{ width:100%; overflow:auto; padding-bottom:12px}
#footer_menu li{ float:left; padding-right:10px; margin-right:9px; background:url(images/footer_line.jpg) right 5px no-repeat;}
#footer_menu .bg_none{background:none}
#footer_menu a{ color:#fff;}
#footer_menu img{ margin-right:7px; float:left;}
#footer_menu a:hover{ color:#6d6d6d}

/* ============================= forms ============================= */

#ContactForm { width:284px;}
#ContactForm a{ margin-left:30px;}
#ContactForm .input {width:272px; height:16px; border:1px solid #bfbfbf; background:#fff; padding:3px 5px; margin-bottom:8px;color:#747474; font:13px Arial, Helvetica, sans-serif;}
#ContactForm textarea {width:272px; height:148px; border:1px solid #bfbfbf; background:#fff; padding:3px 5px; margin-bottom:21px;color:#747474; font:13px Arial, Helvetica, sans-serif; overflow:auto}

