@charset "UTF-8";
/* CSS Document */
html{
	background:('/pics/bg.gif');
	background:url(/pics/bg.gif);
	text-align:center;
}
body{margin:0; padding:0;

	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2em;
	font-size:.8em;}
div#wrapper_index, div#wrapper{
	width:918px;
	margin:0 auto;
}
div#wrapper_index{
	background:url('/pics/wrapper_bg.gif') 9px 9px;
}
div#wrapper{
	background:url('/pics/wrapper_bg2.gif') 9px 9px;
}
div#inner_wrapper{
	margin: 0 9px 0 9px;
	padding-top: 43px;
	background:url('/pics/inner_wrapper_bg.gif') repeat-x;
}


b {
   color: #eb880f;	
}

p {
   margin:0;
   padding-left: 14px;
   padding-right: 14px;
}

a{
	color:#333;
	font-weight:bold;
}
form{
	margin: 0;

}
input{
	margin:0;
}
textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	padding: 4px;
}
.textInput{
	border: 1px solid #ddd;
	padding: 4px;
}


/*****************************************  NAVIGATION   */
div#header{
	width:900px; height:179px;
	margin:0 auto; padding:0;
	background:url('/pics/header_bg.gif') bottom;
	border-bottom: 1px solid #e9e9e9;
}
div#logo{
	height: 136px;
	margin-bottom: 10px;
	background:url('/pics/logo.gif') no-repeat;
}
ul#nav{
	width:720px;
	margin:0 auto; padding:0;
	list-style:none;
	background:url('/pics/header_abg.gif');
	display: table;
}
ul#nav li{
	width:144px;
	float:left;
}
ul#nav li a{
	text-decoration:none;
	color:#fff;
	font-weight:lighter;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:2px;
}
ul#nav li a:hover{
	text-decoration:underline;
	color:#faa51a;
}

/*****************************************  CONTENT INDEX   */
div#content_index, div#content{
	width:900px;
	padding:0 0 0 0;
	margin:0 auto;
	text-align:left;
}
div#content_index {
	margin-top: 16px;
}

h1{ display:none;}
	
div#leftIndex{
	width:256px;
	float:left;}
	
div#rightIndex{
	width:644px;
	float:left;
}

/******************************************   Left Side  */
/***********************  QLINKS (FEATURES)   */
div#features{
	width:214px;
	margin:0 0 0 16px;
	padding:0 0 25px 0;
	background:url('/pics/features_footer.gif') bottom no-repeat;
}
div#features h2{
	height:0; width:0;
	margin:0; padding:0 0 26px 214px;
	overflow:hidden;
	background:url('/pics/features_header.gif');
}
div#features ul{
	margin:0; padding:0;
	list-style:none;
}
div#features ul li{
	display:block;
	height:0; width:0;
	margin:0; 
	overflow:hidden;
}
div#features ul li#l1{padding:0 0 71px 214px; background:url('/pics/features_1.gif');}
div#features ul li#l2{padding:0 0 61px 214px; background:url('/pics/features_2.gif');}
div#features ul li#l3{padding:0 0 61px 214px; background:url('/pics/features_3.gif');}
div#features ul li#l4{padding:0 0 61px 214px; background:url('/pics/features_4.gif');}
div#features ul li#l5{padding:0 0 75px 214px; background:url('/pics/features_5.gif');}
div#features ul li#l6{padding:0 0 65px 214px; background:url('/pics/features_6.gif');}
div#features ul li#l7{padding:0 0 75px 214px; background:url('/pics/features_7.gif');}

/***********************  QLINKS (PUNCHLISTER)   */
div#punchlister{
	width:214px; 
	margin:0 0 9px 16px;
	padding:0 0 25px 0;
	background:url('/pics/features_footer.gif') bottom;
}
div#punchlister h2{
	height:0; width:0;
	margin:0; padding:0 0 47px 214px;
	overflow:hidden;
	background:url('/pics/punchlister_header.gif');
}
div#punchlisterText{
	background:url('/pics/punchlister_bg.gif');
	padding:0 9px;
}
div#punchlister ol{
	margin-left:-18px;_margin-left:18px;
}
/******************************************   Overview  */
div#processOverview{
	width:636px;
	padding:0 0 26px 0;;
	background:url('/pics/process_overview_footer.gif') bottom;
}
div#processOverview h2{
	height:0; width:0;
	margin:0; padding:0 0 47px 636px;
	overflow:hidden;
	background:url('/pics/process_overview_header.gif');
}
div#processOverviewText{
	background:url('/pics/overview_bg.gif');
	padding: 0 15px;
}
/******************************************   OverSimplified  */
div#oversimplified{
	width:636px;
	padding:0 0 20px 0;;
	background:url('/pics/oversimplified_footer.gif') bottom;
}
div#oversimplified h2{
	height:0; width:0;
	margin:0; padding:0 0 20px 638px;
	overflow:hidden;
	background:url('/pics/oversimplified_header.gif');
}
div#oversimplifiedText{
	background:url('/pics/oversimplified_bg.gif');
	padding: 0 15px;
	
}

/*******************************************   CONTENT   */
div.pageTitle{
    font-weight: bold;
	position: absolute;
	width: 884px;
	background: url('/pics/page_title.gif') no-repeat;
	padding: 6px 0 6px 24px;
	margin: -27px 0 0 0;
	color: #2d2d2d;
	font-family: Arial;
	font-size: 14px;
}
div.pageFooter_index {display:none;}
div.pageFooter {
	clear: both;
	position: absolute;
	width: 884px;
	background: url('/pics/page_footer.gif') no-repeat;
	height: 30px;
}
div#content {
	padding-bottom: 30px;
	background: url('/pics/content_bg.gif') repeat-y;
	display: table;
}
div#contentPadder {
	padding: 0 16px;
	height: 100%;
	display: table;
}
div#content #left {
	clear: both;
	width: 665px;
	border: 0px red dashed;
	float: left;
	padding-top: 5px;
	border-right: 3px solid #979797;
	margin-top: 20px;
}
div#content #right {
	width: 200px;
	border: 0px green dashed;
	float: left;
	padding-top: 25px;
}
div#content h3{ margin:18px 0 9px 12px;}
div#content p{margin:9px 18px 0 9px; line-height:1.5em;}
a{
	color:#333;
	font-weight:bold;
}

/*******************************************   CONTACT   */
div#contactText{
	width:500px;
	margin:0 auto;padding:0;
	display: block;
}
p#contactText{
	margin:0;
}
dl#contact{
	width:400px;
	margin:0 auto; padding:0;
	list-style:none;
}
dl#contact dt, dl#contact dd{
	float: left;
	margin: 5px 0 0 0; 
	padding: 0;
}
dl#contact dt{
	width: 95px;
	text-align: right;
	font-weight: bold;
	padding-right:  5px;
}
dl#contact dd{
	width:300px;
	text-align: left;
}
dl#contact dd .textInput{
	width: 96%;
}
dl#contact dd textarea.textInput{height: 150px;}
div.contactInfo{
	margin:0 0 20px 10px;
	line-height:1.5em;
}
div.contactInfo ul{
	margin:0;
	padding:0;
	list-style: none;
	width:  100%;
}
div.contactInfo ul li {color:#555;}
div.contactInfo ul li strong {color: #333;}

/*****************************************  FOOTER   */
div#footer{
	width:900px; height:79px;
	margin:0 auto;
	background:url('/pics/footer_bg.gif');
}
div#footer *{ display:none;}