/* CSS Document */

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

body{ background:#000;
	 border:0;
	 font:13px Arial, Helvetica, sans-serif; color:#626262;
	 line-height:18px;
}


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

a{ color:#d6015e; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font-size:44px; line-height:46px; text-transform:uppercase; padding-left:10px; float:left; letter-spacing:-2px;}
h2{ font-size:32px; line-height:34px; color:#56ce4a; padding:2px 0 11px 0; letter-spacing:-2px;}
h3{ font-size:28px; line-height:30px; color:#0f0f0f; padding:29px 0 23px 0; letter-spacing:-2px;}
h4{ font-size:14px; font-weight:normal; color:#fff; line-height:18px; padding:37px 0 10px 0}
p{ padding-bottom:18px;}
img{ vertical-align:top}
.block{ display:block}
/* ============================= header ====================== */

/*---faded slider begin ---*/
#faded {}
#faded .rap {overflow: hidden;height:373px;position: relative;z-index:1;
}

ul.pagination { position:absolute; z-index:2; margin-top:-51px; padding-left:845px; width:120px; background:url(images/spacer.png) no-repeat}
ul.pagination li {float:left; padding-right:5px;}
ul.pagination li a {background:url(images/buttons.jpg) no-repeat; height:18px; width:18px; display:block;}
ul.pagination li a:hover, ul.pagination li.current a { background:url(images/buttons_active.jpg) no-repeat;}

/*--- slider end ---*/
#top{ font-size:10px; font-weight:bold; text-transform:uppercase; color:#5c5c5c; padding:12px 38px 0 15px;}
#top span{ color:#808080}
#top ul{ float:right}
#top li{ float:left; padding-left:7px; margin-left:8px; background:url(images/top_line.jpg) 0 6px no-repeat;}
#top .last{ background:none}
#top a{ text-decoration:none; color:#808080}
#top a:hover{ text-decoration:underline}

#text{ position:absolute; z-index:3; margin-top:-373px; width:972px; overflow:hidden;}
#text2{ float:right; padding-right:39px; text-align:right; margin-top:92px;}
.h1{ font-size:44px; color:#fff; line-height:46px; display:block; letter-spacing:-1px;}
.h2{ font-size:60px; color:#d6015e; letter-spacing:-3px; line-height:62px; display:block; margin-top:-10px; padding-bottom:6px;}
#text2 a{ color:#fff; text-decoration:none; font-size:11px; text-transform:uppercase; float:right; background:url(images/button1.jpg) no-repeat; line-height:35px; width:106px; text-align:center}
#text2 a:hover{ color:#53c647;}

#logo{ color:#1c1c1c; background:url(images/logo.jpg) 0 5px no-repeat; padding-left:44px; text-decoration:none}
#menu { margin-top:23px; background:url(images/menu_bg.jpg) top repeat-x; width:100%}
#menu_left{ background:url(images/menu_left.jpg) top left no-repeat}
#menu_right{ background:url(images/menu_right.jpg) top right no-repeat; width:100%; overflow:hidden; height:54px;}
#menu ul{ float:left;}
#menu li { float:left; padding-right:1px; background:url(images/menu_line.jpg) top right no-repeat}
#menu .last{ background: none}
#menu li a{ display:block; line-height:49px; padding:0 22px; font-size:12px; color:#b7b7b7; text-transform:uppercase; text-decoration:none}
#menu #nav1 a{ padding:0;}
#menu li a span{ padding:0 22px; display:block}
#menu li a:hover span, #menu li .active span{ background:url(images/menu_left_active.jpg) top left no-repeat}
#menu li a:hover, #menu li .active{ background:url(images/menu_bg_active.jpg) top repeat-x; color:#fff;}

#icons{ padding-right:3px; padding-top:16px; float:right;}
#icons a{ text-transform:uppercase; color:#fff; padding-right:29px; text-decoration:none; margin-right:19px; float:left;}
#icons a:hover{ text-decoration: underline}
#icon1{ background:url(images/icon1.jpg) right 2px no-repeat}
#icon2{ background:url(images/icon2.jpg) right 2px no-repeat}

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

.box{ background:#fff;}
.box_top{ background:url(images/box_top.jpg) top repeat-x}
.box_left{ background:url(images/box_left.jpg) left repeat-y}
.box_right{ background:url(images/box_right.jpg) right repeat-y}
.box_bot{ background:url(images/box_bot.jpg) bottom repeat-x}
.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%}
.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}
.pad{ padding:33px 13px 41px 15px;}

.box2{ background:#d6015e; width:313px; float:left; color:#fff;}
.box2_right{ background:url(images/box2_right.jpg) bottom right no-repeat}
.box2_left{ background:url(images/box2_left.jpg) bottom left no-repeat}
.box2 .pad{ padding:0 18px 0 28px;}
.box2 h3{ color:#fff;}
.box2 .font1{ color:#fff;}
.box2 .list1 li a{ color:#fff;}

.marg_right1{ margin-right:23px;}
.marg_right2{ margin-right:16px;}
.marg_right3{ margin-right:33px;}
.marg_right4{ margin-right:100px;}
.pad_bot1{ padding-bottom:29px;}
.pad_bot2{ padding-bottom:13px;}
.pad_bot3{ padding-bottom:35px;}
.pad_left1{ padding-left:12px;}
.pad_left2{ padding-left:47px;}
.marg_top{ margin-top:10px;}
.marg_top2{ margin-top:30px;}


.link1{ text-decoration:none}
.link1:hover{ text-decoration:underline}
.link2{ font-size:12px; font-weight:bold; color:#56ce4a; text-decoration:none; text-transform:uppercase}
.link2:hover{ text-decoration:underline}
.link3, .font2{ margin-left:-11px; background:url(images/marker_1.gif) 0 7px no-repeat; display:block; padding-left:11px;font-size:18px; color:#d6015e; text-decoration:none}
.link3:hover{ text-decoration:underline}

/*---looped slider begin ---*/
#loopedSlider1 .container { width:100%; height:210px; overflow:hidden; position:relative; z-index:1; }
#loopedSlider1 .slides { position:absolute; top:0; left:0; }
#loopedSlider1 .slides div { position:absolute; top:0; left:0; width:265px;}
#loopedSlider1 .previous{ position:absolute; z-index:2; margin-top:-21px; margin-left:214px;}
#loopedSlider1 .next{ position:absolute; z-index:2; margin-top:-21px; margin-left:245px;}
#loopedSlider2 .previous{ position:absolute; z-index:2; margin-top:-304px; margin-left:214px;}
#loopedSlider2 .next{ position:absolute; z-index:2; margin-top:-304px; margin-left:245px;}
#loopedSlider2  .container { width:100%; height:262px; overflow:hidden; position:relative; z-index:1; }
#loopedSlider2 .slides { position:absolute; top:0; left:0; }
#loopedSlider2 .slides div { position:absolute; top:0; left:0; width:268px;}

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

.font1{ font-size:18px; color:#d6015e; line-height:24px; text-decoration:none}
a.font1:hover{ text-decoration:underline}

.overline{ background:url(images/line.jpg) top center no-repeat;}

.line1{ background:url(images/line_ver.jpg) 314px repeat-y}
.line2{ background:url(images/line_ver.jpg) 628px repeat-y}

.list1 li{ line-height:25px; font-size:12px;}
.list1 li a{ color:#747474; text-decoration:none; padding-left:8px; background:url(images/marker_2.gif) 0 5px no-repeat}
.list1 li a:hover{ text-decoration:underline}

.support{ font-size:16px; line-height:18px; color:#747474; padding-left:18px; padding-top:71px; letter-spacing:-1px;}
.support span{ display:block; font-size:30px; line-height:42px; color:#fff;}

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

#footer { text-align:center; color:#747474;}
#footer a{ color:#fff; text-decoration:none;}
#footer a:hover{ text-decoration:underline}

/* ============================= forms ============================= */
.box1{ background:#fff;}
.box1_top{ background:url(images/box1_border.jpg) top repeat-x}
.box1_left{ background:url(images/box1_border.jpg) left repeat-y}
.box1_right{ background:url(images/box1_border.jpg) right repeat-y}
.box1_bot{ background:url(images/box1_border.jpg) bottom repeat-x}
.box1_top_left{ background:url(images/box1_top_left.jpg) top left no-repeat}
.box1_top_right{ background:url(images/box1_top_right.jpg) top right no-repeat} 
.box1_bot_left{ background:url(images/box1_bot_left.jpg) bottom left no-repeat}
.box1_bot_right{ background:url(images/box1_bot_right.jpg) bottom right no-repeat}

#form_1{ float:right; padding:4px 8px 0 0}
#form_1 .submit{ float:right; margin-left:6px; font:11px Arial, Helvetica, sans-serif; color:#fff; width:72px; height:31px; padding:9px 0; background:url(images/button2.jpg) no-repeat; cursor:pointer; text-transform:uppercase;}
#form_1 .input{ width:209px; background:none; height:15px; padding:8px 10px; font:13px Arial, Helvetica, sans-serif; color:#626262;}

#ContactForm { width:264px; line-height:17px;}
#ContactForm .box1{ margin-bottom:12px;}
#ContactForm a{ margin-left:18px; margin-top:16px;}
#ContactForm .input {width:224px; background:none; height:15px; padding:8px 10px; font:13px Arial, Helvetica, sans-serif; color:#626262;}
#ContactForm textarea {width:224px; background:none; height:312px; padding:8px 10px; font:13px Arial, Helvetica, sans-serif; color:#626262; overflow:auto}

