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

/* Cloud header image by tico24 at http://flickr.com/photos/tico24/ */

body {
width:100%;
height:100%;
/*background:#000000 url(images/bricks.jpg) bottom left no-repeat;*/
background-color:#000000;
border:0;
padding:0;
margin:0;
/* MSIE 5 doesn't center based on auto left/right margins, but 'text-align:center' does center top-level divs: */
text-align: center;
/* Specify a min-width for the body as wide as the 'wrapper' element itself. This prevents negative (i.e. inaccessible) left-margins in narrow browser windows when using Navigator 6+/Mozilla on Win32: */
min-width: 800px; 
}

#main{
/* Reset alignment to compensate for 'text-align:center': */
text-align: left;
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top:30px;
height:100%;
font:12pt Verdana, Arial, Helvetica, sans-serif ;
color: #999999;

}

#logo {
position:absolute;
top:70px;
right:10px;
width: 670px;
height: 85px;
background:  url('images/1st choice inspection logo.png') no-repeat;
z-index:auto;
}

#logo span {
display: none;
}

#titlelogo span {
display:none;
}

#fourbox {

}

#header{
width:100%;
height:300px;
background: #000000 url('images/header.jpg') repeat-x; 
}

.leftbox {
width:396px;
height:400px;
float:left;
/*border:thin dashed #FFFFFF;*/
}

.leftbox p{
margin-left:210px;
}

.rightbox p{
margin-left:210px;
}

.leftbox img {
float:left;
margin-top:30px;
margin-left:10px;
width:175px;
}

.rightbox img {
float:left;
margin-top:30px;
margin-left:10px;
width:175px;
}

.rightbox {
width:396px;
height:400px;
float:right;
/*border:thin dotted #FFFFFF;*/
}

#footer{
position: relative; 
border-top:1px solid #FFFFFF;
color:#ffffff;
font:10px Verdana, Arial, Helvetica, sans-serif;
margin-bottom:50px;
margin-top:50px;
}

#footer a{
text-decoration:none;
color:#FFFFFF;
}

#footer a:hover{
color: #0000FF;
}

#designed{
border-bottom:1px dotted #fff;
border-color:#006600;
}

#designed a:hover{
border-bottom:1px dotted #fff;
border-color:#ffffff;
color:#006600;
}

#bright{
font-weight:bold;
color:#FFFFFF;
}

#green{
color:#006600;
}

#green:hover{
color: #0000FF;
}
#footleft{
float:left;
}

#footright{
float:right;
}

#footcenter{
position: absolute;
bottom: -30px;     
width: 20%;   
left: 40%;
right: 40%;
margin-left: auto;
margin-right: auto;

}

.clear {
clear:both;
}

img {
border:none;
}

#fourbox p{
font-size:10pt;
}

.testimonial{
font-style:italic; 
}

.more {
bottom:0px;
left:0px;
}

#fourbox h3 a{
font:30px Geneva, Arial, Helvetica, sans-serif ;
}

.more a{
color: #0099FF;
}

.name {
float:right;
padding-bottom:30px;
}

/*--------Color of --------*/
.color2 a{
color:#CC9900;
text-decoration: none;
}

.color1 a{
color:#0000FF;
text-decoration: none;
}

a:hover {
color:#FFFFFF;
}

a {
color:#0099FF;
}

#footright a:hover{
color:#006600;
}


/*--------Nav List--------*/
	
#navcontainer{
position:absolute;
top:275px;
left:150px;
margin-left:auto;
margin-right:auto;
}

#navcontainer a{
display: block;
text-decoration: none;
font: bold 18px verdana;
color: #fff;
width: 179px;
height: 34px;
float: left;
display: inline;
margin-right:20px;
background-image:url('images/menuback.png');
background-repeat: no-repeat;
padding-top: 4px;
text-align:center;
text-transform:uppercase;
}

#navcontainer a:hover{
background-image: url('images/menubackdown.png');
color:#000000;
}

.mininav a{
display: block;
text-decoration: none;
font: bold 18px verdana;
color: #fff;
width: 245px;
height: 52px;
float: left;
display: inline;
margin-right:20px;
background-image:url('images/mininavback.png');
background-repeat: no-repeat;
padding-top: 14px;
padding-left:15px;
text-align:center;
text-transform:uppercase;
}

.mininav a:hover{
background-image: url('images/mininavbackdown.png');
color:#000000;
}

#grassslogan {
position:absolute;
top:320px;
right:25px;
float:right;
font: 14px Geneva, Arial, Helvetica, sans-serif;
}

.label {
position:absolute;
top: 325px;
right:25px;
float:right;
}

#center{
width:650px;
margin-top:100px;
}

.textright{
float:right;
margin-left:10px;
margin-bottom:10px;
}


.headlines {
color:#CC9900;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:22px;
font-weight:200;
}


#th {
font-family:arial;
padding-bottom:200px;
}

#homelink {
position:absolute;
width:1200px;
height:250px;
top:0px;
left:0px;
}


#related{
margin-top:200px;
}

/* contact form */

#fcf2 {
font-family:arial;
font-size:11px;
margin:5px;
border:1px solid #3D5686;
background-color:#FFF;
width:450px;
}
#fcf2 h3 {
font-size:1.5em;
background-color:#3D5686;
color:#FFFFFF;
font-weight:bold;
padding:4px;
margin:0px;
}
#fcf2 p {
text-align:center;
padding:8px;
}
#fcf2 em {
color:#F00;
}
#fcf2 div.r {
clear: both;
padding-top: 5px;
background-color:#FFF;
}
#fcf2 label {
float: left;
width: 100px;
text-align: right;
}
#fcf2 span.f {
float: right;
width: 335px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:bold;
}
#fcf2 input, #fcf2 textarea {
background: #FFF;
border:1px solid #000;
padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
background: #f2f2f2;
border:1px solid #3D5686;
}
#clientbutton{
margin-top:20px;
}

.video{
margin-top:150px;
}