/*
	CSS STYLES - http://www.flatouttiresealant.com

	Robert Aitken
	www.kazoo-studios.com
*/

* { margin:0px; padding:0px; }
img { border:0px; }

/* DEFAULTS */
body { text-align:center; background:url(./flatout/images/bg.jpg) repeat-x #AE0707; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; color:#000000; }
h1 { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:1.8em; letter-spacing:-0.01em; color:#BA3B29; border-bottom:#999999 dotted 2px; margin-bottom:15px; padding-bottom:5px; }
h3 { margin-top:20px; margin-bottom:2px; }
p { margin-bottom:10px; }
a:link, 
a:visited { color:#666666; text-decoration:underline; }
a:hover { color:#CC0000; text-decoration:none; }
li { margin-left:20px; }

/* CONTAINER */
#container { width:760px; margin:0px auto; text-align:left; background-color:#a89167; }

/* HEADER */
#logo {	clear:both; float:left; width:260px; height:150px; }
#above-navbar { float:left; width:500px; height:85px; background-color:#FFFFFF; }
#navbar { float:left; width:500px; height:65px; }

/* CONTENT */
#content-top { background:url(./flatout/images/content-bg-top.png); height:40px; }
#content { clear:both; background:url(./flatout/images/content-bg.png) repeat-y; color:#333333; line-height:150%; }
#content #column { padding:0 40px 20px 60px; }
#content #column12 { float:left; padding-left:60px; padding-bottom:20px; width:350px; }
#content #column3 { float:left; padding-left:50px; padding-bottom:20px; width:250px; }
#content #column123 { float:left; padding-left:60px; padding-bottom:20px; width:450px; }
#content #column4 { float:left; padding-left:50px; padding-bottom:20px; width:150px; }
#content-bottom { background:url(./flatout/images/content-bg-bottom.png); height:30px; }
#hp-swf-container { background:url(./flatout/images/hp-swf-bg.png); color:#FFFFFF; padding-left:20px; }

/* BELOW-CONTENT */
#below-content { clear:both; color:#FFFFFF; padding-top:20px; }
#below-content #column1 { float:left; padding-left:60px; padding-bottom:20px; width:150px; }
#below-content #column23 { float:left; padding-left:60px; padding-bottom:20px; width:450px; }
#below-content #bc-welcome { float:left; padding-left:50px; padding-bottom:20px; width:200px; }
#below-content #bc-news { float:left; padding-left:30px; padding-bottom:20px; width:200px; }
#below-content #bc-noflat { float:left; padding-left:30px; padding-bottom:20px; width:200px; }
#below-content h1 { color:#FFFFFF; border-bottom:#6c4f09 dotted 2px; margin-bottom:5px; padding-bottom:2px; }
#below-content p { line-height:130%; margin-bottom:5px; }
#below-content a:link, 
#below-content a:visited { color:#FFFFFF; text-decoration:underline; }
#below-content a:hover { color:#FFFFFF; text-decoration:none; }

/* FOOTER */
#footer { clear: both; padding:0 20px; font-size:90%; letter-spacing:0em; color:#FFFFFF; }
#footer #footer-bar { border-top:thick #71520c solid; }
#footer #footer-left { float:left; padding:20px 20px 30px 20px; }
#footer #footer-right { float:right; padding:20px 20px 30px 20px; }
#footer a:link, #footer a:visited { color:#FFFFFF; text-decoration:underline; }
#footer a:hover { color:#FFFFFF; text-decoration:none; }

/* MISCELLANY */
.clearall { clear:both; }
.vspacer { clear:both;height:5px; }
.highlight-box { padding:10px;background-color:#EEEEEE;font-size:90%; }