/*=============================================
	BLVD Status Street Styles
	@Author: Patrick Bennett, 8/09
==============================================*/

/* Eric Meyer reset */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*===========================================
	Begin Custom Classes
============================================*/

body {
	font-family:"Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans;
}

.homebody {
	background:url(../images/topHeaderBgX.jpg) repeat-x #eceaea;
}

.clear {
	clear:both;
}

#topContainer {
	width:100%;
	background:url(../images/topContainerBg.jpg) no-repeat center;
	height:438px;
}

#topContent {
	width:1024px;
	margin:0 auto;
	height:438px;
}

#nav {
	height:48px;
}

#nav #logo {
	width:137px;
	float:left;
}

#nav #links {
	width:475px;
	float:right;
	height:48px;
	text-align:right;
	margin:0;
	padding:0;
}

#links ul {
	list-style-type:none;
}

#links li {
	display:inline-block;
	float:left;
	font-size:15px;
	padding:0 15px;
}

#links li a {
	color:#b9b9b9;
	text-decoration:none;
	padding:15px 0;
	display:block;
}

#links li a:hover {
	color:#ffffff;
}

#links li.active a {
	color:#90d9f6;
}

#links li.acct a {
	color:#97dbf4;
	font-size:12px;
	position:relative;
	top:3px;
}

#links li.acct a:hover {
	color:#fff;
}

#headerTxt {
	margin:34px 0;
}

#txtButtons {
	width:442px;
	float:left;
}

#txtButtons a img {
	margin:45px 20px 0 0;
}

#screenShot {
	width:546px;
	height:364px;
	float:right;
	margin:26px 0 0 0;
}

#content {
	width:1024px;
	margin:30px auto;
}

#clients {
	width:445px;
	float:left;
}

#clients h3 {
	color:#252625;
	font-size:27px;
	font-weight:normal;
	margin:0 0 15px 0;
	width:200px;
	float:left;
}

.clientsimg img {
	margin:0 13px 15px 0;
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li{ 
	width:445px;
	height:220px;
	overflow:hidden; 
}	

ol#controls{
	width:125px;
	float:right;
	margin-top:-35px;
	text-align:right;
}
ol#controls li, ol#controls li.current  {
	display:block;
	width:17px;
	height:17px;
	float:left;
	color:#555;
	background:url(../images/whoNavOff.png) no-repeat;
	text-decoration:none;
	font-size:13px;
	text-align:center;
	padding-top:3px;
	margin:0 5px;	
}
ol#controls li a{
	color:#555;
	text-decoration:none;
	font-size:13px;
	text-align:center;
}
ol#controls li.current {
	background:url(../images/whoNavOn.png) no-repeat;
}
ol#controls li.current a {
	color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


#whoNav {
	width:125px;
	float:right;
	margin:6px 0 0 0;
	text-align:right;
}

#whoNav a {
	display:block;
	width:17px;
	height:17px;
	float:left;
	color:#555;
	background:url(../images/whoNavOff.png) no-repeat;
	text-decoration:none;
	font-size:13px;
	text-align:center;
	padding-top:3px;
	margin:0 5px;
}

#features {
	width:550px;
	float:right;
	margin-top:-10px;
}

#features div {
	width:265px;
	margin-bottom:5px;
}

#features div h4 {
	color:#01354a;
	font-weight:normal;
	margin:30px 0 10px 0;
	font-size:26px;
	display:inline-block;
	width:180px;
}

#features div h4 a {
	color:#01354a;
	text-decoration:none;
}

#features div h4 a:hover {
	color:#000;
}

#features div img {
	position:relative;
	top:10px;
	margin-right:10px;
	display:block;
	float:left;
}

#features div p {
	color:#444;
	font-size:13px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 5px;
}

#features div p a {
	color:#006699;
	text-decoration:none;
}

#features div p a:hover {
	color:#222;
}

#features div.l {
	float:left;
}

#features div.r {
	float:right;
}

#solutions {
	width:460px;
	float:left;
	margin:25px 0 25px 0;
}

#solutions h3 {
	color:#252625;
	font-size:36px;
	font-weight:normal;
	margin:0 0 15px 0;
}

#solutions #tabs {
	width:177px;
	height:300px;
	float:left;
	background:url(../images/tabsBgRight.png) right no-repeat;
}

#solutions #boxes {
	width:278px;
	height:295px;
	float:left;
	background:url(../images/solutionboxbg.png) no-repeat;
}

