/* CSS Document */

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

body{ background:url(images/bg_img.jpg) top center no-repeat #121228;
	 border:0;
	 font:12px Arial, Helvetica, sans-serif; color:#bbc4cf;
	 line-height:16px;
}


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

a{ color:#4183cd; text-decoration: underline; outline:none;}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font-size:24px; color:#fff; line-height:normal; padding:0 0 10px 0}
h2{ font-size:24px; color:#4183cd; line-height:25px; padding:0 0 12px 0;}
p{ padding-bottom:16px;}
img{ vertical-align:top}
/* ============================= header ====================== */
#logo{ margin-top:-22px; float:left;}
#top{}
#box_top{ width:291px; height: 44px; float:right; background:url(images/box_top.jpg) top left no-repeat; font-size:18px; color:#fff; line-height:normal; padding:10px 5px 0 18px}
#top_nav{ float:right; padding:16px 18px 0 0}
#top_nav li{ float:right; padding-left:10px; margin-left:11px; background:url(images/line_top.jpg) 0 4px no-repeat}
#top_nav li a:hover{ text-decoration:underline}
#top_nav li a{ color:#121228; text-decoration:none; font-weight:bold}
#top_nav .no_line{ padding-left:0; margin-left:0; background:none}
#menu { background:url(images/menu_img.jpg) top no-repeat; padding-top:7px; height:32px; padding-left:5px}
#menu li { padding-right:10px; float:left;}
#menu .last{ float:right; padding-right:0}
#menu li a{ line-height:23px; color:#fff; text-decoration:none; float:left; font-size:14px; letter-spacing:1px}
#menu li a .left{ width:8px; height:23px; float:left;}
#menu li a .right{ width:8px; height:23px; float:left;}
#menu .last a .middle{ padding:0 7px;}
#menu li a .middle{ padding:0 20px; float:left;}
#menu li a:hover .middle, #menu #menu_active a .middle{ background:#2160a7}
#menu li a:hover .left, #menu #menu_active a .left{ background:url(images/menu_left.png) top left no-repeat;}
#menu li a:hover .right, #menu #menu_active .right{ background:url(images/menu_right.png) top right no-repeat}
* html #menu li a:hover .left, * html #menu #menu_active a .left{ background:url(images/menu_left.gif) top left no-repeat;}
* html #menu li a:hover .right, * html #menu #menu_active .right{ background:url(images/menu_right.gif) top right no-repeat}

#banner{ padding:19px 0 0 182px;}
#text{ background:url(images/text1.jpg) top left no-repeat; padding:81px 0 20px 188px}
#banner .button1{ color:#fff; background:url(images/button4.jpg) no-repeat; margin-right:2px}
#banner .button2{ color:#bf288f; background:url(images/button5.jpg) no-repeat}
#banner .button1:hover{ color:#15162f}
#banner .button2:hover{color:#15162f}
/* ============================= content ====================== */
.pad_right1{ padding-right:20px}
.pad_left1{ padding-left:62px}
.pad_bot1{ padding-bottom:10px}
.pad_bot2{ padding-bottom:28px}
.marg_right1{ margin-right:20px}
.marg_right2{ margin-right:88px}
.marg_top1{ margin-top:39px}

.top_left{ background:url(images/box1_top_left.png) top left no-repeat; width:8px; height:8px; float:left; font-size:0; line-height:0;}
.top_right{ background:url(images/box1_top_right.png) top right no-repeat; width:8px; height:8px; float:left; font-size:0; line-height:0;}
.top_repeat{ background:url(images/box_top.png) top repeat-x; width:970px; height:8px; float:left; font-size:0; line-height:0;}

.box1{ background:url(images/box1_bg.png) repeat;}
.box1_l{ background:url(images/box1_border.jpg) left repeat-y; }
.box1_r{ background:url(images/box1_border.jpg) right repeat-y;}
.box1_t{ background:url(images/box1_border_top.jpg) top no-repeat;}
.box1_b{ background:url(images/box1_border_bot.jpg) bottom repeat-x; width:100%}
.box1_t_l{ background:url(images/box1_top_left.jpg) top left no-repeat;}
.box1_t_r{ background:url(images/box1_top_right.jpg) top right no-repeat;}
.box1_b_l{ background:url(images/box1_bot_left.jpg) bottom left no-repeat;}
.box1_b_r{ background:url(images/box1_bot_right.jpg) bottom right no-repeat; width:100%}

.box3{ background:#0c1b3a; margin-left:1px; margin-right:1px}
.box3_l{ background:url(images/box3_border.jpg) left repeat-y; }
.box3_r{ background:url(images/box3_border.jpg) right repeat-y;}
.box3_b{ background:url(images/box3_border.jpg) bottom repeat-x; width:100%}
.box3_b_l{ background:url(images/box3_bot_left.jpg) bottom left no-repeat;}
.box3_b_r{ background:url(images/box3_bot_right.jpg) bottom right no-repeat; width:100%; padding-top:25px; padding-bottom:20px}


.button1, .button2{ display:inline-block; width:105px; height:24px; color:#15162f; font-size:14px; text-align:center; line-height:20px; background:url(images/button3.jpg) no-repeat; text-decoration:none}
.button1:hover{ color:#fff;}

#banners{ overflow:hidden; padding:12px 0 0px 5px}
#banners .list1{ padding-left:24px; padding-bottom:12px}
#banners .list1 li{ line-height:20px; color:#fff;}
#banners .list1 li a{ color:#fff; text-decoration:none; background:url(images/marker_4.gif) 0 5px no-repeat; padding-left:10px; font-weight:normal;}
#banners .list1 li a:hover{ font-weight:bold}
.ban{ float:left; width:192px; height:200px; padding-bottom:38px; background:url(images/box2.jpg) no-repeat; margin-right:4px;}
.ban:hover{ background:url(images/box5.jpg) no-repeat}
.ban h2{ font-size:17px; line-height:normal; color:#15162f; padding:12px 0 22px 39px}
.ban:hover h2 a{ color:#ee60c1;}
.img1{ background:url(images/img1.png) 7px 4px no-repeat}
.img2{ background:url(images/img2.png) 5px 9px no-repeat}
.img3{ background:url(images/img3.png) 7px 9px no-repeat}
.img4{ background:url(images/img4.png) 10px 5px no-repeat}
.img5{ background:url(images/img5.png) 7px 9px no-repeat}

.button3{ float:left; width:73px; height:23px; text-align:center; line-height:21px; font-weight:bold; color:#3b7dc7; text-decoration:none; margin-left:17px; background:url(images/button1.png) no-repeat}
.button3:hover{ color:#15162f;}
.button4{ float:left; width:82px; height:23px; text-align:center; line-height:21px; font-weight:bold; color:#fff; text-decoration:none; margin-left:3px; background:url(images/button2.png) no-repeat}
.button4:hover{ color:#3b7dc7}

.line1{ background:url(images/line_ver1.gif) 324px 0 repeat-y}
.line2{ background:url(images/line_ver1.gif) 658px 0 repeat-y}

.list1 li{ line-height:24px}
.list1 li a{ font-weight:bold; background:url(images/marker_1.jpg) 0 0px no-repeat; padding-left:21px;}
.list2 li{ padding-bottom:12px; margin-bottom:6px; background:url(images/line_hor1.gif) bottom repeat-x; font-size:14px; line-height:18px}
.list2 li .box{ width:41px; height:42px; float:left; background:url(images/box4.jpg) no-repeat; font-size:24px; color:#fff; line-height:40px; text-align:center; margin-right:6px}
.list2 img{ vertical-align: middle}
.list2 .no_line{ padding-bottom:0; margin-bottom:0; background:none}

.under{ background:url(images/line_hor1.gif) bottom repeat-x; margin-bottom:21px; padding-bottom:26px}

.link1{ color:#fff; float:right; padding-right:9px; background:url(images/marker_3.gif) right 7px no-repeat;}
.color1{ color:#4183cd}
/* ============================= footer ====================== */

#footer p{ padding-top:12px}
.privacy{ width:140px; color:#fff; padding-left:33px; float:left}
.privacy a{ color:#fff; text-decoration:none}
.privacy a:hover{ text-decoration:underline}

.line3{ background:url(images/line_ver2.gif) 194px 0 repeat-y}
.line4{ background:url(images/line_ver2.gif) 456px 0 repeat-y}
.line5{ background:url(images/line_ver2.gif) 718px 0 repeat-y}

.h1, .h2{ font-size:18px; color:#fff; line-height:18px}
.h1 span{ font-size:16px; line-height:16px}
.h3{ font-size:20px; color:#fff; line-height:20px}
.h4{ color:#de53b2; font-size:18px; line-height:18px}
.h5{ color:#de53b2; font-size:14px; line-height:14px;}

.list3{ margin-top:-5px}
.list3 li{background:url(images/line_hor2.gif) bottom repeat-x; line-height:30px; font-size:18px;}
.list3 li a{ color:#4183cd; text-decoration:none}
.list3 li a:hover{ color:#fff}
.list3 .no_line{ background:none}
/* ============================= forms ============================= */
#form_1{ color:#fff; font-size:14px; line-height:22px; padding:5px 0 0 32px; overflow:hidden}
#form_1 span{ float:left;}
#form_1 .input{ background:url(images/input1.jpg) no-repeat; width:164px; height:16px; padding:3px 5px; font:14px Arial, Helvetica, sans-serif; color:#15162f; margin-left:9px; float:left}
#form_1 select{ height:22px; width:98px; text-align:right; background:#fff; vertical-align:top; font:14px Arial, Helvetica, sans-serif; color:#15162f; margin-left:6px; float:left;}
#form_1 a{ margin-left:5px;}

#ContactForm {padding:13px 0 0 0; line-height:14px;}
#ContactForm a{ margin-left:20px}
#ContactForm .input {width:253px; height:13px; border:1px solid #2e2e43; background:#121228; padding:2px 5px; margin-bottom:7px;font:12px Arial, Helvetica, sans-serif; color:#62758b;}
#ContactForm textarea {width:253px; height:97px; border:1px solid #2e2e43; background:#121228; padding:2px 5px; margin-bottom:14px;font:12px Arial, Helvetica, sans-serif; color:#62758b; overflow:auto}