/*

main style sheet

/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
Universal
Page Structure
	-Top (header)
	-Content
		-wide div
		-left div
		-right div
		-box divs of equal width
	-Footer
Headers
Text Treatments
	-Text in left div
	-Text in right div
	-Text in footer div
	-Client Login
Images
--------------------------------------------------------------------


--------------------------------------------------------------------
						UNIVERSAL
--------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/backgrounds/body.gif) transparent repeat top left;
	color: #2A1A0B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0 auto;
	text-align: center;
}

br.cleardiv {
	clear: both;
	height: 0;
	overflow: hidden;
}

embed, object {
	display: block;
}

/*---------------

PAGE STRUCTURE

---------------*/

/*--HEADER AREA--------------------------------------*/
#top-flash-bar {
	background-color: #784136;
	height: 5px;
	width: 100%;
}

#top-wrap {
	background: url(../images/backgrounds/top-wrap.jpg) #7FB3DA no-repeat 50% 0;
	border-bottom: 20px solid #784136;
	height: 282px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

#top {
	height: 282px;
	margin: 0 auto;
	width: 770px;
}

#flash-wrap {
	background: url(../images/backgrounds/flash-wrap.jpg) transparent no-repeat top left;
	height: 282px;
	float: left;
	overflow: hidden;
	width: 436px; 
}

/*--snail locator-------------------------------------*/
#top p {
	float: right;
	height: 202px;
	text-indent: -9999px;
	width: 334px;
}
/*--apply unique bg images here--*/

#top .about {background: url(../images/backgrounds/locators/about.jpg) transparent no-repeat top left;}
#top .clients {background: url(../images/backgrounds/locators/clients.jpg) transparent no-repeat top left;}
#top .client-section {background: url(../images/backgrounds/locators/client-section.jpg) transparent no-repeat top left;}
#top .contact {background: url(../images/backgrounds/locators/contact.jpg) transparent no-repeat top left;}
#top .faq {background: url(../images/backgrounds/locators/faq.jpg) transparent no-repeat top left;}
#top .four-oh-four {background: url(../images/backgrounds/locators/404.jpg) transparent no-repeat top left;}
#top .gettin-started {background: url(../images/backgrounds/locators/gettin-started.jpg) transparent no-repeat top left;}
#top .home {background: url(../images/backgrounds/locators/home.jpg) transparent no-repeat top left;}
#top .portfolio {background: url(../images/backgrounds/locators/portfolio.jpg) transparent no-repeat top left;}
#top .pricing {background: url(../images/backgrounds/locators/pricing.jpg) transparent no-repeat top left;}
#top .reasons {background: url(../images/backgrounds/locators/reasons.jpg) transparent no-repeat top left;}
#top .sdn {background: url(../images/backgrounds/locators/sdn.jpg) transparent no-repeat top left;}
#top .services {background: url(../images/backgrounds/locators/services.jpg) transparent no-repeat top left;}
#top .sitemap {background: url(../images/backgrounds/locators/sitemap.jpg) transparent no-repeat top left;}
#top .startersites {background: url(../images/backgrounds/locators/startersites.jpg) transparent no-repeat top left;}
#top .step-by-step {background: url(../images/backgrounds/locators/step-by-step.jpg) transparent no-repeat top left;}
#top .store {background: url(../images/backgrounds/locators/store.jpg) transparent no-repeat top left;}
#top .tips {background: url(../images/backgrounds/locators/tips.jpg) transparent no-repeat top left;}
#top .website-health-checkup {background: url(../images/backgrounds/locators/website-health-checkup.jpg) transparent no-repeat top left;}


/*--CONTENT AREA------------------------------------------*/
#wrapper {
	background:  url(../images/backgrounds/wrapper.gif) transparent repeat-y 50% 0;
	margin: 0 auto;
	padding: 30px 0 0 0;
	text-align: center;
}

#content {
	margin: 0 auto;
	text-align: center;
	width: 726px;
}

/*--WIDE DIV that stretches full content area--*/
.wide {
	background:  url(../images/backgrounds/wide.jpg) transparent repeat-y top left;
	margin: 0 auto 30px auto;
	padding: 15px;
	text-align: justify;
	width: 696px;
}

/*--LEFT DIV-------------------------------------------------*/
#left {
	float: left;
	width: 492px;
}

#left div {
	background:  url(../images/backgrounds/left.jpg) transparent repeat-y top left;
	float: left;
	margin: 0 0 30px 0;
	overflow: hidden;
	padding: 15px 47px 15px 15px;
	text-align: left;
	width: 430px;
}

/*--RIGHT DIV---------------------------------------------------*/
#right{
	color: #424141;
	float: left;
	overflow: hidden;
	width: 234px;
}

