body {
  color: #000;
  background:url('/img/site/backgrounds/skin_v2.gif') #000 repeat-x;
  font:17px helvetica, 'Lucida Grande', Verdana, sans-serif;
}

/* general text styles */

h2 {
  font-size:21px;
  text-transform:uppercase;
}
/*
h2 {
	text-transform:none;
	font-weight:normal;
	font-size:26px;
}
*/
h3 {
  font-size:18px;
  margin-bottom:10px;
}
.clear { clear:both }




#content {
  margin:0 auto;
  width:950px;
}


/* site header */
#header {
  height:134px;
  margin-top:30px;
  position:relative;
}
	#header h1 {
	  display:block;
	  float:left;
	  width:302px;
	  height:108px;
	  background:url(/img/site/logo_v2.png)  no-repeat 0 0;
	  text-indent:-10000px;
	}
		#header h1 a {
		  display:block;
		  width:100%;
		  height:100%;
		}
			#header h1 a:hover {
			  background:url(/img/site/logo_v2.png) no-repeat 0 -108px;
			}
	#header ul {
	  display:block;
	  float:right;
	  width:628px;
	  height:108px;
	  background:url(/img/site/nav/menu.png) no-repeat 0 0;
	  list-style:none;
	}
		#header ul li {
		  display:block;
		  float:left;
		  height:108px;
		  text-indent:-10000px;
		}
			#header ul li a {
			  display:block;
			  width:100%;
			  height:100%;
			}
  #header #home {
    width:152px;
  }
  #header #pricing {
    width:167px;
  }
  #header #blog {
    width:130px;
  }
  #header #signup {
    width:179px;
  }
		#home a:hover {
		  background:url(/img/site/nav/menu.png) no-repeat 0 -108px;
		}
		#pricing a:hover {
		  background:url(/img/site/nav/menu.png) no-repeat -152px -108px;
		}
		#blog a:hover {
		  background:url(/img/site/nav/menu.png) no-repeat -319px -108px;
		}
		#signup a:hover {
		  background:url(/img/site/nav/menu.png) no-repeat -449px -108px;
		}
		#header #nav-badge-try { display:block;position:absolute;right:-30px;top:-30px;z-index:100; }
		#header #returning { display:block;position:absolute;right:50px;top:-20px;z-index:90;font-size:14px; }
			#header #returning { color:#fff !important; }
			#header #returning a { color:#fff;text-decoration:none; }
			#header #returning a:hover { text-decoration:underline; }
			#returning .spacer { margin:0 10px; }


/* all content sits inside this */

#real-content {
  margin-top:30px;
}


/* site footer */

#footer {
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  margin:25px 5px 5px 0;
}

	#footer #links {
		float:right;
	}
		#footer #links a {
			color:#fff;
			text-decoration:none;
			font-size:12px;
			line-height:45px;
			padding:0 10px;
			border-left:1px solid #dd1e1e;
		}
		#footer #links a:hover {
			text-decoration:underline;
		}
			#footer #links a.first {
				border-left:0;
			}
	#footer #social-links a {
		display:block;
		width:100px;
		height:35px;
		margin-top:10px;
		color:#fff;
		font-size:9px;
		line-height:14px;
		padding-left:35px;
		text-decoration:none;
		float:left;
	}
		#footer #social-links a span {
			font-size:12px;
			text-decoration:underline;
		}
	#footer #social-links #facebook {
		background:url('/img/site/icons/fb-block.png') no-repeat;
	}
	#footer #social-links #twitter {
		background:url('/img/site/icons/twitter-block.png') no-repeat;
	}
	/* our copyright notice */
	#notice {
	  font-style: italic;
	  text-transform:uppercase;
	  text-align:left;
	  color:#fff;
	  font-size:.6em;
	  margin-bottom:20px;
	}



/* PAGE STYLES */


/* the sliding features pane on the homepage */
#slides-vp {
	overflow:hidden;
	height:387px;
	width:950px;
	position:relative;
}
	#slides {
		margin-left:0px;
		width:10000px;
	}
		#slides .slide {
			height:387px;
			width:950px;
			position:relative;
			margin-right:50px;
			float:left;
		}
			#slides .slide .copy {
				position:absolute;
				width:360px;
				height:250px;
				left:80px;
				top:60px;
				text-align:center;
			}
				#slides .slide .copy h1 {
					color:#fff;
					font-size:24px;
					text-transform:none;
					font-weight:normal;
				}
				#slides .slide .copy h2 {
					color:#fff;
					font-size:14px;
					line-height:20px;
					text-transform:none;
					margin-top:20px;
					font-weight:normal;
				}
			#slides .slide .img {
				position:absolute;
				right:35px;
				top:0;
				width:422px;
				height:387px;
				background:url('/img/site/examples/slides/slide_01.jpg')  no-repeat 0 0;
			}
