html *{ margin:0; padding: 0;}

html{ background: url(../images/main_bg.gif) repeat-x 0 0;}

html, body{ height: 100%;}

body{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #333333; }

img{ border: none;}

p{ line-height: 18px; padding-bottom: 15px;}


h2{ font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 24px; line-height: 24px; color: #336600; letter-spacing: -1px; padding-bottom: 7px; margin-bottom: 12px; background: url(../images/dots.gif) bottom left repeat-x;  }

h3{ font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 16px; line-height: 16px; color: #336600;; margin-bottom: 12px; }

h4{	font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 18px; line-height: 24px; color: #336600; letter-spacing: -1px; padding-bottom: 7px; margin-bottom: 12px; background: url(../images/dots.gif) bottom left repeat-x;
}

h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	color: #336600;
	letter-spacing: -1px;
}

h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 30px;
	line-height: 30px;
	color: #99cc00;
	text-align:right;
}

.call {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	color: #ffffff;
}

/*///////////////// LINKS ///////////////////////*/
a{outline: none; color: #336600;}
	
a:link{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #336600; text-decoration: none;}

a:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #336600; text-decoration: none;}

a:hover { text-decoration: underline; }

a.menu:link, a.menu:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #97b511; text-decoration: none;}

/*///////////////// END LINKS ///////////////////////*/



/*///////////////// Clearing floats without extra markup ///////////////////////*/

.wrapper { display: inline-block; }

.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .wrapper { height: 1%; }

.wrapper { display: block; }

/*/////////////////  End Clearing floats without extra markup  ///////////////////////*/


/*///////////////// LAYOUT HOMEPAGE ///////////////////////*/

#page-wrapper{ width: 840px; margin: 0 auto -55px; min-height: 100%; height: auto !important; height: 100%;}
#header{ height: 123px; background: url(../images/header_bg.jpg) no-repeat 0 0;}
#content{ width: 840px; margin: 20px 0;}
#contentassessment{ width: 800px; margin: 20px 0;}
#content-top{ width: 840px; margin-bottom: 5px;}
#solutions{ float:left; width: 840px; margin-bottom: 5px; }
#overview{ width: 520px; margin-bottom: 5px; }
#about{ width: 264px; float: left;}
#push{ height: 55px;}
#footer{ height: 55px; background: url(../images/footer_bg.gif) repeat-x 0 0;}
#news, #centerpanel{ float: left; width: 270px; margin-right: 15px; overflow: hidden;}
.testimonials{float: right; width: 270px;}
.testimonials2{float: right; width: 260px; background-color:#ffffd9; padding-left:5px; padding-right:5px;}
.testimonials3{float: right; width: 260px; padding-left:5px; padding-right:5px;}
#footer-wrapper{ width: 840px; margin: 0 auto; padding-top: 20px;}
#footer-wrapper p{color: #5e5d5d; float: left; padding-bottom: 0;}
/*/////////////////END LAYOUT HOMEPAGE ///////////////////////*/

/*///////////////// HOMEPAGE NEWS ///////////////////////*/
.news-item{ width: 262px;}
.testimonial-item{ width: 520px;}
.date{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #336600; padding-bottom: 5px;}
.news-item img{ float: left; width: 70px; display: inline; border: 2px solid #202020; margin-right: 12px;}
.list-item img{ float: left; width: 95px; display: inline; margin-right: 12px;}
.list-item2 img{ float: left; width: 64px; display: inline; margin-right: 12px;}
.news-item div{ float: left; width: 170px;}
.testimonial-item img{ float: left; width: 70px; display: inline; border: 2px solid #202020; margin-right: 12px;}
.testimonial-item div{ float: left; width: 420px; margin-bottom: 15px;}
.doc-item img{ float: left; width: 41px; display: inline; margin-right: 12px;}
.doc-item div{ float: left; width: 430px; margin-bottom:10px; }
/*///////////////// END HOMEPAGE NEWS ///////////////////////*/

/*///////////////// HOMEPAGE SERVICES ///////////////////////*/
#centerpanel ul{list-style: none; margin-bottom: 45px; }
#centerpanel ul li{ font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #6c6b6b;;padding-left: 27px; background: url(../images/services_arrow.gif) top left no-repeat; margin-bottom: 15px; }

#photos {
	padding:5px;	
}

.services {
	float:left;
	width:390px;
}

.services ul{
	list-style: none;
	
}
.services ul li{
	padding-left: 35px;
	background: url(../images/services_arrow.gif) top left no-repeat;
	background-position: 0 .2em;
	margin-bottom: 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #336600;
}

.services2 {
	float:right;
	width:406px;
	height:0px;
}

#services2a {
	float:left;
	width:406px;
	height:0px;
}

.benefits {
	float:left;
	width:520px;
}

.benefits ul{
	list-style: none;
	
}
.benefits ul li{
	padding-left: 35px;
	background: url(../images/services_arrow.gif) top left no-repeat;
	background-position: 0 .2em;
	margin-bottom: 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #336600;
}

.txt {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #333333;
	line-height:20px;
}

.txt2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #333333;
}

.txt3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #336600;
}

.txt4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
}

.col1 {
	float:left;
	padding-bottom: 10px;
	width:250px;
}

.col2 {
	background-color:#CCC;
	float:left;
	padding-bottom: 10px;
	width:550px;
	height:0px;
}

.col3 {
	float:left;
	padding-bottom: 10px;
	width:300px;
}

.col4 {
	width:450px;
	padding-bottom: 10px;
}

#logoTXT {
	float:left;
	position:absolute;
	top:95px;
	text-indent:35px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color:#FFF;
}


p.more{ background: url(../images/double_dots.gif) top left repeat-x; width: 99%; font-size: 14px; padding: 4px;}
p.more a{ background: url(../images/more-arrow.gif) no-repeat 0 50%; padding-left: 20px; display: block}

/*///////////////// END HOMEPAGE SERVICES //////////////////*/


blockquote p.text{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 20px; color:#333333; width: 99%; background: url(../images/quotes.gif) top left no-repeat; padding-top: 10px; padding-bottom: 5px; text-indent: 15px;}
blockquote p.text2{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 20px; color:#333333; width: 99%; background: url(../images/quotes.gif) top left no-repeat; padding-top: 10px; padding-bottom: 5px; text-indent: 15px;}
blockquote p.text:first-letter{ font-size: 19px; font-weight: bold; padding-right: 1px; font-style: italic;}
blockquote p.name{text-align: right; font-weight: bold; color:#6c6b6b;}

/*///////////////// LOGO AND SEARCH ///////////////////////*/
#logo-container{ float: left; width: 400px; }
#logo-container small{ padding: 0; margin: 0;}
h1#logo { width: 319px; height: 100px; text-indent:-9000px; background: url(../images/SCTFleetLogo.png) no-repeat 0 0; margin-top:18px; padding:0;}
h1 a { height:50px; display:block; text-decoration:none;}
h1 a:hover { text-decoration:none; background:transparent;}
#search{ float: right; margin-top: 42px; margin-right: 10px; display: inline;}
#search input{ width: 210px; padding: 3px 4px; background: #131313; border: 1px solid #444444; color: #716f6f;}
#search .btn{ width: 38px;  height: 23px; background: url(../images/search_btn.gif) no-repeat 0 0; border: none; cursor: pointer;}

/*///////////////// END LOGO AND SEARCH ///////////////////////*/


/*///////////////// NAVIGATION ///////////////////////*/

#navigation{ height: 39px; background: url(../images/divider.gif) no-repeat top left; padding-left: 2px;}
#navigation ul{ }	
#navigation ul li{ display: inline; height: 39px; font-size: 12px; text-transform:uppercase; }
#navigation ul li a{ float: left; padding: 0 20px; display: block; line-height: 39px; background: url(../images/divider.gif) no-repeat top right; color: #FF9;}
#navigation ul li a:hover{ background-color: #339900; text-decoration: none;}

/*///////////////// END NAVIGATION ///////////////////////*/

#about p.more-button{ height: 24px; padding: 0; }
#about p.more-button a{  background: url(../images/read_more.gif) no-repeat top left; padding: 5px 35px 4px 35px; line-height: 24px; color: #d2eb5b;}


/*///////////////// FOOTER NAVIGATION ///////////////////////*/

#footer-nav{ float: right;}
#footer-nav li{list-style: none;font-size: 12px; float: left; padding-left: 12px; padding-right: 12px;	background: transparent url(../images/divider_nav_bottom.gif) no-repeat 0 50%;}
#footer-nav li.first{ background: none;}
#footer-nav a:link, #footer-nav a:visited{  text-decoration: none; font-weight: normal; }
#footer-nav a:hover{text-decoration: underline;}

/*///////////////// ABOUT PAGE ///////////////////////*/
#content-left{ float: left; width: 520px; margin-right: 28px; display: inline;}
#content-left2{ float: left; width: 750px; margin-right: 28px; display: inline;}
#content-right{ width: 270px; float: left;}
.about-single{ width: 99%; border-bottom: 1px solid #d1d1d1; margin-bottom: 15px;}
.photo img{ float: left; width: 70px; display: inline; border: 5px solid #202020; margin-right: 20px;}
.description{float: left; width: 80%;}
.role{ font-family: Georgia, "Times New Roman", Times, serif; color: #6c6b6b; padding-bottom: 5px;}
.role em{ color: #939292;}

/*///////////////// END ABOUT PAGE ///////////////////////*/


/*///////////////// SERVICES PAGE ///////////////////////*/

ul.service-client{list-style: none; margin-bottom: 25px; margin-left: 20px; }
ul.service-client li{ padding-left: 27px; background: url(../images/services_arrow.gif) top left no-repeat; margin-bottom: 15px; color:#6c6b6b; }

/*///////////////// END SERVICES PAGE ///////////////////////*/

/*///////////////// CONTACTS PAGE ///////////////////////*/

/*contact form */
fieldset{ border: none; width: 650px; margin-top: 10px; }

fieldset legend { display: none}


form p{ padding-bottom: 0;}
/* Label */
label
{ width: 140px; margin: 5px; text-align: left; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color: #6c6b6b; }

.required{ color: #97b511;}

/* Input, Textarea */
input, textarea
{ border: 1px solid #060; background: #eeeded; width: 200px; margin: 5px; padding: 3px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; text-align: left; vertical-align: middle; }

textarea{width: 400px; height: 70px; margin-bottom: 10px;}

input:focus, textarea:focus{ border: 1px solid #97b511;}

input.button{ background: url(../images/read_more.gif) no-repeat; text-align:center; width: 122px; height: 34px; padding-bottom: 15px; border: none; color: #d2eb5b; cursor: pointer; }
input.button:hover{ border: none;}
.notification_error{ padding: 5px; border: 1px solid #dddddd;
background: #eeeded; color: #a5041e;}

.notification_ok{padding: 5px; border: 1px solid #dddddd;
background: #eeeded; color: #7e9711; }

.textboxSML {
	height: auto;
	width: 100px;
	border: 1px solid #dddddd;
	background-color: #eeeded;
	border-color: #336600;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	text-align: left;
	vertical-align: middle; 
	margin: 5px;
	padding: 3px; 
	}

.textboxASMT {
	height: auto;
	width: 250px;
	border: 1px solid #dddddd;
	background-color: #eeeded;
	border-color: #336600;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	text-align: left;
	vertical-align: middle; 
	margin: 5px;
	padding: 3px; 
	}

.dropbox {
	height: auto;
	width: 200px;
	border: 1px solid #dddddd;
	background-color: #eeeded;
	border-color: #336600;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	text-align: left;
	vertical-align: middle; 
	margin: 5px;
	padding: 3px; 
	}

.dropboxSML {
	height: auto;
	width: 100px;
	border: 1px solid #dddddd;
	background-color: #eeeded;
	border-color: #336600;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	text-align: left;
	vertical-align: middle; 
	margin: 5px;
	padding: 3px; 
	}

.checkboxCSS {
	height: auto;
	width: 30px;
	border: 0px solid #FFFFFF;
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	margin: 5px;
	padding: 0px; 
	}

/* end contact form */

/*contact details*/
.contact-details p{ color: #6C6B6B;}

/*end contact details*/
/*///////////////// END CONTACTS PAGE ///////////////////////*/

/*///////////////// NEWS PAGE ///////////////////////*/
.news-single{ margin-bottom: 15px; border-bottom: 1px solid #d1d1d1;}
.news-single h3{ margin-bottom: 5px;}

.single{ width:520px; margin-bottom: 15px;}
.single h3{ margin-bottom: 5px;}
/*///////////////// END NEWS PAGE ///////////////////////*/
#tim {
	position:relative;
	top:-120px;
}

#truck {
	position:relative;
	left:0px;
	top:0px;
	width:520px;
	height:177px;
	background-image:url(../images/worktruck.png);
	background-position:top:0px;
	background-repeat:no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 24px;
	text-align:right;
	line-height: 28px;
	color: #336600;
	letter-spacing: -1px;	
}

#certtruck {
	position:relative;
	left:0px;
	top:0px;
	width:520px;
	height:177px;
	background-image:url(../images/worktruckcertified.png);
	background-position:top:0px;
	background-repeat:no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 24px;
	text-align:right;
	line-height: 28px;
	color: #336600;
	letter-spacing: -1px;	
}

.tabletxt {
	color:#060;
	border-top-color:#060;
}
