/**
 * Stylesheet
 *
 * Copyright Fusionary Media
 */


/* NORMALIZING styles
-------------------------------------------*/
body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

div, span, img, form, h1, h2, h3, h4, h5, h6, fieldset {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}
table{
	border: 0px;
}





/* MAIN styles
-------------------------------------------*/
body{
	margin: 0px;
	padding: 0px;
	background: #242424;
	font: normal normal 11px/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

h1{
	font: normal bold 16px/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px 0px 10px 0px;
}

h2{
	font: normal normal 14px/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px 0px 10px 0px;
}

p {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
}


td{
	vertical-align: top;
}

a:link{color: #8baed9;}
a:visited{color: #8baed9;}
a:hover{color: #dff4ff;}
a:active{color: #dff4ff;}

dt{
	font-weight: bold;
}

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

.clr {
	clear: both;
	height: 0px;
}

.clearfix:after {/*http://positioniseverything.net/easyclearing.html*/
	content:".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {height: 1%; display:block;}
/* End hide from IE Mac */


#superheader{
	width: 770px;
	position:relative;
	left: 50%;
	top: 0px;
	margin: 0px 0px -55px -415px;
	padding-top: 55px;
	clear: both;
	text-align: right;
	color: #B6D7FF;
	font: normal normal 14px/1.2em "Trebuchet MS", Helvetica, sans-serif;
}

/* CONTAINER styles
-------------------------------------------*/
#container_wrapper{
	background: #004698 url(../images/bg_container_wrapper.gif) 0 0 repeat-x;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 60px 0 0 0;
	border-bottom: 3px solid #161616;
}
#container{
	width: 770px;
	position:relative;
	left: 50%;
	margin: 0px 0px 0px -385px;
	background: transparent url(../images/bg_container.gif) 0 0 repeat-y;
}




/* HEADER styles
-------------------------------------------*/
#header{
	margin: 0px;
	padding: 10px;
	background: transparent url(../images/bg_sidebar.gif) 0 0 no-repeat;
	width: 132px;
	float: left;
	display: inline;
}

	#header h1{
		margin: 20px 0px 27px;
		padding: 0px;
	}
	#header h2{
		color: #c5dbf6;
		text-transform: uppercase;
		font: normal normal 14px/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		margin: 0px 0px 5px;
	}
			#header h1 a{
				display: block;
				height: 62px;
				width: 118px;
				background: transparent url(../images/logo_valley_city_linen.gif) 0 0 no-repeat;
				letter-spacing : -1000em;
				text-indent: -1em;
			}
			/* Just for Opera, but hide from MacIE */ 
			/*\*/html>body #header h1 a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
			/* End of hack */



	#header #navigation, #header #navigation li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		#header #navigation a{
			color: #b0c8e4;
			text-decoration: none;
			font: normal bold 11px/1.6em Verdana, Arial, Helvetica, sans-serif;
		}
			
			
			#header #navigation a:hover, 
			#header #navigation li a.current,
			body.home #header #navigation li.home a,
			body.restaurants #header #navigation li.restaurants a,
			body.health_care #header #navigation li.health_care a,
			body.hotel_motel #header #navigation li.hotel_motel a,
			body.uniforms #header #navigation li.uniforms a,
			body.facility_services #header #navigation li.facility_services a,
			body.about #header #navigation li.about a,
			body.contact #header #navigation li.contact a
			{
				color: #fff;
			}



	form#login_box{
		margin: 20px 0 0px 0;
	}
		form#login_box input{
			margin: 0 0 10px 0;
			padding: 4px 5px;
			width: 92px;
			border: 1px solid #012e62;
			border-bottom: 1px solid #215e9d;
			border-right: 1px solid #215e9d;
			background-color: #0f4b9d;
			color: #f3f8ff;
			font: normal normal 11px/1em Arial, Helvetica, sans-serif;
		}
		form#login_box input.btn_submit{
			border: none;
			background-color: transparent;
			padding: 0px;
			line-height: 1em;
			width: 105px;
			height: 24px;
		}
		
		#header a.more_link{
			text-decoration: none;
		}


