/* BASIC STRUCTURE

*******************************************************************************/

body, html {

	height: 100%;

	}



body { background: #fff url(../images/bg.gif) repeat-x; margin: 0; padding: 0; color:#000; line-height:18px; font-size:75%; font-family: Arial, Helvetica, sans-serif; text-align:justify;  }



#container-bg { margin: 0 auto; width: 907px; }



/* LINKS - DEFAULT COLORS ARE SET IN BASE.CSS, CHANGE THESE COLORS AS NEEDED.

*******************************************************************************/

a:link, a:visited { color: #057d13; text-decoration:none; font-weight:bold;}

a:hover { color: #003399; text-decoration:underline; }

a:focus, a:active

{

-moz-outline-style: none;

outline: none;



}





/* HEADER

*******************************************************************************/

#home #header { margin: 0px auto; padding: 0px; height: 381px; }

#back #header { margin: 0px auto; padding: 0px; height: 155px; background: url(../images/header-back.jpg) no-repeat bottom right;}



#header #hdr {

	float: left;

	width: 343px;

	height:110px;

	margin-left:20px;

	margin-top:7px;

}

#header #hdr-2 { float: right; width: 297px; margin-right:20px; }  

#header #hdr-3 {float:left; width:907px; height:225px; background: url(../images/bg-header907.jpg) no-repeat;  }	



.header-home { display:block; background: url(../images/logo.gif) no-repeat; height: 109px; width: 203px;}

.header-home h1 {

	padding-left: 30px;

	text-indent: -9999px;

	float:left;

	display: inline;

}	



.header-home h1 a{

	display: block;

	height: 109px; 

	width: 203px;

}

#nahb {
	float:left; 
	width:170px;
	margin-top:20px;
}

.BannerText{

	font-weight:bold; font-family:Calibri; color:#090; font-size:14px;

	}

/*MAIN MENU TOP

*********************************************************************************/

#main-menu-page {

	float:left;

	width:730px;

	height:46px;

}

* html #main-menu-page {

	margin-top:10px;

}



#main-menu-page ul {

	list-style:none;

	padding:0;

}
* html #main-menu-page ul{

	margin:0px;

}



#main-menu-page li {float: left; list-style: none;  margin: 0px; padding: 0px 10px 10px 10px; }

	#main-menu-page li.active a {display:block;  }

	

	#main-menu-page a, #main-menu-page a:link, #main-menu-page a:visited {color: #edecec; font-family:Calibri, Arial; font-size:120%; font-weight:bold; text-decoration:none;}

	#main-menu-page a:hover { color: #fff; }



/*SON OF SUCKER FISH DROP DOWNS MODIFIED*/	

#drops, #drops ul {

	padding:0;

	margin-top:14px;

	clear:both;

	float:left;

	width:inherit;

	z-index:20000;

	}

* html #drops, #drops ul {

	margin-top:5px;

	}	

#drops ul.drop {

	background:#535151;

	width:140px;

	clear:both;

	float:left;

	margin-top:28px;

	border-right:1px solid #333;

	border-bottom:1px solid #333;

	border-left:1px solid #333;

	z-index:20000;

	}



#drops ul.drop li {

  width:140px;

	clear:both;

	}



#drops ul.drop a {

	font-family: Arial, Helvetica, sans-serif;;

	color:#fff;

	font-size:100%;

	text-decoration:none;

	font-weight:normal;

	clear:both;

	float:left;

	text-align:left;

	padding:3px 0px 0px 0px;

	}

#drops ul.drop a:hover {

	width:130px;

	color:#d1c6c6;

	}	

#drops a {

	display: block;

	

	float:left;

	clear:both;

}



#drops li {

	float: left;

	/*width: 10em;*/

}



#drops li ul {

	position: absolute;

	width: 100px;

	left: -999em;

}



#drops li:hover ul, #drops li.sfhover ul {

	left: auto;	

	

}



#drops li:hover li ul,

#drops li.sfHover li ul {

	top:			-999em;

	

}



#drops li li:hover ul,

#drops li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

#drops li li:hover li ul,

#drops li li.sfHover li ul {

	top:			-999em;

}

#drops li li li:hover ul,

#drops li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}



.call {

	float:left;

	width:164px;

	height:46px;

}



/*EMAIL BOX*/

.email-form {width:495px; margin-top:25px; }

.email-form label {float:left; text-align:left; width:135px; padding-top:12px; padding-right:4px; }