#right div {
	background:  url(../images/backgrounds/right.jpg) transparent repeat-y top left;
	float: left;
	margin: 0 0 20px 0;
	padding: 7px 17px;
	text-align: left;
	width: 200px;
}

#right div.frame {
	background:  url(../images/backgrounds/frame.jpg) transparent no-repeat bottom left;
	color: #F2E0CB;
	float: left;
	padding: 0 0 18px 0;
	width: 234px;
}

.box-left, .box-right{
	background:  url(../images/backgrounds/box.jpg) #D5CAB4 repeat-y top left;
	float: left;
	margin: 0 30px 30px 0;
	padding: 15px;
	text-align: left;
	width: 318px;
}

.box-right, .decoration-right {
	margin: 0 0 30px 0;
}

.decoration-right {
	background: none;
	float: left;
}


/*--decorative horizontal rules---------------------------------------*/
#right div.hrule {
	float: left;
	height: 45px;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
	width: 234px;
}

#right div.hrule hr {
	display: none;
}

/*--apply unique bg images here---------------------------------------*/
#right div.blue {background:  url(../images/backgrounds/hrule-blue.jpg) transparent no-repeat top left;}
#right div.green {background:  url(../images/backgrounds/hrule-green.jpg) transparent no-repeat top left;}
#right div.orange {background:  url(../images/backgrounds/hrule-orange.jpg) transparent no-repeat top left;}

/*--FOOTER-------------------------------------------------------------*/
#footer-wrap {
	background: url(../images/backgrounds/footer-wrap-new.jpg) #7FB3DB no-repeat 50% 0;
	border-top: 20px solid #784136;
	height: 166px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

#footer {
	height: 150px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 730px;
}

/*---------------

NAVIGATION

---------------*/
a#client-button, a#sdn-button {
	background: url(../images/backgrounds/client-button.jpg) transparent no-repeat top left;
	float: left;
	height: 24px;
	margin: 52px 0 0 178px;
	text-indent: -9999px;
	width: 112px;
}

a#sdn-button {
	background: url(../images/backgrounds/sdn-button.jpg) transparent no-repeat top left;
	margin: 52px 0 0 6px;
	width: 109px;
}

#flash-wrap ul {
	padding: 15px 0 0 86px;
	width: 350px;
	float: left;
}

#flash-wrap  li {
	float: left;
	list-style-type: none;
	width: 160px;
}

#flash-wrap  li a {
	color: #35756A;
	float: left;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -2px;
	padding: 2px 10px 2px 10px;
	text-align: right;
	text-decoration: none;
	width: 140px;
}

#top  li a:hover {
	background-color: #9F8F77;
	color: #fff;
}

a#reasons-button {
	color: #5F5547;
	float: left;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 14px 0 0 0;
	padding: 0 40px 0 0;
	text-align: right;
	text-decoration: none;
	width: 396px;
}

a#reasons-button:hover {
	color: #35756A;
}
/*---------------

HEADERS

---------------*/

h1 {
	background: url(../images/headers/h1.jpg) transparent no-repeat top left;
	float: right;
	height: 80px;
	text-indent: -9999px;
	width: 334px;
}

h1 a {
	float: right;
	height: 80px;
	width: 190px;
}

h2 {
	color: #693A2D;
	font-size: 32px;
	letter-spacing: -3px;
	padding: 0 0 15px 0;
}

h2.step-by-step {
	color: #ebebeb;
	padding: 3px;
	margin: 0 0 15px 0;
}

