/* RESET */
@import url("/css/v2/reset.css");

/*---------------------------------------------------------------*/
/* ---------- [ GLOBAL CSS ] ------------------------------------*/
/*----------------------------------------------------------------*/

body {
background: #000;
font-family: arial, verdana, helvetica;
font-size:14px;
color: #6f7a84;
line-height: 130%;
}

*{ margin:0; padding:0; }
a{ outline: none; }



a {color: #b2d14a;}
a:active {color: #fff;}
a:hover {color: #fff;}


/*---------------------------------------------------------------*/
/* ---------- [ GENERAL LAYOUT ] ---------------------------------*/
/*----------------------------------------------------------------*/

#page-wrapper { margin: 0 auto; text-align:left; }

.fleft {float:left;}
.fright {float:right;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}

.w_960 {width: 960px; overflow: hidden; margin: 0 auto; text-align: left; padding: 0px 0px 0px 0px;}
.w_720 {width: 720px; overflow: hidden; margin: 0 auto; text-align: left; padding: 0px 0px 0px 0px;}
.w_640 {width: 640px; overflow: hidden; margin: 0 auto; text-align: left; padding: 0px 0px 0px 0px;}
.w_480 {width: 480px; overflow: hidden; margin: 0 auto; text-align: left; padding: 0px 0px 0px 0px;}
.w_320 {width: 320px; overflow: hidden; margin: 0 auto; text-align: left; padding: 0px 0px 0px 0px;}
.w_240 {width: 240px; overflow: hidden; margin: 0 auto; text-align: left; padding: 0px 0px 0px 0px;}

.pad5 {padding:5px;}
.pad10 {padding: 10px;}
.margin_top_10 {margin-top: 10px;}
.margin_bot_10 {margin-bottom: 10px;}
.margin_top_20 {margin-top: 20px;}
.margin_bot_20 {margin-bottom: 20px;}


/*---------------------------------------------------------------*/
/* ---------- [ TYPOGRAPHY ] ------------------------------------*/
/*----------------------------------------------------------------*/

/* text */
.main_title {
padding:10px;
font-size: 20px;
color: #1bb2df;
display:block;
margin-top:5px;
}

.text_white {color: #fff;}
.url {color: #808080;}
.text_blue {color: #409eb7;}

/*---------------------------------------------------------------*/
/* ---------- [ BACKGROUND ELEMENT ] -----------------------------*/
/*----------------------------------------------------------------*/
.section_bg {
background:transparent url(/images/v2/section_bg.jpg) top center no-repeat; overflow:hidden;}
.section_bg_tint {
background:transparent url(/images/v2/section_bg_tint.jpg) top center no-repeat; overflow:hidden;}

/*---------------------------------------------------------------*/
/* ---------- [ HEADER / LOGO ] ---------------------------------*/
/*----------------------------------------------------------------*/

.header_content{
 padding: 0 0px 0 0px;
 width: 960px;
 }
.header{
 height: 70px;
 width: 100%;
 background: url(/images/v2/header_bg.jpg) repeat-x;
 }

.header_content{
 height: 70px;
 margin: 0 auto;
 }

 .logo{
 margin: 13px 0 0 0;
 float: left;
 }
 
 /*---------------------------------------------------------------*/
/* ---------- [ MINI NAV ] ---------------------------------------*/
/*----------------------------------------------------------------*/
 .mini_nav_header{
 height: 25px;
 border-bottom: 1px solid #111;
 width: 100%;
 background: url(/images/v2/mini_nav_bg.jpg) repeat-x;
 }
 
 .login {
 padding-top:5px;
 width:960px;
 margin: 0 auto;
 overflow:hidden;
 color:#6b685d; 
 }
 
 .login a, .login a:visited {
 color: #fff;
 text-decoration:none;
 font-size:12px;
 font-weight:bold;
 letter-spacing: 1px;
 }
 
 .login a:hover { color: #999;}
 
 .form {
 float:right;
 text-align:left;
 overflow:hidden;
 }
 
/*---------------------------------------------------------------*/
/* ---------- [ NAVIGATION ] ------------------------------------*/
/*----------------------------------------------------------------*/

#main_menu {
 margin: 18px 0 0 0;
 float: right;
 text-align:left;
}

ul.main_menu {
	padding: 5px;
	margin: 10px 0;
	list-style: none;
	background-color: #000;
	border-bottom: 1px solid #121212;
	float: left;
	clear: left;
}

ul.main_menu li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 10px;
}

ul.main_menu li a {
	text-decoration: none;
	float:left;
	color: #929191;

	cursor: pointer;
	font-size:12px;
	font-weight:bold;
}

ul.main_menu li a span {
	margin: 0 10px 0 -10px;
	padding: 1px 8px 5px 18px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
}



ul.main_menu li a.current, ul.main_menu li a:hover {
 	color: #FFF;
	border-bottom: 1px dotted #498091;
}


/*---------------------------------------------------------------*/
/* ---------- [ WIEDSCREEN FEATURED IMG ] ------------------------*/
/*----------------------------------------------------------------*/

#featured_slide {
background: url(/images/v2/home_feature.jpg) repeat-x;
}

#stage {
margin: 0 auto;
text-align:center;
background: url(/images/v2/stage.jpg) top center;
height:400px;
width: 1200px;
overflow:hidden;
postion: relative;
}

#stage #pic {
width:960px;
height:340px;
margin: 0 auto;
text-align:center;
overflow:hidden;
postion:relative;
margin-top: 20px;
background: #000;
}


/*---------------------------------------------------------------*/
/* ---------- [ PROMO TEXT / GET STARTED  ] ----------------------*/
/*----------------------------------------------------------------*/
.intro {width:960px; margin: 0 auto;text-align:left; overflow:hidden;}

.intro .tag {
float:left;
display:block;
line-height:130%;
width:631px;
margin-top:10px;
overflow:hidden;
}

.intro .tag span.title {
font-size:20px;
display:block;
padding-bottom:5px;
color: #fff;
font-weight:bold;
}

.intro h1 {
float:right;
width:329px;
height:57px;
display:block;
background: url(/images/v2/btn_getstarted.png) top center no-repeat;
overflow:hidden;
margin-top:10px;
postion:relative;
}


/*---------------------------------------------------------------*/
/* ---------- [ REASON TO JOIN ] ---------------------------------*/
/*----------------------------------------------------------------*/

.promo {
padding-top:10px;
width:960px;
margin: 0 auto;
text-align: left;
overflow:hidden;
}

.promo .left-col {
float:left;
width:631px;
overflow:hidden;
}

.promo .right-col {
background: url(/images/v2/corner_shade.png) top left no-repeat;
float:right;
width: 329px;
overflow:hidden;

}


/* reasons */

#reasons ul li {

background: url(/images/v2/bullet_point.png) top left no-repeat;
padding-left:40px;
padding-right:20px;
display:block;
margin: 15px 0px 15px 10px;
font-size:14px;
}

#reasons ul li span.reasons {
display:block;
color:#fff;
font-weight:normal;
font-size:16px;
}

