@charset "utf-8";
/* 

	Home Repair Network CSS
	By Brian Johnson with CTClocal.com

*/

/* ===== global styles ===== */

body	{
	font-family: Arial, Helvetica, sans-serif;
	background: #bbb url(images/main_bg2.gif);
	margin: 0;
	padding: 0;
}
div#outterDiv {
	position: relative;
	width:	800px;
	height: 1350px;
	margin: 10px auto;
	border: 1px solid #C5C7DA;
	background-color:#FFF;
}

h1, h2	, h3, h4{
	color:#2A1FAA;
}
div#REoutterDiv	{
	position: relative;
	width:	800px;
	height: 1330px;
	margin: 10px auto;
	border: 1px solid #C5C7DA;
	background-color:#FFF;
}
#REoutterDiv #bodyContainer #bodyText #reform {
	width: 300px;
	position: relative;
	left: 150px;
	text-align: right;
	background-color: #F3F3F3;
	padding: 20px;
}

#outterDiv #bodyContainer #bodyText #steps {
	border: 1px solid #2A00FF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px;
}
#outterDiv #bodyContainer #supportLinks p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00F;
}
#outterDiv #bodyContainer #supportLinks p a {
	color: #2A1FAA;
	text-decoration: underline;
	font-style: italic;
}



div#header	{
	position: absolute;
	background: #fff url(images/header_banner3.gif);
	width: 800px;
	height: 112px;
}

div#contact_info	{
	position: absolute;
	width: 400px;
	left: 430px;
	top: 35px;
	color: #FFF;
	font-size:18px;
}

div#topNav	{
	position: relative;
	width: 800px;
	height: 27px;
	top: 112px;
	background: #fff url(images/topNavbg.gif) repeat;
}

#home, #about, #services, #faq, #contractor, #contact	{
	font-weight: bold;
}

div#home	{
	position: absolute;
	top: 4px;
	left: 25px;
	width: 120px;
}
div#about	{
	position: absolute;
	top: 4px;
	left: 125px;
	width: 120px;
}
#services	{
	position: absolute;
	top: 4px;
	left: 225px;	
	width: 120px
}
#faq	{
	position: absolute;
	top: 4px;
	left: 325px;
	width: 120px;
}
#contractor	{
	position: absolute;
	top: 4px;
	left: 425px;
	width: 120px;	
}
#contact	{
	position: absolute;
	top: 4px;
	left: 525px;
	width: 220px;
}

#quickcontactform	{
	position: absolute;
	width: 199px;
	height: 249px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #000;
	background-color:#FFA;
	background-color:#F7F7F7;
	opacity:0.8;
	top:0px;
	left:592px;
	padding: 5px 10px 0 0;
	color: #808080;
	font-weight: bold;
	font-size: 14px;
}

div#shortformtitle	{
	position: absolute;
	top: 0;
	left: 593px;
	width: 208px;
	height: 27px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: url(images/topNavbg.gif) repeat;
	z-index: 1;	
	border: 1px solid #000;
	font-weight: bold;
	font-size: 14px;
	padding: 0;
}

.qq	{
	position: relative;
	font-weight: bold;
	font-size: 14px;
	top:5px;
	color: #FFF;
}
#assoc	{
	position: absolute;
	width: 100%;
	padding: 0 0 5px 10px;
	bottom: 0px;
}
	
div#headerBody	{
	position: absolute;
	top: 139px;
	color: #FFF; 
}

div#servicelinks	{
	position: relative;
	width: 800px;
	height: 350px;
	top: 375px;
}

.service	{
	position: absolute;
	width: 185px;
	height: 300px;
	top: 0px;
	background-color: #FFF;
	border: 1px solid #2A00FF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 12px;
	padding: 3px;
}

.serviceTitle	{
	border: 1px solid #EEE;
	height: 27px;
	width: 185px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: url(images/topNavbg.gif) repeat;
	z-index: 1;	
}

#bodyContainer	{
	position: relative;
	top: 300px;
	height: 600px;
}

div#bodyText	{
	position: absolute;
	width: 560px;
	top: 50px;
	font-size: 12px;
	padding: 10px;
	left: 100px;
	border: 1px solid #2A00FF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#supportLinks	{
	position: absolute;
	width: 206px;
	left: 580px;
	border: 1px solid #2A00FF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px;
	top: 50px;
}
#bottomNav	{
	Position:relative;
	Margin: 0 auto;
	padding: 0;
	width: 800px;
	line-height: .5em;
	left: 60px;
}
#bottomNav ul li	{
	float: left;
	top: 0;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#bhome	{
	position: absolute;
	top: 4px;
	left: 25px;
	width: 120px;
}
#babout	{
	position: absolute;
	top: 4px;
	left: 125px;
	width: 120px;
}
#bservices	{
	position: absolute;
	top: 4px;
	left: 225px;	
	width: 120px
}
#bfaq	{
	position: absolute;
	top: 4px;
	left: 325px;
	width: 120px;
}
#bcontractor	{
	position: absolute;
	top: 4px;
	left: 425px;
	width: 120px;	
}
#bcontact	{
	position: absolute;
	top: 4px;
	left: 525px;
	width: 220px;
}

#bsiteMap	{
	position: absolute;
	top: 4px;
	left: 625px;
	width: 220px;
}
#geo	{
	position: relative;
	width: 800px;
	margin: 10px auto;
	font-size: 10px;
	top: 25px;
}

a:link {
	color:white;
	text-decoration: none;
}
a:visited {
	color: white;
	text-decoration: none;
}
a:hover {
	color: #E0E1FE;
}

a:focus {
	color:yellow;
}

#bottomNav a:link	{
	color:#00F;
	text-decoration: none;
}
#bottomNav a:hover	{
	color:#808080;
	text-decoration: underline;
}
#bottomNav a:visited	{
	color:#00F;
	text-decoration: none;
}

.service a:link	{
	color:blue;
	text-decoration: underline;
}
.service a:hover	{
	color:#2A1FAA;
	text-decoration: none;
	font-weight: bold;
}
.service a:visited	{
	color: blue;
	text-decoration: underline;
}

/* ==== misc styles =====*/

.clear { clear: both }
#outterDiv #bodyContainer #supportLinks2 p a {
	font-size: 12px;
	font-style: normal;
	color: #00F;
	text-decoration: underline;
}
#serviceText {
	background-color: #00F;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	padding: 5px;
}
#rebodyContainer {
	position: relative;
	top: 350px;
	height: 600px;
}
#REoutterDiv #rebodyContainer #bodyText #reform {
	width: 380px;
	text-align: right;
}