h2.one{ background-color: #2e4560;}
h2.two{ background-color: #714032;}
h2.three{ background-color: #ae3d46;}
h2.four{ background-color: #4d6c52;}
h2.five{ background-color: #9d9277;}
h2.six{ background-color: #589082;}
h2.seven{ background-color: #5f6e0d;}
h2.eight{ background-color: #746e53;}

h3 {
	color: #4F86AF;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0 0 5px 0;
}

#content h3 a, #content h3 a:hover{
	background: none;
}

/*--headers appearing in right div-------------------------------------*/
#right h3 {	
	float: left;
	height: 41px;
	padding: 0;
	text-indent: -9999px;
	width: 200px;
}

/*--unique styles required for framed div------------------------------*/
#right .frame h3 {	
	float: left;
	height: 92px;
	text-indent: -9999px;
	width: 234px;
}
/*--apply unique bg images here-----------------------------------------*/
h3#another-birdie {background: url(../images/headers/h3/another-birdie.jpg) transparent no-repeat top left;}
h3#another-testimonial {background: url(../images/headers/h3/another-testimonial.jpg) transparent no-repeat top left;}
h3#another-testimonial-2 {background: url(../images/headers/h3/another-testimonial.jpg) transparent no-repeat top left;}
h3#another-testimonial-3 {background: url(../images/headers/h3/another-testimonial.jpg) transparent no-repeat top left;}
h3#care-see-example {background: url(../images/headers/h3/care-see-example.jpg) transparent no-repeat top left;}
h3#choose-one {background: url(../images/headers/h3/choose-one.jpg) transparent no-repeat top left;}
h3#directory-madness {background: url(../images/headers/h3/directory-madness.jpg) transparent no-repeat top left;}
h3#downloads {background: url(../images/headers/h3/downloads.jpg) transparent no-repeat top left;}
h3#lets-get-started {background: url(../images/headers/h3/lets-get-started.jpg) transparent no-repeat top left;}
h3#like-to-do {background: url(../images/headers/h3/like-to-do.jpg) transparent no-repeat top left;}
h3#listen-up {background: url(../images/headers/h3/listen-up.jpg) transparent no-repeat top left;}
h3#little-birdie {background: url(../images/headers/h3/little-birdie.jpg) transparent no-repeat top left;}
h3#look-at-this {background: url(../images/headers/h3/look-at-this.jpg) transparent no-repeat top left;}
h3#rawr, h3#rawr2 {background: url(../images/headers/h3/rawr.jpg) transparent no-repeat top left;}
h3#recent-project {background: url(../images/headers/h3/recent-project.jpg) transparent no-repeat top left; padding-bottom: 4px;}
h3#why-you-need-a-site {background: url(../images/headers/h3/why-need-a-site.jpg) transparent no-repeat top left; padding-bottom: 4px;}


#right h4 {
	color: #767067;
	font-size: 14px;
	letter-spacing: -1px;
	margin: 0 0 7px 0;
}

#right .frame h4{
	color: #F4F4F4;
	font-weight: bold;
	letter-spacing: 0;
	padding: 0 0 15px 25px;
}

/*---------------

TEXT-TREATMENTS

---------------*/

/*--unique styles required login-error div------------------------------*/
#content div.login-error {	
	color: #990000;
	font-weight: bold;
	padding: 0 0 10px 0;
}



/*--TEXT IN LEFT DIV--*/
#content p {
	padding: 0 0 15px 0;
	text-align: justify;
}

#content ul {
	clear: left;
	padding: 0 0 12px 15px;
}

#content ul li{
	background: url(../images/backgrounds/leftli.gif) transparent no-repeat 0px -1px;
	color: #333;
	font-size: 1em;
	line-height: 1.3em;
	list-style-type: none;
	margin: 0 0 1px 0;
	padding: 0 33px 4px 20px;
	text-align: justify;
}

#content ul.big li{
	background: url(../images/backgrounds/leftli.gif) transparent no-repeat 0 2px;
	color: #35753C;
	font-size: 	1.4em;
	line-height: 1em;
	list-style-type: none;
	padding: 0 0 3px 22px;
}

#content ul li ul {
	padding: 3px 0 0 0;
} 

#content ol{
	padding: 0 0 15px 28px;
}

#content ol li{
	background: none;
	list-style-type: decimal;
	padding: 0 0 10px 4px;
}

/*--links------------------------------------------------------------------------*/
#content a {
	background-color: #cabea7;
	color: #3b4c2a;
	padding: 0 2px 2px 2px;
	text-decoration: none;
}

#content a:hover {
	background-color: #b6aa94;
}

#content a.anchor{
	background: none;
	font-size: .1em;
}

#content .store input.add-to-cart{
	border: 1px #784136 dashed;
	cursor: pointer;
	padding: 4px;
}

#content #left #clients a {
	background-color: transparent;
	color: #0e8820;
}

#content #left a.button, #content .wide a.button, input.add-to-cart {
	background-color: #FF543F;
	color: #fff;
	text-decoration: none;
}

#content #left a.button:hover, #content .wide a.button:hover, input.add-to-cart:hover {
	background-color: #E44937;
}

/* Website Health Checkup
==========================================*/

#checkup-info {
	background-color: #efe6d1;
	border: 3px #85ac37 dotted;
	color:#666666;
	float: right;
	font-size: 11px;
	margin: 0 0 0 20px;
	padding: 5px 7px 7px 7px;
	width: 335px;
}

h3.why-so-cheap {
	background: url(../images/headers/h3/why_cheap.png) transparent no-repeat top center;
	height: 66px;
	text-indent: -9999px;
}


#content #checkup-info ol {
	margin: 0;
	padding: 0 20px 0 30px;
}

#content ul#health-report {
	border-top: 1px #784136 dashed;
	border-bottom: 1px #784136 dashed;
	margin: 15px 0;
	padding: 35px 0 0 0;
}

