/* 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: 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:30px;
	color:#fff;
	line-height:36px;
	padding:10px 0 13px 0;
	text-transform:none
}
p{ padding-bottom:21px;}

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

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

#twitter{ background:url(../images/twitter.jpg) no-repeat; width:194px; height:62px; float:right; margin-top:61px}
#twitter:hover{ background:url(../images/twitter_active.jpg) no-repeat}

#menu { width:100%; 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{ background:url(../images/menu_bg_active.gif) top repeat-x}
#menu li .active span, #menu li .active:hover span{ background:url(../images/menu_left_active.gif) top left no-repeat}
#menu li .active span span, #menu li .active:hover span span{ background:url(../images/menu_right_active.gif) top right no-repeat}

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

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

.pad_left1{ padding-left:40px;}

/*--- 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:72px;
	line-height:100px;
	padding:9px 0 0 0;
	text-transform:none;
	letter-spacing:-4px;
}

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

.button{
	display:inline-block;
	font-size:26px;
	color:#000;
	text-decoration:none;
	text-transform:none;
	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;	height: 505px; width:231px; background:url(../images/bg1.jpg) no-repeat;}
ul.tabs li{ display:block;overflow: hidden; padding-left:13px; margin-top:-2px}
ul.tabs li a{ display:block; width:205px; font-size:24px; color:#fff; text-decoration:none; text-transform:uppercase; line-height:61px; letter-spacing:-1px;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;}

.block_scroll{
	height:350px;
}

/*----------------------------- 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.jpg) 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 -------------------------*/

#loading{ background: url(../images/loader.gif) center center no-repeat;position:absolute; height:342px; width:601px; z-index:1}
#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{ top:32px; left:16px; z-index:1; position:absolute}

#gallery2{ position:relative}
#gallery2 a{ text-decoration:none}

.no_click{ background:none; position:absolute; width:610px; height:350px; display:block; top:16px; z-index:999}

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: relative; width:275px; height:310px; overflow:hidden; background:url(../images/bg_opacity.png) repeat; float:right; margin-right:20px; margin-top:32px; z-index:2;}
#gallery2 .inner{ padding:20px 20px 41px 20px; height:249px; overflow:hidden; width:235px;}
#gallery2 h3{
	color:#fff;
	text-transform:none;
	line-height:26px;
	padding:0 0 5px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
}
#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 a.button2 img{ width:0; height:0; display:none}
#gallery2 .button2:hover{ color:#ff3000}

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


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

footer { height:50px; font-size:11px; color:#fff; 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;}