/*		layout.css - layout for capitalautobody.com
 *		7/7/2009 Dan Davis-Boxleitner for Artistic Digital Services
 *
*/

body {
	text-align:center;
	margin: 0px;
	padding: 0px;
	background-color:#E6E6E6;
}

#body_container {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width:900px;
	background-color:#FFFFFF;
}

#left_column {
	width: 278px;
	float:left;
}

#nav {
	width: 278px;
	height: 106px;
}

#menu_0 {
	width: 278px;
	height: 35px;
	display: block;
}
#menu_1 {
	width: 278px;
	height:24px;
	display: block;
}
#menu_2 {
	width: 278px;
	height: 21px;	
	display: block;
}
#menu_3 {
	width: 278px;
	height: 26px;	
	display: block;
}

#nav1 {
	width: 278px;
	height: 36px;
	display:block;
	background-image: url('../images/menu_0.jpg');
	background-position: 0px 0px;
}
#nav1:hover {
	background-position: 0px -35px;
}

#nav2 {
	width: 278px;
	height: 24px;
	display:block;
	background-image: url('../images/menu_1.jpg');
	background-position: 0px 0px;
}
#nav2:hover {
	background-position: 0px -24px;
}

#nav3 {
	width: 278px;
	height: 21px;
	background-image: url('../images/menu_2.jpg');
	background-position: 0px 0px;
	display:block;
}
#nav3:hover {
	background-position: 0px -21px;
}

#nav4 {
	width: 278px;
	height: 26px;
	background-image: url('../images/menu_3.jpg');
	background-position: 0px 0px;
	display:block;
}
#nav4:hover {
	background-position: 0px -26px;
}

#logo {
	background-image: url('../images/capital_logo.jpg');
	background-positions: left top;
	background-repeat: no-repeat;
	display:block;
	width: 278px;
	height: 180px;
	
}

#logo_link {
	width:278px;
	height:130px;	
	display:block
}

#flash-area {
	background-image: url('../images/flash_area.jpg');
	background-positions: left top;
	width: 278px;
	height: 102px;
	display:block;
	
}

#right_column {
	width: 622px;
	float:left;
}

#top_banner {
	background-image: url('../images/top_banner.jpg');
	background-positions: left top;
	width: 622px;
	height: 136px;
	display: block;
}

#content_area {
	float: left;
	width: 464px;
	padding: 12px;
}

#right_sm_column {
	width: 134px;
	float: right;
}

#spacer1 {
	width: 134px;
	height: 40px;
	background-color: #f5f5f5;
	display: block;
}

#image1 {
	background-image: url('../images/sideimg1.jpg');
	background-positions: left top;
	background-repeat: no-repeat;
	width: 133px;
	height: 95px;
	display: block;
}

#spacer2 {
	width: 134px;
	height: 22px;
	background-color: #dcddde;
	display: block;
}

#image2 {
	background-image: url('../images/sideimg2.jpg');
	background-positions: left top;
	background-repeat: no-repeat;
	width: 133px;
	height: 95px;
	display: block;
}

#spacer3 {
	width: 134px;
	height: 22px;
	background-color: #dcddde;
	display: block;
}

#image3 {
	background-image: url('../images/sideimg3.jpg');
	background-positions: left top;
	background-repeat: no-repeat;
	width: 133px;
	height: 95px;
	display: block;
}

#spacer4 {
	width: 134px;
	height: 22px;
	background-color: #dcddde;
	display: block;
}

#image4 {
	background-image: url('../images/sideimg4.jpg');
	background-positions: left top;
	background-repeat: no-repeat;
	width: 133px;
	height: 95px;
	display: block;
}

#image5 {
	background-image: url('../images/sideimg5.jpg');
	background-positions: left top;
	background-repeat: no-repeat;
	width: 133px;
	height: 95px;
	display: block;
}

#image6 {
	background-image: url('../images/sideimg6.jpg');
	background-positions: left top;
	background-repeat: no-repeat;
	width: 133px;
	height: 95px;
	display: block;
}

#image7 {
	background-image: url('../images/sideimg7.jpg');
	background-positions: left top;
	background-repeat: no-repeat;
	width: 133px;
	height: 95px;
	display: block;
}

#footer {
	width:900px;
	height:22px;	
	display:block;
	
	background-color: #2e3092;
	position:relative;
	
	padding-top: 6px;
}

#stafffooter {
	width:900px;
	height:22px;	
	display:block;
	
	background-color: #2e3092;
	position:relative;
	
	padding-top: 6px;
}

#car {
	background-image: url('../images/car.gif');
	background-positions: left top;
	width: 278px;
	height: 176px;
	display:block;
	top:-176px;
	position: absolute;
}

#staff {
	background-image: url('../images/staff.jpg');
	background-positions: left top;
	width: 278px;
	height: 176px;
	display:block;
	top:-176px;
	position: absolute;
}

#wreck {
	background-image: url('../images/wreck.jpg');
	background-positions: left top;
	width: 278px;
	height: 176px;
	display:block;
	top:-176px;
	position: absolute;
}


.class {
	clear:both;	
}

form#contact-form label {
	float:left;
	padding-top:4px;
	padding-right:4px;
	text-align:right;
	width:130px;
}

form#contact-form .textfield {
	width: 220px;	
}

.formFieldContainer {
	margin: 2px;
	padding: 6px;
	background-color: #eaeaea;
	width: 370px;
}

.formFieldContainerB {
	margin: 2px;
	padding: 6px;
	background-color: #eaeaea;
	width: 370px;
}

#phone_field {
	background-image: url('../images/text_bg.png');
	background-positions: left top;
	width: 117px;
	height: 32px;
	display:block;
	position: relative;
	float:right;
	top:38px;
	left:-10px;
}