.email-form .newsletterBox { float:left; padding:0px; width:118px; height:22px; border:1px solid #b2afaf; margin-top:6px; margin-right:5px; }

	* html .email-form .newsletterBox { width:106px;  }

.email-form .newsletterButton {	float:right;	margin-right:18px; margin-top:5px; }



.email-form .inputBox { background-color:#FFFFFF !important; border-style:none; font-family:Verdana,Arial,sans-serif;

	font-size:11px;	color:#333; width:111px; height:12px; padding-left:5px;	padding-top:5px;	padding-bottom:5px;	}

	* html .email-form .inputBox { width:99px; }

.email-form .btn-submit {border:0px; cursor:pointer;}

.btn-select-design{background-image:url(../images/btn-select-design.gif); background-repeat:no-repeat; width:120px; height:29px; color:#FFF; font-family:Calibri; font-weight:bold; font-size:14px; border:0px; cursor:pointer;}

.btn-select-design-small {background-image:url(../images/btn-select-design-small.gif); background-repeat:no-repeat; width:99px; height:22px; color:#FFF; font-family:Calibri; font-weight:bold; font-size:12px; border:0px; cursor:pointer;}

.btn-process{background-image:url(../images/btn-process.gif); background-repeat:no-repeat; width:232px; height:29px; color:#FFF; font-family:Calibri; font-weight:bold; font-size:14px; border:0px; cursor:pointer;}



/*LOGIN BOX*/

.login-box {margin-top:80px; margin-left:90px; float:right; background: url(../images/login-box.gif) no-repeat; width:279px; height:29px; padding-left:107px; padding-top:2px; }

.login-more-box {margin-top:20px; margin-left:90px; float:right; background: url(../images/login-box.gif) no-repeat; width:279px; height:29px; padding-left:107px; padding-top:2px; }

.tagline {display:none; position:relative; float:left; left:-325px; top:115px;}

* html .tagline {left:-335px; }

.tagline2 {position:relative; float:right; top:115px;}

* html .tagline2 {top:110px;}

.tagline3 {

	position:relative;

	float:right;

	top:25px;

	margin-right:10px;

}

* html .tagline3 {top:20px;}

/*HDR3*/

.tagline4 {

	position:relative;

	float:right;

	top:30px;

	

}

#hdr-3 .left {float:left; width:234px; height:225px}

#hdr-3 .center {float:left; width:392px; padding:20px 20px 15px 15px; font-family:  Calibri, Arial, Verdana; color:#000; font-weight:bold; font-size:140%; line-height:120%; }

	* html #hdr-3 .center {padding-top:15px; }

	#hdr-3 .center h1 {display:none;}

	#hdr-3 .center h2 {display:none;}

	#hdr-3 .center .order {float:right; margin: 15px 0px 0px 0px;}

#hdr-3 .right {

	float:left;

	width:238px;

	margin-top:20px;

}





	





/* SERVICES AREA

*******************************************************************************/

#services-container {

	margin:12px auto 0 auto;

	width:912px;

}

#services-container h1 {

	color:#000

}

.services-box {

	float:left;

	width:282px;

	height:170px;

	margin-right:33px;

	margin-left:0px;

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 0;

}





* html .services-box {

	margin-right:6px;

	

}

.services-box .title {

	background:#0b7917;

	color:#fff;

	font-family:Calibri, Tahoma;

	font-size:180%;

	padding:5px;

	

	text-align:center;

}

.services-box .text {

	padding:20px 20px 20px 25px;

}

.satisfied {

	height:170px;

	margin-right:0px;

	margin-left:0px;

}



.bottom-gray {

	float:left;

	width: 907px;

	height:130px;

	background: url(../images/bottom-gray2.gif) no-repeat;

	margin-top:10px;

	margin-left:0px;

}

.bottom-gray h1 {

	color:#000;

	

}

.bottom-gray .left {

	float:left;

	width: 430px;

	padding:10px 20px;

}



/*.bottom-gray .right {

	float:left;

	width: 420px;

	padding-top:30px;

}*/



.bottom-gray .right {

	float:left;

	width: 887px;

	padding-top:30px;

	padding-left:10px;

	padding-right:10px;

}



/* CONTENT AREA

*******************************************************************************/

.breadcrumb {margin-top:10px; color:#666; font-size:90%;}

.breadcrumb a {font-size:95%;}



#content {

	float:left;

	margin:8px auto 25px auto;

	width:887px;

	padding:10px;

	background:#f6f4f4;

}

#left {

	float:left;

	width: 204px;

	background:#eaeaea url(../images/bg-left.gif) repeat-x;

	padding-top:10px;

	padding-bottom:20px;

	

}

#mid {

	float:left;

	width: 634px;

	padding:0px 15px 10px 15px;

}

