/*------------------------------------------------------------------------
Theme Name:    Azthetik Custom Platform
Theme URI:     http://azthetik.com
Description:   Azthetik custom platform built to manage lead captures, content delivery, blog, home and members area for JordanBelfortGlobal.com
Version:       1.0
Author:        Luis Escobar & Roberto Secades
Author URI:    http://azthetik.com
Tags:		   Internet Marketing, Custom Platform, Funnel, Zones
UPDATED: 07-02-2010 - Tech Guys Who Get Marketing (updated to new layout and design)
------------------------------------------------------------------------*/
@import url("css/_typo.css");
@import url("css/_reset.css");

@charset "UTF-8";
/* CSS Document */

body{
	background: #FFF;
	font-family:arial !IMPORTANT;
}

.prodTable1 td {vertical-align:top;}
.prodTable1 td p {font-size:15px; color:#666666;}
#optionTable {width:425px;}
#optionTable td {padding:3px 4px !IMPORTANT;line-height:20px !IMPORTANT;font-size:14px;}
#optionTable2 {}
#optionTable2 td {padding:3px 4px !IMPORTANT;line-height:20px !IMPORTANT;font-size:14px;}
#wrapper2 {width:960px;margin:15px auto;}
#slpOrderFormat2 td {vertical-align:top;padding:10px 0px;}
#slpOrderFormat2 td p {line-height:25px;}
#paymentSchedule {margin-top:10px;}
#paymentSchedule td {padding:0px;}



#mainWrapper-members #footerInner {padding-top:15px !IMPORTANT;margin-top:-30px !IMPORTANT;}
/* New Corp page */
#wContainer {width:896px;position:relative;}
#wColLogo   {width:900px;height:90px;position:absolute;top:0px;left:0px;background:url(img/corpSpeakingHeader.png) 0 0 no-repeat;z-index:9999999;}
#wColLeft   {width:533px;float:left;margin-top:100px;}
#wColLeft p {line-height:23px;color:#666666;}
#wContainer img {border:none;vertical-align:top;padding:0px;margin:0px;}
#speakingList1 {margin-left:20px;width:475px;}
#speakingList1 tr {vertical-align:top;}
#speakingList1 td {vertical-align:top;padding:5px;font-size:15px;}
#wColRight  {margin-top:0px;width:363px;float:right;background:url(img/wColRightTile.png) 0 0 repeat-y;}
#wColRightContents {margin:0px 10px 0px 35px;}
#wColRightTop {width:363px;height:567px;background:url(img/wColRightTop.png) 0 0 no-repeat;}
#wColRightBottom {width:363px;height:19px;background:url(img/wColRightBottom.png) 0 0 no-repeat;}
#wColRight h2 {font-size:28px !IMPORTANT;color:#FFF !IMPORTANT;font-weight:bold !IMPORTANT;padding-top:10px;margin:0px;padding-bottom:0px !IMPORTANT;}
#wColRight p {color:#FF7D55;font-size:14px;margin-top:0px;}
#wColRight p b {color:#FFF;font-weight:bold;}
#wColRightTestimonial p {color:#F2F2F2;}
#wColBottom {clear:both; width:100%;}
#testimonialTable1 {}
#testimonialTable1 tr {vertical-align:top;}
#testimonialTable1 td {padding:10px;}
#testimonialTable1 td p {font-size:14px;vertical-align:top;color:#333333;}
.hd {display:none;}
/* End New Corp Page */

#slpOrderFormat td p {line-height:25px;color:#666666;font-size:17px;}
#slpOrderFormat td   {vertical-align:top;text-align:left !IMPORTANT;}
#slpOrderFormat td img {text-align:left;margin:5px 0px;}

/* Start New Mentorship Page */
#slColLeft {width:490px;float:left;margin-top:135px;}
#slColLeft p {line-height:23px;color:#666666;}
table.format2 {width:490px !IMPORTANT;}
table.format2 td {padding:5px;}
table.format2 td p {margin-top:0px;line-height:23px;color:#666666;}
table.format3 {}
table.format3 td {padding:5px;}
table.format3 td p {margin-top:0px;line-height:23px;color:#666666;}
#slColLogo {width:900px;height:125px;position:absolute;top:0px;left:0px;background:#FFF url(img/slHeader.png) 0 0 no-repeat;}
#slColLogo2 {width:900px;height:100px;position:absolute;top:0px;left:0px;background:#FFF url(http://www.jordanbelfortglobal.com/order/images/productHeader.png) 0 0 no-repeat;display:none;}
#slColLogoLE {width:882px;height:50px;position:absolute;top:0px;left:0px;background:#FFF url(img/le_header.png) 0 0 no-repeat;}
#slColLogoBC {width:880px;height:77px;position:absolute;top:0px;left:0px;background:#FFF url(img/bc_header.png) 0 0 no-repeat;}
#slColRightWrapper {width:390px;float:right;margin-top:135px;}
#slColRight {width:385px;background:url(img/slRightColMiddle.png) 0 0 repeat-y;}
#slColRightTop {width:385px;height:21px;background:url(img/slRightColTop.png) 0 0 no-repeat;}
#slColRightBottom {width:385px;height:33px;background:url(img/slRightColBottom.png) 0 0 no-repeat;}
#slColRightTestimonial {width:338px;margin-left:33px;}
#slColRightTestimonial p {color:#F2F2F2;font-size:13px;}
#speakingList2 {}
#speakingList2 tr {vertical-align:top;}
#speakingList2 td {vertical-align:top;padding:5px;font-size:15px;}
#slColBottom {clear:both; width:100%;padding-top:15px;}
/* End New Mentorship Page */


/* -------------------------------
WRAPPERS
----------------------------------*/

#mainWrapper {
	background-image: url(img/jbHeaderBg_Tile.png);
	background-repeat: repeat-x;
	background-position: left top;
}

#mainWrapper-home {
	background-image: url(img/jbHeaderMainHome.png);
	background-repeat: repeat-x;
	background-position: left top;
}

#mainWrapper-members {
	background-image: url(img/mainwrapper-members.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#mainWrapper-memberspage {
	background-image: url(img/mainwrapper-memberspage.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#wrapper {
	width:928px;
	margin:0px auto;
	background: url(img/jbHeaderMain.png) no-repeat top left;
}

#wrapper-home {
	width:928px;
	margin:0px auto;
	background: url(img/jbHeaderMain.png) no-repeat top left;
}

#wrapper-members {
	width:900px;
	margin:0 auto;
}

