@charset "utf-8";
/* CSS Document */

/* Generic Styles */

body {
	background: #ffffff;
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	line-height: 25px;
}

h1 {
	font-family: arial, sans-serif;
	font-size: 12px;
	padding: 3px 0 0 20px;
	font-weight: bold;
	color: #ffffff;
}

h2 {
	font-family: arial, sans-serif;
	font-size: 16px;
	margin: 5px 0 5px 18px;
}

h3 {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 0 15px;
}
p {
	color: #282828;
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	line-height: 150%;
	margin: 10px 18px 15px 18px;
}

a {
	color: #282828;
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

p.footerleft{
	float: left;
	width: 400px;
	color: #282828;
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
	margin: 5px 0 0 20px;
}

p.footerright{
	float: right;
	width: 140px;
	color: #282828;
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
	margin: 5px 20px 0 0;
}

p.contact {
	color: #282828;
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	margin-left: 60px;
}

a.footer {
	color: #282828;
	font-size: 11px;
	text-decoration: none;
}

a.footer:hover {
	text-decoration: underline;
}

/* MAIN */

#container {
	margin: auto;
	width: 1000px;
	height: 100%;
	background: #ffffff;
}

/* HEADER */

#header {
	margin: auto;
	height: 120px;
	width: 1000px;
}

#topbg {
	background: #282828;
	height:8px;
}

#logo img {
	float: left;
}

#mainheader {
	width: 1000px;
	height: 71px;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 10px;
}

#logos img {
	float: right;
	margin: 10px 10px 0 0;
}

/* NAVIGATION */

#nav li {
	float: left;
	width: 1000px;
	text-align: center;
	height: 20px;
	list-style-type: none;
	margin-right: 10px;
	border-bottom: 5px solid #282828;
}

#nav li.small {
	width: 80px;
}

#nav li.medium {
	width: 95px;
}

#nav li.large {
	width: 120px;
}

#nav li.currentsmall a{
	color: #8b8b8b;
}

#nav li.currentmedium a{
	color: #8b8b8b;
}

#nav li.currentlarge a{
	color: #8b8b8b;
}

#nav li.currentsmall {
	width: 80px;
	border-bottom: 5px solid #8b8b8b;
	font-weight: bold;
}

#nav li.currentmedium {
	width: 95px;
	border-bottom: 5px solid #8b8b8b;
	font-weight: bold;
}

#nav li.currentlarge {
	width: 120px;
	border-bottom: 5px solid #8b8b8b;
	font-weight: bold;
}

#nav li a {
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	color: #282828;
	text-decoration: none;
}

#nav li a:hover {
	color: #8b8b8b;
}

#nav li:hover {
	border-bottom: 5px solid #8b8b8b;
	font-weight: bold;
}

/***** MAIN CONTENT SECTION *****/

/** Banners **/

#slider {
	width:1010px;
	height: 364px;
	background:url('../jquery/loading.gif') no-repeat 50% 50%;
	margin: 10px 0 15px 5px;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#subbanner img {
	margin-left: 15px;
	margin-top: 5px;
	width: 710px;
	height: 220px;
}

.rounded {
	background: #282828;
	width: 710px;
	height: 30px;
	margin: 10px 0 10px 15px;
}
.rounded .l{
	float: left;
	width: 6px;
}

.rounded .r{
	float: right;
	width: 6px;
}

.roundedsecondary .l{
	float: left;
	width: 6px;
}

.roundedsecondary .r{
	float: right;
	width: 6px;
}

.roundedsecondary {
	background: #282828;
	width: 220px;
	height: 30px;
	margin: 10px 0 10px 10px;	
}

#smallbanner {
	width: 716px;
	height: 141px;
	margin: 10px 0 10px 15px;
}

#cornerimage {
	float: right;
	width: 344px;
	margin: 10px 10px 0 10px;
}

/** Content **/

