/* 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;
	color: #FFF;
}
.wrapper {
	width:100%;
	overflow:hidden;
	list-style-type: disc;
}

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

body{ background: url(../images/bg.jpg) 0 0 no-repeat; border:0; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#7b7b7b; line-height:21px; min-width:965px; overflow:hidden}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

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

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

.spinner{ position:absolute; z-index:99; background:url(../images/ajax-loader.gif) 50% 50% no-repeat #282627; width:100%; height:100%; top:0; left:0}

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

a{ color:#fff; text-decoration: none; outline:none}
a:hover{ color:#ffaf00}
h1{ padding:56px 0 0 0;}
h2{
	font-size:30px;
	color:#fff;
	line-height:1.2em;
	font-weight:400;
	letter-spacing:-1px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 17px;
	padding-left: 0;
}
p{
	padding-bottom:10px;
}

/* ============================= header ====================== */
header{ height:140px; width:100%; overflow:hidden}

#logo{
	display:block;
	text-indent:-9999px;
	width:250px;
	height:78px;
	background-image: url(../images/logo-white.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#menu { padding:0 0 0 0;}
#menu > dt { height:52px; margin-top:-2px; position:relative; background:url(../images/menu_line.png) 0 bottom repeat-x}
#menu > dt > span{ position:absolute; width:100%; height:100%; background:#0f0e0e; top:0; left:0; z-index:1;}
#menu > dt > a{ display: block; font-size:24px; padding-left:48px; font-weight:700; line-height:50px; letter-spacing:-1px; position:relative; z-index:2; overflow:hidden}
#menu > dt img{ float:left; margin: 25px 30px 0 0}
#menu > dt > a:hover{ color:#fff}

#menu dd{
	background:#0f0e0e;
	height:479px;
	overflow:hidden;
	position:relative;
}

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

#content{ padding-bottom:50px}

.marg_right1{ margin-right:19px;}
.pad_bot1{ padding-bottom:30px}

.box{ padding-top:28px;}

