@charset "utf-8";
/* CSS Document */

/*
-----------------------------
Title: Cleaning Chemical Supply
Author: Siwat Tongpatanakul
Created: 31 July 2009
Last updated: 07 October 2009
-----------------------------
*/

*
{
	margin:0px;
	padding:0px;
}
body
{	background-image:url(../images/ccs_bg.png);
	background-repeat:repeat-x;
	background-position:top;
	font-size:13px;
}
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset
{
	border:0px;
	color:#366;
	font-family:Arial, Helvetica, sans-serif;
}

a:link,
a:visited,
a:active { color:#70842E; }
a:hover { color:#BAB591; }

/* CONTENTS */

#main 
{		margin:0 auto;
		text-align:left;
		width:900px;
}
#header
{		width:900px;
		height:155px;
		background-image:url(../images/ccs_header3.png);
		background-repeat:no-repeat;
}
#menubar
{		width:900px;
		height:30px;
		background-image:url(../images/ccs_menubar.png);
		background-repeat:no-repeat;
		background-color:#007BA7;
}
#menubar2
{		width:800px;
		height:30px;
		padding-left:25px;
}
#menushadow
{		width:900px;
		height:9px;
		background-image:url(../images/menu_shadow.png);
		background-repeat:no-repeat;
}
#content
{		width:900px;
		height:auto;
		background-color:#FFF;
}
#content_text
{		margin-left:35px;
		margin-right:35px;
		margin-top:0px;
		margin-bottom:0px;
}
#content_text_about
{		margin-left:35px;
		margin-right:30px;
		margin-top:0px;
		margin-bottom:0px;
		background-image:url(../images/about.png);
		background-position:right;
		background-repeat:no-repeat;
}
#content_text_services
{		margin-left:35px;
		margin-right:30px;
		margin-top:0px;
		margin-bottom:0px;
		background-image:url(../images/ccs_services.png);
		background-position:right;
		background-repeat:no-repeat;
}
#content_text_products
{		margin-left:35px;
		margin-right:30px;
		margin-top:0px;
		margin-bottom:0px;
		background-image:url(../images/ccs_products.png);
		background-position:right;
		background-repeat:no-repeat;
}
#footer
{		width:900px;
		height:60px;
		background-image:url(../images/ccs_footer.png);
		background-repeat:no-repeat;
}

/* CSS Menu */

#menu {
	margin-left:22px;
	padding: 5px;
	height: 30px; }
#menu li {
	list-style: none;
	float:left;
	width: 160px;
	}
	
#menu li a {
	display: block;
	padding: 3px 8px;
	color: #fff;
	width: 160px;
	height: 18px;
	}
#menu li ul {
	display: none; 
	width: 160px;
	background-color: #007BA7;}
#menu li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#menu li:hover li, #navbar li.hover li {
	float: none; }
#menu li:hover li a, #navbar li.hover li a {
	background-color: #007BA7;
	width: 160px;
	color: #fff; }
#menu li li a:hover {
	background-color: #366; 
	width: 160px;
	}

/*--- Nav Bar Fonts ---*/
ul.menu a:link,
ul.menu a:visited { color:#FFF;text-decoration:none; }
ul.menu a:hover { color:#FFF; text-decoration:none; }
ul.menu a:active { color:#FFF; }

ul.menu ul a:link,
ul.menu ul a:visited,
ul.menu ul a:hover,
ul.menu ul a:active { color:#FFF; text-decoration: none; }

a.submenu:link, 
a.submenu:visited,
a.submenu:hover,
a.submenu:active { font-family:Arial, Helvetica, sans-serif; }

a.menutitle:link,
a.menutitle:visited,
a.menutitle:hover,
a.menutitle:active
{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

/* Products */

.proclean {
	color:#C33;
}
.plusclean {
	color:#007BA7;
}
.powerclean {
	color:#678C3C;
}
.pureclean {
	color:#8C6649;
}
.prefresh {
	color:#663399;
}