/* 
	Safequote Detroit/hire it Done
	Master Screen CSS
	alison endacott
	august 2009
	
		
 */

/* ------------------------ 
		reset
------------------------ */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
		caption, th, td {
			text-align: left;
			font-weight: normal;
		}

		
	body {
		line-height: 1.4;
		color: black;
		background: #305aa6 url(/images/web/bg.jpg) repeat-x top;
		font-size: 62.5%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
		#container {
			width: 923px;
			margin: 0 auto;
		}
	
	
		a,
		a:link
		a:visited
		a:hover
		a:active {
			color: #2E57A5;
		}
	
		 #accessibility {
			position: absolute;
			left: -9999px;
		 }
	
/* ------------------------ 
		head
------------------------ */
 
 #head {
	background: url(/images/web/page_bg_top.png) no-repeat top;
	height: 95px;
	position: relative;
 }
 
 	h1 a {
		position: absolute;
		display: block;
		top: 20px;
		left: 13px;
		width: 400px;
		height: 118px;
		background: url(/images/web/hireitdone.gif) no-repeat 12px 22px;
		text-indent: -9999px;
		overflow: hidden;
	}
 
 	#topnav {
		position: absolute;
		top: 80px;
		left: 290px;
		padding-top: 5px;
	}
	
		#topnav li {
			display: block;
			float: left;
			_display: inline;
			padding-left: 3px;
			padding-right: 6px;
			*margin-right: 2px;
			list-style: none;
			border-right: 1px solid;
			position: relative;
			top: 5px;
		}
		
		#topnav li.last {
			border: 0;
			padding-right: 0;
			}
			
		#topnav li#fb,
		#topnav li#twitter,
		#topnav li#yt {
			border: 0!important;
			padding-top: 0;
			top: 0;
		}
			
			#topnav li#fb a,
			#topnav li#twitter a,
			#topnav li#yt a {
				display: block;
				width: 26px;
				height: 26px;
				text-indent: -9999px;
				overflow: hidden;
			}
			
			#topnav li#fb a {
				background: url(/images/web/fb_icon.gif) no-repeat;
			}
			
			#topnav li#twitter a {
				background: url(/images/web/twitter_icon.gif) no-repeat;
			}
			
			#topnav li#yt a {
				background: url(/images/web/yt_icon.gif) no-repeat;
			}
		
			#topnav li a {
				color: #000;
				text-decoration: none;
				font-weight: bold;
				font-size: 1.2em;
				display: block;
			}
			
				#topnav li a:hover {
					text-decoration: underline;
				}
 
