/* 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; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background: #000 url('../images/bg_top.jpg') repeat-x top; padding-bottom:37px; border:0px none; color:#fff; line-height:18px; font-style:normal; font-variant:normal; font-weight:normal; font-size:13px; font-family:Arial, Helvetica, sans-serif}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 979px; }


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

a{ color:#fff; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; padding:52px 0 0 28px;}
h2{ font-size:30px; line-height:34px; font-weight:normal; color:#fff; padding: 22px 0 23px 0}
p{ padding-bottom:18px;}


.box{ background:#131313; margin-top:16px;}
.box_top{ background:url('../images/box_top.gif') repeat-x top; }
.box_top_left{ background:url('../images/box_top_left.jpg') no-repeat top left; }
.box_top_right{ background:url('../images/box_top_right.jpg') no-repeat top right; } 
.box_bot{ background:url('../images/bg_bot.gif') repeat-x bottom; }
.pad{ padding:0 22px 0 26px;}
/* ============================= header ====================== */
header{}

#top_nav{ float:right; padding-top:59px; padding-right:0px;}
#top_nav li{ float:left; padding-right:18px; background:url('../images/line_top.gif') no-repeat right 12px; margin-right:17px}
#top_nav li a{ display:block; width:34px; height:34px;}

#top_nav .img1 a{ background:url('../images/top_img1.gif') no-repeat 0 0;}
#top_nav .img1 a:hover, #top_nav .img1 .active{ background:url('../images/top_img1_active.jpg') no-repeat 0 0; }
#top_nav .img2 a{ background:url('../images/top_img2.gif') no-repeat 0 0;}
#top_nav .img2 a:hover, #top_nav .img2 .active{ background:url('../images/top_img2_active.jpg') no-repeat 0 0; }
#top_nav .img3 a{ background:url('../images/top_img3.gif') no-repeat 0 0;}
#top_nav .img3 a:hover, #top_nav .img3 .active{ background:url('../images/top_img3_active.jpg') no-repeat 0 0; }
#top_nav .img3{ background:none; padding-right:14px}

#logo{ background:url('../images/logo.gif') no-repeat; width:614px; height:47px; display:block; text-indent:-5000px}


#menu { width:100%; overflow:hidden; border-bottom:4px solid #fefefe; padding-top:24px;}
#menu li { float:left; background:url('../images/menu_marker.jpg') no-repeat right 23px; margin-left:-14px}
#menu li a{ display:block; font-size:20px; color:#fff; text-decoration:none; line-height:59px;}
#menu li a span{ display:block;}
#menu li a span span{ padding:0 39px 0 38px;}
#menu li a:hover, #menu #menu_active a{ color:#373737; background:#fff;}
#menu li a:hover span, #menu #menu_active a span{ background:url('../images/menu_left.gif') no-repeat top left; }
#menu li a:hover span span, #menu #menu_active a span span{ background:url('../images/menu_right.gif') no-repeat top right; }
#menu .bg_none{ background:none}

/*--- slider begin ---*/

#faded { position:relative}
#faded .rap { height:361px; margin-top:4px; overflow: hidden}

ul.pagination { position:absolute; z-index:10; margin-top:-36px; margin-left:830px;}
ul.pagination li {float:left; padding-right:4px;}
ul.pagination li a {background: url('../images/buttons.png') no-repeat; height:20px; width:20px; display:block }
ul.pagination li a:hover, ul.pagination li.current a { background: url('../images/buttons_active.png') no-repeat;}

.text{ position:absolute; z-index:10; background:url('../images/box1.png') no-repeat; display:block; width:289px; height:289px; top:33px; left:595px}

/*--- slider end ---*/


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

#content{ width:100%; overflow:hidden; padding-bottom:28px; padding-top:18px;}

.pad1{ padding:33px 33px 31px 44px}
.pad_left1{ padding-left:51px;}
.pad_left2{ padding-left:10px;}
.pad_bot1{ padding-bottom:30px;}
.pad_bot2{ padding-bottom:20px}
.marg_right1{ margin-right:29px;}
.marg_right2{ margin-right:20px;}
.pad_top1{ margin-top:19px;}

#welcome p{ font-size:25px; line-height:28px; color:#6d6d6d}
#welcome p span{ color:#fff}
#welcome h2{ font-size:42px; padding:37px 0 23px 0;}
#welcome h2 span{ color:#267bad}

.box1{ background:#1c1c1c}

.list1{}
.list1 li{ line-height:30px; padding-left:33px; background:url('../images/marker_2.jpg') no-repeat 0 8px; }
.box1 .list1 li{ line-height:30px; padding-left:33px; background:url('../images/marker_1.gif') no-repeat 0 8px; }
.list1 li a{ text-transform:uppercase;}

.under{ padding-bottom:11px; border-bottom:1px solid #212121; margin-bottom:19px;}
.under2{ padding-bottom:29px; border-bottom:1px solid #272727; margin-bottom:29px;}

.font1{ font-size:20px; line-height:22px; color:#767676; text-transform:uppercase}
.font1 span{ color:#fff;}
.font2{ font-weight:bold; color:#5f5f5f}

.button{ display:inline-block; color:#131313; text-transform:uppercase; text-decoration:none; line-height:26px; padding:0 12px; background:#fff;}
.button:hover{ background:#267bad; color:#fff}

.banner{ margin:0 -33px 0 -36px; position:relative}

.link1{ text-transform:uppercase; text-decoration:none; background:url('../images/marker_2.jpg') no-repeat 0 0px; padding-left:26px; padding-right:0; padding-top:1px; padding-bottom:1px}
.box1 .link1{ background:url('../images/marker_1.gif') no-repeat 0 0px; }
.link1:hover{ text-decoration:underline}

.color1{ color:#5f5f5f}

/* ============================= footer ====================== */

footer { line-height:34px; font-size:12px; text-transform:uppercase; color:#868686}
footer a{ color:#4f7695; text-decoration:none;}
footer a:hover{ text-decoration:underline}

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

#ContactForm { width:538px;}
#ContactForm a{ margin-left:24px; float:right; margin-top:18px;}
#ContactForm .input {width:217px; height:15px; border:1px solid #323232; background:#1c1c1c; padding:2px 5px; margin-bottom:11px;color:#fff; font:13px Arial, Helvetica, sans-serif}
#ContactForm textarea {width:246px; height:115px; border:1px solid #323232; background:#1c1c1c; padding:2px 5px; margin-bottom:11px;color:#fff; font:13px Arial, Helvetica, sans-serif; overflow: auto}

.col_1{ width:229px; float:left;}
.col_2{ width:258px; float:left;}