/* colors */
/* 
pro red
#CC292D
204.41.45
(navigation, links, footer contact info)

pro blue
#004E95
0.78.149
(active navigation link, center space text)

enviro green
#74B64A
116.182.74
(wherever we use the environmental art)

center space flood
#FFFEF9
255.254.249
(ivory color - center space only)

center space outline
#C1B49A
193.180.154

service highlight brown 
#A87C4F
168.124.79
(upper right side image outline, service link beneath, footer fine type) 

customer review heading
#3B2314
59.35.20

customer review text
#754C28
117.76.40

posterboard text
#716558
113.101.88

BBB blue
#006595
0.101.149
(text adjacent to BBB logo, wherever presented)

angie's green
#8BC53F
139.197.63
(text for Angie's link)

black, all other spaces

*/

/* HTML ELEMENTS */
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .689em; /* 11px is the goal */
	margin: 1px 0 10px 0;
	color: #000; /* black */
}

body, td, div, p
{
	line-height: 1.5em;
}

h1
{
	font-size: 1.3em; /* 14px is the goal */
}

img
{
	display: block;
}

a
{
	color: #CC292D; /* pro red */
}

a:hover
{
	text-decoration:underline;
}

a img
{
	border: 0;
}

/* SPECIFIC PLACES/STRUCTURES ON THE PAGES */
#topbar
{
	background-color: #CC292D; /* pro red */
	height: 41px;
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	z-index: -1; /* under everything */
}

#frame /* primary container */
{
	margin: 0 auto 0 auto;
	width: 948px;
}

#topnav1 /* text in the top red bar */
{
	color: #fff;
	font-size: 1.46em; /* 16px is the goal */
	height: 41px;
	padding-right: 50px;
	width: 100%;
	text-align: right;
}

#topnav1 .bold
{
	font-size: 1.125em; /* 18px is the goal */
}

#topnav2
{
	background: transparent url("../images/cleanconfidentpro.jpg") no-repeat bottom left;
	border-bottom: solid 2px #000;
	height: 100px; /* + border 1x2 + padding 1x12 = 114px */
	padding-top: 12px;
	padding-right: 12px;
}

.logo
{
	display:block;
	height:58px;
	width:742px;
	background: transparent url("../images/professionalcarpetandupholsterycleaners.jpg") no-repeat top left;
}

.logolink:hover
{
	background: transparent url("../images/professionalcarpetandupholsteryback.jpg") no-repeat top left;
}

#arearugs
{
	float: right;
	height: 100px;
	width: 232px;
}

#leftnav_td
{
	padding-right: 5px;
	vertical-align: top;
	width: 251px; /* + padding 5x1 = 256px */
}

#leftnav /* primary site navigation, actual CSS is in tabs.css */
{
}

/* used to contain the boxes in the columns that "stick to the footer" */
#maincontent_container
{
	position: relative;
}

#top_left
{
}

#top_right
{
}

#bottom_left, #bottom_right
{
	bottom: 0; /* override below in the page-specific sections if better/different positioning needed */
	position: absolute;
}



#maincontent_td
{
	padding-top:12px;
	vertical-align: top;
}

#topcurves
{
	background: transparent url(../images/centertop.jpg) no-repeat top left;
	height:12px;
}

#maincontent
{
	line-height: .9em;
	padding: 0 5px 0 20px;
	
	/* order is important for the next 3 (min-height/height/height) */
	min-height: 300px;
	height: auto !important; /* ie6 hack, move into ie6.css at some point? */
	height: 300px; /* ie6 hack, move into ie6.css at some point? */
	background-color: #FFFEF9; /* center space flood */
	
	/* css3 rounded border, everything but IE supports these */
	/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: solid 1px #C1B49A;
	*/
	
	border-left: solid 1px #C1B49A;
	border-right: solid 1px #C1B49A;

	/* these are to deal with the gaps that occur with collapsing borders */
	/* http://lists.evolt.org/archive/Week-of-Mon-20060501/182115.html */
	margin-top:-1px;
	margin-bottom:-1px;
	padding-top:1px;
	padding-bottom:1px;

}

#bottomcurves
{
	background: transparent url(../images/centerbottom.jpg) no-repeat top left;
	height:12px;
	margin-bottom:15px;
}

#rightnav_td
{
	padding-top:12px;
	vertical-align: top;
	width: 272px;
}

#bbb /* Better Business Bureau */
{
	color: #006595; /* BBB blue */
	font-size: 1.095em; /* 12px is the goal */
}

#bbb .highlight4
{
	margin-top: 10px;
}

#bbb .highlight4 a
{
	color: #000;
}

.bbb2
{
	padding: 0 5px 0 20px;
	margin-bottom:12px;
}

.bbb2 img
{
	float: left;
	margin: 2px 14px 0 5px;
}

.bbb2 .highlight4
{
	font-size: 1.165em; /* 14px is the goal */
	text-align:center;
}

#customer_reviews
{
	height: 66px; /* fixed height is not ideal but neither is a shifty page */
	overflow: hidden;
	position: relative;
}