#wrapper-memberspage {
	width:900px;
	margin:0 auto;
	background: url(img/wrapper-memberspage.png) no-repeat top left;
}

/* -------------------------------
TOP NAV
----------------------------------*/

#topbar {
	height: 30px;
	width: auto;
}

#topnav {
	height:27px;     
  width:200px;   
	position:absolute;
	right:185px;
	top:19px;
	font-family: arial,helvetica,verdana,sans-serif;	
	text-align:right;
	display: block;
	visibility: visible;
}

#mtopnav {
	height:31px;
	position:relative;
	font-family: arial,helvetica,verdana,sans-serif;
	position:relative;	
	text-align:right;
	display: block;
	visibility: visible;
	float:right;
	clear:right;
}

#mtopnav ul {
	padding: 0px;
	margin: 0px;
	float:right;

}

#mtopnav ul li {
	letter-spacing: 1px;
	font-size: 11px;
	line-height: 27px;
	text-transform: uppercase;
	color:#9ca7aa;
	text-align: center;
	font-family:  Tahoma,Helvetica,Arial,Sans-Serif;
	display:inline-block;
}

#mtopnav ul li a {
	padding-right:6px;
	padding-left:6px;
	color:#9ca7aa;
	text-transform:uppercase;
	text-decoration:none;
	line-height:27px;
	height:27px;
	text-align: center;
	clear:both;
}

#mtopnav ul li a:hover, #mtopnav ul li.current_page_item a  {
	color:#f7f7f7;
	
}

#bookJordan a {
 background:url(img/bookJordanBtn.png) 0 0 no-repeat;
 text-indent:-100000px !IMPORTANT;
 width:508px !IMPORTANT;
 height:130px !IMPORTANT;
 display:block;
}
#bookJordan a:hover {
 background-position:0px -147px !IMPORTANT;
}
#bookJordanWhite a {
 background:url(img/bookJordanBtn_white.png) 0 0 no-repeat;
 text-indent:-100000px !IMPORTANT;
 width:508px !IMPORTANT;
 height:130px !IMPORTANT;
 display:block;
}
#bookJordanWhite a:hover {
 background-position:0px -147px !IMPORTANT;
}
/* -------------------------------
HEADER
----------------------------------*/

#header1 {
	height:197px;
	position:relative;
}

#header-slm {
	height:118px;
	position:relative;
}

