@charset "UTF-8";
/*
    Flynn Electric Company Style Sheet
    By Todd Temple: http://www.t2graphicdesign.com/
	Date Modified: 02-09-2011
*/

* { margin: 0; padding: 0; }
html, body { height: 100%; background: url(../i/gfx_alt_bkg.jpg) repeat-x 0 0; background-color: #F8F8F8; margin-bottom: 1px;}
body#home { height: 100%; background: url(../i/gfx_bkg.jpg) repeat-x 0 0; background-color: #F8F8F8; }
img { vertical-align: bottom; }
a img { border: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }
#wrapper { width: 960px; margin: 0 auto; }
h1 { margin: 0; }
#logo { float: left; margin: 0; position: relative; z-index: 89; }
* html #logo { overflow: hidden; z-index: 89; }
#logo a, #logo a:link, #logo a:visited { display: block; height: 101px; width: 271px; background: url(../i/gfx_logo.png) no-repeat 0 0 transparent; text-indent: -9999em; z-index: 89; }
* html #logo a, * html #logo a:link, * html #logo a:visited { display: block; height: 101px; width: 271px; background: url(../i/gfx_logo_ie.jpg) no-repeat 0 0 transparent; text-indent: -9999em; z-index: 89; }
#header { height: 101px; }
* html #nav { height: 1%; overflow: visible; }
#nav { overflow: hidden; list-style: none; margin: 0 0 0 12px; }
#nav li, #affiliates li, #footernav li { float: left; }
#nav li a, #nav li a:link, #nav li a:visited { text-decoration: none; height: 38px; display: block; margin: 18px 0 0 20px; padding: 0; font: bold 13px/38px Helvetica, Arial, sans-serif; color: #000; text-shadow: #FFF 0 2px 0; float: left; display: inline; }
#nav li a:hover, #nav li a.current { color: #F93; text-shadow: #FFF 0 2px 0; border-bottom: 4px solid #FF9933; margin: 18px 0 0 20px; }
#banner { width: 960px; height: 378px; background: url(../i/gfx_banner_bkg.jpg) no-repeat 0 0; padding: 34px 0 0 0; margin-top: -27px; }
#banner-alt { width: 960px; height: 59px; background: url(../i/gfx_alt_banner_bkg.jpg) no-repeat 0 0; padding: 34px 0 0 0; margin-top: -27px; }
#recent { width: 960px; height: 114px; }
#recent-image { padding: 0; margin: 10px 10px 10px 77px; height: 94px; float: left; width: 175px; display: inline; }
#recent-text { float: left; width: 432px; background: url(../i/gfx_dots.gif) repeat-y 0 0; padding: 0 0 0 12px; margin: 15px 10px 10px 0; }
#recent-button { float: left; width: 134px; margin: 40px 0 0; padding: 0 18px 0 0; }
a.readmore { background: url(../i/btn_read_more.png) no-repeat 0 0; text-indent: -9999em; float: right; height: 37px; width: 134px; }
a:hover.readmore { background: url(../i/btn_read_more.png) no-repeat 0 -37px; }
a.sm_readmore { background: url(../i/btn_alt_read_more.png) no-repeat 0 0; text-indent: -9999em; float: left; height: 29px; width: 102px; margin: 8px 0 0; }
a:hover.sm_readmore { background: url(../i/btn_alt_read_more.png) no-repeat 0 -29px; }
h2.recent { text-indent: -9999em; background: url(../i/gfx_title_recent_projects.gif) no-repeat 0 0; width: 148px; height: 21px; margin: 0 0 7px; display: block; }
p, input, .form { margin: 0; padding: 0; font: normal 12px/15px Helvetica, Arial, sans-serif; color: #333; }
input, textarea, select { margin: 10px; }
#two-column { clear: both; overflow: hidden; width: 960px; min-height: 231px; margin: 0 0 20px; }
#three-column { clear: both; overflow: hidden; width: 960px; min-height: 231px; margin: 0 0 20px; }
body#home #column1, body#home #column2, body#home #column3 { background: url(../i/gfx_column_bkg.png) no-repeat 0 0; width: 238px; padding: 30px; float: left; min-height: 231px; }
#column1, #column2, #column-full { float: left; min-height: 231px; }
#column1 { background: url(../i/gfx_alt_column_bkg.png) no-repeat 0 0; width: 537px; padding: 30px; }
#column2 { background: url(../i/gfx_column_bkg.png) no-repeat 0 0; width: 238px; padding: 30px; }
#column-full { background: url(../i/gfx_column-full_bkg.png) no-repeat 0 0; width: 836px; padding: 30px; }
h2.testimonials { text-indent: -9999em; background: url(../i/gfx_title_testimonials.gif) no-repeat 0 0; width: 148px; height: 21px; margin: 0 0 7px; display: block; }
h2.about { text-indent: -9999em; background: url(../i/gfx_title_about.gif) no-repeat 0 0; width: 87px; height: 21px; margin: 0 0 7px; display: block; }
h2.commercial { text-indent: -9999em; background: url(../i/gfx_title_commercial.gif) no-repeat 0 0; width: 109px; height: 21px; margin: 0 0 7px; display: block; }
h2.religious { text-indent: -9999em; background: url(../i/gfx_title_religious.gif) no-repeat 0 0; width: 87px; height: 21px; margin: 0 0 7px; display: block; }
h2.industrial { text-indent: -9999em; background: url(../i/gfx_title_industrial.gif) no-repeat 0 0; width: 90px; height: 21px; margin: 0 0 7px; display: block; }
h2.medical { text-indent: -9999em; background: url(../i/gfx_title_medical.gif) no-repeat 0 0; width: 71px; height: 21px; margin: 0 0 7px; display: block; }
h2.residential { text-indent: -9999em; background: url(../i/gfx_title_residential.gif) no-repeat 0 0; width: 106px; height: 21px; margin: 0 0 7px; display: block; }
h2.estimate { text-indent: -9999em; background: url(../i/gfx_title_estimate.gif) no-repeat 0 0; width: 296px; height: 21px; margin: 0 0 7px; display: block; }
h2.contact { text-indent: -9999em; background: url(../i/gfx_title_contact.gif) no-repeat 0 0; width: 102px; height: 21px; margin: 0 0 7px; display: block; }
h2.services-list { text-indent: -9999em; background: url(../i/gfx_title_services_list.gif) no-repeat 0 0; width: 148px; height: 21px; margin: 0px 0px 7px 0px; display: block; }
h2.safety { text-indent: -9999em; background: url(../i/gfx_title_safety.gif) no-repeat 0 0; width: 158px; height: 21px; margin: 0 0 7px; display: block; }
h2.projects { text-indent: -9999em; background: url(../i/gfx_title_projects.gif) no-repeat 0 0; width: 152px; height: 21px; margin: 0 0 7px; display: block; }
h2.employment { text-indent: -9999em; background: url(../i/gfx_title_employment.gif) no-repeat 0 0; width: 248px; height: 21px; margin: 0 0 7px; display: block; }
h2.links { text-indent: -9999em; background: url(../i/gfx_title_links.gif) no-repeat 0 0; width: 144px; height: 21px; margin: 0 0 7px; display: block; }
h2.thankyou { text-indent: -9999em; background: url(../i/gfx_title_thankyou.gif) no-repeat 0 0; width: 99px; height: 21px; margin: 0 0 7px; display: block; }
a, a:link, a:visited { color: #333; text-decoration: underline; }
#footer { width: 960px; position: relative; background-image: url(../i/gfx_footer_bkg.png); background-repeat: no-repeat; background-position: 426px 0px; height: 100px; margin: 0 0 40px; }
#affiliates { overflow: hidden; list-style: none; float: left; width: 420px; }
#affiliates li a { text-decoration: none; display: block; }

p.last { border-bottom: 1px dotted #ccc; margin: 0 0 20px 0; padding: 0 0 20px; }
.push { display: block; clear: both; width: 100%; overflow: hidden; }

.chamber a, .chamber a:link, .chamber a:visited { background: url(../i/btn_blount_chamber.png) no-repeat 0 0; height: 41px; width: 112px; text-indent: -9999em; margin-left: 10px; margin-top: 36px; }
.license a, .license a:link, .license a:visited { background: url(../i/btn_insured.png) no-repeat 0 0; height: 62px; width: 62px; text-indent: -9999em; margin-left: 13px; margin-top: 16px; }
.bbb a, .bbb a:link, .bbb a:visited { background: url(../i/btn_bbb.png) no-repeat 0 0; text-indent: -9999em; height: 76px; width: 52px; margin-left: 13px; }
.thumbtack a, .thumbtack a:link, .thumbtack a:visited { background: url(../i/btn_thumbtack.png) no-repeat 0 0; text-indent: -9999em; height: 27px; width: 95px; margin-left: 7px; margin-top: 33px; }
.facebook a, .facebook a:link, .facebook a:visited { background: url(../i/btn_facebook.png) no-repeat 0 0; text-indent: -9999em; height: 50px; width: 49px; margin-left: 7px; margin-top: 20px; }

.chamber a:hover { background: url(../i/btn_blount_chamber_over.png) no-repeat 0 0; height: 41px; width: 112px; text-indent: -9999em; margin-left: 10px; margin-top: 36px; }
.license a:hover { background: url(../i/btn_insured_over.png) no-repeat 0 0; height: 62px; width: 62px; text-indent: -9999em; margin-left: 13px; margin-top: 16px; }
.bbb a:hover { background: url(../i/btn_bbb_over.png) no-repeat 0 0; text-indent: -9999em; height: 76px; width: 52px; margin-left: 13px; }
.thumbtack a:hover { background: url(../i/btn_thumbtack_over.png) no-repeat 0 0; text-indent: -9999em; height: 27px; width: 95px; margin-left: 7px; margin-top: 33px; }
.facebook a:hover { background: url(../i/btn_facebook_over.png) no-repeat 0 0; text-indent: -9999em; height: 50px; width: 49px; margin-left: 7px; margin-top: 20px; }

#footernav { overflow: hidden; list-style: none; font: bold 10px Helvetica, Arial, sans-serif; color: #666; float: right; width: 510px; padding-top: 35px; }
#footernav a, #footernav a:link, #footernav a:visited { margin-right: 10px; text-decoration: none; }
#footer p { color: #666; position: absolute; top: 50px; right: 80px; font: normal 10px Helvetica, Arial, sans-serif; }
#footer a, #footer a:link, #footer a:visited { color: #666; text-decoration: none; }
#footer a:hover { color: #666; text-decoration: underline; }
/*.portfolio-image { position: relative; border: 1px solid #BBB; width: 200px; height: 133px; padding: 10px; }*/
.portfolio-image { position: relative; border: 1px solid #BBB; width: 200px; height: 133px; padding: 8px; display: block; background-color: #white; float: left; margin: 0 12px 12px 0; }
.portfolio-image a, .portfolio-image img { display: block; }
.portfolio-image:before { position: absolute; content: ''; border: 1px solid white; width: 198px; height: 131px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#home li.home a, #about-us li.about-us a, #commercial li.commercial a, #religious li.religious a, #industrial li.industrial a, #medical li.medical a, #residential li.residential a, #contact-us li.contact-us a { color: #F93; text-shadow: #FFF 0 2px 0; border-bottom: 4px solid #FF9933; }