/* ---- Styles for Cranbrook Environmental Services - eStart ---- */
/* ---- Coded by Djenan Kozic ---- */

/* THE BASICS */

* { margin:0; padding:0; }
body {
	background: #e9e8e8 url('images/bg.gif') repeat-y center center;
}
p {
	color:#363636;
	font:normal 12px Verdana, Helvetica, Arial, sans-serif;
	line-height:1.6em;
	padding-bottom: 15px;
}
h1 {
	color: #002bbf;
	font:bold 14px Verdana, Helvetica, Arial, sans-serif;
	line-height:1.6em;
	padding:15px 0 15px 0;
}
h2 {
	color: #002bbf;
	font:bold 13px Verdana, Helvetica, Arial, sans-serif;
	line-height:1.6em;
	padding:0 0 15px 0;
}
a, a img, img { border:0; outline:none; }
a {
	color:#002bbf;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
#clear { clear:both; }
#header {
	position:relative;
	margin:0 auto 0 auto;
	width:900px;
	height:281px;
	background:#04a7f0 url('images/header_bg.jpg') no-repeat top center;
	border-bottom:6px solid #fff;
}
#logo {
	position:absolute;
	top:18px;
	left:20px;
	width:333px;
	height:77px;
}
#navigation {
	position:absolute;
	top:237px;
	left:12px;
	width:601px;
	height:27px;
}
#navigation li { display:inline; margin:0; padding:0;}
#navigation ul { list-style:none; margin:0; padding:0;}
#navigation li a { background-image:url('images/navigation.gif'); float:left; height:0; padding-top:27px; overflow:hidden;}

#navigation li#nav-1 a { background-position:0 0; width:74px; }
#navigation li#nav-1 a:hover { background-position:0 -27px; }
#navigation li#nav-1 a:active { background-position:0 -54px; }

#navigation li#nav-2 a { background-position:-74px 0; width:98px; }
#navigation li#nav-2 a:hover { background-position:-74px -27px; }
#navigation li#nav-2 a:active { background-position:-74px -54px; }

#navigation li#nav-3 a { background-position:-172px 0; width:212px; }
#navigation li#nav-3 a:hover { background-position:-172px -27px; }
#navigation li#nav-3 a:active { background-position:-172px -54px; }

#navigation li#nav-4 a { background-position:-384px 0; width:90px; }
#navigation li#nav-4 a:hover { background-position:-384px -27px; }
#navigation li#nav-4 a:active { background-position:-384px -54px; }

#navigation li#nav-5 a { background-position:-474px 0; width:127px; }
#navigation li#nav-5 a:hover { background-position:-474px -27px; }
#navigation li#nav-5 a:active { background-position:-474px -54px; }


#contentwrapper {
	position:relative;
	margin:0 auto 0 auto;
	width:900px;
	background: #2987fc url('images/contentwrapper_bg.gif') repeat-y top left;
}
#content {
	background:transparent url('images/bottomcurve.gif') no-repeat bottom left;
	width:487px;
	padding:0 29px 20px 51px;
	float:left;
}
#content ul {
	color:#363636;
	font:normal 12px Verdana, Helvetica, Arial, sans-serif;
	line-height:1.6em;
	padding-bottom: 15px;
	padding-left:20px;
}
#content li {}
#images {
	float:right;
	width:333px;
	height:300px;
	background:transparent;
	text-align:center;
	padding-top:20px;
}
#images img {border:2px solid #fff;}
#footer {
	position:relative;
	padding:27px 27px 0 27px;
	margin:0 auto 0 auto;
	width:846px;
}
#footer p {
	color:#fff;
}

/* ------ FORM STYLES ------ */


form { margin:0px 0; padding:0 10px 0px 0; }

form fieldset { margin:0px; padding:0px; border:none; }
form fieldset {	margin-bottom:10px; padding:0px; width:460px; }

form fieldset ol.form { margin-left:0px; }
form fieldset ol.form li.address { list-style:none; padding:5px 5px 10px 13px; margin:0; border-bottom:none; border-top:none; }

form fieldset li { list-style:none; padding:8px 0px 8px 0px; margin:0; border-bottom:1px dotted #eee; background-color:#fff; }
form fieldset li input { padding:3px; border:1px solid #000; font-size:13px; width:240px; margin-right:0px; float:none; clear:none; }
form fieldset li input.checkbox { padding:3px; border:none; font-size:13px; width:15px; margin-right:10px; float:none; clear:none; }

form fieldset li textarea { padding:3px; border:1px solid #000; font-size:13px; width:240px; margin-right:0px; clear:none; }

p.label {font:normal 13px Verdana, Arial, Helvetica, sans-serif; width:150px; color:#000;}
p.checkboxlabel {margin-left:202px;}

form em { font-weight:bold; font-style:normal; color:#f00; }
form legend { padding: 20px 2px 0 0; font:bold 12px Verdana, Arial, Helvetica, sans-serif; }
form label { display:inline-block; line-height:1.6; vertical-align:middle; width:202px; padding-left:0; margin-left:0; font:normal 13px Verdana, Arial, Helvetica, sans-serif; float:left;padding-top:3px; }

input.button { background-color:#234164; color:#fff; border:1px solid #163451; font-size:13px; width:124px; margin-left:202px; float:left; }

div.address form fieldset ol { margin:0; padding:0; }