#solutions #tabs ul {
	margin:25px 0 0 0;
	padding:0;
}

#solutions #tabs li {
	display:block;
	height:37px;
	border-bottom:1px solid #ccc;
	font-size:21px;
	color:#7e7d7d;
	position:relative;
	width:160px;
	cursor:pointer;
}

#solutions #tabs li.active {
	background:url(../images/solutionButBg.png) no-repeat;
	border-bottom:none;
	width:177px;
}

#solutions #tabs li.active span {
	color:#fff;
}

#solutions #tabs li span {
	position:relative;
	top:10px;
	left:15px;
}

.solutions #testimonials {
	width:100%;
	float:none;
}

.solutions #testimonials div {
	background:#f9f9f9;
}

.solutions #testimonials div p {
	color:#555;
}

#testimonials {
	width:550px;
	float:right;
}

#testimonials div {
	background:#f3f3f3;
	border-bottom:1px solid #ccc;
	padding:15px;
}

#testimonials div p {
	font-size:24px;
	font-style:italic;
	margin:25px;
	color:#222;
	line-height:32px;
}

#testimonials div span {
	text-align:right;
	display:block;
	font-size:15px;
	margin:0 35px 0 0;
	color:#666666;
}

#testimonials div span strong {
	color:#333;
}

#testimonials div p strong {
	font-size:48px;
	font-family:"Times New Roman", Times, serif;
	color:#ccc;
}

.clear.hr {
	border-bottom:2px solid #dad9d9;
}

#footer {
	background:#2a2929;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
}

#footer #flinks {
	width:1024px;
	margin:0 auto;
}

#footer #flinks .links {
	width:315px;
	float:left;
	margin:15px 35px 10px 0;
	line-height:15px;
}

#footer #flinks .links a {
	color:#9a9898;
	text-decoration:none;
	font-size:12px;
}

#footer #flinks .links a:hover {
	color:#fff;
}

#footer #flinks .links h6 {
	color:#6f8c97;
	font-weight:normal;
	font-size:19px;
	margin:0 0 10px 0;
}

/*=========================================
	Sub Page : Solutions
==========================================*/

.subBody {
	background:#eceaea;
}

#topContainerSub {
	width:100%;
	background:url(../images/topContainerSubBg.jpg) no-repeat center;
	height:180px;
}

#topContainerSub.payment {
	height:48px;
	background:url(../images/topContainerSubBg.jpg);
}

#topContentSub {
	width:1024px;
	margin:0 auto;
	height:220px;
}

#sectionHeader {
	margin:45px 0 0 0;
}

#sectionHeader img.subsolutions {
	float:left;
}

#sectionHeader img.topproacct {
	float:right;
	margin:10px 7px 0 0;
}

#sectionShell {
	background:url(../images/subPageShellBg.png) no-repeat;
	width:1068px;
	overflow:auto;
	margin:0 auto;
}

#sectionShell.nobg {
	background-image:none;
	background-color:none;
}

#solutionLinks {
	width:1024px;
	margin:25px auto 0 auto;
}	

#solutionLinks a {
	color:#909090;
	font-size:24px;
	text-decoration:none;
	display:block;
	padding:25px;
	border-right:1px solid #d8d6d6;
	border-left:1px solid #fff;
	margin:0;
	float:left;
}

#solutionLinks a.signup {
	display:block;
	float:right;
	padding:0;
	border:none;
	margin:10px 100px 0 0;
}

#solutionLinks a:hover {
	color:#000;
}

#solutionLinks a.active {
	border-bottom:20px solid #90d9f6;
	padding-bottom:15px;
	color:#006699;
}

#solutionsnav {
	width:950px;
	margin:25px auto;
}

#solutionsnav .prev, #solutionsnav .next {
	width:150px;
	text-align:center;
	float:left;
}

#solutionsnav .convinced {
	width:450px;
	height:77px;
	float:left;
}

#solutionsnav .convinced {
	margin-left:120px;
	padding-top:15px;
}

#solutionsnav .next {
	float:right;
}	

#subcontent {
	width:1024px;
	background:#ffffff;
	margin:0 auto;
	overflow:auto;
}

#subcontent.nobg {
	background:none;
}

#subbody {
	width:964px;
	margin:30px auto;
	height:600px;
}

#subbody p.top {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#555;
	line-height:24px;
	margin:15px 0;
}