#logo, #logo img, #logo img a {
	position:relative;
	border:none;
	margin-top:-5px;
	display:none;
	float:left;
	clear:right;
}

#mlogo, #mlogo img, #mlogo img a {
	border:medium none;
	float:left;
	position:relative;
	z-index:2;
}

#membershome-video {
	min-width:400px;
	min-height:300px;
	display:table;
	margin:0px auto;
	background: #333;
	border: #f7f7f7 1px solid;
	text-align:center;
	color:#f7f7f7;
	
	-moz-box-shadow: 0px 0px 25px #000; /* Firefox */
	-webkit-box-shadow: 0px 0px 25px #000; /* Safari and Chrome */
	box-shadow: 0px 0px 25px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	
}

/* -------------------------------
NAVIGATION 1 & 2
----------------------------------*/

#navi1 {
	position:relative;
	clear:both;
	float:left;
	height:33px;
	position:relative;
	width:580px;
	
	background-image: url(img/navi.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	overflow: hidden;
	visibility: visible;
}

#navi2 {
	position:relative;
	clear:both;
	float:left;
	height:33px;
	position:relative;
	width:900px;
	text-shadow: 0px 1px 0px #f7f7f7;
	background-image: url(img/navi2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	overflow: hidden;
	visibility: visible;
}

#navi1 ul, #navi2 ul {
	padding-left: 5px;
}

#navi1 ul li, #navi2 ul li {
	float:left;
	letter-spacing: 1px;
	padding-right:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	display:block;
}

#navi1 ul li a , #navi2 ul li a {
	color:#343c3e;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;

	line-height:33px;
}

#navi1 ul li a:hover, #navi1 ul li.current_page_item a, #navi2 ul li a:hover, #navi2 ul li.current_page_item a {
	color:#22292b;
	text-shadow: 0px -1px 0px #f7f7f7;
}

/* -------------------------------
NAVIGATION 3
----------------------------------*/

#navi3 {
	position:relative;
	clear:both;
	float:left;
	height:51px;
	position:relative;
	width:900px;
	text-shadow: 0px -1px 0px #212121;
	background-image: url(img/navi3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	overflow: hidden;
	visibility: visible;
   box-shadow: 0 0 10px #212121;
   -moz-box-shadow: 0 0 10px #212121;
   -webkit-box-shadow: 0 0 10px #212121;

}

#navi3 {
	padding: 0px;
	margin: 0px;
}

#navi3 li {
	float:left;
	letter-spacing: 1px;
	font-family:;
	font-size: 17px;
	display:block;
	line-height: 51px;
	font-weight: bold;
	text-transform: uppercase;
	color:#9ca7aa;
	text-align: center;
	font-family:  Tahoma,Helvetica,Arial,Sans-Serif;
}

#navi3 li a {
	padding-right:20px;
	padding-left:20px;
	color:#9ca7aa;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	line-height:46px;
	height:51px;
	display:block;
	background-image: url(img/navi3-divider.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center;
}

#navi3 li a:hover, #navi3 li.current_page_item a  {
	color:#f7f7f7;
	text-shadow: 0px -1px 0px #212121;
}

/*
 LEVEL ONE
 */
ul.nav {
  position: relative;
	height:62px;
	line-height:62px;
	font-family:Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	overflow:visible;
}

ul.nav li {
    font-weight: normal;
    float: left;
}

ul.nav a:hover,ul.nav li.current_page_item a {
    color: #FF653B;    
}

ul.nav a:active {
	}

ul.nav li a {
    display: block;
    color: #FFF;
    margin-top:-2px;
	  padding: 0px 15px 2px 15px;
    
}

ul.nav li:last-child a {
    border-right: none;
}
 /* Doesn't work in IE */
ul.nav li.hover, ul.nav li:hover {
    position: relative;
    color:#fff;
}

ul.nav li.hover a {
    color: #fff;
    font-weight:bold;
}

/*
 LEVEL TWO
 */
ul.nav ul {
    width: 140px;
    visibility:hidden;
    position: absolute;
    top: 100%;
    left: 0px;
	z-index:1;
}

ul.nav ul li a{
	background:url(img/nav-bg.png) repeat top right;
	width:140px;
}

/* IE 6 & 7 Needs Inline Block */
ul.nav ul li a {
    display: inline-block;
}

/*
 LEVEL THREE
 */
ul.nav ul ul {
    left: 100%;
    top: 0;
}

ul.nav li:hover > ul {
    visibility: visible;
}













/*
 LEVEL ONE
 */
