/*  

Client Name:	Mills Paint Contractors
Client URI:		http://www.millspc.com/ & http://www.millpaintcontractors.com
Description:	Css Styles for Mills Paint Contractors
							These styles apply to the basic overall site
Version:			1.0 
Date:					06.02.08
Author: 			Matt McClard @ Switch Creative Group (http://www.groupswitch.com)
							Narrowcasting (http://www.narrowcasting.net/)

*/

/* ! ---- CSS Structure ---- */
/* ----------------------------------------------------------------------------- */

/*

Table of Contents

1. Universal Declarations
2. Structure
	2.1. Header
	2.2. Content
	2.3. Comments
	2.4  Sidebar
	2.5  Footer
3. Lists
4. Headings
5. Images
6. Forms
7. Page Specific
8. Extras

*/


/*

Colors Used

#fef8ed :	light khaki
#dbd2bf	:	dark khaki
#09347a	: logo dark blue
#f48026	:	logo orange
#cf5f0a : logo orange dk for fonts
#1f5898	: dk nav blue
#432e03	:	dk brown for copy

*/


/* "*selector" is for the IE 7 styles */
/* "_selector" is for the IE 6 styles */



/* ! ---- UNIVERSAL SELECTORS ---- */
/* ----------------------------------------------------------------------------- */

	* {
		margin: 0;
		padding: 0;
		/* Resets all margins and paddings on the page */
		}

		
	body {
		font-size: 62.5%; /* Sets the page font to 10px */
		 
		}
			
	ul {
		list-style-type: none;
		}
	
	* a:link, * a:visited, * a:hover, * a:active {
		color: #1A1A1A;
		text-decoration: none;
		}
		
	* a:hover {
		cursor: pointer;
		/* works well for onclick anchors */
		}
	
	* p {
		text-align: justify;
	}
	
	:link img {
		border: none;
		}
	
	* img {
		border: none;
		}
	
	a img {
		border: none;
		}
	
	:link img, :active img {
		border: none;
		}
		
		
		
		