/* scroll buttons for the sliders on the homepage */
.slide-scroll-btn {
	position:absolute;
	top:162px;
	width:30px;
	height:27px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
  background:url('/img/site/icons/arrows.gif')  no-repeat 0 0;
}
	#slides-scroll-left {
		left:-40px;
	}
	#slides-scroll-right {
		right:-40px;
		background-position:-30px 0;
	}
	#slides-scroll-left:hover {
		background-position:0 -27px;
	}
	#slides-scroll-right:hover {
		background-position:-30px -27px;
	}

/* free signup button */

a#free-site-creation {
  display:block;
	position:absolute;
	z-index:100;
	bottom:50px;
	left:90px;
  width:345px;
  height:53px;
  background:url(/img/site/buttons/free-site-creation.png) no-repeat 0 0;
  text-indent:-10000px;
  margin-top:25px;
}
	a:hover#free-site-creation {
	  background-position:0 -53px;
	}



/* pricing page */

#pricing-leader {
	height:455px;
	position:relative;
	margin-top:65px;
}

#pricing-options {
	width:706px;
	height:418px;
	background:url('/img/site/backgrounds/pricing.gif');
	margin:auto;
	position:relative;
}
	#pricing-options .plan {
		width:205px;
		height:390px;
		position:absolute;
		top:15px;
		color:#555b60;
	}
		#pricing-options #plan-pro {left:20px;}
		#pricing-options #plan-light {left:255px;}
		#pricing-options #plan-free {left:490px;}
		#pricing-options .title {
			color:#5f5f5f;
			text-transform:none;
			font-weight:normal;
			font-size:30px;
			line-height:40px;
		}
			#pricing-options #plan-pro .title {
				color:#000;
			}
		#pricing-options .plan .tag {
			font-style:italic;
			margin-top:5px;
			font-size:15px;
		}
		#pricing-options .plan div.cost {
			color:#ff0000;
			font-size:23px;
			margin-top:5px;
		}
			#pricing-options .plan div.cost .cost-breakdown {
				color:#555b60;
				font-size:11px;
				font-style:italic;
			}
				#pricing-options .plan div.cost .cost-breakdown span.cost {
					font-size:16px;
					font-style:normal;
				}
		#pricing-options .plan .cta {
			display:block;
			background-color:#5d98c6;
			height:45px;
			margin:10px 0 15px -15px;
			background:url('/img/site/buttons/pricing-elements.png') -3px 0px;
			width:228px;
			text-indent:-99999px;
		}
			#pricing-options .plan .cta:hover {
				background-position:-3px -45px;
			}
			#pricing-options #plan-light .cta {background-position:-3px -90px;}
				#pricing-options #plan-light .cta:hover {background-position:-3px -135px;}
			#pricing-options #plan-free .cta {background-position:-3px -180px;}
				#pricing-options #plan-free .cta:hover {background-position:-3px -225px;}
		#pricing-options .allowance {
			color:#35393b;
			font-size:14px;
		}
		#pricing-options .allowance .amount {
			font-weight:bold;
		}
		#pricing-options .plan ul {
			margin-top:10px;
		}
			#pricing-options .plan ul li {
				padding-left:25px;
				color:#5d98c6;
				height:20px;
				line-height:20px;
				display:block;
				font-size:14px;
				background:url('/img/site/buttons/pricing-elements.png') 0px -270px;
			}
				#pricing-options #plan-pro ul li {
					background-position:0px -290px;
				}
				#pricing-options .plan ul li.blnk {
					background-position:0px -310px;
				}
				#pricing-options .plan ul li.major {
					color:#ff0000;
				}
#create-now-box {
	height:100px;
}				
	#create-now-box #free-site-creation {
		position:relative;
		margin:auto;
		left:auto;
		bottom:auto;
		margin-top:30px;
	}




/* are these box styles used anymore? */
.box {
  width:305px;
  height:245px;
  float:left;
  position:relative;
}
.box h3 {
  font-size:18px;
  margin:35px 15px 0 120px;
  line-height:22px;
}




/* wrapper for all the signup pages */