ul.nav2 {
    position: relative;
	height:42px;
	line-height:42px;
	font-family:Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	overflow:visible;
}

ul.nav2 li {
	background:url(img/navLI-bg.png) no-repeat top right;
    font-weight: bold;
    float: left;
}

ul.nav2 a:hover,ul.nav2 li.current_page_item a {
	background:url(img/navLI-hover-bg.png) repeat-x top left;
    color: #fff;
    text-shadow: 1px 2px 0px #212121;
}

ul.nav2 a:active {
	}

ul.nav2 li a {
    display: block;
    color: #0c2429;
	padding: 0 15px;
    text-shadow: -1px 1px 0px #dce1e1;
}

ul.nav2 li:last-child a {
    border-right: none;
}
 /* Doesn't work in IE */
ul.nav2 li.hover, ul.nav2 li:hover {
    position: relative;
    color:#fff;
}

ul.nav2 li.hover a {
    color: #fff;
    font-weight:bold;
	background:url(img/navLI-hover-bg.png) repeat-x top left;
}

/*
 LEVEL TWO
 */
ul.nav2 ul {
    width: 140px;
    visibility:hidden;
    position: absolute;
    top: 100%;
    left: 0px;
	z-index:1;
}

ul.nav2 ul li a{
	background:url(img/nav-bg.png) repeat top right;
	width:140px;
}

/* IE 6 & 7 Needs Inline Block */
ul.nav2 ul li a {
    display: inline-block;
}

/*
 LEVEL THREE
 */
ul.nav2 ul ul {
    left: 100%;
    top: 0;
}

ul.nav2 li:hover > ul {
    visibility: visible;
}
/* -------------------------------
CONTENT
----------------------------------*/

#content {

}

#contentarea {
	width:530px;
	background:#fff;
	padding:25px;
	min-height:500px;
	float:left;
	display:block;

   box-shadow:inset 0 0 30px #a6c0cf;
   -moz-box-shadow:inset 0 0 30px #a6c0cf;
   -webkit-box-shadow:inset 0 0 30px #a6c0cf;
}

#contentarea2 {
	width:530px;
	background:#fff;
	padding:25px;
	min-height:500px;
	float:left;
	display:block;
	margin-bottom:45px;

	box-shadow:inset 0 0 30px #a6c0cf;
	-moz-box-shadow:inset 0 0 30px #a6c0cf;
	-webkit-box-shadow:inset 0 0 30px #a6c0cf;
	
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px;

}

#normalpage {
	width:580px;
	padding:0px;
	margin:10px;
	min-height:500px;
	float:left;
	display:block;
	position:relative;
}

#singlepage {
	width:797px;
	min-height:500px;
	display:block;
	margin: 0px auto;
	overflow:hidden;
}

#widepage {
	width:878px;
	margin:20px auto;
	background-color:#FFF;
	display: block;
	clear: right;
	float: left;
}

#aboutjbpage {
	background:url("img/aboutjb.jpg") no-repeat scroll right bottom #FFFFFF;
	clear:right;
	display:block;
	float:left;
	padding-right:340px;
	width:560px;
	margin:20px auto;
}
#homwwidepage {
	width:898px;
	background-color:#FFF;
	display: block;
	clear: right;
	float: left;
}

#top-Homepage {
	height:375px;
	width:898px;
	display: block;
	clear: right;
	float: left;
}

hr {
	display:none;
}



/* -------------------------------
SIDEBAR
----------------------------------*/

#optin-sidebar {
	width:320px;
	display: block;
	clear: right;
	float: left;
	position: relative;
}
#optin-sidebar ul { margin: 0px; padding: 0px; list-style: none; text-align:center; margin-left:35px; margin-top:5px; }

#sidebar {
	background:url("img/sidebar-bg.jpg") repeat-y left top;
	border:1px solid #2B3235;
	color:#666666;
	float:left;
	margin-top:10px;
	padding-top:20px;
	position:relative;
	width:298px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  z-index:2;

}

#sidebar-slm {
	float:left;
	margin-top:10px;
	position:relative;
	width:298px;
}

