/* CSS Document */

/*
STYLE SHEET FOR TITUSWILL COMMERCIAL/FLEET WEB SITE
Created by Dave Fox
www.focusdesignstudios.com/sitecrafting.com

ToC

	1. globals
	2. selectors
	3. anatomy
	4. transportation
	5. typeface
	6. images
	7. quirksmode

Notes

*/



/* --------- 1. globals  --------- */

* {
	margin: 0;
	padding: 0;
		}

body {
	font: 11px/16px Verdana, Arial, sans-serif;	
		background-color: #252527;
			color: #fff;
        			height: 100%;
        }
	
form {
	padding:28px;
	}
/*  --------- 2. selectors  --------- */


p.quicknav {
	padding:10px 38px 0 0;
		}

.separator {
		padding-top:25px;
			clear:both;

	}
	
.photofloat
	{
	float:left;
		margin:0 15px 0 0;
			border: 1px solid #ccc;
		}
	
.btn {cursor:pointer}

.help_btn {cursor:help}

	

span {
	display:none;
	}

/*  --------- 2. anatomy  --------- */

#container {
	background: url(/images/commercial/bg_container.gif) repeat-y;
		height: 100%;
		width: 800px;
			margin: 0 0 0 -400px;
				left:50%;
					position:absolute;
		}
		
/* masthead background graphics and structure to follow*/	

#top {
	background: url(/images/commercial/bg_top.jpg) no-repeat 0 0;
		height: 102px;
		width: 800px;
		}
		
#logolink {
	position:absolute;
	width: 175px;
	height: 78px;
	left: 36px;
	top: 15px;
		}

#header {
	background: url(/images/commercial/bg_header.jpg) no-repeat 0 0;
		height: 198px;
		width: 800px;
		}
		

#header_fade {
	background: url(/images/commercial/bg_header_fade.jpg) no-repeat 0 0;
		height:83px;
		width:800px;
		}
		
/* main content area to follow */

#main {
	background: url(/images/commercial/bg_container.gif) repeat-y;
	float:left;
	}
		
	#content_left {
		width:420px;
			float:left;
				text-align:left;
			}
		
	#content_right {
		width:380px;
			float:right;
				text-align:left;
			}
			
/* footer to follow */			

#divider {
	background: url(/images/commercial/divider.gif) no-repeat 0 0;
		height:5px;
			}

#footer {
	background: url(/images/commercial/bg_container.gif) repeat-y;
		padding:35px 0 0 0;
			height:70px;
			width:800px;
				float:left;		
			}
			
		#left {
			padding: 10px 0 0 38px;
				width:300px;
				float:left;
					text-align:left;
			}
			
		#right {
			padding: 10px 38px 0 0;
				width:350px;
				float:right;
					text-align:right;
			} 	
			
/* floating/layers */

#float_nav{
	position:absolute;
		left: 0px;
		top: 279px;
			width:367px;
			height:115px;
				z-index:1;
	
}

#float_nav p {
	padding:0 0 0 38px;
		text-align:left;
	}

#vert_divider {
	background:url(/images/commercial/vert_divider.gif) no-repeat;
		position:absolute;
			width:6px;
			height:525px;
				left: 426px;
					z-index:1;
}


/* ---------- 3. links and navigation ---------- */
	
a:link, a:visited { 
	color: #fff;
		text-decoration:underline;
	}
	
a:hover, a:active {
	color: #fff;
		text-decoration:none;
		}
		
#top a:link, #top a:visited, #top a:hover, #top a:active {
		text-decoration:underline;
	}

#navigation {
		}

#navigation a {
		}

#navigation ul {
		}

#navigation li {
		}
		
/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, ul {
		}

h1 {
	font: bold 32px/42px/ Arial, Helvetica, sans-serif;
		}

h2 {  
	margin:0 28px;
	font: bold italic 16px/18px Verdana, Arial, Helvetica, sans-serif;
  	cursor:pointer;
	text-decoration:underline;
	}

	

h3 {
		}
		
h4 {
		}
		
p {
	padding-top:10px;
	}

#top p {
	padding: 10px 47px;
		text-align:right;
	}
	
#content_left p {
	padding: 10px 38px 0 38px;
	}
	
#content_right p {
	padding: 10px 38px 0 28px;
	}

ul {
		list-style-type: none;
		}

/* ---------- 5. images ---------- */
#header_fade img {
	float:right;
	}

a img {
		border: 0;
		}
		
/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */
		text-align: center;
		}