#subbody h1 {
	font-size:54px;
	color:#111;
	font-weight:normal;
}

#subLeft {
	width:790px;
	float:left;
	background:url(../images/subLeftBg.png) top right no-repeat;
	margin:0 0 10px 0;
}

#subLeft h1 {
	color:#000;
	font-size:34px;
	font-weight:normal;
	margin:25px 0 0 0;
}

#subLeft hr {
	background-color:#d9d8d8;
	border-color:#d9d8d8;
	border-width:1px;
	width:740px;
	border-style:solid;
	float:left;
	margin:5px 0;
}

#subLeft p {
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	font-size:14px;
	line-height:18px;
}

#subLeft p a {
	color:#006699;
	text-decoration:none;
}

#subLeft p a:hover {
	color:#222;
}

#subLeft #plans {
	margin:10px 0;
}

#subLeft #plans .planBox {
	width:249px;
	height:284px;
	background:url(../images/priceBoxBg.png);
	float:left;
	text-align:center;
	margin-top:10px;
}

#subLeft #plans .planBox.pop {
	height:300px;
	background:url(../images/priceBoxBgPop.png);
	margin-top:0;
}

#subLeft .planBox h3 {
	font-size:36px;
	color:#111;
	font-weight:normal;
	margin:17px 0 0 0;
	line-height:30px;
}

#subLeft .planBox span.planPrice {
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#222;
}

#subLeft .planBox p {
	font-size:28px;	
	margin:25px 0 25px 0;
	color:#111;
	line-height:32px;
}

#subLeft .planBox p span {
	color:#006699;
}


#subLeft .planBox p small {
	font-size:18px;
}

#subLeft #companies {
	margin:25px 0;
}

#subLeft #companies h2 {
	font-size:28px;
	color:#555;
	font-weight:normal;
	margin:0 0 10px 3px;
}

#subLeft #slider li{ 
	width:780px;
	height:105px;
	overflow:hidden; 
}

#subLeft #slider .clientsimg img {
	margin:0 20px 15px 0;
}

#subLeft p.testimonial {
	border-top:2px solid #d9d8d8;
	border-bottom:2px solid #d9d8d8;
	padding:15px 10px;
	width:725px;
	font-size:24px;
	color:#222;
	font-style:italic;
	line-height:32px;
}

#subLeft p.testimonial span {
	color:#5c5a5c;
	font-size:15px;
}

#subLeft #PricingFaq {
	margin:10px 0;
}

#subLeft #PricingFaq div.l {
	width:340px;
	float:left;
	margin:0 0 0 10px;
}

#subLeft #PricingFaq div.r {
	width:340px;
	float:right;
	margin:0 50px; 0 0;
}

#subLeft #PricingFaq p {
	margin:15px 0;
}

#subLeft #PricingFaq p strong {
	color:#111;
}

#subRight {
	width:215px;
	float:right;
}

#subRight #rebrandBox {
	width:207px;
	height:275px;
	background:url(../images/rebrandBg.png) no-repeat;
	margin:35px 0 0 0;
}

#subRight #visitsBox, #subRight #cancelBox {
	width:207px;
	height:275px;
	background:url(../images/moreonVisitsBg.png) no-repeat;
	margin:35px 0 0 0;
}

#subRight .sideInfoBox h4 {
	color:#000;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	padding:12px 0 0 0;
}

#subRight .sideInfoBox p {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:13px;
	width:160px;
	margin:15px auto;
	line-height:18px;
}

#subRight .sideInfoBox a {
	color:#006699;
	text-decoration:none;
}

#subRight .sideInfoBox a:hover {
	color:#111;
}

#subbody.solutions {
	height:auto;
	margin-bottom:0;
	overflow:auto;
	padding-bottom:25px;
}

.solutions h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:24px;
	color:#006699;
}

.solutions ul {
	margin:0 0 0 25px;
}

.solutions li {
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	font-size:13px;
	margin:10px 0;
	line-height:17px;
	list-style-type:circle;
}

.solutions p {
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	font-size:13px;
	margin:10px 0;
	line-height:21px;
}

.solutions p strong {
	color:#222;
}

.solutions p a {
	color:#006699;
	text-decoration:none;
}

.solutions p a:hover {
	color:#222;
}

.solutions img {
	padding:5px;
	border:1px solid #eee;
}

.solutions img.nob {
	border:none;
}

.solutions .left {
	float:left;
}

