@charset "utf-8";



/*-- MARKETING PAGE --*/

@import url("../../../css/hustler/ext/marketing.css");



/*-- RESOURCES PAGE --*/

@import url("../../../css/hustler/ext/resources.css");



/*-- FAQ PAGE --*/

@import url("../../../css/hustler/ext/faq.css");



/*-- FAQ PAGE --*/

@import url("../../../css/hustler/ext/websites.css");



/*-- PROGRAMS PAGE --*/

@import url("../../../css/hustler/ext/programs.css");



/*-- SUPPORT PAGE --*/

@import url("../../../css/hustler/ext/support.css");



/*-- POPUPS --*/

@import url("../../../css/hustler/ext/popup.css");

@import url( "../../../jscript/hustler/ext/jqtransformplugin/jqtransform.css" );


* {

   margin:0px;

   padding:0px;

}

html, body {

   height:100%;
   width:100%;

}

body {

   
   background-image:url(../../../nats_images/hustler/ext/bg_pattern.jpg);
   background-position:0px 0px;
   background-attachment:fixed;
   background-repeat:repeat;
   background-color:#fafafa;
   margin:0px;
   padding:0px;
}

img {

   border:0px;

}

:focus {

   outline:0;

}

h1, h2, h3, h4, h5, h6, h7, h8, h9, p {

   padding:7px 0 5px 0;

}

ol, ul, li, p, div, table, tr, td, th, dl, dt, dd {

   font-size:11px;

   font-family:arial;

   color:#4c4c4c;

}

a {

   color:#4c4c4c;

   text-decoration:underline;

}

a:hover {

   text-decoration:none;

   color: #b11112;

}

ul, ol {

   margin:10px 0;

}

ul, ol, li {

   margin-left:15px;

}

.clear {

   border:0px;

   background:none;

   clear:both;

}
.btm-banner	{ border:0px; background: none; clear: both; padding: 20px 0 13px 0;
 }
.btm-banner a { 	-moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.5); box-shadow: 0 0 2px rgba(0,0,0,0.5);
 	display: block; overflow: hidden; 
} 