#signup-wrapper {float:left;margin-left:20px;margin-top:15px;width:700px;}
  #signup-wrapper h2 {color:#0066cc;}
  #signup-wrapper #signup-bar {margin-bottom:20px;}
  #signup-wrapper .signup-action {text-align:right;width:700px;margin-top:10px;clear:both;}
    #signup-wrapper #signup-bar img {float:left;}
    #signup-wrapper #signup-bar img.process {margin-top:3px;}
#signup-candy {float:right;margin-right:30px;margin-top:15px;}
  

/* where is this used? */
.marg {
  margin:20px 20px 0 20px;
}



/* various background boxes used on the site */

.bigbox {
	width: 632px;
	background: url(/img/site/boxes/doors/bottom.png) no-repeat bottom left;
	padding-bottom:20px;
	min-height:100px;
}
.boxhead {
	background: url(/img/site/boxes/doors/top.png) no-repeat top left;
	height:25px;
}
.bigbox_w {
	width: 950px;
	background: url(/img/site/boxes/doors/bottom_wide.png) no-repeat bottom left;
	padding-bottom:20px;
}
.boxhead_w {
	background: url(/img/site/boxes/doors/top_wide.png) no-repeat top left;
	height:25px;
}
	.bigbox h2, .bigbox_w h2 {
	  margin-bottom:20px;
	}
	.bigbox p, .bigbox_w p {
	  margin-bottom:30px;
	}
	.bigbox .inner, .bigbox_w .inner {
	  margin:0 25px 0 20px;
	  padding-bottom:50px;
	}

/* general dark bordered box */
.check-it {
	border:1px solid #7a7a7a;
	background-color:#000;
	height:225px;
	margin-top:15px;
}
	.check-it h2 {
		color:#fff;
		font-weight:normal;
		text-align:center;
		margin-top:20px;
		font-size:24px;
		text-transform:none;
	}




/* FORMS (GENERAL) */

.field-set {
	margin-bottom:15px;
}
	.field-set label {
		color:#262626;
		margin-bottom:5px;
		display:block;
	}
		.field-set label .required {
			color:red;
			margin-left:5px;
		}
	.field-set .editable {
		background-color:#f5fcfb;
	  border: 2px solid #999;
	  height: 24px;
	  position: relative;
	  -moz-border-radius: 7px;
	  border-radius: 7px;
	  -webkit-border-radius: 7px;
		width:670px;
		padding:4px 10px;
		font-size:1.1em;
	}
  .field-set input[type="radio"] {
  	float:left;
  	margin-right:10px;
  }
	.field-set .larger {
		height: 32px;
		padding:10px 10px 0 10px;
		font-size:1.2em;
	}

.field-set-two .first {
	margin-right:29px;
}	
.field-set-two .field-set {
	float:left !important;
}	
  .field-set-two .field-set input {
    width:308px;
  }
  .field-set select.editable {
    width:331px;
    height:36px;
  }

.form-val-bad input {
 	background-color:#ffcccc !important;
}

.form-val-good input {
	background-color:#ccffcc !important;
}

.validation {margin-bottom:20px;color:red;}
	.validation p {margin-bottom:5px;}



/* FORMS (SPECIFIC) */

.field-set input#un_field, .field-set input#domain_field, .field-set select#tld_field {
	display:block;
	float:left;
	width:360px;
}
#username.field-set .support, #domain.field-set .support {
	margin-top:0px;
	margin-left:10px;
	display:block;
	float:left !important;
	font-size:.9em;
	line-height:1.3em;
}
#username .support #new-home, #domain .support #new-home {
	color:red;
}
#username #status-unavailable, #domain #status-unavailable {
	color:red;
}
#username #status-available, #domain #status-available {
	color:green;
}



/* pricing page */
.price-plan {float:left;width:305px;height:504px;background-image:url('/img/site/boxes/tall.png'); text-align:center; position:relative;}
  .price-plan img {margin-right:4px;margin-top:7px;}
  .price-plan h2 {font-size:16px; border-bottom:1px solid #c0c0c0;display:block; width:280px; margin:10px auto 20px auto; padding-bottom:10px;}
  .price-plan p {font-size:16px; border-bottom:1px solid #e0e0e0;display:block; width:250px; margin:5px auto 0 auto; padding-bottom:5px;}
  .price-plan div {margin-top:20px;}
  .price-plan div a {color:#000;}


/* reasons to go pro page */

#reasons-to-go-pro .reason {
  clear:both;
}
	#reasons-to-go-pro .reason h2 {
	  color:#0066cc;
	  margin-bottom:10px;
	}
	#reasons-to-go-pro .reason p {
	  margin-bottom:0;
	}
	#reasons-to-go-pro .reason div {
	  width:480px;
	  float:left;
	  margin-bottom:20px;
	}
	#reasons-to-go-pro .reason img {
	  width:80px;
	  margin-right:20px;
	  float:left;
	}
	#reasons-to-go-pro .bigbox .inner { padding-bottom:24px; }