/* CONTENT styles
-------------------------------------------*/
#content{
	background: transparent url(../images/bg_content.gif) 0 0 repeat-x;
	width: 563px;
	float: right;
	display: inline;
	min-height: 400px;
	padding: 30px 25px 50px 30px;
}

	img.splash{
		margin: -30px -25px 20px -30px;
	}
	
	#content ul, #content ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		#content ul li{
			padding: 0px 0px 0px 13px;
			background: transparent url(../images/bullet.gif) 0 6px no-repeat;
		}
	
	
	#content_body{
		float: left;
		width: 155px;
		margin: 0px 0 0 0;
	}
	#menu_list{
		float: right;
		width: 381px;
	}
		#content #menu_list li{
			padding: 0px;
			background-image: none;
			margin: 0 0 15px 0;
		}
	
	#content a.category_heading{
		color: #fff;
		text-decoration: none;
		font: normal normal 16px/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		padding: 0 0 5px 0;
		display: block;
	}
	#content a.category_image{
    margin-top: 10px;
		display: block;
	}
	.category_img{
		display: block;
		z-index: 100;
	}
	.category_link{
		display: block;
		z-index: 200;
		margin: -29px 0 0 0;
		text-align: right;
	}

/* CONTACT FORM styles
---------------------------------------*/
fieldset{
	padding: 10px;
	border: none;
}	
	fieldset input,fieldset textarea{
		border:1px solid #ccc;
		background:url(../images/input_back.gif);
		width: 280px;
	}
		fieldset input.submit{
			width: 100px;
		}
	fieldset input:hover,fieldset textarea:hover{
		border:1px solid #85b3ff;
	}
	fieldset input:focus,fieldset textarea:focus{
		border:1px solid #991F1F;
	}

	.formfields dl, .formfields dt, .formfields dd{
		margin: 0px;
		padding: 0px;
	}

	.formfields dt{
		float: left;
		clear: left;
		width: 20%;
		margin: 10px 10px 0 0;
		text-align: left;
		line-height: 1.2em;
	}	

	.formfields dd{
		float: left;
		margin: 10px 0px 0 0;
		width: 70%;
	}
	.form-rep-contact{
		height: 3.5em;
	}

	.required{
		color: red;
	}

.form-error, #form-error-alert{ 
	color: #CC0000; 
	font-weight: bold;
	padding: 5px 0px 0px 30px;
	background: transparent url(../images/icon_alert.gif) 0 0 no-repeat;

}
.form-error, #form-error-alert{ 
	display: none;
}
#form-error-alert{
	display: block;
}



/* SIDEBAR styles
-------------------------------------------*/
#sidebar{
	margin: 0px;
	padding: 10px;
	background: transparent url(../images/bg_sidebar.gif) 0 0 no-repeat;
	width: 132px;
	float: left;
	display: inline;
}

	#sidebar h1{
		margin: 30px 0px 25px;
		padding: 0px;
	}
			#sidebar h1 a{
				display: block;
				height: 62px;
				width: 118px;
				background: transparent url(../images/logo_valley_city_linen.gif) 0 0 no-repeat;
				letter-spacing : -1000em;
				text-indent: -1em;
			}
			/* Just for Opera, but hide from MacIE */ 
			/*\*/html>body #header h1 a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
			/* End of hack */



	#sidebar #navigation, #sidebar #navigation li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		#sidebar #navigation a{
			color: #b0c8e4;
			text-decoration: none;
			font: normal bold 11px/1.6em Verdana, Arial, Helvetica, sans-serif;
		}
			#sidebar #navigation a:hover, #sidebar #navigation li.current a:hover{
				color: #fff;
			}




/* FOOTER styles
-------------------------------------------*/
#footer{
	width: 770px;
	position:relative;
	left: 50%;
	top: 0px;
	margin: 0px 0px 0px -385px;
	clear: both;
	text-align: center;
	color: #888888;
	font: normal normal 11px/1.2em Arial, Helvetica, sans-serif;
}
	#footer p{
		text-align: center;
		margin: 0px;
		padding: 0px;
	}
	#footer ul, #footer ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		#footer ul{
			margin: 30px 0;
		}
		#footer ul li{
			display: inline;
			padding: 0 5px;
		}
		#footer a{
			color: #b1cae8;
			text-decoration: none;
	}
		#footer a:hover{
		color: #ffffff;
	}