#reasons ul li span.hilite {

color:#cbe0e4;
font-weight:bold;

}



/*----------------------------------------------------------------*/
/*------[SITE LIST THUMB]-----------------------------------------*/
/*----------------------------------------------------------------*/
.site_med ul {list-style: none;margin: 0px 0px 0px 0px;	padding: 0;}
.site_med li {padding: 4px;margin: 0;	float: left;position: relative;}
.site_med_block { background: #000; width: 310px; height: 300px; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; border: 1px solid #111;}
.site_med_container {width: 300px;height: 250px;padding: 4px;background: #fff;}
.site_med_thumb {margin: 0px;width: 300px;	height: 167px;	position: relative;}
.site_med_thumb img {width: 300px; height: 250px; /* Set the small thumbnail size */
-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
}
.site_med_thumb a {text-decoration: none;}
.site_med_info { width: 310px; padding:5px; margin-top: 1px;font-family: Arial, Helvetica;background: #000;color: #5f1700;text-align: center;font-size: 11px; line-height: 110%;}
.site_med_info .site_title {color:#808080; font-weight:normal;font-size: 12px;}

/*---------------------------------------------------------------*/
/* ---------- [ SITE LIST DISPLAY ] ------------------------------*/
/*----------------------------------------------------------------*/

.sitelist_wrapper {
width:960px;
margin: 0 auto;
text-align:left;
}


ul.display {
	float: left;
	width: 960px;
	margin: 0;
	padding: 0;
	list-style: none;
	
}
ul.display li {
	float: left;
	width: 960px;
	padding: 10px 0;
	margin: 0;

}
ul.display li a {
	
	text-decoration: none;
}
ul.display li .content_block {
	padding: 0 5px;
}
ul.display li .content_block h2 {
	margin: 0;
	padding: 5px;
	font-weight: normal;
	font-size: 1.7em;
	color:#fff;

}
ul.display li .content_block p {
	margin: 0;
	padding: 5px 5px 5px 450px;
	font-size:12px;
}

ul.display li .content_block p a {
display:block;
margin: 10px 0px 0px 25px;
width:200px;
}


ul.display li .content_block a img{
	
	padding:5px;
	margin: 0 15px 0 0;
	float: left;
}

ul.thumb_view li{
	width: 480px;
}
ul.thumb_view li h2 {
	display: inline;
}
ul.thumb_view li p{
	display: none;
}
ul.thumb_view li .content_block a img {
	margin: 0 0 10px;
}


a.switch_thumb {
	width: 122px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 10px 0;
	display: block;
	background: url(/images/v2/switch.gif) no-repeat;
	outline: none;
	text-indent: -9999px;
}
a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
a.swap { background-position: left bottom; }


/*---------------------------------------------------------------*/
/* ---------- [ FOOTER BLOCK  ] ---------------------------------*/
/*----------------------------------------------------------------*/

.footer_block {
background: url(/images/v2/footer_bg.jpg) top center no-repeat;
overflow:hidden;
font-size: 12px;
text-align:left;
color:#4e5052;
}

.footer_header {
display:block;
color: #fff;
}
.footer_content {
padding-top:50px;
width: 960px;
height:200px;
text-align:left;
margin: 0 auto;
overflow:hidden;
}

.footer_content a {
color:#858687;
}

.footer_content a:hover {color:#fff;}




/*------------------------------------*/
/* MISC: TOS, SPAM, 2257 -------------*/
/*-------------------------------------*/

#toscontent, #spamcontent, #legal {
padding-top:20px;
padding-bottom: 20px;
width:960px;
text-align:left;
margin: 0 auto;
font-size:12px;
}

#toscontent h3, #toscontent p b, 
#spamcontent h3, #spamcontent p b,
#legal h3, #legal p b
{
color: #fff;
font-weight:bold;

}

#toscontent p b, #spamcontent p b {
display:block;
padding-top:40px;
}

#spamcontent span.hilite {

color:#cbe0e4;
font-weight:bold;

}


#contact {
width:960px;
margin: 0 auto;
text-align:left;
}


/* contacts list */
ul.team{
	font-size: 12px;
	margin: 10px 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
	border-top: 1px solid #111;
}
ul.team li {
	float: left;

	width: 100%;
	padding: 10px 0;
	margin: 0;
	border-bottom: 1px solid #111;
}
ul.team li .imgblock {
	font-weight: bold;
	float: left;
	width: 100px;
	padding: 0 10px;
	text-align: center;
}
ul.team li .imgblock img {
	padding: 5px;
	margin-bottom: 5px;
	background: #000;
	border: 1px solid #111;
}
ul.team li .detail{
	padding-left: 130px;
}

ul.team li .detail span.title {display:block; font-size:12px; color: #cbe0e4;}
ul.team li .detail span.contact_me {display:block; font-size:12px; color: #5a972e;}

ul.team li h2 {color: #fff; font-size:20px;}

ul.team li h2, ul.team li p {margin: 5px 0px 0px 0px; padding: 0px 0;}
ul.team li.even { background: #111; }
ul.team li ul.specs li {
	float: none;
	margin: 0 5px 0 20px;
	padding: 0;
	list-style: disc;
	border: 0;
	background: none;
	width: auto;
}


#company {
width: 400px;
}

.company_info img {
padding:10px;
}
.company_info span.office {
color: #fff;
display:block;
font-size:12px;
font-weight:bold;
padding:10px 10px 0px 0px;
border-bottom: 1px dotted #121212;
}

.company_info span.address {
font-size:12px;
color: #999;
display:block;
padding: 0px 10px 0px 0px;
}



.tmc_box  {
  float : left; 
  width: 500px; 
  font-size: 1em;
  padding-right: 5px; 
 }

.tmc_label  {
 float : left; 
 color: #fff;
 background-color: #000; 
 width: 100px;
}

.tmc_field  {
  float : left; 
  width: 200px; 
  margin-bottom: 5px;
}
.tmc_submit {
  clear: both;
}

table#resources img {padding:1px; border: 2px solid #000;}

.clearfloat {clear:both;}

.slrasignup {
   float: left;
   width: 500px;
}

.st2 {
   clear: both;
   margin-bottom: 5px;
}

.st1 {
   clear: both;
   margin-bottom: 5px;
}

.slca {
   float: left;
   width: 150px;
}

.slra {
   width: 300px;
}

st1 .slca {
   clear: both;
}
.statstable_title_2 {
   clear: both;
   font-size: 1.5em;
   font-weight: bold;
   padding-top: 1em;
   padding-bottom: 0.25em;
   color : #FFF;
}
.statstable_wrapper {
   width: 960px; overflow: hidden; margin: 0 auto; text-align: left; padding: 0px 0px 0px 0px;
}