/* ! ---- STRUCTURE ---- */
/* ----------------------------------------------------------------------------- */
	
	body {
		background: url(../images/00-base/background.png) repeat;
		font-family: Helvetica, Arial, Trebuchet, 'Trebuchet MS', Verdana, sans-serif;
		text-align: center;
		}
	
	#wrapper {
		background: url(../images/00-base/background-new.gif) repeat-y center;
		margin: 0 auto;
		text-align: center;
		width: 920px;
		}
		
	#header {
		background: url(../images/00-base/header.jpg) no-repeat;
		height: 190px;
		margin: 0 auto;
		padding-top: 1px;
		position: relative;
		text-align: center;
		width: 900px;
		}
	
	#main_content {
		background: url(../images/00-base/main-content-back.jpg) repeat-y;
		margin: 0 auto;
		padding: 1px 0;
		text-align: center;
		width: 900px;
		}
	
	#main_content_footer {
		background: url(../images/00-base/main-content-footer.jpg) no-repeat center;
		height: 50px;
		margin: 0 auto;
		text-align: center;
		widows: 900px;
		}
		
	#footer {
		background: url(../images/00-base/footer_background.gif) repeat-y;
		color: #fff;
		font-family: Arial, Trebuchet, 'Trebuchet MS', Verdana, sans-serif;
		margin: 0 auto;
		width: 900px;
		}
	
	#sub_footer {
		font-family: Arial, Trebuchet, 'Trebuchet MS', Verdana, sans-serif;
		background: url(../images/00-base/footer_bottom_background.gif) no-repeat bottom;
		}
	

	
	/* ! ---- HEADERS ---- */
	/* ----------------------------------------------------------------------------- */
		
		h1 {
			display: none;
			text-indent: -9999px;
			}
		
		#logo {
			margin: 30px 0 0 15px;
			text-align: left;
			}
		
		#page_title {
			color: #fef8ed;
			font: 2.5em Helvetica, Arial, Trebuchet, 'Trebuchet MS', Verdana, sans-serif;
			letter-spacing: .1em;
			line-height: 1em;
			margin: 28px 0 0 260px;
			text-align: left;
			text-transform: uppercase;
			}
		
		#page_title_img {
			margin: 0px 0 0 265px;
			}
		
		
		
		/* ! ---- MAIN NAV ---- */
		/* Navlist via Eric Meyer http://css.maxdesign.com.au/listamatic/horizontal05.htm   */
		/* -------------------------------------------------------------------------------- */
			
			#navcontainer {
				margin: 6px 0 0 270px;
				*margin: 4px 0 0 270px;
				_margin: 4px 0 0 270px;
				text-align: left;
				}
			
			/*
			#navcontainer {
				position: absolute;
				top: 119px;
				left: 270px;
				text-align: left;
				}
			*/
				
			#navlist {
				font: normal 10px Georgia, Palatino, serif;
				padding: 6px 0;
				text-transform: uppercase;
				}
				
			#navlist li {
				list-style: none;
				display: inline;
				}
				
			#navlist li a {
				background: #1f5898 url(../images/00-base/main-nav-unselected.jpg) repeat-x;
				border: 1px solid #FFF;
				border-bottom: none;
				padding: 5px 0.7em;
				letter-spacing: .1em;
				margin-left: 3px;
				text-decoration: none;
				}
				
			#navlist li a:link,
			#navlist li a:visited { 
					color: #fff; 
					}
				
			#navlist li a:hover {
				color: #fff;
				background: #1f5898 url(../images/00-base/main-nav-selected.jpg) repeat-x;
				border-color: #fff;
				padding: 6px 0.7em 5px;
				}
				
			#navlist li a#current {
				background: #1f5898 url(../images/00-base/main-nav-selected.jpg) repeat-x;
				}
	
	
	/* ! ---- MAIN CONTENT - LEFT ---- */
	/* ----------------------------------------------------------------------------- */
		
		#main_content_left {
			float: left;
			margin: 0 0 0 28px;
			_margin: 0 0 0 14px;
			overflow: visible;
			position: relative;
			width: 175px;
			}
		
		#main_content_left h4 {
			background: transparent url(../images/00-base/h3-background.jpg) repeat-y right;
			color: #f48026;
			display: block;
			font: normal 1.1em Times, 'Times New Roman', Georgia, Palatino, serif;
			height: 20px;
			margin: .5em 0;
			text-align: left;
			text-transform: uppercase;
			}
		
		#main_content_left p {
			color: #09347a;
			font-size: 1.1em;
			line-height: 1.5em;
			padding: 0 1.5em 1em 0;
			text-align: left;
			}
		
		#main_content_left p a:link,
		#main_content_left p a:visited {
			color: #09347a;
			font-weight: bold;
			}
		
		#main_content_left p a:hover,
		#main_content_left p a:active {
			border-bottom: 1px solid #f48026;
			}
			
		#main_content_left span.logos {
			float: left;
			margin: 5px;
			text-align: center;
			}
		
		#main_content_left blockquote {
			color: #09347a;
			font-size: 1.2em;
			line-height: 1.5em;
			padding: 0 1.5em 1em 0;
			text-align: left;
			}
		
		/*
#main_content_left img.open_quotes {
			display: block;
			margin: 0 0 -15px -25px;
			text-align: left;
			}
		
		#main_content_left img.close_quotes {
			display: block;
			float: right;
			margin: -25px 15px 0 0;
			text-align: right;
			}
*/
		
		#main_content_left .quotes_flash {
			margin: 0 0 0 -10px;
			}
	
	
	
	/* ! ---- MAIN CONTENT - RIGHT ---- */
	/* ----------------------------------------------------------------------------- */
		
		#main_content_right { 
		    height: 1%;
			margin: -10px 25px 50px 270px;
			padding-top: 1.5em;
			position: relative;
			}
		
		#main_content_right h3 {
			color: #f48026;
			font-size: 1.9em;
			font-weight: bold;
			margin: .8em 0 .5em;
			text-align: left;
			text-transform: uppercase;
			}
		
		/* for all p tags */
		#main_content_right p {
			color: #432e03;
			font-size: 1.3em;
			line-height: 1.6em;
			margin: 0 0 1.0em;
			}
		
		#main_content_right p.first_line {
			color: #f48026;
			line-height: 2.6em;
			}
		
		#main_content_right p.first_line:first-line {
			display: block;
			color: #f48026;
			font-size: 1.9em;
			font-weight: bold;
			margin: 3em 0 1em;
			text-transform: uppercase;
			}
		
		#main_content_right p a:link,
		#main_content_right p a:visited {
			color: #09347a;
			border-bottom: none;
			}
		
		#main_content_right p a:hover,
		#main_content_right p a:active {
			color: #09347a;
			border-bottom: 1px solid #f48026;
			}
		
		#main_content_right ul {
			color: #432e03;
			font-size: 1.3em;
			list-style-type: circle;
			list-style-position: outside;
			margin: -.5em 0 0 50px;
			text-align: left;
			}
		
		#main_content_right ul li {
			margin: .5em 0;
			}
		
		
		/* ! ---- MAIN CONTENT - RIGHT - INDEX ---- */
		/* ----------------------------------------------------------------------------- */
		
			#main_content_right .commercial_button {
				float: left;
				margin: 5px 10px 0 -5px;
				overflow: hidden;
				width: 295px;
				}
			
			#main_content_right .residential_button {
				float: right;
				margin: 5px 0 0 10px;
				overflow: hidden;
				width: 295px;
				}
			
			#main_content_right .commercial_button a,
			#main_content_right .residential_button a {
				color: #09347a;
				display: block;
				font: bold 1.1em Times, 'Times New Roman', Georgia, Palatino, serif;
				height: 33px;
				padding: 115px 0 0 20px;
				text-align: left;
				text-transform: uppercase;
				}
			
			#main_content_right .commercial_button a {
				background: transparent url(../images/01-home/commercial_link.jpg) no-repeat;
				}
			
			#main_content_right .residential_button a {
				background: transparent url(../images/01-home/residential_link.jpg) no-repeat;
				}
			
			#main_content_right .commercial_button a:hover {
				background-position: -294px;
				color: #432e03;
				}
			
			#main_content_right .residential_button a:hover {
				background-position: -294px;
				color: #432e03;
				}
		
		
		/* ! ----  MAIN CONTENT - RIGHT - ABOUT ---- */
		/* ----------------------------------------------------------------------------- */
			
			#main_content_right .about_heading {
				margin: 0 0 1.3em -3px;
				*margin: 0 0 1.3em -5px;
				_margin: 0 0 1.3em -10px;
				}
			
			#main_content_right #logos {
				margin: -15px 0 0;
				text-align: left;
				}
			
			#main_content_right span.logos {
				margin: 0 10px;
				text-align: center;
				}
				
				
		
		/* ! ----  MAIN CONTENT - RIGHT - RADIANT ---- */
		/* ----------------------------------------------------------------------------- */
		
			#main_content_right blockquote {
				color: #432e03;
				font-size: 1.3em;
				line-height: 1.6em;
				margin: 0 0 .8em;
				*margin: -20px 0 .8em;
				text-align: left;
				position: relative;
				z-index: 5;
				}
			
			#main_content_right img.open_quotes {
				display: block;
				margin: 0 0 -25px -15px;
				*margin: 0 0 0px -10px;
				text-align: left;
				position: relative;
				z-index: 0;
				}
		
			#main_content_right img.close_quotes {
				display: block;
				float: right;
				margin: -38px 15px 0 0;
				*margin: -30px 15px 0 0;
				text-align: right;
				}
			
			#main_content_right .radiant_logo {
				margin-left: -20px;
				}
				
				
		
		/* ! ----  MAIN CONTENT - RIGHT - COMMERCIAL ---- */
		/* ----------------------------------------------------------------------------- */
			
			#main_content_right .commercial_img {
				position: absolute;
				bottom: -104px;
				*bottom: -98px;
				_bottom: -63px;
				right: -25px;
				_right: 0;
				}
			
			#main_content_right .commercial_space {
				display: block;
				margin-top: 180px;
				padding: 1px;
				}
		
		
		
		
		/* ! ----  MAIN CONTENT - RIGHT - RESIDENTIAL ---- */
		/* ----------------------------------------------------------------------------- */
		
			#specials {
				margin-top: 25px;
				}
				
			#specials .col {
				background: transparent url(../images/04-residential/middle.jpg) repeat-y;
				float: left;
				width: 200px;
				}
			
			#specials .footer {
				background: transparent url(../images/04-residential/bottom.jpg) no-repeat bottom;
				height: 500px;
			}
			
			#specials h5 {
				color: #f48026;
				font-size: 1.3em;
				margin: 0 30px;
				text-align: left;
				text-transform: uppercase;
				}
			
			#specials p {
				font-size: 1.2em;
				line-height: 1.2em;
				margin: 1em 30px;
				padding: 0;
				text-align: left;
				}
				
				
		
		/* ! ----  MAIN CONTENT - RIGHT - CONTACT ---- */
		/* ----------------------------------------------------------------------------- */
			
			#contact_top {
				text-align: left;
				}
			
			h3.contact {
				padding-left: 191px;
				}
			
			.contact_img {
				float: left;
				display: block;
				*margin-top: 18px;
				}
			
			#main_content_right address {
				color: #432e03;
				float: left;
				font-size: 1.1em;
				font-style: normal;
				line-height: 1.3em;
				margin: 0 0 0 5px;
				}
			
			#main_content_right address strong {
				font-size: 1.2em;
				}
			
			#main_content_right address a:link,
			#main_content_right address a:visited {
				color: #09347a;
				font-weight: bold;
				}
		
			#main_content_right address a:hover,
			#main_content_right address a:active {
				border-bottom: 1px solid #f48026;
				}
		
			#registerform {
				margin: 0;
				padding: 0;
				}
			
			#registerform ul.form {
				list-style: none;
				}
			
			#registerform ul.form li {
				background: transparent;
				clear: both;
				}
			
			#registerform ul.form label { 
				display: block; 
				float: left;
				margin: 5px 0;
				padding: 5px 3px 3px; 
				text-align: right;
				width: 175px; 
				}
			
			#registerform .input,
			#registerform .select {
				background: #fff;
				border: 1px solid #dbd2bf;
				color: #432e03;
				display: block; 
				float: left; 
				font: 1em Helvetica, Arial, Verdana, sans-serif;
				margin: 5px 0;
				padding: 5px 3px 3px; 
				outline: none;
				width: 350px;
				}
				
			#registerform .input:hover, 
			#registerform .input:focus, 
			#registerform .input:active { 
				color: #432e03;
				background: #dbd2bf;
				border-color: #432e03; 
				}
			
			#registerform .send { 
				background: #fff;
				border: 1px solid #dbd2bf; 
				color: #432e03;
				font-size: 1.0em;
				margin: 5px 0 5px 180px;
				padding: 5px;
				text-align: center;
				text-transform: uppercase;
				}
	
			 #registerform .send:hover {
				background: #dbd2bf;
				border-color: #432e03;
				color: #432e03;
				cursor: pointer;
				} 
			
			#registerform .required {
				color: #f48026;
				}
			
			#registerform .r_space {
				margin: 5px 0 10px 180px;
				}
			
		/* ! ----  MAIN CONTENT - RIGHT - SITE MAP ---- */
		/* ----------------------------------------------------------------------------- */
			
			#main_content_right ul.site_map {
				list-style-type: none;
				list-style-position: inside;
				margin: 2em 0 0 2em;
				}
			
			#main_content_right ul.site_map li {
				}
			
			#main_content_right ul.site_map li a {
				background-color: #dbd2bf;
				border: 1px solid #dbd2bf;
				color: #432e03;
				display: block;
				font-family: Times, 'Times New Roman', Georgia, Palatino, serif;
				font-weight: bold;
				margin: .5em 300px .5em 0;
				_margin: 0 300px 0 0;
				padding: .5em;
				text-transform: uppercase;
				}
				
			#main_content_right ul.site_map li a:hover,
			#main_content_right ul.site_map li a:active {
				background-color: #fef8ed;
				border: 1px solid #dbd2bf;
				color: #f48026;
				}
				
							
			
			
	
	/* ! ---- FOOTER ---- */
	/* ----------------------------------------------------------------------------- */
		
		#footer a:link,
		#footer a:visited {
			color: #fff;
			border-bottom: 1px solid #f48026;
			}
		
		#footer a:hover,
		#footer a:active {
			border: none;
			}
		
		#footer_left {
			float: left;
			}
		
		#footer_left p {
			padding: 10px;
			}
		
		#footer_right {
			float: right;
			}
		
		#footer_right p {
			padding: 10px;
			}
	
	/* ! ---- SUB_FOOTER ---- */
	/* ----------------------------------------------------------------------------- */
	
		#sub_footer {
			color: #dbd2bf;
			height: 25px;
			padding: 5px 20px;
			}
		
		#sub_footer a:link,
		#sub_footer a:visited {
			color: #dbd2bf;
			}
			
		#sub_footer a:hover,
		#sub_footer a:active {
			color: #f48026;
			}
		
		#sub_left {
			float: left;
			margin: 5px 0 0;
			}
			
		#sub_right {
			float: right;
			}
	
	
	
		
/* ! ---- MISC ---- */
/* ----------------------------------------------------------------------------- */
		
	.bbb {
		display: block;
		text-align: left;
		margin: 5px 0 0;
		}
	
	.big_br {
		display: block;
		padding: .7em 0 0;
		}
	
	.blue {
		color: #09347a;
		}
	
	.caps {
		text-transform: uppercase;
		}
		
	.center {
		text-align: center;
		}
	
	.clear {
		clear: both;
		}
	
	hr {
		border: 1px solid #dbd2bf;
		clear: both;
		margin: 1.5em 0 2.5em;
		}
	
	.about {
		border-top: 1px solid #dbd2bf;
		height: 1px;
		margin: 2.0em 0 2.0em;
		}
		
	.left {
		float: left;
		}
	
	.lighter {
		color: #7F7B75;
		}
	
	.letter_spacing {
		display: block;
		padding: 0 1.0em;
		}
	
	.orange {
		color: #f48026;
		}
		
	.img_right {
		float: right;
		}
	
	.space_b {
		display: block;
		margin-bottom: 5px;
		}
	
	.space_r {
		margin-right: 5px;
		}