/* ------------------------ 
		content
------------------------ */
#content {
	background: url(/images/web/page_bg.png) repeat-y;
	padding: 20px 50px;
	font-size: 1.2em;
}

	#sideBar {
		border-top: 7px solid #000;
		width: 238px;
		float: left;
		_display: inline;
	}
	
		#sideBar h2 {
			font-weight: bold;
			line-height: 1.1;
			font-size: 1.5em;
			color: #2E57A5;
			font-family: Arial, Helvetica, sans-serif;
			padding-top: .5em;
		}
		
		#sideBar p {
			padding: .4em 8px .4em 0;
		}
		
			#sideBar p.more a {
				font-weight: bold;
				line-height: 1.1;
				font-size: 1.6em;
				color: #2E57A5;
				background: url(/images/web/redarrow.jpg) no-repeat 130px 0;
				display: block;
				text-decoration:none;
				height: 40px;
				padding-top: 14px;
			}
		
		#sideBar p.small {
			font-size: .8em;
		}
		
	#navigation {
		background: #A9A8AE;
		height: 243px;
		padding-top: 4px;
	}
	
		#navigation li{
			border-bottom: 2px solid #fff;
			list-style: none;
		}
		
		#navigation li.last {
			border-bottom: 0;
			}
	
		#navigation li a {
			display: block;
			padding: 7px 4px 7px 30px;
			background: #A9A8AE;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			font-size: 1.1em;
		}
			
			#navigation li a:hover {
				background:#b7b6bc  url(/images/web/nav-arrow.gif) no-repeat 5px 8px;
			}
			
		#sideBar dl {
			font-size: .9em;
		}
			
			#sideBar dt {
				font-weight: bold;
				display: inline;
			}
			
			#sideBar dd {
				display: inline;
			}
			
		#sideBar fieldset {
		
		}
		
			#sideBar select,
			#sideBar input {
				display: block;
				width: 220px;
				margin-bottom: .5em;
			}
	
	#innerContent {
		border-top: 7px solid #000;
		width: 576px;
		float: left;
		_display: inline;	
	}
	
		#innerContent h2 {
			padding: .3em 20px;
			font-weight: bold;
			font-size: 2em;
			color: #2E57A5;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		#innerContent h3 {
			padding: .5em 20px 0 20px;
			font-weight: bold;
			font-size: 1.2em;
		}
		
		#innerContent p,
		#innerContent ul,
		#innerContent ol {
			padding: .5em 20px;
		}
		
			#innerContent ul,
			#innerContent ol  {
				margin-left: 20px;
				
			}
			
				#innerContent li {
					padding: .2em 0;
				}
				
			#innerContent p.more a {
				font-weight: bold;
				line-height: 1.1;
				font-size: 1.6em;
				color: #2E57A5;
				background: url(/images/web/redarrow.jpg) no-repeat 130px 0;
				display: block;
				text-decoration:none;
				height: 40px;
				padding-top: 14px;
			}
		
	
		/* ------------------------ 
				home
		------------------------ */
		body.home #innerContent {
			float: none;
			clear: both;
			width: 814px;
		}
		
		body.home #innerContent p,
		body.home #innerContent h2,
		body.home #innerContent h3 {
			padding: .5em 0;
		}
		
		#startHere {
			display: block;
			width: 576px;
			height: 247px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(/images/web/homebg.jpg) no-repeat;
			padding: 0;
			position: relative;
			border-top: 7px solid #000;
		}
		
			#startHere #startHereButton a {
				position: absolute;
				display: block;
				width: 100px;
				height: 100px;
				left:253px;
				top:130px;
			}
		
		#innerContent #homeRequest {
			display: block;
			width: 576px;
			height: 246px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(/images/web/homeRequest.jpg) no-repeat;
			padding: 0;
			position: relative;
			left: 18px;
		}
		
		body.home #innerContent h3 {
			padding-top: 0;
			color: #2E57A5;
		}
		
			body.home #getStarted h2 {
				color: #fff !important;
			}
		
			#getStarted {
				padding-bottom: 134px;
				background: #3A72C4 url(/images/web/homeContent.jpg) no-repeat bottom;
				color: #fff;

			}
		
				body.home #innerContent fieldset {
					
					width: 250px;
					float: left;
					_display: inline;
					padding-bottom: 1.5em;
				}
					body.home #innerContent fieldset label {
						font-weight: bold;
						}
						
				p#getEstimates {
					padding: 0;
					float: right;
				}
				
					#getEstimates a {
						display: block;
						width: 214px;
						height: 57px;
						text-indent: -9999px;
						overflow: hidden;
						background: url(/images/web/getEstimates.gif) no-repeat;
					}
					
			#videoPlayer {
				background: #000;
				text-align: center;
				padding: 10px;
			}
			
			#quality {
				background: #000;
				
			}
			
			#quality a {
				display: block;
				width: 480px;
				margin: 0 auto;
				height: 57px;
				text-indent: -9999px;
				overflow: hidden;
				background: url(/images/web/quality-contractor.jpg) no-repeat;
			}
			
			p.readmore {
				text-align: right;
			}
					
		/* ------------------------ 
				quote request
		------------------------ */
		
		#innerContent fieldset {
			padding: 1em 20px;
		}
		
		#innerContent fieldset h3 {
			clear: both;
			padding: .5em 0 0 0;
			}
			
			
		#innerContent fieldset p {
			padding-lefT: 0;
			clear: both;
		}
		
		.contactForm,
		#loginForm {
			padding-right: 150px;
		}
		
		#pnlForm{
			clear: both;
		}
		
		#innerContent fieldset dl {
			padding: .5em 0;
		}
		
		.details dl {
			padding: .5em 20px;
		}
		
			#innerContent dt {
				clear: both;
				display: block;
				width: 280px;
				float: left;
				_display: inline;
				margin-bottom: 1em;
			}
			
			.details dt {
				width: 180px !important;
				font-weight: bold;
			}	
			
			.contactForm dt,
			#loginForm dt {
				width: 130px !important;
			}
			
			
				#innerContent dt label {
					
				}
			
					#innerContent dt label em {
						display: block;
						font-size: .9em;
						font-style: normal;
					}
			
			#innerContent dd {
				display: block;
				width: 230px;
				float: left;
				_display: inline;
			}
			
			.details dd {
				width: 330px !important;
			}
				#innerContent fieldset dd select,
				#innerContent fieldset dd input,
				#innerContent fieldset dd textarea {
					width: 220px;
					}
					
			#innerContent dd.checkbox {
				float: none;
				clear: both;
				width: 550px;
				padding-bottom: 1em;
				font-size: .9em;
			}
					
					#innerContent dd.checkbox  input {
						width: auto !important;
					}
					
		#btnSubmit,
		#Submit {
			display: block;
			clear: both;
			position: relative;
			top: 1em;
		}
		
		.contactForm #btnSubmit,
		#Submit  {
			margin-left: 130px;
		}
		
		#summary li,
		#PwdError {
			padding-bottom: .2em;
			font-size: .9em;
		}
		
		#PwdError {
			display: block;
			clear: both;
			margin-left: 130px;
		}
		
		#ValidationSummary1 {
			font-size: 10px;
		}
			#ValidationSummary1 li {
				padding: 0;
				}
		
		/* ------------------------ 
			contractor admin
		------------------------ */
		
		#contractorContent {
			margin: 0 20px;
		}
		
			#contractorContent td.TitleWhite {
				
			}
			
			
			
			#contractorContent .GridTitle td {
				font-weight: bold;
				padding: 5px;
			}
			
			#contractorContent td {
				font-size: 11px;
				line-height: 1.1;
				padding: 2px 5px;
				vertical-align: top;
				}
				
				.NormalRow td,
				.altRow td  {
					border-color:#C9C9C9;
					border-style:solid;
					border-width:0 0 1px;
					color:#2A2A2A;
					font-size:10px;
					height:26px;
					line-height:10px;
					padding:7px 5px 2px;
					vertical-align:top;
				}
				
				#contractorContent .bgTable01 td {
					background:url(/images/admin/table02.gif) repeat-x left top;
					padding: 0!important;
				}
				
			#contractorContent .TitleWhite {
				font-weight:bold;
				text-transform:uppercase;
				color: #fff;
				font-size: 1.2em;
			}
			
				#contractorContent .TitleWhite span {
					padding-top: 10px;
					display: block;
				}
				
		#pnlForm table {
			margin: 0 20px;
		}
		
			#pnlForm table td {
				padding: 3px;
				}
		
/* ------------------------ 
		footer
------------------------ */
#footer {
	height: 70px;
	padding: 0 50px 0 50px;
	color: #999;
	background: url(/images/web/page_bg_bottom.png) no-repeat bottom;
}

	#footer div {
		background: url(/images/web/footerBorder.gif) no-repeat top;
		width: 811px;
		margin-left: 3px;
		padding-top: 20px;
	}

	#footer ul,
	#footer p {
		display: inline;
	}
	
		#footer li {
			display: inline;
			border-left: 1px solid;
			padding-left: 5px;
			list-style: none;
		}
		
			#footer a {
				color: #999;
			}
	
/* ------------------------ 
		EASY CLEARING 
------------------------ */
.clear { clear:both;}

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */