/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Scott Services
Last change:	06/17/08 
Assigned to:	Cedric Weatherly
Changes:		Adjusted H1
-------------------------------------------------------------------*/

/* Reset Styles */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, 
a, em, font, img, strong, sub, sup,ol, ul, li, fieldset, 
form, label, legend, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:link img, :visited img {border: 0;}
table {border-collapse:collapse; border-spacing:0;}
ol,ul {list-style:none;}

#content ol, #content ul {list-style:outside; margin-left:10px;}
p {line-height: 1.7em;}

/*-------------sIFR Styles------------------------------------*/
h1{height:22px; font-size:18px; }
h2{ font:1.1em Arial, Helvetica, sans-serif; color:#2a466e; font-weight:bold; line-height:1.7em;}
h3{height:18px; font-size:14px;}
h4 {font-size: 1.2em; color:#00a4cc;}

/*-------------------------------------------------------------*/

/* structure */
html, body {height:100%;}
body { background: url(../images/bkgrd.jpg) repeat-x; font:.80em/1.7em Arial, Helvetica, sans-serif; color:#2a466e;}
a {text-decoration:underline; color:#000; }
a:hover {color:#fff; background:#b92823; text-decoration:none;}
#container, #footer {width:100%}
#container {
min-height: 100%;
margin-bottom: -72px;/*negative reflection of footer height*/
position: relative;
}

#container2, #footercontent {
	width:872px;
	position:relative;
	left:50%;
	margin-left:-436px;
}

#header {width:854px;height:110px; background:url(../images/header_bkgrd.jpg) no-repeat; padding-left:18px; padding-top:14px; float:left;}
	
	#logo {width:183px; height:63px; background:url(../images/scottlogo1.jpg) no-repeat; margin-right:37px; float:left;}
	#logo a {display:block; width:183px; height:85px;}
	#logo span {display:none}
	
	#topnav {
		 width:242px;
		 height:90px;
		 float:left;
		 
	 }
			    #topnav ul, #topnav li a {display:block;}
				#topnav li {list-style: none; float:left;}  
				#topnav li a {text-decoration:none;}
				#topnav li span {display:none;} 	
				
				a.home{
					width:47px;
					height:83px;
					background: url(../images/nav/nav_home.jpg);
				}
				
				a.about{
					width:58px;
					height:83px;
					background: url(../images/nav/nav_about.jpg);
				}
				
				a.staff{
					width:52px;
					height:83px;
					background: url(../images/nav/nav_staff.jpg);
				}
				
				a.contact{
					width:85px;
					height:83px;
					background: url(../images/nav/nav_contactus.jpg);
				}
				
				a.home:hover, a.about:hover, a.staff:hover, a.contact:hover{background-position: 0% -97px;}
				
				#van {width:392px; height:76px; background:url(../images/van_bkgrd.jpg) no-repeat; float:left;}
				
				#subnav { width:183px;
						  height:109px;
						  padding-left: 18px;
						  margin-right: 37px;
						  float:left;	
							  
				}
				
				#subnav ul, #subnav li a {display:block;}
				#subnav li {list-style: none;}  
				#subnav li a {text-decoration:none;}
				#subnav li span {display:none;} 
				
				a.services{
					width:183px;
					height:31px;
					background: url(../images/nav/subnav_services.jpg);
				}
				
				a.casestudies{
					width:183px;
					height:27px;
					background: url(../images/nav/subnav_casestudies.jpg);
				}
				
				a.fleet{
					width:183px;
					height:26px;
					background: url(../images/nav/subnav_fleet.jpg);
				}
				
				a.career{
					width:183px;
					height:25px;
					background: url(../images/nav/subnav_career.jpg);
				}
				
				a.services:hover, a.casestudies:hover, a.fleet:hover, a.career:hover{background-position: -183px 0%;}
			
			#servicecall {margin-top: 0;}
			#servicecall a {display:block; height:67px;}
			#servicecall a span {display:none;}
			a.servicecall {width:183px; height:67px; background: url(../images/servicecall_link.jpg) no-repeat;}
			a.servicecall:hover {background-position: 0% -67px;}

#content {
		width:634px;
		padding-top:4px;
		float:left;
	}

	#content li { list-style: none;}

#slidearea {
	width: 624px;
	height:230px;
	padding-left:10px;
	padding-bottom:15px;
	background:url(../images/slide_bg.jpg) no-repeat bottom;
}


/*------------------------------------------------------------------------------------------------------------------------*/	
/* footer */
.clearfooter {
height: 85px;/*positive reflection of container margin bottom*/
clear: both;
}


#footer {
height: 72px;/*positive reflection of container margin bottom*/
position: relative;
background:#2a456e;
}
			
			#footercontent {
				width:872px;
				position:relative;
				left:50%;
				margin-left:-436px;
				padding-top: 10px;
				color: #fff;	
				font:.80em/1.7em Arial, Helvetica, sans-serif;	
			}	
			
					#fcol1{ 
						width: 410px; 
						height:30px; float:left; 
						background:url(../images/logo_footer1.jpg) no-repeat left; 
						padding-left: 110px;
						padding-top: 10px; 
					}
					
					#fcol2{width: 352px; height:40px; float:left; text-align:right;}
			
			#footercontent a {color:#fff; text-decoration:none; }
			#footercontent a:hover {background:#b92823;}
			
			
/* Classes */	
.paragraphsize {font: 0.9em Arial, Helvetica, sans-serif; line-height: 1.6em; color: #000;}
.boldme{font-weight:bold;}
.pushlt24{margin-left:24px;}
.teeny {font: 0.75em Arial, Helvetica, sans-serif;color: #000;}

.paragraphsizebold { font: 0.9em Arial, Helvetica, sans-serif; font-weight:bold; line-height: 1.6em; color: #000;}

.imagelink {border: none; text-decoration: none; background: none;}

hr {border: none 0; border-top: 1px solid #79b2d0; width: 100%; height: 0; margin-top: 10px; margin-bottom: 10px;}
.hrblk {border-top-color:#000 !important;}
.iconspacing {margin-right: 5px;}
.contactrequired {color:#FF0000;}
.headermargin {margin-bottom:10px;}

.black{color:#000;}

.tbl1col, .tbl2col, .tbl3col, .tbl5col  { 
	width: 100%; 
	border: none;	
}
.tbl1col td, .tbl2col td, .tbl3col td { padding: 10px; }
.tbl2col td { width: 50%; }
.tbl3col td { width: 33%; }
.tbl5col td { width: 33%;}


.tbl1col td td, .tbl2col td td, .tbl3col td td { padding: 0; }
.linknoborder {border:none;}
.staffcol1{height:75px; width:300px; float:left;}

/*Icons*/
.stafficon {
   padding-left: 24px;
   background: transparent url(../images/staff_icon.jpg)  no-repeat center left;
   border:none;   
}

.viewmoreicon {
   padding-left: 24px;
   background: transparent  url(../images/viewmore_icon.gif)  no-repeat center left;
   border:none;   
}
.marbot15{margin-bottom:15px;}
.marbot10{margin-bottom:10px;}
.marbot5{margin-bottom:5px;}
.marlt10{margin-left:10px;}
.nolinkbg:hover{background:none;}
.clear{clear:both;}

	
	.tab{
	background: url(../images/tab_right.jpg) right ;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-decoration:none;
	padding-right: 127px;
	float:left;
}
.tab span{
	background: url(../images/tab_left.jpg)left top no-repeat;
	width: 29px;
	height:30px;
	padding: 10px;
	padding-top:7px;

}	
p.push{padding-left:10px;}