/*Center div can be taken off to align the site to the left. Remember to remove from template*/
div#center {
	width:750px;
	background-color:#FFFFFF;
	position:relative;
	z-index:1;
}

div#header  {
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	width:750px;
	z-index:1;
	height:160px;
	padding:0;
	margin:0;
}

div#main_content {
	z-index:2;
	width:750px;
	position:absolute;
	top:160px;
	left:0px;
	text-align:left;
	padding:0px;
	background-color:#FFFFFF;
	margin:0;
}

div#content  {
	width:710px;
	padding:10px 20px;
	margin:0;
}

.clear {
	clear: both;
}

div#footer  {
	width:750px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:45px;
	padding:0;
	margin:0;
	text-align:center;
	font-weight:bold;
	font-size:11px;
}

div#footer p {
	padding:8px 0;
	margin:0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	background-color:#333333;
}

p {
	margin:0;
	padding:6px 0 15px 0;
}

a  {
	color:#50B848;
	text-decoration:none;
	font-weight:bold;
}

a:hover  {
	color:#728EC7;
}


/*Top menu, left, width, padding, zindex, and top can all be changed*/
div.top_menu  {
	position:absolute;
	top:131px;
	z-index:4;
	padding:0;
	margin:0;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}

/*Link positioning*/

div#home  {
	width:62px;
	left:4px;
}

div#about  {
	width:73px;
	left:70px;
}

div#featured  {
	width:113px;
	left:146px;
}

div#craftsmanship  {
	width:128px;
	left:261px;
}

div#partners  {
	width:96px;
	left:393px;
}

div#services  {
	width:70px;
	left:493px;
}

div#gallery  {
	width:92px;
	left:566px;
}

div#contact  {
	width:85px;
	left:661px;
}

/*Top Menu link commands, these can be changed and the hover can be removed*/
div.top_menu a  {
	color:#000000;
	text-decoration:none;
}

div.top_menu a:hover  {
	color:#50B848;
}

/*This code belongs with the top menu commands, it makes the top link stay "highlighted" on the page you are on*/
body#home a#homenav,
body#about a#aboutnav,
body#featured a#featurednav,
body#craftsmanship a#craftsmanshipnav,
body#partners a#partnersnav,
body#services a#servicesnav,
body#gallery a#gallerynav,
body#contact a#contactnav {
	color:#728EC7;
}

/* Page Layout Table */

table#content_table {
	width:710px;
	margin:0;
	padding:0;
	vertical-align:top;
}

table#content_table td {
	vertical-align:top;
	padding:0;
	margin:0;
}

table#content_table td#content_left {
	padding:0 18px 0 0;
	width:442px;
}

table#content_table td#content_right {
	text-align:right;
	width:250px;
	padding-top:9px;
	vertical-align:top;
}

.plans_table {
	width:700px;
}
table.plans_table td {
	padding-bottom:10px;
}

#plans_right {
	text-align:right;
	width:400px;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	margin:0;
}
/*Contact Us Page commands, table and cell can remain the same, but everything else is changable*/

table#contact-us  {
	width:100%;
	padding:0;
	margin:0 0 15px 0;
}

table#contact-us td  {
	padding:5px 3px;
}

td.name  {
	width:25%;
	font-weight:bold;
}

td.field  {
	width:75%;
}

img {
	margin:0;
	padding:0;
}

/*IMAGE FLOAT STYLES*/
img.left_img {
	padding-right:10px;
	padding-bottom:3px;
}

img.right_img {
	padding-left:10px;
	padding-bottom:3px;
}

/*Heading commands - these can all be changed*/

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}

h1  {
	font-size:24px;
	font-weight:bold;
	color:#000000;
	padding:6px 0 18px 0;
}

h2  {
	font-size:18px;
	font-weight:bold;
	color:#50B848;
	padding:12px 0 6px 0;
}

h3  {
	font-size:18px;
	font-weight:bold;
	color:#728EC7;
	padding:12px 0 6px 0;	
}

h4  {
	font-weight:bold;
	color:#000000;
	font-size:14px;
	padding:12px 0 6px 0;	
}

h4#tagline {
	color:#728EC7;
}

h5  {
	font-weight:bold;
	color:#000000;
	font-size:12px;
	padding:12px 0 3px 0;
}

h6  {
	font-weight:bold;
	color:#000000;
	font-size:12px;
	padding:0 0 3px 0;
}

span  {
	color:#CC0000;
}

/*Individual Page styles*/
table#suppliers {
	width:630px;
	margin:0;
	padding:0;
}

table#suppliers td {
	width:200px;
	vertical-align:top;
	text-align:center;
	padding:5px;
}

table#suppliers td#different {
	width:630px;
	vertical-align:top;
	text-align:center;
	padding:5px;
}

table#suppliers a {
	color:#333333;
}

table#suppliers h6{
	font-size:15px;
}

p#serv-links {
	text-align:center;
}

img.services-pics {
	margin-bottom:18px;
}

/*HOME PAGE AFFILATES LAYOUT*/
table#affiliates {
	width:710px;
	margin:0;
	padding:0;
}

table#affiliates td {
	vertical-align:middle;
}

td.logo {
	width:20%;
	padding:5px 0;
	margin:0;
}

td.aff_name  {
	width:500px;
	padding:5px 0 5px 10px;
	margin:0;
	font-weight:bold;
}

/*FEATURED PROJECTS*/
table#projects {
	width:710px;
	margin:0;
	padding:0;
}

table#projects td {
	vertical-align:top;
	margin:0;
	padding:0;
}

td.proj-desc  {
	width:437px;
	padding-right:18px;
}

table#projects td.proj-imgs {
	text-align:right;
	width:255px;
	padding-top:9px;
}

#remodel_before {
	padding-bottom:10px;
}

p#gallery_header {
	color:#50B848;
	padding-left:25px;
}

/*Styles for home table*/
table#home-layout {
	width:710px;
	padding:0;
	margin:0;
}

table#home-layout td {
	vertical-align:top;
}

td#home-left  {
	width:392px;
	padding-right:18px;
}

td#home-right {
	width:300px;
	padding-top:9px;
}

div#home-header  {
	position:absolute;
	z-index:30;
	top:217px;
	left:350px;
	margin:0;
	padding:0;
	width: 357px;
}

p.caption {
	text-align:center;
	font-weight:bold;
	font-style:italic;
}