#customer_reviews div
{
	display: none; /* jquery fades this in */
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#footer
{
	border-top: solid 2px #CC292D; /* pro red */
	height: 42px;
	padding: 0 30px 0 30px;
}

#footer div
{
	line-height: 1.4em;
}

#footer .highlight1 .bold
{
	font-size: 17px;
}

#footer .highlight1 .italics
{
	font-size: 12px;
}

#footer .highlight8
{
	font-size: 12px;
}

#footer .highlight7, #footer .highlight9
{
	font-size: 8px;
}

#footer .highlight7 a
{
	text-decoration: none;
}

#footer .highlight7 a:hover
{
	text-decoration: underline;
}



/* SPECIFIC FONTS CLASSES */
.offscreen /* not my favorite thing to do, but it works... */
{
	margin: 0 0 0 -5000px;
	display: none;
}

.centered
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.bottom
{
	vertical-align: bottom;
}

.top
{
	vertical-align: top;
}

.error
{
	color: #FF0000;
}

.bold
{
	font-weight: bold;
}

.italics
{
	font-style: italic;
}

.underline
{
	text-decoration: underline;
}



/* custom color classes */
.highlight1, a.highlight1, a.highlight3
{
	color: #CC292D; /* pro red */
}

.highlight2, .highlight2 a, a.highlight2
{
	color: #004E95; /* pro blue */
}

.highlight3, .highlight3 a, a.highlight3
{
	color: #74B64A; /* enviro green */
}

.highlight4, .highlight4 a, a.highlight4
{
	color: #8BC53F; /* angie's green */
}

.highlight5, .highlight5 a, a.highlight5
{
	color: #3B2314; /* customer reviews heading */
}

.highlight6, .highlight6 a, a.highlight6
{
	color: #754C28; /* customer review text */
}

.highlight7, .highlight7 a, a.highlight7
{
	color: #754C28; /* service highlight brown */
}

.highlight8, a.highlight8, a.highlight8
{
	color: #000; /* black */
}

.highlight9, .highlight9 a, a.highlight9
{
	color: #999999; /* gray */
}

.highlight10, .highlight10 a, a.highlight10
{
	color: #716558; /* posterboard text */
}





/* PAGE SPECIFIC ITEMS */
/* primary layout */
.template1 #top_left
{
	/* to "protect" the bottom_left from getting run over */
	margin-bottom: 331px; /* 250px (height of bottom_left) + 38px for padding beneath bottom_left + 43px for padding between top and bottom left = 331px */
}

.template1 #bottom_left
{
	background: transparent url(../images/notepaper.jpg) no-repeat top left;
	bottom: 38px;
	font-size: 9px;
	height: 215px; /* + padding 35x1 = 250px */
	left: 45px;
	padding: 35px 8px 0 8px;
	width: 162px; /* + padding 10x2 = 178px */
}

.template1 #bottom_left .highlight1
{
	font-size: 13px;
}

.template1 #bottom_left .highlight3
{
	font-size: 11px;
}

.template1 #bottom_left img
{
	height: 85px;
	margin-bottom: 5px;
	width: 130px;
}

.template1 #top_right #specialty
{
	margin-bottom: 25px;
	width: 206px;
}

.template1 #top_right #specialty img
{
	border: solid 1px #A87C4F; /* service highlight brown */
	margin-bottom: 2px;
}

.template1 #top_right #specialty #caption
{
	background-color: #A87C4F; /* service highlight brown */
	color: #fff;
	padding: 2px 0 3px 6px;
}

.template1 #top_right #specialty #caption a
{
	background: url(../images/servicehighlightarrow.jpg) no-repeat center right;
	color: #fff;
	padding-right: 22px;
	text-decoration:none;
}

.template1 #top_right #specialty #caption a:hover
{
	text-decoration:underline;
}

.template1 #top_right .highlight5
{
	font-size: 13px;
}

.template1 #top_right
{
	margin-left: 30px;
	
	/* to "protect" the bottom_right from getting run over */
	margin-bottom: 246px; /* 238px (height of bottom_left) + 8px for padding between top and bottom right = 243px */
}

.template1 #bottom_right
{
	background: transparent url(../images/poster.jpg) no-repeat bottom center;
	height: 198px; /* + padding 40x1 = 238px */
	font-size: 9px;
	padding: 40px 0 0 46px;
	right: 0;
	width: 226px; /*  + padding 46x1 = 272px */
}

.template1 #bottom_right .highlight10
{
	font-size: 13px;
	line-height: 1.1em;
	padding-bottom: 10px;
}

.template1 #bottom_right .highlight1
{
	padding-top: 10px;
	line-height: 1.3em;
}
/* end template1 */

/* start home page tweaks */
.homepage 
{
}
/* end home page tweaks */

/* start customer reviews page tweaks */
.customerreviews #maincontent div
{
	margin-bottom:12px;
}
/* end customer reviews page tweaks */


/* start ZYX page */
/* end ZYX page */
.bullets {
	font-weight: normal;
	line-height: 1.2;
}