/*

 * Folsom Glenn Car Wash

 * Layout styles

 *

 * Color pallette

 * green: #693; 

 * lt gray: #ccc; 

 * medium gray: #8c8c8c; 

 * drk gray: #666; 

 * drker gray: #333;  // for text

 *

 * content_holders (ordered top down) :

 *	- generic styles

 *	- info_top

 *	- header

 *	- nav

 *	- content_holder

 *		o content_2

 *		o copy

 *			o copy padding

 *				- resource column

 *	- footer

 *	- footer_links

 *	- akdia_link

 *

 *	Secondary page styles

 */









/*

 *	Generic styles

 */	

body

{
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-family: Arial, Sans-Serif;
	font-size: 9pt;
	border: none;

}



td

{

	font-size: 9pt;

}



td a, a

{

	color: #808080;

	font-size: 9pt;

}



td a:hover, a:hover

{
	color: #00535E;

}







p.bold_green, span.bold_green

{
	color: #00535E;
	font-weight: bold;

}



ul

{

	margin: 0px;

	padding: 0px;

	list-style-position: inside;

}





li

{

	padding: 0px;

	margin: 0px;

	margin-bottom: 10px;

}



p, p.body_copy

{

	letter-spacing: 100%;

	line-height: 135%;

}



p, li, li p, p.body_copy

{
	letter-spacing: 100%;
	line-height: 135%;

}



p.first_paragraph

{
	padding: 10px 0px 0px 25px;
	margin-left: -25px;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #B0943A;
	font-weight: bold;
	text-transform: uppercase

}





/* Fix Edit Live <li><p></p></li> wrappers */

li p

{

	margin:0px;

	padding:0px;

}



/*

p.xsmall

{

	color: #000000;

	font-size: 80%;

}

*/

p.photo_captions

{

	font-size: 75%;

}



p.small

{

	color: #333333;

/*	font-size: 90%; */

}



/*

 *	Info top

 */	

div#info_top

{

	margin: 0px;

	height: 33px;

	text-align: right;

}



div#info_top img

{

	margin: 0px;

	margin-right: 10px;

}





/*

 * header

 */

div#header

{
	background-color: #999999;
	height: 180px;
	background-image: url(../cmsimages/bkgdTexture.gif);

}

div#header img#header_logo

{
	margin-left: 0px;
	margin-top: 0px;

}



/*

 * nav

 */



div#navdiv

{
	background-image: url(../cmsimages/gray_bar_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 30px;
	margin-bottom: 15px;
	width: 1024px;

}





div#navdiv ul#nav

{

	margin: 0px;

	padding: 1px 0 0 0;

	list-style: none;



}



div#navdiv ul li

{

	float: left;

	margin: 0px;

	padding: 0px;

	margin-right: 2px;

	width: 100px;

	text-align: center;

	position: relative;	

}



/* common styles for all navigation links */

div#navdiv ul li a

{

	display: block;

	text-decoration: none;

 	font-size: 80%;

	text-transform: uppercase;

	font-weight: bolder;

	color: #666666;

   padding-top: 15px;

	height: 25px !important; /* FF height */

	height: 40px; /* IE height */

	position: relative;

	z-index: 10;

	line-height: 1.1em;

}



div#navdiv ul li ul {

 	display: none;

	float: left;

	padding: 0;

	margin: 0;

	list-style: none;

	z-index: 10;

	position: absolute;

	top: 40px;

	left: 0;

}



#navdiv li li {

  	float: left;

  	border-top: 2px solid white;

	background-color: #CCCCCC;

	list-style: none;

	position: relative;

	z-index: 10;

}



div#navdiv li:hover,

div#navdiv li.over,

div#navdiv li li.over,

div#navdiv li.selected {
	background-color: #B09639;
	color: #00535E;
}



div#navdiv li:hover ul,

div#navdiv li.over ul {

  	display: block;

}



div#navdiv a:hover,

div#navdiv a.selected {
	background: #CCCCCC url(../cmsimages/hover_navtop.gif) center top no-repeat;
	color: #00535E;

}





/*

 * content_holder

 * nested sections: content_2, copy, resource_col

 */

div#content_holder

{
	margin: 0px;
	padding: 0px;
	width: 1024px;

}



div#content_holder div#movie object,

div#content_holder div#movie embed {

	position: relative;

	z-index: 0;

}



div#content_holder div#content_2

{

	background-color: #ffffff;

	margin: -5px 0px 0px 0px;

	padding-right: 6px;

	float: left;

	width: 250px;

}



