/* =================================================
Site:           http://www.autotowninsurance.com/
Created:        03 20 2010
Last Modified:  03 23 2010 
Created by: Tommy Higginbotham
================================================= */
/* The following code is responsible for the Header Image*/
#header {
	width: 801px;
	height: 348px;
	text-align: left;
	vertical-align: middle;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(/images/layout/middle_header_female.gif);
}

/* This is the main Content DIV and large type text for the Header*/
#headercontent {
	width: 300px;
	height: 180px;
	float:right;
	margin-top: 60px;
	margin-right:60px;
	padding-left:0px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

/* This class specifys the font size for "Protect What Really Matters" on the main page*/
.headertitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #FFFFFF;
	font-weight: bold;
}

/* This is the DIV and text class for the smaller header text*/
#headertext {
	width: 300px;
	padding-left:0px;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:5px;
}
/* This class defines the text that lives on the middle header page */
.headertext {
	font-family: tahoma;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
}

/* Defines the white space for the content text*/
#body {
	width: 801px;
	min-height:330px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../../images/layout/body.gif);
}

/* Specifies column container one*/
#col-one {
	float: left;
	width: 242px;
	min-height:270px;
	padding-top: 10px;
	padding-left:1px;
	margin-left:5px;
	text-align:left;
	margin-top:-36px;
}

/* Column one container*/
#col-one-top {
	width: 242px;
	min-height:270px;
	background-image: url(../../images/layout/coverage.png);
	background-repeat: no-repeat;
}
/* Coverage block*/
#coverage {
	width: 200px;
	padding-top:115px;
	padding-left:20px;
	padding-right:20px;
}
/* Follow us block*/
#col-one-bottom {
	width: 242px;
	min-height:64px;
	margin-top:20px;
	background-image: url(../../images/layout/follow_us.png);
	background-repeat: no-repeat;
	padding-top:10px;
}
/* Column two containter*/
#col-two {
	float: right;
	width: 261px;
	min-height:193px;
	margin-left: 15px;
	margin-right:1px;
	padding-top: 10px;
	text-align:left;
	margin-top:-48px;
}
/* Payment block*/
#col-two-top {
	width: 261px;
	min-height:193px;
	background-image: url(../../images/layout/payment.png);
	background-repeat: no-repeat;
}
/* More information block*/
#col-two-middle{
	width: 261px;
	min-height:104px;
	margin-top:12px;
	background-image: url(../../images/layout/more_information.png);
	background-repeat: no-repeat;
}
/* Agent login block graphic*/
#col-two-bottom-a {
	width: 261px;
	min-height:193px;
	margin-top:20px;
	background-image: url(../../images/layout/agent_login.png);
	background-repeat: no-repeat;
}
/* Agent login block code*/
#col-two-bottom-b {
	width: 230px;
	padding-top:40px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right: 20px;
	text-align: right;
}
/* This specifies the text for field labels in the agent login block*/
.agentlogin {
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
}
/* Column three container block, this is actually the middle column*/
#col-three {
	float: left;
	width: 261px;
	margin-left: 10px;
	padding-top: 10px;
	text-align:left;
	margin-top:-73px;
    min-height:221px;
}
/* Get quote block*/
#col-three-top {
	width: 261px;
    min-height:221px;
	background-image: url(../../images/layout/get_quote.png);
	background-repeat: no-repeat;
	vertical-align:bottom
}
/* Find an agent block*/
#col-three-bottom {
	width: 261px;
    min-height:188px;
	margin-top:10px;
	background-image: url(../../images/layout/find_agent.jpg);
	background-repeat: no-repeat;
}

/* This class is not currently used */
.clear { clear: both; background: none; }