/* 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:800px; overflow:hidden;}

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

body{ background: url(../images/bg_img.jpg) top center no-repeat; border:0; font:13px Tahoma, Geneva, sans-serif; color:#fff; line-height:21px;}

.bg{ background:url(../images/bg_footer.jpg) top center no-repeat}

.block {height:70px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -70px;}
body, html {height:100%;}

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

.main {	margin: 0 auto;	width: 910px; padding:0 30px 0 40px }


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

a{ color:#fff; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; padding-top:58px;}
h2{ font-size:20px; color:#fff; line-height:36px; padding:10px 0 13px 0; text-transform:uppercase}
h3{ font-size:18px; color:#fff; line-height:36px; padding:10px 0 13px 0; text-transform:uppercase}
p{ padding-bottom:21px;}

/* ============================= header ====================== */
header{}

#logo{ background:url(../images/logo.png) no-repeat; width:157px; height:141px; display:block; text-indent:-5000px;}

#twitter{ float:right; margin-top:61px}
#twitter:hover{}

#menu { width:900px; overflow:hidden; padding-top:15px}
#menu li { float:left; padding-right:5px;}
#menu li a{ display:block; font-size:18px; color:#000000; text-decoration:none;; text-transform:uppercase; line-height:36px; letter-spacing:-1px;}
#menu li a span{ display:block;}
#menu li a span span{ padding:0 17px 0 15px;}
#menu li a:hover{ background:url(../images/menu_bg.gif) top repeat-x}
#menu li a:hover span{ background:url(../images/menu_left.gif) top left no-repeat}
#menu li a:hover span span{ background:url(../images/menu_right.gif) top right no-repeat}
#menu li .active, #menu li .active:hover{color:#D2232A;}
#menu li .active span, #menu li .active:hover span{}
#menu li .active span span, #menu li .active:hover span span{}

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

#content{ height:500px; padding:22px 0 23px 0}

.black {
	color:#000000;
	font-weight:bold;
}

.pad_left1{ padding-left:40px;}

/* ============================= contests ====================== */

.contest {
	width:915px;
	height:500px;
	float:left;
}

.contest1 {
	width:300px;
	height:300px;
	float:left;
}

.contest2 {
	width:300px;
	height:300px;
	float:left;
	margin:0 0 0 20px;
}


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

#faded { position:relative; width:576px; float:left; margin-left:-6px;}
#faded .rap { height:370px; margin-top:4px; overflow: hidden}

#faded ul.pagination { position:absolute; z-index:10; top:382px;}
#faded ul.pagination li {float:left; padding-left:6px;}

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

.hello{ font-size:52px; line-height:100px; padding:9px 0 0 0; text-transform:none; letter-spacing:0px;}
.hello1{ font-size:40px; line-height:100px; padding:9px 0 0 0; text-transform:none; letter-spacing:0px;}

