/******* MAIN STYLES & GENERAL LAYOUT **********/

/* ~Body
-----------------------------------*/
	
	body {
		font: normal 62.5%/160% Georgia, Times New Roman, Serif;
		font-size: 62.5%;
		background: #7e655f url(../images/djm-background.jpg) repeat-x;
		margin:0;
		padding:0;
		text-align: center;
		color:#362b28;
		height:100%;
		}

/* 

/* ~divs
-----------------------------------*/

	div {
		border:0px solid #0f0;
		}

	div.hr {
		height:2px;
		width:100%;
		font-size:0.2em;
		margin:5px 0 25px 0;
		padding:0;
		background:#86736E url(../images/hr.gif) repeat-x bottom left;
		clear:both;
		}
		
	div.spacer {
		clear:both;
	}
	
	.center {
		text-align:center;
		
	}

	.left {
		float:left;
	}
	
	.right {
		float:right;
	}
	
	#page-container {
		width:780px;
		height:99%;
		margin:0 auto;
		text-align:left;
		}

	#header {
		width:780px;
		height:160px;
		margin:0px auto;
		background: url('../images/header-background.jpg') no-repeat bottom left;
		text-align:center;

		}
		
	#quotes {
		width:100%;
		text-align:center;
		
	}
	
	#quotes .quote {
		width:98%;
		text-align:right;
		margin-top:5px;
		border:0px solid #f00;
		
	}


	#content {
		padding:0px 0px 0px 0px;
		text-align:left;
		border:0px solid #f00;
		width:665px;
		position:relative;
		left:54px;
		font-size:1.1em;

		}



	#footer {
		position:relative;
		bottom:0px;
		left:0;
		clear:both;
		padding:0;
		margin-top:25px;
		height:83px;
		background: url('../images/footer-background.gif') no-repeat top left;
		text-align:center;
		width:780px;
		}

     /* _____Header______ */

	#header img  {
		margin:20px;
		}

	#header ul li {
		display:inline;
		list-style-type:none;
		margin:0;
		padding:0 15px 0 0px;
		border: 0px solid;
		}

	#header ul {
		position:relative;
		top:95px;
		margin:0 auto;
		}

	#header a {
		font-weight: normal;
		font-size:1em;
		color:#675D51;
		text-decoration:none;
		}

	#header a:hover {
		color:#221B11;
		}


	#header ul#showcase {
		border:0px solid;
		padding-top:0px;
		line-height:230%;
		
		}
		
			.cs1 #cs1 {
				color:#fff;
			}

			.cs2 #cs2 {
				color:#fff;
			}
			
			.cs3 #cs3 {
				color:#fff;
			}

	#header ul.hide {
		display:none;

		}
		
		#exterior-painting #header ul.hide, .cs1 #header ul.hide, .cs2 #header ul.hide, .cs3 #header ul.hide {
			display:inline;
		}


	.show {
		display:inline;
		}

	a.submenu {
		margin-top:0px;
		padding:0 0 0 0;
		}



     /* _____Content______ */

	#content img {

		margin:5px 0 5px 0;
		}



     /* _____Footer______ */

	#footer li {
		display:inline;
		padding:0 5px 0 4px;
		margin:0;
		background:url(../images/divider.gif) no-repeat right top;
		}

	#footer li a {
		color:#362b28;
		text-decoration:none;
		}

	#footer ul {
		padding:0;
		margin:0;
		position:relative;
		top:48px;
		}






/* Main HTML Elements
-----------------------------------*/

	h1 {
		padding-left:15px;
		font-size:1.8em;
		line-height:150%;
		font-weight:normal;
		background: url('../images/red.gif') repeat-y top left;
		}

	h2 {

		}

	h3 {
		font-size:1.3em;
		}


	h4 {

		}

	h5  {
		margin:4px;
		font-size:1em;
		}

	a {
		text-decoration:none;
		color:#362b28;
		
	}
	
	a:hover {
		color:black;
		
	}
	
	em {
		color:white;
		font-style:normal;
	}
	
	q {
		color:#fff;
		font-size:1.4em;
		
	}
	
	p {
		margin:20px 0 15px 0;
		text-align:left;
	}



/******* PAGE SPECIFIC STYLES & LAYOUT **********/

     /* _____Home______ */

		#home #exterior-painting-link {
			float:left;
			background: url(../images/home-exterior-painting.jpg) no-repeat;
			
		}
		
		#home #get-in-touch {
			float:right;
			background: url(../images/home-get-in-touch.jpg) no-repeat;
		}

		#home #interior-decorating {
			float:left;
			margin-left:4px;
			background: url(../images/home-interior-decorating.jpg) no-repeat 0px 0px;
		}
		
		#home #content a.box {
			width:219px;
			height:89px;
			padding:168px 0 0 0;
			text-align:center;
			border:0px solid #f00;
		}
		
		#home div.hr {
			margin:25px 0 25px 0;
		}
		
		#home #content a h3 {
			color:#362b28;
			
		}

     /* _____Contact______ */
	
		#contact h3, #contact #content a {
			color:#fff;
			padding-bottom:0;
			margin:20px 0 6px 0;
			
		}
	
		#contact #content {
			height:400px;
			
			
		}
		
     /* _____Exterior Painting______ */
	
		#exterior-painting h3 {
			display:inline;
		}
	
		#exterior-painting h3 a{
			color:#fff;
			margin:0 20px 0 20px;
			
		}
		
		#exterior-painting h3 a:hover {
			color:#000;
		}