@import url(reset.css);


/*
	Stylesheet for: Pacific Powershifts
	Written by: Dave Fox - Focus Design Studios, LLC.
	
	ToC:
	1. globals
	2. containers
	3. anatomy
	
*/


/* globals
--------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	}
	
body {
	background: url('../images/bg/body.gif') repeat;
	font-family: Arial, Helvetica, sans-serif;
	}
	
h1, h2, h3, h4, h5, h6, p {
	padding: 15px 55px;
	}	
	
a { outline:none;}
	
h2 {
	font-weight: normal;
	font-size: 20px;
	color: #6a0303;
	}
	
h3 {
	font-weight: bold;
	font-size: 20px;

	}
	
p {
	font-size: 12px;
	}

ul {
	padding: 0 0 0 50px;
	font-size: 12px;
	list-style-image: url('../images/misc/bullet.gif')
	}
	
ul li {
	margin: 10px 55px 0 55px;
	padding: 0 5px;
	}
	
	
img.map {
	border: 1px solid #000;
	}
	
/*  =navigation
----------------------------------------------------------------------------*/
							 			
#navigation {
	padding-right: 15px;
	height: 28px;
	background: url('../images/bg/navigation.png') no-repeat;
	text-align: right;
	}	

/* =containers 
--------------------------------------------*/

#wrapper {
	margin: 0 auto;
	width: 770px;
	}
	
/* =anatomy
--------------------------------------------*/	
	
#header {
	height: 110px;
	background: url('../images/bg/header.jpg') no-repeat;
	color: #fff;
	}
	
		#header p, #header h3 {
			padding: 0 25px;
			}
		
		#header img {
	position: relative;
	top: 35px;
	left: 35px;
			}
			
		#header #phone {
			margin-top: 50px;
			margin-right: 15px;
			float: right;
			text-align: right;
			}

#flash {
	background: url('../images/bg/flash_placeholder.jpg') no-repeat;
	padding-left: 6px;
	height: 216px;
	width: 764px;
	clear: both;
	float: left;
	}

#main {	
	width: 770px;
	padding: 25px 0;
	background: url('../images/bg/main.gif') repeat-y;
	float: left;
	}
		
	#leftcol {
		width: 415px;
		float: left;
		}
		
	#rightcol {
		width: 355px;
		float: left;
		}
	
#further_info {
	background: url('../images/bg/further_info.gif') repeat-y;
	clear: both;
	}
	
	#further_info img.logos { margin: 0 0 15px 28px; 
		}
	
#footer {
	margin: 0 auto 15px auto;
	width: 770px;
	height: 90px;
	background: url('../images/bg/footer.gif') no-repeat;
	}
	
	#footer a, #footer p {
		color: #fff;
		}
	
.right {
	float: right;
	text-align: right;
	}
	
	
/* =Form
-------------------------------------------*/

form {
	width: 300px;
  }
  
form p {
	padding: 5px 20px;
	}

input {	
	width: 200px;
	}
	
.btn {
	width: 50px;
	}
	
.req {
	color: #FF0000;
	}