a.button_red:link, a.button_red:visited {
	width:260px;
	height:28px;
	background-image:url(../../../nats_images/hustler/ext/button_red.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	color:#fff;
	font-size:14px;
	text-align:center;
	display:block;
	text-decoration:none;
	padding:12px 0px 0px 0px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
a.button_red:hover, a.button_red:active {
	background-image:url(../../../nats_images/hustler/ext/button_red.png);
	background-position:0px -40px;
	background-repeat:no-repeat;
}
#faq_button{margin:120px 0px 0px 640px;}
#web_button{margin:120px 0px 0px 720px;}
#support_button{margin:130px 0px 0px 682px;}

#website_banner{
	background-image:url(../../../nats_images/hustler/ext/websites-banner2.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.leftside {

	float:left;

}

.rightside {

	float:right;

}

.mainwrapper {

	width:100%;

	height:100%;

}

.subwrapper {

	width:990px;

}

.topbar {
	height:22px;
	text-align:center;
	color:#FFF;
	background-image:url(../../../nats_images/hustler/ext/topbg.jpg);
}

.topbar_center {
	height:22px;
	margin:0 auto;
	color:#FFF;
	width:990px;
}

.topbar_center p{
	color:#FFF;
	float:left;
	background-image:url(../../../nats_images/hustler/ext/arrow.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding:4px 0px 0px 16px;
	font-size:12px;
	
}


.topbar_center a {
	color:#FFF;
	float:right;
	background-image:url(../../../nats_images/hustler/ext/arrow.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding:3px 0px 0px 16px;
	font-size:12px;
}

.header {
	height:auto;
	padding:6px 0px 10px 0px;
	text-align:left;
	overflow:hidden
}

.header div.logo {
	float:left;
	margin:8px 0px 0px 0px;
}

.header p {

	position:absolute;

	top:38px;

	left:377px;

	color:#000;

	width:260px;

}

.header div.login {

	float:right;

}

.header div.login ul, li {

	margin:0px;

	list-style-type:none;

	font-size:12px;

}

.header div.login ul li {

	float:left;

	padding:0 0 0 10px;

}

.header div.login ul li:last-child { margin-top: -3px; }
/*.header div.login input {

	background:#d4d4d4;

	border:1px solid #7b7b7b;

	padding:1px;

	color:#7b7b7b;

	font-size:11px;

	margin:2px 0 0 0;

}

.header div.login ul li input {

	margin:0px;

}*/

.header div.login label {

	position:relative;

	top:-2px;

	left:2px;

}

.navigation {
	height:39px;
	margin-bottom: 20px;
	float:left;
	width:100%;
	background: url(../../../nats_images/hustler/ext/bg-rpt.gif) repeat-x scroll 0px 0px;
}

.navigation ul {

	list-style-type:none;

	margin:0px;

	width: 100%;
	overflow: hidden;

}

/*.navigation li {

	margin:0px;

	float:left;

	text-align:center;

}*/
.navigation li  { display: block; float: left; background: url(../../../nats_images/hustler/ext/bg-rpt.gif) repeat-x scroll 0px 0px; height: 39px; width: 14%; position: relative; z-index:10; }

/*.navigation li a {

	display:block;

	height:26px;

	width:124px;

	padding:5px 0 0 0;

}*/
.navigation li a 	{ color:#FFFFFF; text-decoration: none; display: block; width: auto; height: 39px; text-align: center; line-height: 39px; margin: 0; padding: 0; border-right: 1px solid #484747; border-left: 1px solid #000;}
.navigation li a:hover 				{ color:#ebebeb;   }
.navigation li:first-child a 		{ border-left: none;}
.navigation li:last-child a 		{ border-right: none;}
.navigation li a:hover, #live {

	background:url(../../../nats_images/hustler/ext/bg-rpt-hover.gif) 0 0 repeat-x;

}

/*.navigation li.signupmenu a {

	background:url(../../../nats_images/hustler/ext/sign-up-blueOFF.jpg) 0 0 no-repeat;

	width:122px;

	height:26px;

	display:block;

	padding:5px 0 0 0;

}

.navigation li.signupmenu a:hover {

	background:url(../../../nats_images/hustler/ext/sign-up-blue.jpg) 0 0 no-repeat;

}*/

.navigation li.signupLive a {

	background:url(../../../nats_images/hustler/ext/sign-up-green.jpg) 0 0 no-repeat;

	width:122px;

	height:26px;

	display:block;

	padding:5px 0 0 0;

}

.navigation li a {

	color:#FFF;

	text-decoration:none;

}

.dropnavigation {

	height:22px;

	background:url(../../../nats_images/hustler/ext/dropmenuBG.jpg) 0 0 no-repeat;

}

.dropnavigation ul {

	margin:0 0 0 240px;

	*margin:3px 0 0 240px;

	list-style-type:none;

	clear:left;

}

.dropnavigation li {

	float:left;

	margin:0px;

	text-align:center;

}

.dropnavigation li a {

	display:block;

	padding:0px 0 0 0;

	text-decoration:none;

	color:#FFF;

}

.dropnavigation li a.drop01 {

	width:157px;

}

.dropnavigation li a.drop02 {

	width:160px;

}

.dropnavigation li a.drop03 {

	width:147px;

}

.dropnavigation li a.drop04 {

	width:131px;

}

.dropnavigation li a.drop05 {

	width:149px;

}

.main-container {

	width:990px;
	position: relative;

}

.home-banner div.banner {
	clear:left;
	height:303px;
	background-color:#FFFFFF; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.5); box-shadow: 0 0 2px rgba(0,0,0,0.5);

	margin-bottom: 20px;

}

.boxcontain {

	height:244px;
	/*height:190px;*/

	margin:0 0 0px 0px;

}

.boxcontain ul {

	list-style-type:none;
	width:990px;
	margin:0px;
	height:auto;
	

}

.boxcontain li {

	margin-right:20px;
	display:block;
	float:left;
	width:316px;
	height:auto;

	/*padding:0 0 0 2px;

	background:url(../../../nats_images/hustler/ext/boxbg.jpg) 0 0 no-repeat;*/

	background-color:#FFFFFF; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.5); box-shadow: 0 0 2px rgba(0,0,0,0.5);


}
#marketing{margin-right:0px;}

.boxcontain li div.box1 {

	background:url(../../../nats_images/hustler/ext/box-image01.jpg) 7px 7px no-repeat;
	margin:0px 0px 0px 0px;
	width:305px;
	float:left;
	padding:125px 0 0 0;

}
.button-black 				
{ display: inline-block; 
outline: none; 
cursor: pointer; 
text-align: center; 
text-decoration: none; 
font: 13px Arial, Helvetica, sans-serif; 
padding: 6px 10px; 
margin:10px auto 20px auto; -moz-text-shadow: 0 1px 1px rgba(28,28,28,1); -webkit-text-shadow: 0 1px 1px rgba(28,28,28,1); text-shadow: 0 1px 1px rgba(28,28,28,1); 
background: url(../../../nats_images/hustler/ext/black-button.gif) repeat-x scroll 0 0; color: #FFFFFF;
background-position:0px 0px;
border: 1px solid #000;  
/*border: 1px solid #750505;*/  
}

.button-black:hover {				
background: url(../../../nats_images/hustler/ext/black-button.gif) repeat-x scroll 0 0; color: #FFFFFF; 
border: 1px solid #000; 
background-position:0px -31px;
/*border: 1px solid #750505;*/  
}


.button-red 				
{ display: inline-block; 
outline: none; 
cursor: pointer; 
text-align: center; 
text-decoration: none; 
font: 13px Arial, Helvetica, sans-serif; 
padding: 6px 10px; 
margin:10px auto 20px auto; -moz-text-shadow: 0 1px 1px rgba(28,28,28,1); -webkit-text-shadow: 0 1px 1px rgba(28,28,28,1); text-shadow: 0 1px 1px rgba(28,28,28,1); 
background: url(../../../nats_images/hustler/ext/red-button.gif) repeat-x scroll 0 0; color: #FFFFFF;
background-position:0px 0px;
border: 1px solid #9c0404;  
/*border: 1px solid #750505;*/  
}

.button-red:hover {				
background: url(../../../nats_images/hustler/ext/red-button.gif) repeat-x scroll 0 0; color: #FFFFFF; 
border: 1px solid #9c0404; 
background-position:0px -31px;
/*border: 1px solid #750505;*/  
}


.button-blue { 
display: inline-block;
outline: none; 
cursor: pointer; 
text-align: center; 
text-decoration: none; 
font: 13px Arial, Helvetica, sans-serif; 
padding: 6px 10px; 
margin:10px auto 20px auto; 
-moz-text-shadow: 0 1px 1px rgba(18,65,111,1); 
-webkit-text-shadow: 0 1px 1px rgba(18,65,111,1); 
text-shadow: 0 1px 1px rgba(18,65,111,1); 
background: url(../../../nats_images/hustler/ext/blue-button.gif) repeat-x scroll 0 0; 
color: #FFFFFF; 
border-top: 1px solid #780302; 
border-right: 1px solid #780302; 
border-bottom: 1px solid #780302; 
border-left: 1px solid #780302; }
.button-black:hover, .button-blue:hover   { text-decoration: none; color: #ffffff; }
.button-black:active, .button-blue:active { position: relative; top: 1px; }

.button-blue:hover{
	background-position:0px -31px;
}

.boxcontain li div.box1 p, .boxcontain li div.box2 p, .boxcontain li div.box3 p {

	font-size:12px;
	padding:0px 0;

}

.boxcontain li div.box1 p b, .boxcontain li div.box2 p b, .boxcontain li div.box3 p b {

	font-size:14px;

}

.boxcontain li div.box2 {

	background:url(../../../nats_images/hustler/ext/sites-ex.jpg) center 8px no-repeat;

	width:305px;

	/*min-height:160px;*/

	padding:125px 0 0 0;

}

.boxcontain li div.box3 {

	background:url(../../../nats_images/hustler/ext/marketing-ex.jpg) center 8px no-repeat;

	width:305px;

	/*min-height:160px;*/

	padding:125px 0 0 0;

}

.midcontent {

	min-height:335px;

	margin:7px 0 20px 0;

}

.midcontent.websites {

	min-height:335px;

	margin:7px 0 0px 0;

	padding-top: 15px;

	background-color:#FFFFFF; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.5); box-shadow: 0 0 2px rgba(0,0,0,0.5);


}

.midcontent div.left {
	display: none;

	float:left;

	width:296px;

	height:315px;

	margin:0 20px 0 0px;

	text-align:left;

	padding:10px;

	/*background:url(../../../nats_images/hustler/ext/mid-box01.jpg) 0 0 no-repeat;*/
	background-color:#FFFFFF; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.5); box-shadow: 0 0 2px rgba(0,0,0,0.5);


}

.midcontent div.left, .midcontent div.left p, .midcontent div.left div {

	font-size:12px;

}

.midcontent div.left h1 {

	color:#959595;

	font-size:19px;

	font-weight:normal;

	border-bottom:1px #959595 solid;

	padding:3px 0 5px 0;

}
.midcontent div.right h1 {

	color:#959595;

	font-size:19px;

	font-weight:normal;

	padding:3px 0 5px 0;

}
.midcontent div.right h1 span{ color:#c62227;}
.midcontent div.left h1 i, .midcontent div.right h1 i {

	color:#b11112;

}

.midcontent div.left p.playblue {

	position:relative;

	top:7px;

	left:5px;

}

.midcontent div.left div.holder {

	margin:0px 10px 0 20px;

}

.midcontent div.right {

	float:left;

	width:970px;

	height:315px;

	margin:0 0px 0 0;

	padding:10px;

	position:relative;

	text-align:left;

	/*background:url(../../../nats_images/hustler/ext/mid-box02.jpg) 0 0 no-repeat;*/
	background-color:#FFFFFF; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.5); box-shadow: 0 0 2px rgba(0,0,0,0.5);

background-image:url(../../../nats_images/hustler/ext/graph-wide-bg.jpg);
background-position:0px 13px;
background-repeat:no-repeat;
}

.midcontent div.right ul {

	margin:0px 0 5px 10px;
	padding:60px 0px 0px 0px;

}

.midcontent div.right li {

	width:300px;

	display:block;

	border-bottom:1px solid #cecece;

	font-size:13px;

	padding:4px 0 1px 0;

}

.midcontent div.right span {

	color:#006e9b;

}


.midcontent div.right .sign-up { padding: 7px 10px; margin:7px 0px 0 10px; }

.bot-border {
	background:url(../../../nats_images/hustler/ext/bot-border.jpg) 0 0 repeat-x;
	height:5px;
	margin:18px 0 5px 0;
	clear:both;
	width:990px;
}

.footer {

	color:#929292;

}

.footer div, .footer p {

	color:#929292;

}

.footer a {

	color:#929292;

	text-decoration:none;

}

.footer span {

	color:#525252;

}

.footer p.footer2 {

	color:#525252;

}

.footer p.footer2 a {

	color:#525252;

	text-decoration:underline;

}

.footer div.footer3 {

	width:643px;

	height:55px;

	border:1px #c4c4c4 solid;

	margin:8px 0 0 0;

	position:relative;

}

.footer div.footer3 div.logo {

	width:245px;

	position:absolute;

	top:10px;

	left:0px;

}

.footer div.footer3 div.logo img {

	padding:0 0 0 15px;

}

.footer div.footer3 p.text {

	position:absolute;

	top:2px;

	right:10px;

	width:350px;

	color:#525252;

}