@charset "UTF-8";
/* CSS Document */

/* ----------------------------- =Structure -------------------------------- */

*
{
	margin: 0;
	padding: 0;
}

body
{
	text-align: center;
	background: #fff url(../images/car_paintshop1.gif);
	background-position: top center;
}

.container
{
	margin: 0 auto;
	padding: 30px 0;
	width: 970px;
	text-align: left;
}

.container2
{
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 970px;
	text-align: left;
}

.nav-container
{
	margin: 0 auto;
	padding: 0;
	width: 970px;
	text-align: left;
}


.header
{
	margin: 0 auto;
	padding: 0px;
	height: 320px;
	background: url(../images/paintwork_header.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

.logo
{
	float: left;
	margin: 0;
	padding: 0px;
	width: 420px;
	height: 290px;
	background: url(../images/logo.jpg) no-repeat;
}

.header-graphic
{
	float: left;
	margin: 0;
	padding: 0px;
	width: 540px;
	height: 290px;
	background: url(../images/paint-and-bodyshop.jpg) no-repeat;
}



.border1
{
	margin: 0;
	padding: 0;
	height: 8px;
	font-size: 0;
	background: url(../images/paint-border.gif);
	background-position: top center;
}

.border2
{
	margin: 0;
	padding: 0;
	height: 8px;
	font-size: 0;
	background: url(../images/bodywork-border.gif);
	background-position: top center;
}


.footer
{
	margin: 0;
	padding: 0;
	height: 360px;
	text-align: left;
	color: #8499a2;
	background: url(../images/car_paintshop4.gif);
	background-position: top center;
}

.footer h1				 		{ margin-top: 5px; font-size: 20px; font-style: italic; color: #fff; }
.footer a						{ padding: 5px; }
.footer a:hover			 		{ background-color: #010f1e; }
.footer .calltoaction	 		{ margin: 0 45px 0 0; padding: 20px 20px 35px 24px; float: right; width: 400px; text-align: left; background: url(../images/Frankies_red.gif) no-repeat; }
.footer .calltoaction a	 		{ margin: 0; padding: 0; background: none; border: 0; color: #fff; }
.footer .calltoaction a:hover	{ margin: 0; padding: 0; background: none; border: 0; color: #fff; }
.footer .calltoaction h1 		{ margin: 0 0 5px 0; }
.footer .calltoaction p	 		{ margin: 0; color: #f72727; font-size: 11px; font-style: italic; }
.footer p 						{ margin: 0; }

.section1
{
	margin: 0 auto;
}

.section2
{
	margin: 0 auto;
	background: url(../images/car_paintshop2.gif);
	background-position: top center;
}

.section3
{
	margin: 0 auto;
	background: url(../images/car_paintshop3.gif);
	background-position: top center;
}


.columnstylenavigation
{
	position: bottom;
	float: center;
	margin: 0;
	width: 900px;
	text-align: right;
}
.columnstyle1
{
	float: left;
	margin-right: 20px;
	width: 300px;
	text-align: left;
}

.columnstyle1b
{
	float: left;
	margin: 0;
	width: 300px;
	text-align: left;
}

.columnstyle2, .columnstyle2b
{
	float: left;
	margin: 0;
	padding: 0 12px 0 12px;
	width: 210px;
	text-align: left;
	border-left: 1px solid #d5cbb1;
}

.columnstyle2b
{
	border: none;
}


.columnstyle3
{
	float: left;
	margin-right: 20px;
	width: 460px;
	color: #8499a2;
	text-align: left;
}

.columnstyle3 h1		{ color: #fff; }
.columnstyle3 a:hover	{ background-color: #010f1e; }


.callout
{
	float: left;
	margin: 10px 20px 0 20px;
	width: 900px;
	font-size: 25px;
	font-style: italic;
	line-height: 125%;
	color: #10335b;
	text-align: center;
}

.callout p
{
	font-size: 13px;
	font-style: normal;
	color: #9d0a0e;
	text-align: center;
}

.donation-btn
{
	float: left;
	margin-right: 5px;
	width: 75px;
}

.contact
{
	float: left;
	margin: 0;
	padding: 0 0 0 105px;
	width: 350px;
	background: url(../images/logo-small.gif) no-repeat;
}

.contact p
{
	margin-bottom: 15px;
}

.copyright { margin: 0; color: #425d74; font-size: 11px; font-style: italic; }




/* ------------------------------- =top nav --------------------------------- */

.donate					{ margin: 0; padding-top: 3px; font-size: 15px; font-style: italic; text-align: right; color: #fff; }
.donate a	 			{ margin: 0; padding: 0; background: none; border: 0; color: #5BA3BF; }
.donate a:hover			{ margin: 0; padding: 0; background: none; border: 0; color: #fff; }
.donate p 				{ margin: 0; }

.main-nav				{ margin: 0; padding: 0; width: 970px; height: 30px; background: url(../images/custom-stripe.gif) no-repeat; }





/* ------------------------------- =Event --------------------------------- */

ul.eventlist
{
	text-align: left;
	list-style: none;
	margin: 0;	
}
ul.eventlist
{
	display: block;
	width: 275px;
	margin: 0;
	padding: 0;
}

.eventlist li
{
	display: block;
	padding: 5px 0px 5px 5px;	
	font-size: 12px;
}

.eventlist li a
{
	display: block;
	padding: 5px 0px 5px 0;	
	font-size: 14px;
	font-weight: bold;
}

.eventlist .current a, .eventlist li a:hover
{
	background-color: #404040;	
}



/* ----------------------------- =Forms -------------------------------------- */




/* ----------------------------- =Clear ------------------------------------ */

.clear
{
	clear: both;
	font-size: 0;
	height: .1px; /* for gecko browsers */
}