/*
	Grade One CSS
*/

* {
	margin:					0;
	padding:				0;
	border:					0;
}

/*
	Classes
*/

.hidden {
	display:				none;
}

.left {
	float:					left;
}

.right {
	float:					right;
}

.image_right {
	display:				inline;
	float:					right;
	clear:					right;
	margin:					5px 0 10px 15px;
}

.image_right_border {
	display:				inline;
	float:					right;
	clear:					right;
	margin:					5px 0 10px 15px;
	border:					3px #fff solid;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	background-color:		#183152;
	
	text-align:				center;
}

#bgblock {
	padding-top:			24px;
	background-image:		url(background_strip_top.gif);
	background-repeat:		repeat-x;
}

/*
	Header
*/

#header {
	display:				block;
	margin:					0 auto 0 auto;
	
	background-color:		#fff;
	
	width:					800px;
	height:					153px;
	
	text-align:				left;
}

#header h1 {
	display:				inline;
	float:					left;
	margin:					10px 0 0 14px;
	
	background-image:		url(logo2.gif);
	background-repeat:		no-repeat;
	
	width:					145px;
	height:					125px;
}

#header p {
	float:					right;
	clear:					right;
	margin-right:			18px;
	
	background-image:		url(header_tel.gif);
	background-repeat:		no-repeat;
	background-position:	50% 50%;
	
	width:					420px;
	height:					96px;
}

#header h2 {
	display:				inline;
	float:					right;
	clear:					right;
	margin-right:			4px;
	
	background-color:		#748c9e;
	background-image:		url(header_title.gif);
	background-repeat:		no-repeat;
	
	background-position:	160px 10px;
	
	width:					626px;
	height:					53px;
}

/*
	Menu
*/

#menu {
	display:				block;
	margin:					0 auto 0 auto;
	
	background-image:		url(cityscape.jpg);
	background-repeat:		no-repeat;
	background-position:	top left;
	background-color:		#fff;
	
	width:					800px;
	height:					204px;
	
	text-align:				left;
}

#menu .button_total_cleaning {
	position:				absolute;

	
	background-image:		url(button_total_cleaning.gif);
	background-repeat:		no-repeat;
	background-position:	50% 50%;
	
	margin:					5px 5px 0 550px;
	
	width:					236px;
	height:					44px;
}

#menu ul {
	list-style-type:		none;
}

#menu ul li {
	float:					left;
	clear:					left;
}

#menu ul li a {
	background-image:		url(menu.gif);
	background-repeat:		no-repeat;
	float:					left;
	width:					166px;
	height:					40px;
}

#menu ul #m1_1 a {				background-position: 0 0; }
#menu ul #m1_2 a {				background-position: 0 -40px; }
#menu ul #m1_3 a {				background-position: 0 -80px; }
#menu ul #m1_4 a {				background-position: 0 -120px; }
#menu ul #m1_5 a {				background-position: 0 -160px; }

#menu ul #m1_1 .selectable:hover {	background-position: -166px 0; }
#menu ul #m1_2 .selectable:hover {	background-position: -166px -40px; }
#menu ul #m1_3 .selectable:hover {	background-position: -166px -80px; }
#menu ul #m1_4 .selectable:hover {	background-position: -166px -120px; }
#menu ul #m1_5 .selectable:hover {	background-position: -166px -160px; }

#menu ul #m1_1 .lit {			background-position: -332px 0; }
#menu ul #m1_2 .lit {			background-position: -332px -40px; }
#menu ul #m1_3 .lit {			background-position: -332px -80px; }
#menu ul #m1_4 .lit {			background-position: -332px -120px; }
#menu ul #m1_5 .lit {			background-position: -332px -160px; }

/*
	Sub Menus
*/

#menu ul li ul {
	list-style-type:		none;
	float:					left;
	clear:					none;
	
	padding-left:			4px;
}

#menu ul li ul li {
	float:					left;
	clear:					none;
}

#menu ul li ul li a {
	display:				block;
	
	height:					40px;
	
	background-image:		url(submenu.gif);
	background-repeat:		no-repeat;	
}



#menu #sm1 #sm1_1 a {			width: 94px;	background-position: 0 0; ) }
#menu #sm1 #sm1_2 a {			width: 116px;	background-position: -94px 0; ) }
#menu #sm1 #sm1_3 a {			width: 111px;	background-position: -210px 0; ) }

#menu #sm2 #sm2_1 a {			width: 175px;	background-position: 0 -40px; ) }
#menu #sm2 #sm2_2 a {			width: 202px;	background-position: -175px -40px; ) }