/* affiliates page */

#aff-page p {
	margin-bottom:10px;
}
#aff-page .bigbox_w .inner {
	margin:0 50px;
}
#aff-payout-head {
	border-bottom:1px solid #000;
	margin-bottom:20px;
	padding-bottom:20px;
}
	#aff-payout-head p {
		margin-bottom:0;
	}
	#aff-payout-head .leader {
		font-size:20px;
		line-height:26px;
	}
#aff-highlights {
	padding:20px 0;
}
#aff-highlights ul {
	margin-left:20px;
}
#aff-payout-struct {
	border:3px solid #0099cc;
	background-color:#f0f9fb;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
	margin-top:20px;
}
	#aff-payout-struct .inner {
		margin:20px !important;
		padding-bottom:0;
	}
	#aff-payout-struct p {
		margin-bottom:15px;
	}
	#aff-payout-struct table {
		width:770px;
	}
		#aff-payout-struct table td {
			width:470px !important;
		}
		#aff-payout-struct table td.price {
			text-align:left;
			width:auto;
		}


/* user voice tab */
.uv-feedback {
	text-indent:-9999px;
	background:url(/img/site/icons/feedback.png);
	display:block;
	width:25px;
	height:104px;
	position:fixed;
	top:250px;
}
.uv-feedback:hover {
	background:url(/img/site/icons/feedback.png) -25px 0;
}



/* feature sites element */
#featured-sites {
	height:215px;
}
	#featured-sites #sites {
		margin-left:15px;
		margin-top:35px;
	}
		#featured-sites #sites .featured-site {
			display:block;
			width:165px;
			height:100px;
			margin-left:15px;
			float:left;
			text-indent:-9999px;
			border: 1px solid #333;
		}

/* testimonials element */
#testimonials {
	height:auto;
}
	#testimonials h2 {
		text-align:left;
		margin:20px 25px 10px 25px;
		margin-top:20px;
	}
	#testimonials #from-who {
		color:#dd1e1e;
		margin-left:25px;
		margin-bottom:20px;
	}
		#testimonials #from-who a {
			color:#dd1e1e;
			text-decoration:none;
		}
		#testimonials #from-who a:hover {
			text-decoration:underline;
		}


















/* widgets section */

.widgetSection h2 {
	text-transform:none;
	margin-bottom:15px;
}
  .widgetSection a { color:#666; text-decoration:none; }
  .widgetSection a:hover {text-decoration:underline;}
	.widgetSection h2, .widgetSection h2 a {
		color:#0066cc;
	}

  .widgetSection .icon {
    float:left;
    text-align:center;
  }
  .widgetSection .desc {
    float:right;
  }
  	.widgetSection .desc p {
  		margin-bottom:10px;
  	}
/* listing page */
.widgetBrief {
  border-bottom:1px solid #ccc;
  margin-bottom:20px;
  padding-bottom:20px;
}
  .widgetBrief .icon {
    width:180px;
  }
  	.widgetBrief .icon img {
  		margin-bottom:20px;
  	}
  .widgetBrief .desc {
    width:400px;
  }
/* widget page */
.widget .icon {
  margin:0 20px 20px 0;
  width:250px;
  float:left;
  position:relative;
}
.widget p {
  margin-bottom:15px;
}
/* Mail Checker */
.widgetScrollButton {
  float:left;
  display:block;
  width:9px;
  height:9px;
  margin-top: 65px;
}
#mailLeftArrow { background:url(/img/site/widgets/arrows.gif) 0 0 no-repeat; }
#mailRightArrow { background:url(/img/site/widgets/arrows.gif) -9px 0 no-repeat; }
  #mailLeftArrow:hover { background:url(/img/site/widgets/arrows.gif) 0 -9px no-repeat; }
  #mailRightArrow:hover { background:url(/img/site/widgets/arrows.gif) -9px -9px no-repeat; }

#mailCheckerDisplayShell {
  text-align: center;
  float: left;
  margin:30px 20px 0 0;
  width: 250px;
}

#appleConditions {
	color:#999;
	font-size:12px;
}