/* 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:#fff; border:0; font:12px Arial, Helvetica, sans-serif; color:#fff; line-height:18px;}

.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); behavior: url(../js/PIE.htc); position: relative;}

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

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

.bg1{ border-bottom:1px solid #eaeaea; margin-bottom:13px;}
.bg2{ background:url(../images2/bg.gif) top center repeat;}
.bg_top{ background:url(../images2/bg_shadow_top.png) top repeat-x}
.bg_bot{ background:url(../images2/bg_shadow_bot.png) bottom repeat-x}
.bg_bot2{ background:url(../images2/bg_bot.gif) bottom repeat-x; padding-bottom:2px;}
.bg3{ border-top:1px solid #eaeaea; margin-top:1px;}



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

a{ color:#fff; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; padding:67px 0 0 26px}
h2{ font-size:36px; color:#article; line-height:44px; padding:0 0 23px 0; text-transform:uppercase}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ width:100#; overflow:hidden; padding-bottom:17px}

#logo{ display:block; background:url(../images2/logo.gif) no-repeat; width:218px; height:81px; text-indent:-5000px;}
#slogan{ font-size:20px; color:#cfcfcf; line-height:38px; display:block; text-transform:uppercase; margin-left:-4px;}

#top_nav{ float:right; padding-top:107px;}
#top_nav li{ float:left; background:url(/images/line_top.gif) no-repeat; padding-left:1px; }
#top_nav li a{ display:block; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#afafaf; line-height:51px; text-decoration:none; padding:0 27px;}
#top_nav li a:hover{ color:#000; background:#fafafa}

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

#content{ height:591px; width:100%; overflow:hidden; position:relative}

.pad_left1{ padding-left:46px;}
.pad_left2{ padding-left:58px;}
.marg_right1{ margin-right:20px;}
.marg_right2{ margin-right:30px;}
.pad_bot1{ padding-bottom:38px;}
.pad_bot2{ padding-bottom:18px;}

#menu {}
#menu li {}
#menu li a{}
#menu li a:hover, #menu #menu_active a{ }

.cc_menu{width:979px; /*140px * 5*/	height:591px;	position: absolute;	font-size:14px;	text-transform:uppercase;	color:#fff; overflow:hidden}
.cc_item{	text-align:center;	width:195px;	height:591px;	float:left;	background:#171717;	position:relative; margin-right:1px;}
.no_pad{ margin-right:0}
span.cc_title{	color:#fff; line-height:46px;	font-size:30px;	top:224px;	left:14px;	position:absolute;	background:#272727;	width:167px;	display:block;	z-index:11;}

.cc_item div{ cursor:pointer}
.cc_submenu { display:block;width:163px;	margin:0;	padding:0;	height:0px; /*increase to 200px to slide up*/	overflow:hidden;	text-align:left;	position:absolute;	left:0px;	bottom:-32px; background:url(../images2/bg_opacity.png) repeat;	z-index:13;}
.cc_submenu {	color:#fff; font-size:30px;	cursor:pointer;	padding:16px; line-height:44px; text-transform:uppercase}
.cc_submenu  span{ display:block; font-size:20px; color:#c5c5c5; line-height:26px; padding-top:8px;}
.cc_item img{	position:absolute;	width:195px;	height:591px;	top:-591px;	left:0px;}
.cc_content{	width:783px;	height:591px;	position:absolute;	left:-800px;	background:#171717;	overflow:hidden;}
.cc_content section{ width:100%; text-transform:none; font-size:12px; line-height:18px; display:none}
.cc_content p{}
span.cc_back, .cc_back_page{	position:absolute; top:11px;	right:-140px;	cursor:pointer; font:14px Arial, Helvetica, sans-serif; color:#171717; line-height:35px; text-transform:uppercase; padding:0 18px; background:#feb400;}


.line1, .line2, .cont{ margin:44px 0;height:503px;}

.line1{ background:url(../images2/line_ver1.gif) 478px 0 repeat-y; }
.line2{ background:url(../images2/line_ver1.gif) 304px 0 repeat-y;}

.button{ display:inline-block; background:url(../images2/bg_button.gif) top repeat-x;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; position:relative;behavior: url(../../site/css/js/PIE.htc); font-weight:bold; color:#fff; text-decoration:none; line-height:20px; height:22px;}
.button span{ background:url(../images2/marker_1.gif) 10px 9px no-repeat; display:block; padding:0 13px 0 20px}
.button:hover{ color:#000}

.under{ padding-bottom:25px; height:0; font-size:0; line-height:0; border-bottom:1px solid #353535; margin-bottom:25px;}

.font1{ font-weight:bold; color:#feb000; text-transform:uppercase; padding-bottom:6px;}
.font2{ font-size:24px; line-height:30px; color:#ffad00; padding-bottom:6px;}

.color1{ color:#feb000}

.list1 li{ line-height:20px;}
.list1 li a{ color:#feb000; padding-left:12px; background:url(../images2/marker_2.gif) 0 4px no-repeat}

#cont_privacy, #cont_faq, #cont_links, #cont_webinar, .read_more_content, .read_more_content2, .read_more_content3, .read_more_content4, .read_more_content5, .read_more_content6, .read_more_content7{ width:887px; position:absolute; right:-980px; top:0; background:#171717; z-index:20; padding:0 46px;}
.read_more_content, .read_more_content2, .read_more_content3, .read_more_content4, .read_more_content5, .read_more_content6, .read_more_content7{ z-index:19}
/* ============================= footer ====================== */

footer { line-height:18px; position:relative; overflow:hidden; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a8a8a8; text-transform:uppercase; padding:20px 0 20px 0}
footer a{ color:#a8a8a8}


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

#ContactForm {}
#ContactForm a{ margin-left:20px; margin-top:17px}
#ContactForm .input {width:167px; height:15px; border:1px solid #747474; background:#434343; padding:2px 5px; margin-bottom:10px;color:#fff; font:12px Arial, Helvetica, sans-serif}
#ContactForm textarea { overflow: auto;width:182px; height:113px; border:1px solid #747474; background:#434343; padding:2px 5px; margin-bottom:10px;color:#fff; font:12px Arial, Helvetica, sans-serif}

.cc_content .line1 .col_1{ width:179px; float:left;}
.cc_content .line1 .col_2{ width:194px; float:left; padding-left:31px;}