/* common for all feature links */

div#content_holder div#content_2 a

{

	float: left;

	display: block;

	background-repeat: no-repeat;

	background-position: top left;

	margin-bottom: 10px;

	width: 223px; 

	text-decoration: none;

}



/* common for all feature section link hovers */

div#content_holder div#content_2 a:hover

{

	background-position: 100% 100%;

}



div#content_holder div#content_3

{

	background-color: #ffffff;

	margin: -5px 0px 0px 0px;

	padding: 0px;

	float: left;

	width: 200px;

}



/* common for all feature links */

div#content_holder div#content_3 a

{

	float: left;

	display: block;

	background-repeat: no-repeat;

	background-position: top left;

	margin-bottom: 10px;

	width: 223px; 

	text-decoration: none;

}



/* common for all feature section link hovers */

div#content_holder div#content_3 a:hover

{

	background-position: 100% 100%;

}





div#content_holder div#copy

{	

	float: left;

	width: 60%;

	line-height:140%;

}

div#content_holder div#copy div#content

{

	padding: 0px 50px 20px 40px;

}





div#content_holder div#resource_col

{

	position: absolute;

	right: 0px;

	float: right;

	vertical-align: top;

	width: 150px;

	background-color: #ffffff;

	margin: 0px;

	padding: 0px 0px 0px 0px;

	border: 1px solid #cccccc;

	border-top: none;

	top: 124px;

}



div#content_holder div#resource_col p

{

	margin: 5px;

}



div#content_holder div#resource_col.forIE

{

	position: absolute;

	top: 127px;

	right: 0px;

}



div#content_holder div#resource_col h2

{

	background-color: #cccccc;

	color: #000000;

	text-transform: uppercase;

	margin: 0px;

	padding: 15px 5px 10px 5px;

	text-align: center;

	display: block;

	font-size: 100%;

}





div#content_holder div#resource_col ul

{

	list-style: none;

	list-style-position: outside;

	margin: 10px;

	padding: 0px;

	width: 10.5em;

}



div#content_holder div#resource_col ul li

{

	color: #666666;

	font-weight: normal;

}





/*

 * footer

 */

div#footer

{
	background-image: url(../cmsimages/gray_bar_bg.gif);
	background-color: #DCDDDC;
	background-repeat: repeat-x;
	height: 27px;
	clear: both;
	margin-top: 20px;

}





/*

 *	Footer links

 */	

div#footer_links

{

	margin: 0px;

	margin-top: 15px;

	padding: 0px;

	height: 25px;

	background-color: #fff;

	text-align: center;

}



div#footer_links ul

{
	margin: 0px;
	margin:0px auto;
	text-align:center;

}



div#footer_links ul li

{
	list-style: none;

}



div#footer_links ul li a

{

	color: #666;

	text-decoration: none;

	font-family: Arial, Sans-Serif;

	text-transform: uppercase;

	font-size: 7pt;

	padding-left: 5px;

	padding-right: 5px;

	border-right: 1px solid #666;

}



div#footer_links ul li a.last

{

	border-right: none;

}











/*

 * Secondary page styles

 */

body#secondary div#content_holder

{

	width: 100%;

	overflow: hidden;

	float: left;

}

body#secondary div#content_holder div#content_2

{

	margin: -5px 0px 0px 0px;

	padding: 0px;

	float: right;

	width: 300px;

}



body#secondary div#content_holder div#content_2 a

{

	float:right;

}



body#secondary div#content_holder div#copy

{	

	position: relative;

	float: left;

	margin: 0px 0px 10px 30px;

	padding: 0px;

	width: 60%;

}



body#secondary div#content_holder div#copy div#content

{

	padding: 0px 0px 0px 40px;

}





body#secondary div#content_holder div#resource_col

{

	display: none;

}





/*

 * A:KDIA link

 */

div#akdia_link

{

	float: right;

	text-transform: uppercase;

	font-size: 8.5pt;

	font-family: Arial, Sans-serif;

	font-weight: bold;

	margin: 0px 5px 5px 0px;

}



div#akdia_link a

{

	text-decoration: none;

	color: #9E9E9E;

	font-size: 8.5pt;

	font-family: Arial, Sans-serif;

	font-weight: bold;

}

div#akdia_link a span

{

	color: #9E0000;

}



a.leftColumnLink

{

    float: none !important;

    display: inline !important;

}
#h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	color: #366;
	font-variant: small-caps;
	line-height: 120%;
}
.highlight {
	color: #38797F;
}