﻿/* CSS Document */

* { 
	margin:0; padding:0;
	border:0;
}

body{ background:#f5f5f5;
	 border:0;
	 font:14px Arial, Helvetica, sans-serif; color:#969696;
	 line-height:18px;
}


/* ============================= main layout ====================== */

a{ color:#109ea6; text-decoration: underline}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font-size:24px; font-weight:bold; color:#b9b9b9; line-height:normal; padding-top:37px; padding-bottom:32px; letter-spacing:-1px;}
p{ padding-bottom:18px;}
img{
	margin: 0px 0px 4px 0px;
	vertical-align: top;
}
/* ============================= header ====================== */
#top .h1{ font-size:38px; color:#d3d3d3; line-height: normal; padding-top:27px; letter-spacing:-1px; text-align:right}
#top .h2{ margin-top:-19px; float:right}
#top a{ color:#969696; font-size:11px; text-transform:uppercase;}
#top .bord{ padding-right:16px; background:url(images/line_ver1.jpg) right 1px no-repeat; margin-right:12px;}
#logo{ float:left;}

#menu { background:url(images/menu_bg.jpg) top repeat-x; margin-top:5px; margin-bottom:2px }
#menu li { float:left;}
#menu li a{ float:left; width:140px; font-size:14px; text-transform:uppercase; text-decoration:none; font-weight:bold; line-height:57px; background:url(images/menu_border.jpg) top right no-repeat; text-align:center; color:#fff;}
#menu li a:hover, #menu #menu_active a{ background:url(images/menu_bg_active.jpg) top repeat-x;}
#menu li a:hover span, #menu #menu_active a span{ background:url(images/menu_border_active.jpg) top right no-repeat; display:block}
#menu .nav1{ background:url(images/menu_left.jpg) top left no-repeat;}
#menu .nav1 a:hover, #menu .nav1 #menu_active a{ background:url(images/menu_bg_active.jpg) top repeat-x}
#menu .nav1 a:hover span span, #menu .nav1 #menu_active a span span { background:url(images/menu_left_active.jpg) top left no-repeat; display:block}
#menu .nav7{ background:none;}
#menu .nav7 span{ display:block; background:url(images/menu_right.jpg) top right no-repeat;}
#menu .nav7 a:hover span, #menu .nav7 #menu_active a span { background:url(images/menu_right_active.jpg) top right no-repeat;}

#banner_1{ width:100%; height:426px; margin-bottom:5px}
#banner_1 .button1{ margin-top:375px; margin-right:19px; width:79px; padding-right:32px; background:url(images/button.gif) no-repeat;}
#banner_1 .button1:hover { text-decoration:underline}
/* ============================= content ====================== */

.banners{ width:277px; padding-right:20px; padding-left:30px; color:#fff; float:left; padding-bottom:20px}
.banners h1{ color:#fff; font-size:36px; padding-top:24px; padding-bottom:10px;}
.banners p{ padding-bottom:24px}
#ban1{ background:url(images/ban1.jpg) top repeat-x #e9cd40;}
#ban1 .button1{ background:url(images/button_1.jpg) no-repeat;}
#ban2{ background:url(images/ban2.jpg) top repeat-x #6ac66d;}
#ban2 .button1{ background:url(images/button_2.jpg) no-repeat;}
#ban3{ background:url(images/ban3.jpg) top repeat-x #0e939c; width:276px;}
#ban3 .button1{ background:url(images/button_3.jpg) no-repeat;}

.button1{ font-size:14px; color:#fff; font-weight:bold; text-transform:uppercase; float:right; line-height:33px; width:111px; text-align:center;text-decoration:none; letter-spacing:-1px}
.button1:hover{ text-decoration:underline}

.line1{ background:url(images/line_ver2.jpg) 327px 0 repeat-y;}
.line2{ background:url(images/line_ver2.jpg) 654px 0 repeat-y;}

.box{ background:url(images/line_hor.jpg) 0 74px repeat-x;}

.font1{ font-size:13px;}
.font2{ color:#109ea6;}

.list1 li{ line-height:24px;}
.list1 li a{ padding-left:15px; background:url(images/marker_1.jpg) 0 5px no-repeat}

.pad_left1{ padding-left:27px;}
.pad_right1{ padding-right:26px;}
.pad_bot1{ padding-bottom:22px}
.marg_right1{ margin-right:20px}
.pad_left2{ padding-left:70px;}
.pad_left3{ padding-left:53px;}
/* ============================= footer ====================== */

#footer { padding-top:70px; padding-bottom:70px}

/* ============================= forms ============================= */

#ContactForm {padding:12px 0 0 0;}
#ContactForm a{ margin-left:24px}
#ContactForm .input {width:257px; height:19px; border:1px solid #c7c7c7; background:#fff; padding:0 5px; margin-bottom:8px;font:14px Arial, Helvetica, sans-serif; color:#969696; line-height:18px;}
#ContactForm textarea {width:285px; height:113px; border:1px solid #c7c7c7; background:#fff; padding:0 5px; margin-bottom:25px;font:14px Arial, Helvetica, sans-serif; color:#969696; line-height:18px; overflow:auto}
.col_1{ float:left; width:277px;}
.col_2{ float:left; width:296px}
.newStyle1 {
}
