/*--------------------------------------------------
Copyright 2009 DuBose Web Group and Palmetto Propane
--------------------------------------------------*/

* { margin: 0; padding: 0; }
body { font: 100% Verdana, Arial, Helvetica, sans-serif; background:url(../img/bg_top.gif) top center repeat-x; margin: 0; padding: 0; text-align: center; color: #000000; }

#container { width: 1000px;  margin: 0 auto; text-align: left; }

#header { padding: 0 10px 0 20px; height:136px; }
#flash { background:none; width:978px; height:336px; margin:0 auto; }
#mainContent { padding: 0 20px; }

#footer { width:875px;padding: 0px 0 10px 0px; font:11px Arial, Helvetica, sans-serif; color:#999999; background:url(../img/bg_footer_sub.jpg) no-repeat; margin:0 auto; }
#footer p { margin: 0; padding: 5px 0 5px 20px; }
#footer a { color:#003366; text-decoration:underline; }
#footer a:hover {color:#777777; text-decoration: none; }
#footer span { margin:0 0 0 380px; }

#hfooter { width:960px; height:26px; padding: 5px 0 0 0; font:11px Arial, Helvetica, sans-serif; color:#777777; background:none; margin:0 auto; }
#hfooter p { margin: 0; padding: 5px 0 5px 20px; }
#hfooter a { color:#003366; text-decoration:underline; }
#hfooter a:hover {color:#777777; text-decoration: none; }
#hfooter span { margin:0 0 0 465px; }

h1.logo a:hover{ background-position: bottom left;}
h1.logo a{ display: block; width: 177px; height: 95px; margin:18px 0 0 40px; background:url(../img/logo.png) no-repeat; text-indent:-9999px; font-size: 0px; float:left; }

#havird_hopps{ font:10px Arial, Helvetica, sans-serif; color:#ffffff; background:url(../img/havird_oil.png) no-repeat bottom; width:300px; height:94px; float:right; margin:5px 50px 0 0; text-align:right;  }
#havird_hopps a { font:10px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration: underline; }
#havird_hopps a:hover { text-decoration:none; }

#homebottom { text-align:center; background:url(../img/bg_homebottom.gif) no-repeat top center; margin:15px 0 0 0; }
#homecontainer { width:975px; margin:0 auto; height:289px; }
ul.palmetto_home {display:block; padding:25px 0 0 28px; list-style:none; height:289px; }
ul.palmetto_home li {display:block; float:left; width:300px; margin-right:10px;}
ul.palmetto_home li a {display:block; color:#666666; text-decoration:none; }
ul.palmetto_home li a br {display:none;}
ul.palmetto_home li a h1 {display:block; text-align:center; color:#003366; height:32px; background-position:center center; background-repeat:no-repeat; font:22px 'Myriad Pro', Helvetica, Arial, sans-serif; border-bottom:1px #bbbbbb solid; width:264px; margin:0 auto; }
ul.palmetto_home li a:hover h1 { color:#FF0000; }
ul.palmetto_home li a img {border:2px solid #eeeeee; margin:15px 0 0 0; }
ul.palmetto_home li a:hover img {border:2px solid #cccccc; margin:15px 0 0 0; }
ul.palmetto_home li a p {display:block; padding:10px 10px; text-align:center; font-size:11px; line-height:14px; position:relative;}
ul.palmetto_home li a p br {display:block;}
ul.palmetto_home li a p em {display:block; color:#003399; width:300px; font-size:12px; text-align:center; font-weight:bold; font-style:normal; position:absolute; top:65px; left:0;}
ul.palmetto_home li a:hover {background-position:top right;}
ul.palmetto_home li a:hover p {color:#003366;}
ul.palmetto_home li a:hover p em {text-decoration:underline; }

#nav {height: 29px; width:950px; }
#CCCnavContainer { height: 20px; margin: 0 15px 0 0; padding: 0; text-align: center; float:right; width:700px;}
#navCCC { margin: 0 auto; width:700px; padding: 0; list-style-type: none; background: transparent url(../img/NAV.png) 0 0 no-repeat; }
#navCCC li { float: right; margin: 0; padding: 0; height: 20px; background-color: transparent; background-repeat: no-repeat; }
#navCCC li a { display: block; background-color: transparent; background-repeat: no-repeat; height: 20px; text-decoration: none; }
#navCCC li a:hover { text-decoration: none; background-image: url(../img/NAV.png); }
#navHome { width: 92px; background-position: -608px 0; background-image:url(../img/NAV.png);}
#navHome:hover, #navHomeSel { width: 92px; background-position: -608px -20px; background-image: url(../img/NAV.png); }
#navVirtual { width: 130px; background-position: -478px 0; background-image: url(../img/NAV.png); }
#navVirtual:hover, #navVirtualSel { width: 130px; background-position: -478px -20px ; background-image: url(../img/NAV.png); }
#navWedding { width: 141px; background-position: -337px 0; background-image: url(../img/NAV.png); }
#navWedding:hover, #navWeddingSel { width: 141px; background-position: -337px -20px ; background-image: url(../img/NAV.png); }
#navEvents { width: 148px; background-position: -188px 0; background-image: url(../img/NAV.png); }
#navEvents:hover, #navEventsSel { width: 148px; background-position: -188px -20px ; background-image: url(../img/NAV.png); }
#navDownload { width: 114px; background-position: -74px 0; background-image: url(../img/NAV.png); }
#navDownload:hover, #navDownloadSel { width: 114px; background-position: -74px -20px ; background-image: url(../img/NAV.png); }
#navCatering { width: 74px; background-position: 0 0; background-image: url(../img/NAV.png); }
#navCatering:hover, #navCateringSel { width: 74px; background-position: 0 -20px ; background-image: url(../img/NAV.png); }
.navText {visibility:hidden;}

table{ font:13px Arial, Helvetica, sans-serif; color:#555555; }

#subpage_container {background:#ffffff; width: 880px;  margin: 0px auto; text-align: left;}

#subpage_main { float: left; width:643px; padding: 0 0 30px 5px; }
#subpage_main h1 { font:22px 'Myriad Pro', Helvetica, Arial, sans-serif; color:#003366; padding:194px 0 0 22px; font-weight:bold; }
#subpage_main h2 { font:20px 'Myriad Pro', Helvetica, Arial, sans-serif; color:#003366; padding:5px 0 8px 20px; }
#subpage_main h3 { font:17px 'Myriad Pro', Helvetica, Arial, sans-serif; color:#003366; padding:8px 0 8px 10px; }
#subpage_main p { font: 13px Arial, Helvetica, sans-serif; color:#555555; padding: 0 15px 10px 20px; line-height:19px; }
#subpage_main ul { margin:5px 0 10px 60px; }
#subpage_main li { font: 13px Arial, Helvetica, sans-serif; color:#555555; line-height:18px; text-align:left; }
#subpage_main a { font:inherit; color:#003366; line-height:18px; }

/* Form */

form .largeinput { width:170px; height:18px; text-align:left; border:2px solid #dddddd; padding:2px 0 2px 10px; margin:2px; color:#666666; }
form .message { width:170px; height:50px;border:2px solid #dddddd; padding:2px 0 2px 10px; margin:2px; color:#666666; text-align:left; }
.large input { width:150px; }
.formbutton{ cursor:pointer; border:outset 1px #ccc; background:#999; color:#003366; font-weight:bold; padding: 1px 2px; background:url(../images/formbg.gif) repeat-x left top; }
.formarrow{ cursor:pointer; background:url(../images/arrow.gif); background-repeat:no-repeat; height:20px;   width:20px; }

/* Products Page */

#productstable { }
#productstable a { font: 12px Arial, Helvetica, sans-serif; color:#003366; text-decoration:none; }
#productstable td { width:150px; height:150px; }

#subpage_column { margin: 0 8px 0 655px; min-height:391px; padding:20px 0 0 0; background:url(../img/sub_nav.jpg) no-repeat; text-align:center; }
#subpage_column img { margin: 20px auto; padding:0; border:none; }

#sub1 { width: 643px; height: 238px; background:url(../img/sub/1.jpg) no-repeat; margin: 0 0 10px 0; }
#sub2 { width: 643px; height: 238px; background:url(../img/sub/2.jpg) no-repeat; margin: 0 0 10px 0; }
#sub3 { width: 643px; height: 238px; background:url(../img/sub/3.jpg) no-repeat; margin: 0 0 10px 0; }
#sub4 { width: 643px; height: 238px; background:url(../img/sub/4.jpg) no-repeat; margin: 0 0 10px 0; }
#sub5 { width: 643px; height: 238px; background:url(../img/sub/5.jpg) no-repeat; margin: 0 0 10px 0; }
#sub6 { width: 643px; height: 238px; background:url(../img/sub/6.jpg) no-repeat; margin: 0 0 10px 0; }
#sub7 { width: 643px; height: 238px; background:url(../img/sub/7.jpg) no-repeat; margin: 0 0 10px 0; }
#sub8 { width: 643px; height: 238px; background:url(../img/sub/payment.jpg) no-repeat; margin: 0 0 10px 0; }
#sub9 { width: 643px; height: 238px; background:url(../img/sub/community.jpg) no-repeat; margin: 0 0 10px 0; }

.propane_sub a { color:#003366; text-decoration:none; }
.propane_sub a:hover { color:#3399CC; }
.propane_sub {  margin:0 25px 15px 18px; font: 12px Arial, Helvetica, sans-serif; font-weight:bold; line-height:25px; text-align:left; }				
.propane_sub li { list-style-type:none; border-bottom: 1px #bbbbbb solid; padding: 5px 0 5px 5px; }

.toggleborder img{border:1px solid #dddddd; padding:4px; }	
.toggleborder:hover img{border: 1px solid #999999;}
.toggleborder:hover{color: red;}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

#productable a { font:12px Arial, Helvetica, sans-serif; color:#003366; text-align:center; }

/* Locations */

.picborder { border: solid 1px #cccccc; padding:2px; }

#brochure {width:200px; height:57px; float:right; margin:15px; background:url(../img/HOPPS.gif); }