.solutions .left.text {
	width:475px;
	padding:25px 0 0 0;
	margin-left:50px;
}

.solutions .left.img {
	margin-left:25px;
	width:393px;
	height:236px;
	background:url(../images/screenshotbg.png) no-repeat;
	text-align:center;	
}

.solutions .left.img img {
	margin:11px 0 0 0;
}

.solutions .right {
	float:right;
}

.solutions .right small {
	font-size:10px;
}

.solutions .right.img {
	margin-right:25px;
	width:393px;
	height:236px;
	background:url(../images/screenshotbg.png) no-repeat;
	text-align:center;
}

.solutions .right.img img {
	margin:11px 0 0 0;
}

.solutions .right.text {
	width:475px;
	padding:25px 0 0 0;
	margin-right:50px;
}

.solutions .full {
	width:800px;
	margin:0 auto;
}

/** Contact form **/

#subLeft.contactform form {
	margin:15px 50px 25px 0;
}

#subLeft.contactform span.req {
	color:#00CC00;
	font-size:24px;
	font-weight:bold;
	position:relative;
	top:5px;
}

#subLeft.contactform h3 {
	font-size:20px;
	color:#333;
	margin:25px 0 0 0;
}

#subLeft.contactform p {
	font-size:13px;
	color:#444;
}

#subLeft.contactform .input, #subLeft.contactform .textarea {
	font-size:16px;
	width:500px;
}

#subLeft.contactform .select {
	font-size:16px;
}

#subLeft.contactform .submit {
	font-size:15px;
	border:1px solid #333;
	background:#fff;
	font-weight:bold;
	padding:7px;
	cursor:pointer;
}

#subLeft.contactform .errors strong {
	color:red;
	font-size:18px;
}


#subLeft.payment .registerBlock {
	width:742px;
	overflow:hidden;
	margin:15px 0;
	background:url(../images/signupBoxBg.png) repeat-y;
}

.registerBlock .regBlockTop {
	width:742px;
	height:9px;
	background:url(../images/signupBoxTop.png);
}

.registerBlock .regBlockContent {
	width:690px;
	margin:15px auto 25px auto;
	overflow:auto;
}

.registerBlock .regBlockContent h2 {
	font-size:28px;
	color:#006699;
	font-weight:normal;
}

.registerBlock .regBlockContent h2 span {
	color:#000;
}

.registerBlock .regBlockContent p {
	margin-bottom:15px;
}

.registerBlock .regBlockBottom {
	width:742px;
	height:9px;
	background:url(../images/signupBoxBottom.png);
}

#subLeft.contactform .regBlockContent label {
	width:100px;
	float:left;
	display:block;
	clear:left;
	margin:12px 0 0 85px;
}

#subLeft.contactform .regBlockContent .input {
	width:300px;
	margin:8px 0 2px 0;
	display:inline-block;
	float:left;
	font-size:15px;
	color:#444;
	padding-left:5px;
}

#subLeft.contactform .regBlockContent select.input {
	font-size:18px;
	color:#222;
}

#subLeft.contactform .regBlockContent .submit {
	float:right;
	margin:25px 200px 0 0;
	border:none;
	padding:0;
}

#subLeft.contactform .regBlockContent p.terms {
	margin:25px 0 0 85px;
}

#subLeft div.errors {
	border:2px solid red;
	padding:10px;
	margin:15px 0;
	width:700px;
	font-weight:bold;
	background:#ffcecd;
}

#subLeft.contactform small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#555;
}

#subLeft.contactform .regBlockContent .cards {
	margin:0 0 0 185px;
}

#subLeft.contactform .regBlockContent .notice {
	background:#FFFF99;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:25px 0 0 85px;
}

#subLeft.contactform .regBlockContent .notice p {
	padding:10px;
	margin:0;
}

#subLeft.contactform .addbut, #subLeft.contactform .upgradebut {
	margin:10px 0 0 0;
	display:block;
	width:212px;
	height:48px;
	background:url(../images/butAddDomain.png) 0px 0px;
	border:none;
	cursor:pointer;
}

#subLeft.contactform .upgradebut {
	background:url(../images/butUpgradeDomain.png) 0px 0px;
}

#subLeft.contactform .addbut.disabled {
	background:url(../images/butAddDomain.png) 0px -48px;
}

#subLeft.contactform .upgradebut.disabled {
	background:url(../images/butUpgradeDomain.png) 0px -48px;
}