.font1{ font-size:21px; color:#000000; line-height:24px; text-transform:uppercase}

.button{ display:inline-block; font-size:26px; color:#000; text-decoration:none; text-transform:uppercase; line-height:61px; background:url(../images/button_right.png) top right no-repeat; letter-spacing:-1px;}
.button span{ display:block; background:url(../images/button_left.png) top left no-repeat}
.button span span{ padding:0 12px; margin:0 14px; background:url(../images/button_bg.png) top repeat-x}
.button:hover{ color:#ff3000}

/*----------------------------- tabs -------------------------*/
ul.tabs {margin: 0;	padding:32px 0 0 0; float:left;	list-style: none; background-image:url(../images/bg1.png); height: 505px; width:231px;}
ul.tabshp {margin: 0;	padding:32px 0 0 0; float:left;	list-style: none; height: 505px; width:231px;}
ul.tabs li{ display:block;overflow: hidden; padding-left:13px; margin-top:-2px}
ul.tabs li a{ display:block; width:205px; font-size:18px; color:#000000; text-decoration:none; text-transform:uppercase; line-height:61px; letter-spacing:0px;position:relative; z-index:1; }
ul.tabs li a span{ display:block;}
ul.tabs li a span span{ padding:0 12px; margin:0 14px;}

ul.tabs li a:hover { color:#000}
html ul.tabs li.active a{background:url(../images/button_right.png) top right no-repeat; color:#000}
html ul.tabs li.active a span{ background:url(../images/button_left.png) top left no-repeat}
html ul.tabs li.active a span span{ background:url(../images/button_bg.png) top repeat-x}

.tab_content{ position: relative; float:left; padding-left:52px; width:570px;}

.tab_content1{ position: relative; float:left; padding-left:52px; width:200px;}

.tab_content2{ float:left; padding-left:52px; width:350px;}

.block_scroll{ height:980px;}

.graybg {
	background-image:url(../images/1.png);
}

/*----------------------------- tabs end -------------------------*/


/*----------------------------- scroll -------------------------*/
.scroll-pane{ overflow:auto; height:455px; width:570px; padding-right:64px;}
.jScrollPaneContainer {	position: relative;	overflow: hidden;	z-index: 1;}
.jScrollPaneTrack {	position: absolute;	cursor: pointer;	right: 0;	top: 0;	height: 100%;	background: url(../images/bg2.png) no-repeat; padding-left:5px;}
.jScrollPaneDrag {	position: absolute;	background: url(../images/pane_drag.png) no-repeat;	cursor: pointer;	overflow: hidden; margin-top:60px; margin-bottom:60px;}
.jScrollPaneDragTop {	position: absolute;	top:0;	left: 0;	overflow: hidden;}
.jScrollPaneDragBottom {	position: absolute;	bottom: 0;	left: 0; overflow: hidden;}

/*----------------------------- scroll end -------------------------*/

.list1 li{ line-height:26px;}
.list1 li a{ color:#fff; padding-left:20px; background:url(../images/marker_1.gif) 0 5px no-repeat; text-decoration:none; font-weight:bold}
.list1 li a:hover{ color:#ff4c01}

.link1{ text-decoration:none}
.link1:hover{ text-decoration: underline}

.uppercase{ text-transform:uppercase}

/*----------------------------- gallery2 -------------------------*/

#slideshow{ position:relative; width:901px; height:342px; padding-bottom:32px; overflow:hidden; margin-top:4px; background:url(../images/gallery2_big_img_bg.jpg) 0 0 no-repeat}
#slideshow img{ margin-top:32px; margin-left:16px; z-index:1;}

#gallery2 a{ text-decoration:none}

ul.thumbs{ width:798px; height:87px; overflow:hidden; padding:4px 0 0 0px; margin-left:48px; z-index:2; position:relative}
.thumbs li{ float:left; padding-left:6px;}
.thumbs li a{}

#caption{ position:absolute; width:275px; height:310px; overflow:hidden; background:url(../images/bg_opacity.png) repeat; right:20px; top:32px; z-index:2;}
#gallery2 .inner{ padding:20px 20px 41px 20px; height:249px; overflow:hidden; width:235px;}
#gallery2 h3{ font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase;line-height:26px; padding:0 0 5px 0;}
#gallery2 p{ font-size:11px; line-height:17px; padding-bottom:16px}

#gallery2 .pagination{ width:898px; overflow:hidden; position:absolute; margin-top:-67px; margin-left:-1px; background:url(../images/bg_markers.png) 0 0 no-repeat; z-index:1}
#gallery2 .pagination .next{ background:url(../images/marker_right.jpg) top left no-repeat; width:29px; height:44px; float:right}
#gallery2 .pagination .prev{ background:url(../images/marker_left.jpg) top left no-repeat; width:29px; height:44px; float: left}

#gallery2 a.button2{ width:149px; text-align:center; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-weight:bold; text-transform:uppercase; background:url(../images/button_gallery2.png) 0 0 no-repeat; letter-spacing:0; line-height:36px; height:36px;  overflow:hidden; display:inline-block}
#gallery2 .button2:hover{ color:#ff3000}

/*----------------------------- gallery2 end -------------------------*/


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

footer { height:50px; font-size:11px; color:#000000; text-transform:uppercase; padding-top:20px;}
footer a{ color:#ffdc29; text-decoration:none}
footer a:hover{ color:#fff}

#footer_menu{ float:right;}
#footer_menu li{ float:left; padding-left:15px;}
#footer_menu li a{ color:#fff;}
#footer_menu li a:hover, #footer_menu li .active{ color:#ffdc29}


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

#ContactForm { line-height:41px; font-weight:bold; text-transform:uppercase; text-align:right; padding-top:10px;}
#ContactForm .bg{ background:url(../images/input1.jpg) no-repeat; margin-bottom:11px}
#ContactForm .bg2{ background:url(../images/input2.jpg) no-repeat; height:153px;}
#ContactForm .right{ width:324px; padding-left:13px;}
#ContactForm a{ margin-right:12px; float:left; font-size:24px; line-height:50px; background:url(../images/button_form.png) no-repeat; width:103px; text-align:center; margin-top:16px;}
#ContactForm .input {width:304px; height:15px; background:none; padding:13px 10px; color:#fff; text-transform:uppercase; font:12px Tahoma, Geneva, sans-serif; font-weight:bold;}
#ContactForm textarea { overflow: auto;width:304px; height:127px; background:none; padding:13px 10px; color:#fff; text-transform:uppercase; font:12px Tahoma, Geneva, sans-serif; font-weight:bold;}