.list1 { margin-top:-2px;}
.list1 li{ line-height:28px;}
.list1 a{ color:#ffaf00; text-transform:uppercase; padding-left:20px; background:url(../images/marker_1.gif) 0 -23px no-repeat}
.list1 span{ background:url(../images/underline.gif) 0 bottom repeat-x}
.list1 a:hover{ color:#fff; background-position:0 5px}
.list1 a:hover span{ background:none}

#gallery1{ margin-top:8px; height:263px !important;}
#gallery1 li{ padding-bottom:1px;}
#gallery1 a{ position:relative; display:block}
#gallery1 img{ position: relative; z-index:1}
#gallery1 span{ position:absolute; z-index:2; background:url(../images/border1.gif) 0 0 no-repeat; width:100%; height:100%; top:0; left:0; display:block;}

.next, .prev{ position:relative; float:left; display:block}
.next{ float:right;}
.next img, .prev img{ position:relative; z-index:1}
.next .img_act, .prev .img_act{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:2}

.color1{ color:#d5d5d5}
.font1{  color:#d5d5d5; font-size:15px; padding-bottom:7px;}

.tabs{ position:relative; width:100%; padding-top:8px; height:330px;}

.nav{ position:absolute; z-index:2}
.nav li{ float:left; padding-right:6px;}
.nav a{ display:block; width:221px; border:1px solid #353033; background:url(../images/bg_tabs2.gif) 0 -1px repeat; height:43px; border-bottom:none; font-size:17px; font-weight:700; line-height:42px; color:#d4d4d4; text-align:center;}
.nav a:hover{ border-color:#4c4749}
.nav .selected a{ background-image:url(../images/bg_tabs.gif); padding-bottom:1px; border-color:#4c4749}

#nav1{}
#nav2 a{ background-position: 0 0px}
#nav3 a{ background-position: 0 1px}
#nav4{ padding-right:0}
#nav4 a{ background-position: 0 2px}

.tab_content{ background:url(../images/bg_tabs.gif) 0 0 repeat; border:1px solid #4c4749; padding-left:30px; height:278px;  position:relative; z-index:1; top:44px; overflow:hidden;}
.tab-content{padding-top:30px; height:248px;}

#tab1{ background:url(../images/page4_img1.png) right bottom no-repeat}
#tab2{ background:url(../images/page4_img2.png) right bottom no-repeat}
#tab3{ background:url(../images/page4_img3.png) right bottom no-repeat}
#tab4{ background:url(../images/page4_img4.png) right bottom no-repeat}

.col1{ width: 290px; float: left;}
.col2{ width:500px; float: left; padding-left:50px;}

#tab2 .col1, #tab3 .col1, #tab4 .col1{ width:370px; }
#tab2 .col2, #tab3 .col2, #tab4 .col2{ width:410px; padding-left:65px;}
#tab3 .col2, #tab4 .col2{ padding-left:60px}

.button1{ position:relative; background:#ffaf00; display:inline-block}
.button1 a{ position:relative; font-size:12px; color:#151414; font-weight:bold; text-transform:uppercase; padding:0 17px; height:38px; line-height:38px; z-index:2; display:block;}
.button1 span{ position:absolute; z-index:2; background:#000; width:100%; height:100%; top:0; left:0;}
.button1 a:hover{ color:#ffaf00}

.dropcap{ float:left; background:url(../images/bg_dropcap.png) 0 0 no-repeat; width:53px; height:52px; margin-right:10px; font:36px Verdana, Geneva, sans-serif; color:#fff; font-weight:bold; text-align:center; line-height:50px;}

.partners li{ padding-bottom:30px; overflow:hidden;}
.partners figure{ float:left; margin-right:28px;}
.partners figure a{ position:relative; display:block;}
.partners figure img{ position:relative; z-index:1}
.partners figure span{ position:absolute; z-index:2; background:url(../images/border2.gif) 0 0 no-repeat; width:100%; height:100%; top:0; left:0; display:block;}
.partners  .font1{ display:inline-block; padding:6px 0 0 0}

.programs{}
.programs li{ padding-bottom:20px; background:url(../images/line_hor1.gif) 0 bottom repeat-x; margin-bottom:20px; overflow:hidden;}
.programs figure{ float:left; margin-right:16px; padding-top:4px;}
.programs .last{ background:none; padding-bottom:0; margin-bottom:0}

.link1{ display:inline-block; padding-right:13px; color:#ffaf00; background:url(../images/marker_2.gif) right 9px no-repeat}
.link1:hover{ color:#fff}

.link2{
	display:inline-block;
	padding-right:13px;
	color:#ffaf00
}
.link2:hover{ color:#fff}

.orange{
	color:#ffaf00
}

#map{ padding-top:5px; padding-bottom:22px;}
.address{
	width:196px;
}

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

footer { height:16px; background:url(../images/menu_line.png) 0 0 repeat-x; color:#fff; line-height:16px; padding:22px 0}
footer a{}
footer a:hover{}

#footer_menu{ float:right;}
#footer_menu li{ float:left; padding-right:11px; background:url(../images/footer_menu_line.gif) right 4px no-repeat; margin-right:11px;}
#footer_menu .last{ padding-right:0; margin-right:0; background:none}
#footer_menu a{ display:block; color:#888}
#footer_menu a:hover, #footer_menu .active{ color:#fff}


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

#ContactForm{}
#ContactForm{}
#ContactForm .wrapper{ overflow:inherit; min-height:53px;}
#ContactForm .success{ padding-bottom:5px; display:none}
#ContactForm .success strong{ color:#ffaf00}
#ContactForm label{ position:relative;min-height:40px; display: inline-block;}
#ContactForm .col{ width:288px;}
#ContactForm .message{
	height:70px;
}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#ffaf00; line-height:14px; display:none; width:100%; padding-bottom:3px;}
#ContactForm .button1{ margin-left:20px; float:right; margin-top:30px}
#ContactForm .input { margin:0;width:266px; height:16px; background: none; padding:11px 10px;color:#7b7b7b; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#ContactForm textarea {
	overflow: auto;
	margin:0;
	width:570px;
	height:50px;
	background: none;
	padding:11px 10px;
	color:#7b7b7b;
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}


#ContactForm  .bg{ background:#121111; border:1px solid #212121; border-top:1px solid #000; border-left:1px solid #000; position:relative;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; float:left;}