#sidebar-page {
	background:url("img/sidebar-bg.jpg") repeat-y left top;
	border-bottom:1px solid #2B3235;
	border-left:1px solid #2B3235;
	color:#666666;
	float:left;
	margin-top:10px;
	margin-left:1px;
	padding-top:20px;
	position:absolute;
	width:298px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

}
.single-sidebar {
	width:198px !important;
	margin: 75px 0px !important;
	-moz-border-radius-bottomright: 0px!important; /* Firefox */
	-webkit-border-bottom-right-radius: 0px!important; /* Safari and Chrome */
	border-bottom-right-radius: 0px!important; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-border-radius-topleft: 5px; /* Firefox */
	-webkit-border-top-left-radius: 5px; /* Safari and Chrome */
	border-top-left-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	border-top:1px solid #2B3235;
}

.single-sidebar h4 {
	width:188px !important;
}
.single-sidebar h4 a {
	color:#f7f7f7;
}
.single-sidebar h4 a:hover {
	color:#F00;
}

#sidebar h4 {
background:url("img/sidebar-ul.jpg") repeat-y scroll left bottom transparent;
color:#F7F7F7;

font-size:22px;
height:60px;
letter-spacing:0;
line-height:60px;
margin:0;
padding-left:10px;
text-align:center;
text-shadow:0 1px 1px #000000;
width:288px;
}

#sidebar div {
	padding:10px 15px;
}

#sidebar ul { margin: 0px; padding: 0px; list-style: none; font-size:13px;  }
#sidebar li, #sidebar li.recentcomments { background:url("img/sidebar-li.jpg") repeat-y scroll left bottom transparent;
color:#F7F7F7;
line-height:20px;
text-shadow:0 1px 1px #000000;
padding:10px 15px !important;
}
#sidebar li:hover { background:url(img/sidebar-lihov.jpg) repeat-y bottom left; color:#bebebe; }
#sidebar li a {
color:#F7F7F7;
display:block;
}
#sidebar li a:hover {
	color:#45b8ed;
}
#sidebar li.recentcomments p, #sidebar li.recentcomments a, #sidebar li.recentcomments a:hover {
background:none repeat scroll 0 0 transparent;
display:-moz-inline-stack !important;
line-height:20px;
}


#sidebar form#searchform {
	background:url("img/sidebar-ul.jpg") repeat-y scroll left bottom transparent;
	padding:10px 15px;
	text-align:center;
	margin-bottom:20px;
}

#sidebar form#searchform .input { border: solid 1px #ccc; background-color: #efefef; padding:8px; font-size:18px; }
#sidebar form#searchform .input:hover { border-color: #bbb; }
#sidebar form#searchform .input:focus { border-color: #abc; background-color: #f0f7ff !important; }
#sidebar form#searchform .input.correct { border-color: #6b9; background-color: #f7fff7 !important; }
#sidebar form#searchform .input.incorrect { border-color: #b69; background-color: #fff7ff !important; }
#sidebar form#searchform .input.iefix { height: 24px !iefix; }

#sidebar form#searchform .button {
	padding: 8px;
	border: solid 1px #ccc;
	font-size: 18px;
	cursor: pointer;
	text-align: center;
	color: #3d5a65;
	font-weight: 800;
	text-shadow: #fff 0px 1px 0px;
	background-image: url(css/img/button.bg.png);
	background-repeat: repeat-x;
	background-position: top;
	width:auto !important;
}
#sidebar form#searchform .button:hover { color: #212121; }
#sidebar form#searchform .button:active { color: #212121; }

/* -------------------------------
POST
----------------------------------*/

.post, .postbody {  }
.post { margin-top: 0px; }

.posttop, .postfoot {  }
.posttop {
	display:block;
	position: relative;
	font-size:30px;
	font-weight:bold;
	text-shadow: 1px -2px 0px #212121;
	text-align:center;
	background-image: url(img/posttop-bg.jpg);
	background-repeat: repeat;
	background-position: center center;

  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

}

.posttop a, .posttop p {
	color:#FFF !important;
	display:block !important;
	padding:15px;
	font-size:30px;
	line-height:normal;
}

.posttop a:hover {
	background-image: url(img/posttop-hover-bg.jpg);
	background-repeat: repeat;
	background-position: center center;

  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

}

