/* ==================== Florida Boy main.css ==================== */



/* ==================== css Reset ==================== */

html, body, div, span, h1, h2, h3, h4, h5, h6, 
p, a, em, font, img, strong, b, u, i, dl, dt, 
dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent;
}
	
blockquote {
	margin: 0;
	padding: 0;
}
body { line-height: 1; }
ol, ul { list-style: none; }
:focus { outline: 0; }


/* ==================== Credit ==================== */

.fleft { float: left; }
.fright { float: right; }
.bold { font-weight: bold; }
#credit { font-size: 12px; margin: -60px 0px 140px 0px; width: 750px; text-align: right; }
#credit p { padding: 0px 10px; }
.cmedia_link:active, .cmedia_link:link, .cmedia_link:visited { color: #484848; text-decoration: none; }
.cmedia_link:hover { color: #33CCFF; }

/* ==================== Global ==================== */

body { background: #ff7e5f; color: #666; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; }

#wrapper { width: 750px; margin: 0 auto; text-align: center; }

#logo { width: 182px; height: 142px; float: left; }

#nav { margin: 60px 0px 0px 0px; float: right; }

#nav_home { width: 106px; height: 48px; float: left; background: url(../../_images/_nav/nav_home.jpg) no-repeat 0 0; }
#nav_services { width: 143px; height: 48px; float: left; background: url(../../_images/_nav/nav_services.jpg) no-repeat 0 0; }
#nav_about { width: 113px; height: 48px; float: left; background: url(../../_images/_nav/nav_about.jpg) no-repeat 0 0; }
#nav_contact { width: 148px; height: 48px; float: left; background: url(../../_images/_nav/nav_contact.jpg) no-repeat 0 0; }

#nav_home:hover, #nav_services:hover, #nav_about:hover, #nav_contact:hover { background-position: 0px -48px; }

#top_info { width: 480px; float: left; margin: 10px 0px 0px 75px; color: #fff; }

#content_top { width: 752px; height: 16px; margin: 10px 0px 0px 0px; background: url(../../_images/content_top.jpg) no-repeat top; }
#content { width: 752px; background: #f8f8f8 url(../../_images/content_mid.jpg) repeat-y }
#content_bottom { width: 752px; height: 14px; margin-bottom: 60px; background: url(../../_images/content_bottom.jpg) no-repeat top; }

#top_ad { height: 148px; }

a:link, a:visited, a:active { color: #666; }
a:hover { color: #f00; }

.link_no_change:link, .link_no_change:visited, .link_no_change:active { color: #fff; text-decoration: none; }
.link_no_change:hover { color: #CCC ; text-decoration: none; }

.hide { display: none; }
.clear { clear: both; }

#error { text-align: left; padding: 10px 0px 20px 30px; margin: 10px 0px 0px 0px; }
#error p { margin-top: 10px; }

.indent { padding-left: 5px; }
.left { text-align: left; }
.right { text-align: right; }



/* ==================== Index ==================== */

#left_col { float: left; width: 190px; }

#right_col { float: left; width: 520px; margin: 18px 0px 0px 30px; }
#page_title { text-align: left; padding-left: 3px; }
#page_title_index { text-align: left; }
#page_content { text-align: left; padding: 10px 0px 6px 7px; }
#building_sm { margin: 32px 0px 0px -16px; }
#woc { width: 499px; margin: 30px 0px 30px 10px; padding-top: 290px; background: url(../../_images/img_woc.jpg) no-repeat; text-align: right; }

.side_ad { margin: 15px 0px 0px 20px; text-align: left; }
.side_ad p { margin: 0px 0px 5px 5px; }

#index_contact { text-align: left; margin: 80px 0px 0px 8px; }


/* ==================== Services ==================== */

#services_list { margin: 10px 0px 10px 20px; list-style: circle; }
#services_list h2 { font-weight: normal; }
#gallery_title { margin: 40px 0px 0px 27px; }
#gallery { margin: 15px 0px 0px 25px; }
#gallery li { display: inline; margin: 2px; }

#catalog { margin: 30px 0px 0px 27px; }
#catalog h2 { margin: 0px 0px 15px 0px; }
#catalog_links { margin-top: 15px; }



/* ==================== Contact ==================== */

#g_map {width: 500px; margin: 20px 0px; text-align: left; border: solid 3px #999999; color: #333; }
.gmap_wrapper { text-align: left }
.g_map_header { font-size: 16px; }
.g_map_address { margin-top: 15px; font-size: 14px; }
.g_map_phone { margin-top: 10px; font-size: 13px; }
.gmap_img_div { float: right; }
.gmap_img_div img { border: 1px #333 solid; }
.gmap_link { text-decoration: none; }
.gmap_link:link, .gmap_link:visited, .gmap_link:active { color: #333; }
.gmap_link:hover { color: #f00; }



/* ==================== Wheels of Change ==================== */

#woc_header { margin: 0px 0px -18px 0px; }

.staff { margin: 18px 0px 0px 20px; text-align: left; }
.staff p { margin: 0px 0px 5px 5px; }
.staff_title { font-weight: bold; font-size: 16px; }
.staff_name { padding: 0px 0px 0px 5px; font-weight: bold; }
.staff_info { padding: 0px 0px 0px 5px; }