#mid-wide {

	float:left;

	width: 830px;

	padding:5px 15px 20px 15px;

	

}



#right {

	float:left;

	width: 187px;

	margin-left:15px;

}

.left-box {

	float:left;

	width:600px;

	margin-right:20px;

}

.center-box {

	float:left;

	width:96%;

	text-align:center;

	background:#e9e4e4;

	padding:10px;

}

.right-box {

	float:left;

	width:170px;

	text-align:center;

	background:#e9e4e4;

	padding:10px;

	margin-top:10px;

}

.right-box .title, .center-box .title {

	background:#0b7917;

	color:#fff;

	font-family:Calibri, Tahoma;

	font-size:180%;

	padding:5px;

	text-align:left;

}

.right-box .text, .center-box .text {

	font-size:90%;

	padding:5px;

	text-align:left;

}

.cols {

	float:left;

	width:30%;

	margin-right:10px;

}

.cols2 {

	float:left;

	width:47%;

	margin-right:10px;

}

ul.secondaryNavi {list-style-type:none;padding:3px 0 10px 0; margin-left:30px;}

ul.secondaryNavi li {}

ul.secondaryNavi li a {display:block;padding:3px 0;color:#006699; padding-left:14px;border-bottom:1px solid #eee; font-weight:bold; }

ul.secondaryNavi li a:hover {color:#000;background-position:1px 50%;}



/*TESTIMONIALS*/

.testimonials-box {float:left; background:#fbfbfb url(../images/quote.gif) no-repeat; border:1px solid #cecaca; color:#393939; width:560px; padding:32px 25px 10px 35px; margin-bottom:15px; clear:both; }

.testimonials-name {margin-top:7px;}

.testimonials-thumb {float:right; margin-left:20px; margin-top:-20px; border:2px solid #ccc;}

.video-box {float:left; width:600px; text-align:center;}



/* TABLES

********************************************************************************/

table.pricing-box {padding:5px; background:#cccccc}

td.feature {padding:4px; background:#256300; color:#fff; font-family: Calibri, Tahoma, Arial; font-weight:bold; text-align:right; font-size:140%; padding-right:10px; border-right:1px solid #e2dede; }

td.feature-type {padding:4px; background:#9c9895; color:#fff; font-family: Calibri, Tahoma, Arial; font-weight:bold; text-align:left; font-size:130%; border-top:1px solid #e2dede; border-right:1px solid #e2dede; }

td.plan {padding:4px; background:#383838; color:#fff; font-family: Calibri, Tahoma, Arial; font-weight:bold; text-align:center; font-size:130%;border-right:1px solid #e2dede;  }



td.feature1 {padding:4px; background:#f9f9f9; font-weight:bold; text-align:right; padding-right:15px;  border-right:1px solid #e2dede; border-bottom:1px solid #e2dede;}

td.plan1 {padding:4px; background:#ebe7e7; font-weight:bold; text-align:center; border-right:1px solid #e2dede;  border-bottom:1px solid #e2dede;}

td.plan2 {padding:4px; background:#d9d2ce; font-weight:bold; text-align:center; border-right:1px solid #e2dede;  border-bottom:1px solid #e2dede; }

td.plan3 {padding:4px; background:#c4bab5; font-weight:bold; text-align:center; border-right:1px solid #e2dede;  border-bottom:1px solid #e2dede;}

.price1 { font-family: Calibri, Tahoma; color:#000; font-size:200%; font-weight:bold; }

.price2 { font-family: Calibri, Tahoma; color:#000; font-size:200%; font-weight:bold; }



.highlite {background:#fdfdfd; padding:10px; margin:0 auto;}

.plans-box {margin:0 auto; width:450px;text-align:center; padding-top:10px }



.designs{padding:10px; background:#ebe7e7; width:220px;}



#designsBorder{text-align:center; width:200px; height:90%; border:2px solid #cbcecb; background-color: #cbcecb; color:#333;}



.coupon-codes {float:right; background:#e8e1e1; padding:5px; width:380px; margin-bottom:10px; margin-right:15px; }

.coupon-codes label {float:left; font-size:60%; font-family:Arial; color:#333; margin-right:5px; }

.coupon-codes .input {float:left; background-color:#FFFFFF !important; border-style:none; font-family:Verdana,Arial,sans-serif;

font-size:11px;	color:#333; width:121px; height:12px; padding-left:5px;	padding-top:5px;	padding-bottom:5px;	margin-right:5px; }

.coupon-codes .input-submit {float:left; width:27px; margin-left:10px; }

/*FORMS  */

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

.blockLabels {border:1px solid #ccc; padding:5px; width:80%; background:#ccc; margin:0 auto;}

.buttonHolder {width:90%; }

.uniForm .blockLabels .ctrlHolder{ margin-bottom:4px;}

      

      .uniForm label,

      .uniForm .blockLabels label,

      .uniForm .blockLabels .label{ float:left; width:160px; margin: 0 0 .5em 0; font-weight:bold; }

      .uniForm em {color:red;}

      

      .uniForm .focused { background: #fbbf08; }

      .uniForm .resetButton { 

      display:block;

      border:none;

			width:125px;

			height:59px;

			background:url(../images/btn-reset.gif) no-repeat 0 0;		

			text-indent:-8000px;

			cursor:pointer;

      }

      .uniForm .primaryAction { 

      float:right;

      display:block;

      border:none;

			width:105px;

			height:30px;

			background:url(../images/btn-submit.gif) no-repeat 0 0;		

			text-indent:-8000px;

			cursor:pointer;	

      }

      

      .textInput {

      	height:24px;

      	border:1px solid #ccc;

      }

      

      textarea.textInput2 {

      	height:100px;

      	width:600px;

      	border:1px solid #ccc;

      }

      

    /* This is the main unit that contains our form elements */

    .uniForm .ctrlHolder{ padding: 7px; background:#f0f0f0; border-bottom: 1px solid #fff; }

    

    .uniForm .buttonHolder{ text-align: right; margin-top:8px;}

      .uniForm .resetButton{ float: left; }

      .uniForm .primaryAction{ font-weight: bold; }

      

    

    /* This class gets added to div.ctrlHolder to highlight the row */

    .uniForm .focused{ background: #fffcdf; }

    

/* FOOTER

*******************************************************************************/

#footer-bg { float:left; margin: 30px auto 0;	width: 100%; height:240px; background: #444343 url(../images/bg-footer.gif) repeat-x; }

#footer {margin:0 auto; width:907px; padding-top:25px; }

.ftr-links {float:left; width:220px; margin-left:20px; padding-right:20px; line-height: 18px; color:#fff; background: url(../images/footer-line.gif) no-repeat right; }

.ftr-links.mid {width:300px; }

.ftr-links a, .ftr-links a:visited, .ftr-copy a {color:#d7d5d5; font-weight:normal}

.ftr-links a:hover {color:#ccc; text-decoration:underline;}

.ftr-links ul {list-style:none; margin:5px; margin-left:-30px;}

* html .ftr-links ul {margin-left:0px;}

.ftr-copy { float:right; text-align:right;  width:450px; font-weight:normal; font-size:0.9em; color:#fff;}



/* HEADINGS

******************************************************************************/

h1 { font-size: 180%; color:#18b729; font-family:  Calibri, Arial, Verdana; line-height:100%;  text-align:left; }

h2 { font-size: 150%; color:#000; font-family:  Calibri, Arial, Verdana; padding-bottom:2px; margin-bottom:2px;  text-align:left;}

h3 { font-size: 140%; color:#0b7917; font-family:  Calibri, Arial, Verdana; padding-bottom:2px; margin-bottom:2px; }

h4 { font-size: 140%; color:#003300; }

h5 { font-size: 100%; }

h6 { font-size: 80%; }





.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

	}

img, img a {border:0px; }

img.border {border:3px solid #fff;}

.floatleft {float:left; margin-right:10px; }

.floatright {float:right; margin-left:10px; }

.clear {clear:both; height:20px; }

.clear10 {clear:both; height:10px; }

.padding {padding:5px 0px 10px 10px;}

.red {font-weight:bold; font-size:140%; color:red}

.green {font-weight:bold; font-size:140%; color:#006600;}

.powered {text-align:right; font-size:9px; color:#998;}

.center {text-align:center; width:900px; }