#menu #sm3 #sm3_1 a {			width: 113px;	background-position: 0 -80px; ) }
#menu #sm3 #sm3_2 a {			width: 159px;	background-position: -113px -80px; ) }
#menu #sm3 #sm3_3 a {			width: 142px;	background-position: -272px -80px; ) }

/*
	Contents
*/

#content {
	display:				block;
	margin:					0 auto 0 auto;
	
	background-color:		#fff;
	
	width:					800px;
	text-align:				left;
}

#content .block h3 {
	display:				inline;
	float:					left;
	margin:					0 4px 0 4px;
	
	background-image:		url(h3s.gif);
	background-color:		#748c9e;
	
	width:					162px;
	height:					32px;
}

#content .block .h3_gradeone {	background-position: 0 0; }
#content .block .h3_services {	background-position: 0 -38px; }
#content .block .h3_quality {		background-position: 0 -76px; }
#content .block .h3_customers {	background-position: 0 -114px; }
#content .block .h3_contact {		background-position: 0 -152px; }

#content .block .subcontent {
	float:					left;
	
	background-color:		#748c9e;
	
	width:					626px;
}

#content .block .subcontent .breadcrumb {
	padding-top:			5px;
	border-bottom:			1px #fff solid;
}

#content .block .subcontent p {
	margin:				0 20px 20px 20px;
}

#content .block .subcontent h4 {
	margin:				0 20px 0 20px;
}

#content .block .subcontent h5{
	margin:				0 20px 20px 20px;
}

#content .block .subcontent .list {
	margin:				0 20px 20px 20px;
	padding-left:		30px;
}

#content .block .subcontent .quote {
	border:				1px #fff dashed;
	padding:			5px 10px 5px 10px;
	background-color:	#5f7382;
}

#content .form {
	display:			block;
	width:				390px;
}

#content .form table{
	margin:				0 0 0 30px;
	padding:			0;
}

#content .form td, #content .form th {
	margin-right:		5px;	
}

#content .form th {
	border:				1px #fff solid;
	padding:			1px 15px 1px 15px;
}

#content .form td {
	border:				1px #aaa solid;
}

#content .form .submit {
	border:				1px #fff solid;
	margin:				0 0 0 289px;
	width:				70px;
	background-color:	#183152;
}

#content .form .textbox, #content .form .textarea , #content .form .select {
	padding:			0 1px 1px 1px;
	width:				180px;
	background-color:	#748C9E;
}

#content .clients {
	display:			block;
	list-style-type:	none;
	margin-left:		20px;
}

#content .clients li {
	float:				left;
	padding:			1px;
	background-color:	#4F6677;
	margin:				0 5px 15px 0;
}

/*
	Footer
*/

#footer {
	display:				block;
	margin:					0 auto 0 auto;
	
	background-color:		#fff;
	
	width:					800px;
	height:					71px;
	
	text-align:				left;
}

#footer #logos {
	float:					right;
	margin:					6px 6px 0 0;
}

#footer p {
	padding:				8px 0 0 20px;
}

/*
	Copyright
*/

#copyright {
	display:				block;
	margin:					5px auto 0 auto;
	
	width:					800px;
	height:					60px;
	text-align:				left;
}

/*
	Fonts
*/

body {
	font-family:			'Century Gothic', 'Verdana', 'Helvetica', sans-serif;
}

#content {
	color:					#fff;
}


#content .breadcrumb {
	font-size:				8pt;
	font-weight:			bold;
	text-transform:			uppercase;
	text-align:				right;
	color:					#fff;
}

#content .breadcrumb a {
	color:					#fff; 
	text-decoration:		none;
}

#content h4 {
	font-size:				11pt;
	font-weight:			bold;
	text-transform:			uppercase;
}

#content h5 {
	font-size:				9pt;
	font-weight:			bold;
	font-style:				italic;
}

#content .quote {
	font-size:				8pt;
	font-family:			'Tahoma', serif;
}

#content p {
	font-size:				10pt;
	line-height:			16pt;
}

#content p a, #content .list a {
	color:					#fff;
	font-weight:			bold;
}

#content p a:hover {
	text-decoration:		none;
}

#content .list {
	font-size:				9pt;
}

#content .form th {
	font-size:				9pt;
	font-weight:			normal;
	vertical-align:			top;
	text-align:				left;
}

#content .form .textbox, #content .form .textarea , #content .form .select {
	color:					#fff;
}

#content .submit {
	color:					#fff;
}

#content .clients li {
	font-size:				9pt;
	text-align:				center;
}

#footer p {
	color:					#183152;
}

#footer #f_company {
	font-size:				10pt;
	font-weight:			bold;
	
}

#footer #f_details {
	font-size:				7pt;
}

#copyright {
	color:					#ccc;
	font-size:				7pt;
}

#copyright a {
	color:					#ccc;
}
