/*
--------------------------------------------------
STRUCTURE
--------------------------------------------------*/
body {overflow-y: scroll;}
#doc2 {width: 950px; color: #606060;}

/*
--------------------------------------------------
BRANDING
--------------------------------------------------*/
#branding {float: left; padding: 20px 25px;}

/*
--------------------------------------------------
NAVIGATION
--------------------------------------------------*/
#nav-main {float: right; padding: 50px 20px 0; margin: 0;}
#nav-main li {float: left; margin: 0 0 0 50px; padding: 0; list-style: none;}
#nav-main li.first {margin: 0;}
#nav-main li a {float: left; font-size: 150%; font-weight: bold; text-decoration: none; color: #69c;}
#nav-main li a:hover {color: #47a;}

/*
--------------------------------------------------
CONTENT
--------------------------------------------------*/
#content {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
ol, ul {margin-left:2em;}
ol li {list-style: decimal outside; margin: 5px 0;}
ul li {list-style: disc outside; margin: 5px 0;}
dl {margin: 10px 0;}
a {color: #47a;}
del {text-decoration: line-through;}
span.required {font-weight: bold; color: #c00; margin: 0 5px;}

/*--- self-clearing floats ---*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {min-height: 1px;}

/*--- general styles ---*/
#content .supplement {padding: 25px;}
#content h1 {font-size: 200%; font-weight: bold; margin: 25px 0;}
#content h2 {font-size: 180%; font-weight: bold; margin: 15px 0;}
#content h3 {font-size: 150%; font-weight: bold; margin: 15px 0; color: #69c;}
#content h4 {font-size: 140%; font-weight: bold; margin: 15px 0; color: #606060;}
#content h5 {margin: 25px 0;}
#content h6 {margin: 25px 0;}
#content hr {clear: both; border: 0; background: #909090; height: 1px; margin: 20px 0;}
#content h4 strong {font-size: 150%; color: #47a; clear: both;}
#content p {margin: 25px 0;}
#content blockquote {font-family: "Times New Roman", Times, serif; font-size: 150%; font-style: italic; color: #777;}
#content p.cite {margin: 5px 0; color: #777;}
#content span img {margin: 4px 10px 4px 0;}
#content .left {float: left;}
#content .right {float: right;}
#content .center {text-align: center;}
#content dl.sample {float: left; margin: 0 15px;}
#content dl.sample dt {width: 100px; height: 100px; padding: 8px; margin: 0; background: url(/img/sample-shadow.png) no-repeat left top;}
#content dl.sample dt a {width: 100px; height: 100px;}
#content dl.sample dd {width: 116px; text-align: center; margin: 0; padding: 0;}
#content dl.sample dd a {text-decoration: none; color: #606060;}
#content .testimonial {margin: 0 15px;}
#content .testimonial blockquote {font-size: 110%;}
#content .testimonial p {margin: 0.6em 0;}
#content form.signup dl {clear: both; padding: 5px 0 0;}
#content form.signup h3 {clear: both; margin: 0; padding: 10px 0 3px;}
#content form.signup dl dt {float: left; width: 180px; text-align: right; padding: 2px 0;}
#content form.signup dl dd {float: left; width: 350px; margin-left: 10px;}
#content form.signup .yui-u div {padding: 2px 0;}
#content form.signup div.btn {margin-top: -30px;}
#content form.signup div.btn a {display: block; text-indent: -10000px; cursor: pointer; background-repeat: none; background-position: left top;}
#content form.signup div.btn a:hover {background-position: right top;}
#content form.signup div.btn a.create {width: 196px; height: 30px; background-image: url(/img/btn_createsite.png);}
#content .ok {font-weight: bold; color: #090;}
#content .err {font-weight: bold; color: #c00;}
#content .warn {font-weight: bold; color: #c90;}
#content #domain_result {height: 20px; padding: 0; overflow: hidden;}
#content #domain_result span {vertical-align: middle; margin-left: 5px; font-weight: bold;}
#content #domain_result img {vertical-align: middle; border: none; margin: 0;}

/*--- main styles ---*/
#main {margin: 0 0 25px;}
#main .inner {padding: 10px;}
#main .sidebar {float: left; width: 250px;}
#main .sidebar h2 {font-family: "Times New Roman", Times, serif; font-style: italic; color: #47a; margin: 20px 32px;}
#main .sidebar p {margin: 25px;}
#main .sidebar ul.menu {margin: 10px 0 20px 20px;}
#main .sidebar ul.menu li {font-size: 120%; margin: 3px 0; list-style: none;}
#main .sidebar ul.menu li a {display: block; padding: 5px 12px; color: #3a3a3a; text-decoration: none;}
#main .sidebar ul.menu li.active {background: #fff url(/img/corners-blue-tp.gif) no-repeat left top; font-weight: bold;}
#main .sidebar ul.menu li.active a {background: url(/img/corners-blue-bt.gif) no-repeat left bottom;}
#main .main {float: left; width: 680px; background: #fff url(/img/corners-blue-tp.gif) no-repeat left top;}
#main .main .inner {background: url(/img/corners-blue-bt.gif) no-repeat left bottom; padding: 30px;}
#main h1, #main h3, #main h4, #main h5, #main h6, #main p {margin: 10px 0;}
#main h2 {margin: 0 0 10px;}
#main img {margin: 10px; border: 1px solid #606060;}
#main .main .sm {width: 250px;}
#main .main .lg {width: 325px;}
#main .main .hlt {background: #eee; border: 1px solid #ccc; padding: 0 10px;}
#main .main .hlt h3 {margin: 10px 0 0; font-size: 130%;}
#main .main .hlt p {margin: 0 0 10px;}

/*--- affiliate styles ---*/
#offer {font-size: 120%; background: url(/img/paper_bg.png) no-repeat left top;}
#offer .inner {padding: 15px 30px; background: url(/img/paper_bg_bt.png) no-repeat left bottom;}
#offer strong {font-size: 140%; font-weight: bold; color: #47a;}
#offer h3 {margin: 5px 0;}
#offer img {margin: 0 0 0 15px;}

/*--- feature styles ---*/
#content .feature .tab-content h2 {font-size: 220%; margin-top: 0;}
#content .feature .tab-content p {font-size: 110%;}
#content .feature .tab-content hr {margin: 22px 0 22px 40px;}
.feature {position: relative; background: #b4e6ff url(/img/corners-white.png) no-repeat left top; color: #3a3a3a;}
.feature .inner {background: url(/img/corners-white.png) no-repeat left bottom;}
.feature .tab-content {padding: 25px; height: 300px; display: none; overflow: hidden;}
.feature .tab-content.active {display: block;}
.feature .tab-content .sm {width: 340px;}
.feature .tab-content .lg {width: 560px;}
.feature .tab-content #price {margin-top: -25px;}
.feature .tab-content #offer-short {margin: -10px 0 0; font-size: 110%; font-weight: bold; color: #c00;}
.feature .tab-content #offer-short a {color: #c00;}
.feature .tab-content dl.tool dt {float: left; width: 50px; margin-left: 40px}
.feature .tab-content dl.tool dd {float: right; width: 450px;}
.feature .tab-content span.offer {display: block; font-weight: bold; font-size: 110%;}
.feature .feature-tabs {background: #d6f1ff url(/img/tab-nav-shadow-tp.gif) repeat-x left top;}
.feature .feature-tabs ul {margin: 0;}
.feature .feature-tabs ul li {float: left; margin: 0; padding: 0; border-left: 1px solid #a1aeb5; list-style: none;}
.feature .feature-tabs ul li.active {background-color: #b4e6ff;}
.feature .feature-tabs ul li.first {
	border: none;
	background-image: url(/img/corners-white.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.feature .feature-tabs ul li.last {
	background-image: url(/img/corners-white.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.feature .feature-tabs ul li a {
	float: left;
	width: 189px;
	height: 70px;
	text-decoration: none;
	text-indent: -10000px;
	outline: none;
	background-image: url(/img/tab-btns.png);
	background-repeat: no-repeat;
}
.feature .feature-tabs ul li.first a {width: 190px;}
.feature-tabs #tab1 a {background-position: 0 0;}
.feature-tabs #tab1 a:hover {background-position: -190px 0;}
.feature-tabs #tab2 a {background-position: 0 -70px;}
.feature-tabs #tab2 a:hover {background-position: -190px -70px;}
.feature-tabs #tab3 a {background-position: 0 -140px;}
.feature-tabs #tab3 a:hover {background-position: -190px -140px;}
.feature-tabs #tab4 a {background-position: 0 -210px;}
.feature-tabs #tab4 a:hover {background-position: -190px -210px;}
.feature-tabs #tab5 a {background-position: 0 -280px;}
.feature-tabs #tab5 a:hover {background-position: -190px -280px;}
#feature-signup {position: absolute; top: 195px; left: 45px;}
#feature-signup a.signup-btn {
	display: block;
	background: url(/img/getstarted.png) no-repeat left top;
	width: 280px;
	height: 71px;
	margin: 0 0 6px;
	text-indent: -10000px;
	outline: none;
}
#feature-signup a.signup-btn:hover {background-position: right top;}
#feature-signup span {
	float: left;
	margin-left: 15px;
	font-size: 140%;
	font-weight: bold;
}
#feature-signup a.tour-btn {
	float: left;
	background: url(/img/tour-btn.gif) no-repeat left top;
	width: 117px;
	height: 24px;
	margin-left: 5px;
	text-indent: -10000px;
	outline: none;
}
#feature-signup a.tour-btn:hover {background-position: right top;}

/*--- gallery styles ---*/
.gallery {background: #b4e6ff url(/img/corners-white.png) no-repeat left top; color: #3a3a3a;}
.gallery .inner {background: url(/img/corners-white.png) no-repeat left bottom;}
.titlebar .control {font-size: 150%; font-weight: bold; color: #60606; margin-left: 50px;}
#aq_design_gallery {margin-top: 25px; height: 500px;}
#aq_design_gallery .gallery-image {float: left; width: 100px; height: 100px; margin: 0 27px 27px 0;}
#aq_design_gallery .gallery-image img {position: absolute; margin: 0; border: 1px solid #606060; cursor: pointer;}
#aq_design_gallery .end-of-row {margin-right: 0;}
#aq_design_gallery .page-nav {clear: both; text-align: right;}
#aq_design_gallery .page-nav span {margin: 0 10px;}
#aq_design_gallery a {text-decoration: underline; cursor: pointer;}
#gallery-favorites {position: relative;}
#gallery-favorites #saved-favorites {position: absolute; z-index: 2; height: 550px; overflow: auto;}
#gallery-favorites #saved-favorites img {margin: 5px;}
#aq-overlay {top: 0; bottom: 0; left: 0; right: 0;}
#aq-overlay-content-wrap {
	position: relative;
	width: 680px;
	top: 105px;
	bottom: 105px;
	left: 50%;
	margin-left: -465px;
}
#aq-overlay-content {position: relative; height: 100%; max-height: 800px; text-align: left; border: 1px solid #777; background: #fff;}
#aq-overlay-content .content {
	position: relative;
	max-height: 90%;
	overflow: auto;
}
#aq-overlay-content .content p {margin: 10px 30px 30px;}
#aq-overlay-content .content h2.preview-title {float: left; margin: 30px 30px 10px; font-size: 150%; font-weight: bold; color: #3a3a3a;}
#aq-overlay-content .controls {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	min-height: 40px;
	height: 10%;
	width: 678px;
	background: #e3e3e3;
	border-top: 1px solid #777;
}
#aq-overlay-content .controls .left {float: left; margin: 10px;}
#aq-overlay-content .controls .right {float: right; margin: 10px;}
#aq-overlay-content a.btn {
	float: left;
	margin: 0 7px;
	height: 30px;
	text-indent: -10000px;
	outline: none;
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
}
#aq-overlay-content a.btn:hover {background-position: right top;}
#aq-overlay-content .content a.btn {float: right; margin: 30px 30px 10px;}
#aq-overlay-content .controls a.use {width: 187px; background-image: url(/img/btn-usedesign.png);}
#aq-overlay-content .controls a.close {width: 70px; background-image: url(/img/btn-close.png);}
#aq-overlay-content .controls a.add-fav {width: 138px; background-image: url(/img/btn-fav-add.png);}
#aq-overlay-content .controls a.remove-fav {width: 161px; background-image: url(/img/btn-fav-remove.png);}
#aq-overlay-content a.sample {width: 118px; background-image: url(/img/btn-sample.png);}
#aq-overlay-content .loader {margin: 10px;}
#aq-overlay-content .loader img, #aq-overlay-content .loader span {vertical-align: middle;}
#aq-overlay-content .loader span {margin-left: 5px; font-weight: bold; color: #333;}
#saved-favorites img {cursor: pointer;}

/*
--------------------------------------------------
FOOTER
--------------------------------------------------*/
#footer {clear: both; padding: 0 25px 20px;}