#primarycontent {
	float: left;
	width: 743px;
	margin: auto;
	border: 1px solid #d1d1d1;  
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	-khtml-border-radius: 5px;  
	border-radius: 7px;
}

#lefttextbox {
	float: left;
	width: 366px;
	height: auto;
}

#righttextbox {
	float: right;
	width: 366px;
	height: auto;
}

#secondarycontent {
	float: right;
	width: 240px;
	height: 100%;
	margin: auto;
	border: 1px solid #d1d1d1;  
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	-khtml-border-radius: 5px;  
	border-radius: 7px;
}

#contentleft {
	float: left;
	width: 320px;
	margin: auto;
}

#contentright img{
	float: right;
	width: 400px;
	margin: 0 23px 33px 0;
}

.subimage {
	width: 211px;
	height: 121px;
	margin-left: 15px;
	padding-bottom: 10px;
	padding-top: 10px
}

.getaquote  img{
	margin-top: 20px;
	margin-left: 35px;
	margin-bottom: 20px;
}

li.bullet {
	margin: 5px 0 5px 50px;
}

li.bullet2 {
	margin: 5px 0 -13px 50px;
}

#bullets {
	width: 370px;
	padding-bottom: 15px;
}

/** Spacers **/

.spacer900 {
	background: #282828;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 6px;
	width: 1000px;
}

.spacer210 img {
	width: 210px;
	height: 1px;
	margin-left: 15px;
	padding: 5px 0 5px 0;
}

.pspacer img {
	width: auto;
	height: 1px;
	margin: 10px 0 0 15px;
}

.spacergrey {
	background: #c0c0c0;
	width: 1000px;
	height: 3px;
	margin: 0 0 10px 0;
}

/**PREVIOUS PROJECT STYLING**/

#categories {
	float: left;
	width: 180px;
	margin-left: 15px;
}

#previousnav li {
	list-style-type: none;
	border-bottom: 1px dotted #8b8b8b;
}

#previousnav li a {
	font-family: arial, tahoma, sans-serif;
	font-size: 12px;
	color: #282828;
	text-decoration: none;
}

#previousnav li a:hover {
	color: #8b8b8b;
	text-decoration: underline;
}

/** FOOTER **/

.footer {
   width:1000px;
   height:25px;
   padding-bottom: 10px;
}

/**FORM**/

#fakeform {
	margin: 5px 0 5px 10px;
}

/*Quick Contact Form Styles*/

#QuickcontFrm {
  display: block;
  width: 193px;
  border: none;
  padding-left: 10px;
  
}

/* and now the form formatting itself */
#QuickcontFrm label {
  display: block;
  line-height: 20px;
  color: #4a4a4a;
  font-size: 12px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-align:left;
  padding-top: 10px;
}

#QuickcontFrm input, #QuickcontFrm textarea, #QuickcontFrm select {
  margin: 0;
  padding: 5px;
  font-size: 12px;
  color: #666666;
  background: #F5F5F5;
  border: 1px solid #ccc;
  margin: 0px;
}   

#QuickcontFrm input:focus, #QuickcontFrm textarea:focus, #QuickcontFrm select:focus {
  border: 1px solid #999;
  background-color: #ffffff;
}

#QuickcontFrm input.button {
  cursor: pointer;
  border: medium none;
  font-weight: bold;
  background: url('../images/submit.png') no-repeat left top;
  width: 50px;
  height: 15px;
  margin-left: 135px;
  margin-top: 5px;
}

#QuickcontFrm span.required{
  font-size: 12px !important;
  color: red !important;
}

.quickerrormsg {
  display: block;
  width: 140px;
  height: auto;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url('../images/stop.gif') no-repeat 10px center;
  margin: 10px 0 0 25px;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-left:20px; padding-right:10px; padding-top:3px; padding-bottom:3px
}

.quickmsgSent{
  font-size: 20px;
  text-align: center;
}