.postfoot { display:block; position: relative; border: 1px solid #bebebe; background-color:#d0d4d5; color:#2f3a3d; padding: 10px 15px; text-shadow: 0px 1px 0px #f6f6f6; margin:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.postbody { margin: 0px 20px 0px 10px; display:block; }
.postbody h2 { font-size:34px; line-height:normal; font-weight: bold; color:#535859;}
.postbody h2 a { font-weight: bold; color:#9ca7aa;}
.postbody h2 a:hover { color: #5c6570; }

/* post title */

.posttitle { padding: auto auto; }
.posttitle h99 { position:relative; display:block; font-size:30px; font-weight: 800; color: #256bc1; line-height:31px; text-shadow: 0px 0px 0px #999; }
.posttitle h99 a { position:relative; display:block; font-size:30px; font-weight: 800; color: #256bc1; line-height:31px; text-shadow: 0px 0px 0px #999; }
.posttitle h99 span { position:absolute; display:block; top:0; left:0; height:100%; width:100%; background:url('img/title-grad.png') repeat; }
* html h99 span { background-color:#fff; back\ground-color:transparent; background-image: url(none.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/title-grad.png', sizingMethod="scale"); }
.posttitle a:hover { color: #1d569c; }


.postcommentcount {  }
.postcommentcount a { display:block; padding-top:8px; padding-bottom:15px; margin: auto auto; height:58px; width:92px; font-size:30px; color:#989898; background:url('img/titlebox-c.png') no-repeat; font-weight: 800; text-shadow: 0px 1px 0px #FFFFFF; }
.postcommentcount a:hover { color:#1d569c; }

.postinfo { color: #999; }
.postinfo strong, .postinfo a, .postinfo a:hover { font-weight: 800; color: #333; }

.postmeta {overflow: hidden; }
.postmeta .left, .postmeta .right { background: url('img/postmeta.sprites.png') no-repeat left top; white-space: nowrap; }
.postmeta .right { background-position: left bottom; }
.postmeta strong { margin: 0px; }
.postmeta a { color: #666; }
.postmeta a:hover { color: #333; }


/* post comment inform */

.commentinform {  }
.commentinform a { display:block; text-align:center; margin: 10px 10xpx; font-size:18px; color:#bebebe; background: #e7e5e5; border: 1px solid #bebebe; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 0px; }
.commentinform a:hover { background-color:#97c739; color:#FFF; }

/* post label */

.posttop label { position: absolute; top: 40px; left: -53px; width: 57px; height: 100px; background: url('img/label.bg.png'); }
.posttop strong { position: absolute; text-shadow: rgba(0,0,0,0.2) 0px 1px 1px; }
.posttop .date { color: White; font-size: 34px; letter-spacing: -2px; top: 11px; width: 57px; text-align: center; }
.posttop .month { color: #999; font-size: 15px; letter-spacing: 4px; top: 36px; left: 13px; font-weight: 400; }
.posttop .comments { color: White; top: 73px; left: 28px; letter-spacing: -1px; width: 22px; text-align: center; }

/* inside post */

.postbody p span {  }
.postbody img {border:10px solid #EEEEEE;
display:block;
margin:5px auto; }
.postbody a:hover img { border-color: #ddd; }
.postbody img.filled { width: 516px; }
.postbody blockquote { background: url('img/blockquote.bg.png') no-repeat left 0.5em; }
.postbody blockquote p { margin: 0px; }

/* post discussion */

#thread { list-style: none; margin: 1em; padding: 0px;}
#thread li div.comment-body { height: 1% /*ie fix*/; z-index: 1; position: relative; border: solid 1px #ddd; background-color: #fdfdfd; margin: 3em 0px 4em 0px; padding: 1em 28px 40px 28px !IMPORTANT; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#thread li.bypostauthor div.comment-body { background-color: #fff; border-color: #ccc; }

#thread ul.children { margin-right: 0px; margin-left: 0px; padding-left: 2em; border-left: solid 1px #ddd; opacity: 0.9; }
#thread ul.children li.comment { list-style: none; }

#thread li div.comment-author {font-style: italic;  line-height: 42px;position:relative;}
#thread li div.comment-author img { position: absolute; height: 40px; width: 40px; right: 0px; top: 0px; }
#thread li div.comment-author cite { font-size: 1.2em; }


#thread li div.comment-meta { position: absolute; z-index: 9; right: 10px !IMPORTANT; bottom: 0px !IMPORTANT; }
#thread li div.reply {  z-index: 9; position:relative !IMPORTANT;left:5px !IMPORTANT;bottom:5px !IMPORTANT;}
#thread li div.reply a { color:#0066FF !IMPORTANT;}
#thread li div.comment-meta a, #thread li div.reply a { color: #666; font-size: 0.8em; font-style: italic;}


/* portfolio */

#folio .item { width: 583px; background: url('img/post-prod-bg.jpg') no-repeat; padding:18px 0; margin: 5px auto; }
#folio .item:hover { background-position: top right; }

#folio .item img { display:block;
height:242px;
margin:1px 17px 30px;
width:550px; }
#folio .item img:hover { opacity: 3.0; }

#folio .item p, #folio .item h4 { margin: 17px; color: #666; letter-spacing: 0px; }
#folio .item h4 a { color: #666 !important; font-weight: 800; }

#folio #filter { display: none; }
#folio #filter .placeholder { background-image: url(img/posttop-bg.jpg); padding: 1.5em; color:#FFF;text-shadow: 0px -1px 0px #212121; font-size:14px;}

#folio #filter a { margin-left: 0.5em; text-transform: uppercase; color: #fff; }
#folio #filter a.active { border-bottom:solid 1px #999; }

/* form elements */

.button {
	padding: 8px;
	border: solid 1px #ccc;
	font-size: 18px;
	cursor: pointer;
	text-align: center;
	color: #3d5a65;
	font-weight: 800;

	background-image: url(css/img/button.bg.png);
	background-repeat: repeat-x;
	background-position: top;
	width:100%;
}
.button:hover { color: #212121; }
.button:active { color: #212121; }

.input { border: solid 1px #ccc; background-color: #efefef; padding:8px; }
.input:hover { border-color: #bbb; }
.input:focus { border-color: #abc; background-color: #f0f7ff !important; }
.input.correct { border-color: #6b9; background-color: #f7fff7 !important; }
.input.incorrect { border-color: #b69; background-color: #fff7ff !important; }
.input.iefix { height: 24px !iefix; }

#contact { vertical-align: top; }
#commentform { display:block; position: relative; border: 1px solid #BEBEBE; background-color:#d0d4d5; color:#2f3a3d; margin:10px; padding: 10px 15px; text-shadow: 0px 1px 0px #f6f6f6;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari and Chrome */
border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

#commentform .input { background-color: #fdfdfd; padding:8px; width:97%; }
#commentform span.small { color: #666; }

#cancel-comment-reply-link { margin-left: 2em; }

/* pagination */

.pagination { margin-bottom: 1.5em; }
.pagination a { width: 30px; display: inline-block; margin-left: 5px; }
.pagination a.current { background-image: none; }

/* image align by WP classes */

img.alignright { float: right; }
img.alignleft { float: left; }

#mainHeadline {
	font-family: "Helvetica Neue";
	font-size: 33px;
	line-height: 33px;
	font-weight: bold;
	color: #F00;
	text-align: center;
	text-shadow: 1px 1px 0px #999;
}

/* -------------------------------
LEAD CAPTURE
----------------------------------*/
#optinBox {
	margin-top: -162px;
}

#optinBox2 {
	margin-top: -125px;
	position:fixed;
	width:320px;
}

#optinTop {
}

#optinHeadline {
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding:20px 0px 20px 20px;
	text-shadow: 2px 2px 1px #000;
}

#optinHeadline span{
	color: #f6ff8d;
}

#optinMid {
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

#optinMid label {
	color: #f7f7f7;
	font-size: 12px;
	font-weight:normal;
	display: block;
	float: left;
	clear:right;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 24px;
	text-shadow: 0px -1px 0px #2F7088;
}

#optinMid input[type="text"] {
	-moz-border-radius:5px 5px 5px 5px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #245573;
	clear:right;
	color:#666666;
	float:none;
	font-size:16px;
	margin:0 5px 5px;
	padding:6px;
	text-shadow:0 -1px 0 #F7F7F7;
	width:93%;
}
#optinMid input[type="text"]:hover {
	background: #f7f7f7;
	-moz-box-shadow: 0px 0px 5px #000; /* Firefox */
	-webkit-box-shadow: 0px 0px 5px #000; /* Safari and Chrome */
	box-shadow: 0px 0px 5px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

#optinMid input[type="text"]:focus {
	background: #f7f7f7;
	-moz-box-shadow: 0px 0px 5px #000; /* Firefox */
	-webkit-box-shadow: 0px 0px 5px #000; /* Safari and Chrome */
	box-shadow: 0px 0px 5px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

#optinMid input[type="submit"] {
	width: 280px;
	height: 50px;
	font-size: 24px;
	font-style:italic;
	margin-right: auto;
	font-weight: bold;
	color: #000000;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px;
	border: 2px solid #f3bc00;
	-moz-box-shadow: 0px 4px 5px #333; /* Firefox */
	-webkit-box-shadow: 0px 4px 5px #333; /* Safari and Chrome */
	box-shadow: 0px 4px 5px #333; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	margin-top: 10px;
	background:url(img/optinButton-bg2.png) 0px 0px repeat-x;
}

#optinBot {
	height:0px;
	background-repeat: no-repeat;
	background-position: center top;
}

/* -------------------------------
HOME PORTAL
----------------------------------*/

#home-left {
	width:550px;
  padding-top:0px;
	position:relative;
	display:block;
	float:left;
	clear:both;
}
#home-left p {font-size:14px;color:#333;line-height:22px;margin-bottom:10px;}
#home-right p {margin-top:0px;font-size:13px;line-height:16px;text-align:left;}
#home-right p strong, #home-right p em {font-size:16px;color:#444;}
#home-right p.testName {margin-bottom:10px;margin-top:0px !IMPORTANT;padding-top:0px !IMPORTANT;}
#home-right {
	width:365px;
	height:845px;
	margin-left:10px;
	position:relative;
	display:block;
	float:left;
	clear:right;
	background-image: url(img/home-right-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#home-right-tittle {
	background-image:url("img/home-right-tittle-bg.jpg") 0 0 repeat-y;
	clear:right;
	color:#333;
	display:block;
	float:left;
	font-size:28px;
	line-height:14px;
	margin:0 0 10px 12px;
	padding:15px;
	position:relative;
	width:308px;
        letter-spacing:-.06em;	
        border-bottom:1px solid #CCC;
}

#home-right-pic {
	;
	display:block;
	float:left;
	margin:0 0 0 12px;
	padding:8px;
	position:relative;
}

#home-right-content {
	
	color:#505050;
	display:block;
	float:left;
	font-family:Georgia;
	font-size:13px;
	line-height:16px;
	padding:1px;
	position:relative;
	width:228px;
}

#home-video {
	width:570px;
	max-width:570px;
	background-color:#000;
	display: block;
	clear: right;
	float: left;	
	box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	margin: 15px 0px 10px 0px;
	min-height:321px;
}
#optinMid {margin-left:30px;}
#home-optinBox {
	width:320px;
	display: block;
	clear: right;
	float: left;
	position: relative;
}

#membershome-top {
	height:437px;
}

/* newsline */

#newsline {
	font-size:14px;
	height:20px;
	line-height:20px;
	margin:10px auto;
	overflow:hidden;
	padding:2px 15px;
	width:800px;
	border: 1px solid #CCC;
}
#newsline p { color: #666; margin-left: 20px; line-height: 25px; }
#newsline a { color: #666 !important; }
#newsline strong { margin-right: 0.5em; color:#565656; }

/* -------------------------------
Footer
----------------------------------*/

#footer {
	height:100px;
	clear:both;
	display:block;
	margin:0px auto 0;
	position:relative;
	padding:30px 0px;
	background:#EFEFEF url(img/footerBG.png) 0 0 repeat-x;
}
#footerInner {margin-top:30px !IMPORTANT;}

#footerInner, #footerInner a {
	font-size:12px;
	color:#666666;
	position:relative;
	text-align:center;
	padding: 8px 15px;
	width:928px;
	text-decoration:none;
	margin:0px auto;
}

#gmwm {
	float:right;
}

#f1 { display:block; visibility:visible; width:130px; height: 45px; float:left; background: url(images/3.png) no-repeat center top; }
#f1:hover { background: url(images//4.png) no-repeat center top; }

#f2 { display:block; visibility:visible; width:130px; height: 45px; float:left; background: url(images/1.png) no-repeat center top; }
#f2:hover { background: url(images/2.png) no-repeat center top; }



/* -------------------------------
Social ELEMENTS
----------------------------------*/

#socialLinks {
	float:right;
	padding:2px 8px;
	position:relative;
	text-align:right;
	border-top:none;
	color:#0071BC;
	line-height:24px;	
	-moz-border-radius-bottomright: 5px!important; /* Firefox */
	-webkit-border-bottom-right-radius: 5px!important; /* Safari and Chrome */
	border-bottom-right-radius: 5px!important; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-border-radius-bottomleft: 5px; /* Firefox */
	-webkit-border-bottom-left-radius: 5px; /* Safari and Chrome */
	border-bottom-left-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}
#socialLinks a{
	color:#0071BC;
	text-decoration:none;
}

#socialLinks a:hover {
	color:#09F;
}

#socialLinks li{
	float:left;
	padding-left:1px;
}

#socialLinks li img {
	border:none;	
}

#socialLinks li a:hover img {
	margin-top:-2px;
}