#content ul#health-report li {
	list-style-type: none;
	padding: 0 0 33px 0;
}


#content .free, #content .pro, #content .discount {
	border: 1px #784136 dashed;
	font-weight: bold;
	padding: 10px 16px;
	cursor: pointer;
}

#content div.frame ul#good-biz-site {
	margin-top: 6px;
}

#content div.frame ul#good-biz-site li{
	color: #f2e0cb;
}

#content .free { background-color: #A7C8DF; }
#content .pro { background-color: #FFF47F; }
#content .discount { background-color: #9FBF6B; }

/*--HEALTH CHECKUP HOMEPAGE DIV---------------------------------------*/

div#checkup{
	background-image:url(../images/backgrounds/how-healthy.jpg);
	height:229px; 
}

div#checkup p {
	padding: 2px 8px 12px 8px;
	position: relative;
	top: 74px;
}

/*--TEXT IN RIGHT DIV-------------------------------------------------*/
#content #right p {
	margin: 0 0 5px 0;
	text-align: justify;
}

#content #right .frame p {
	padding: 0 25px 7px 25px;
	text-align: justify;
}

#content #right a {
	background-color: #FF543F;
	color: #fff;
	text-decoration: none;
}

#content #right a:hover {
	background-color: #E44937;
}

#content #right a.button {
	float: left;
	margin: 0 0 7px 0;
	padding: 0 2px 2px 2px;
	width: 200px;
}

#content #right .frame a {
	background-color: #f6341c;
	color: #F2E0CB;
}

#content #right .frame a:visited {
	background-color: #bc1c08;
}

#content #right .frame a:hover {
	background-color: #df0000;
}

#content #right ul{
	float: left;
	margin-top: -13px;
	padding: 0 19px 15px 25px;
	width: 220px;
}

#content #right ul li{
	background: url(../images/backgrounds/right-li.gif) transparent no-repeat 0 2px;
	font-size: .9em;
	margin: 0;
	text-align: left;
}

#content #right ul li a{
	background-color: #DC311C;
	font-weight: bold;
	line-height: 1.3em;
}

#content #right .bigger{
	font-size: 1.6em;
}

#content #right a.recent-project{
	background-color: transparent;
}

#content #right a#get-started-button {
	background: url(../images/backgrounds/get-started-button.jpg) transparent;
	float: left;
	height: 175px;
	margin: 0 0 20px 0;
	text-indent: -9999px;
	width: 234px;
}

#content #right a#get-started-button:hover {
	background-position: 0 -175px;
}


/*--TEXT IN FOOTER DIV----------------------------------------*/

#footer p {
	color: #175882;
	font-size: 12px;
	padding: 40px 75px 0 0;
	text-align: right;
}

#footer a {
	color: #175882;
}

#footer a#sitemap {
	background: url(../images/backgrounds/site-map-button.jpg) transparent no-repeat top left;
	float: left;
	height: 67px;
	position: relative;
	top: 8px;
	left: -6px;
	text-indent: -9999px;
	width: 115px;
}

/*--CLIENT LOGIN FORM---------------------------------------------*/

.client-login {
	background-color: #DFD5C3;
	border-collapse: collapse;
	border: 1px dashed #999;
	border-bottom: 1px solid #999;
}

.client-login td {
	padding: 7px 30px 7px 7px;
}

.client-login td.left {
	border-right: 1px dashed #999;
	font-weight: bold;
	padding: 7px 7px 7px 30px;

}
.client-login label {
	color: #2E4560;
}

.client-login input {
	background: url(../images/backgrounds/input.gif) transparent repeat top left;
	border: 1px dashed #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	height: 20px;
	width: 200px;
}

.client-login input.submit {	
	background-color: #FF543F;
	background-image: none;
	border: 0;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	color: #fff;
	padding: 0 2px 2px 2px;
	text-decoration: none;
	width: auto;
}

/*--TOGGLE CONTENT ON GETTING STARTED---------------------------------------------*/

#content #accordion li {
}

#left #accordion div {
	background:  none;
	float: none;
	margin: 0;
	overflow: hidden;
	padding: 10px 0 0 0;
	text-align: left;
	width: auto;
}

#content #left #accordion p {
	padding: 5px 0 10px 0;
}



/*---------------

IMAGES

---------------*/

img.float-right {
	float: right;
	margin: 0 0 30px 0;
}

img.float-left {
	float: left;
	margin: 0 0 30px 0;
}

#content .store img{
	border: 5px #784136 dashed;
	float: left;
	margin: 0 20px 0 0;
}

#right img {
	border: 2px solid #638DB7;
	margin: 0 0 15px 0;
}