﻿* { padding: 0; margin: 0; }

body {
	background-color: #000000;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}

h1 {
	color: #ffffff;
	font-size: 16px;
	padding: 5px; 
	padding-left: 10px;

}

h2 {
	color: #000000;
	font-size: 16px;
	padding-right: 10px;
	padding-left: 10px;

}

h3 {
	color: #000000;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;

}

h4 {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	padding-left: 10px;

}

.p{
	padding: 5px 8px 5px 8px;
	color: #000000;
	word-spacing: normal;
	text-align: left;
	white-space: normal;
}



/* =header =============================================================== */

#header {
 
 width: 900px;
 float: left;
 margin: 12px 0px -5px 0px;

}

#nav {
		display: inline;
		width:900px;

	}
#logo  {
		background: url("images/citybuilders_logo.png") no-repeat;
		width:192px;
		height:99px;
		
			}

#remodel  {
		background: url('images/home_remodeling.png') no-repeat;
		width:177px;
		height:99px;
		

}
#kitchen  {
		background: url("images/kitchen_remodeling.png") no-repeat;
		width:177px;
		height:99px;

	}

#bathroom  {
		background: url("images/bathroom_remodeling.png") no-repeat;
		width:177px;
		height:99px;

	}
#custom {
		background: url("images/custom_home.png") no-repeat;
		width:177px;
		height:99px;

	}



/* =end header =============================================================== */


/* =navigation =============================================================== */


#navigation {
	float: left;
	width: 900px;
	margin: 0px 0px 0px 0px;
}

#leftnav {
margin-left:2px;
height: 495px;
width: 192px;
float: left;
background:#002128;
	
	}


/* =end navigation =============================================================== */


/* =content =============================================================== */

#rightcolumn { 
 float: right;
 padding: 10px;
 margin-right:13px;
 height: 475px;
 width: 692px;
}


.welcome {
overflow:hidden;
background-color:#878D72;
}

.aboutus {
	overflow: auto;
	background-color: #878D72;
}

.homeremodel {
	overflow: auto;
	background-color: #56722b;
}

.kitchenremodel {
	overflow: auto;
	background-color: #845900;
}

.bathroomremodel {
	overflow: auto;
	background-color: #597b81;
}

.customhome {
	overflow: auto;
	background-color: #803300;
}



#gallery {
margin-left:-2px;
}

span.welcome{
	color: #164c52;
	word-spacing: normal;
	text-align: left;
	font-weight: bold;
	font-size: medium;
}

span.author{
	color: #ffffff;
	word-spacing: normal;
	text-align: right;
	padding-left: 10px
}

span.strong{
	color: #000000;
	font-weight: bold;

}

span.emph {
	word-spacing: normal;
	text-align: center;
	font-weight: bold;
	color: #FFFF99;
	padding-right: 10px;
	padding-left: 10px
}

span.assoc {
	word-spacing: normal;
	text-align: left;
	font-weight: bold;
	color: #FFFF99;
	}

span.quote {
	color: #ffffff;
	font-weight: bold;
	text-align:left;
	}
	
span.remodelquote {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-align:left;
	}

	
span.title {
	color: #ffffff;
	font-weight: bold;
	text-align:left;
	}

span.description {
	color: #ffffff;
	text-align:left;
	}



.value{
	color: #000000;
	font-weight: bold;
	font-style: italic;
	padding-right: 10px;
	padding-left: 10px
}

span.dates {
color:#003333;
font-weight:bold;


}

span.dates2 {
	color: #000000;
	font-weight:bold;
	
	
}

.ul {
	list-style-type: square;
	list-style-position: inside;
	color: #000000;
	margin-left:15px;

}

.ul a {
	color: #000000;
	text-decoration: none;
	font-weight:bold;

}

.ul a:hover {
	color: #000000;
	text-decoration: underline;
	font-weight:bold;

}




a.seo:link {
	font-size: small;
	font-weight:bold;
	color: #000000;
	text-decoration: none;	
}
a.seo:hover {
	font-size: small;	
	text-decoration: underline;
	color: #002128;
	
}

a.seo:visited {
	font-size: small;	
	text-decoration: none;
	color: #002128;
	font-weight:bold;

	
}


.contactright {
	display:block;
	float:right;
	margin-top:-240px;
	width:300px;

}

.contactleft {
	overflow: auto;
	width:300px;
}



/* =end content =============================================================== */


#footer { 
 width: 900px;
 clear: both;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

a.footer:link {
	font-size: x-small;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 0px 10px 0px 0px;
}
a.footer:visited {
	font-size: x-small;	
	text-decoration: none;
	color: #ffffff;
	padding: 0px 10px 0px 0px;
}
a.footer:hover {
	font-size: x-small;	
	text-decoration: underline;
	color: #FFFF99;
	padding: 0px 10px 0px 0px;
}
a.footer:active {
	font-size: x-small;	
	text-decoration: none;
	color: #ffffff;
	padding: 0px 10px 0px 0px;
}

.pfooter {
	text-align: center;
	color: #ffffff;
	font-size: x-small;

}
