/*
Theme Name: Luminous
Description: A dark, transparent, 3 column, widget ready theme with multiple sidebars.
Author: Brian McCulloh
Author URI: http://brianmcculloh.com/
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/*
*******************************************************************************
standard tags
*******************************************************************************
*/
body {
margin:0px;
padding:0px;
background-color:#232323;
font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
}
a:link, a:visited, a:hover, a:active { color:#CCC;text-decoration:none; }
a:hover { color:#FFF; }
img {border:none;}


/*
*******************************************************************************
global utility tags
*******************************************************************************
*/
.clearer {
clear:both;
font-size:0px;
line-height:0px;
}
.clearer5 {
clear:both;
font-size:5px;
line-height:5px;
height:5px;
}
.clearer10 {
clear:both;
font-size:10px;
line-height:10px;
height:10px;
}
.clearer15 {
clear:both;
font-size:15px;
line-height:15px;
height:15px;
}
.clearer20 {
clear:both;
font-size:20px;
line-height:20px;
height:20px;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.center {
text-align:center;
}
.spacer5 {width:5px;float:left;}
.spacer10 {width:10px;float:left;}
.spacer15 {width:15px;float:left;}
.spacer20 {width:20px;float:left;}

.box {
display:block;
padding:8px 25px 12px 25px;
}
.nopad {
padding:0px !important;
}


/*
*******************************************************************************
layout
*******************************************************************************
*/
#outerWrapper {
background-color:#FFF;
}
/* header */
#headerWrapper {
height:110px;
border-bottom:8px solid #222;
background:#E7E3C0 url('images/headergradient.jpg') repeat-x center bottom;
}
#header {
width:960px;
margin:0 auto;
}
#header .content {

}
#logo {
float:left;
margin-top:0px;
margin-left:0px;
height:110px;
width:450px;
background:#E7E3C0 url('images/branch.jpg') no-repeat right bottom;
}
#menu {
float:right;
margin-top:60px;
}
#menu ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#menu ul li {
float:left;
}
#menu ul li a {
display:block;
padding:8px 8px 24px 8px;
color:#222;
font-weight:bold;
}
#menu ul li a:hover, #menu ul li.current_page_item a {
background-color:#000;
color:#FFF;
}

/*begin menu dropdowna*/
#menu ul li:hover a, #menu ul li.over a {
	color:#FFF;
	background:#000;
}
#menu ul li:hover ul, .menu ul li.over ul {
display:block !important;
}
#menu ul li ul li.current_page_item a {
	text-align:left;
}
#menu ul li ul li.current_page_item a:hover {
	text-align:left;
	background:#000;
}
#menu ul li ul {
display:none;
position:absolute;
padding-bottom:10px;
z-index:200;
}
#menu ul li ul li {
float:none;
padding:0px;
}
#menu ul li ul li a, #menu ul li:hover ul li a, #menu ul li.over ul li a {
height:auto;
padding:15px 18px;
display:block;
background:#000;
width:12em;
text-align:left;
font-size:.8em;
font-weight:normal;
letter-spacing:0px;
color:#CCC;
}
#menu ul li ul li a:hover {
background:#222;
color:#FFF;
text-align:left;
}
*:first-child+html #menu ul li ul li , * html #menu ul li ul li  { display:inline; }	

/* special */
#specialWrapper {
/*height:350px;*/
background:#222 url('images/specialgradient.jpg') repeat-x center top;
}
#special {
/*height:350px;*/
width:960px;
margin:0 auto;
/*background:url('images/vine_green.jpg') no-repeat right bottom;*/
}
#special .content {
padding-top:10px;
}

#special .strapline {
height:70px;
}

#special .marketing {
/*height:220px;*/
/*padding-left:70px;*/
/*padding-right:132px;*/
padding-bottom:15px;
}
#special h2.widgettitle {
display:none;
}

/* subHeader */
#subHeaderWrapper {
height:85px;
/*border-bottom:7px solid #333;*/
background:#222 url('images/subheadergradient.jpg') repeat-x center top;
}
#subHeader {
width:960px;
margin:0 auto;
}
#subHeader .motto {
width:260px;
float:left;
text-align:right;
padding-top:10px;
}
#subHeader .missionstatement {
width:660px;
float:left;
text-align:left;
padding-top:18px;
}
#subHeader .content {

}
#subHeader a {
float:right;
padding-right:20px;
padding-top:5px;
}

/* main content */
#mainWrapper {
background:#E7E3C0 url('images/maingradient.jpg') repeat-x center top;
background-color:#E7E3C0;
}
.index { 
/*background-color:#E3D779;*/
}
#main {
width:960px;
overflow:hidden;
margin:0 auto;
}
#main .content {
padding-top:15px;
}

#main .panel {
padding:0px;
width:310px;
float:left;
}
#main .panel4 {
padding:0px;
width:240px;
float:left;
}
#main .panel.left, #main .panel.middle, #main .panel.right {
height:298px;
}
#main .panel.ads {
height:208px;
}
#main .panel.landscaping {
background:url('images/panel_landscaping.jpg') no-repeat center center;
/*overflow:visible;*/
}
#main .panel.landscaping .bgimage {
/*
background:url('images/panel_medblue.jpg') no-repeat center center;
height:298px;
width:325px;
position:absolute;
margin-left:-15px;
*/
}
#main .panel.maintenance {
background:url('images/panel_maintenance.jpg') no-repeat center center;
}
#main .panel.featured, #main .panel.rainbarrel {
background:url('images/panel_featured.jpg') no-repeat center center;
display:block;
}

/* CHANGE THIS TO SWITCH FROM FEATURED TO WATER GARDENS */
#main .panel.water {
background:url('images/panel_watergardens.jpg') no-repeat center center;
display:none;
}

#main .panel.ads {
background:url('images/panel_grey.gif') no-repeat center center;
}
#main .panel4.photos {
background:url('images/sidebarpanel_middle.gif') repeat-y center center;
}
#main .panel4.photos_top {
background:url('images/sidebarpanel_top.gif') no-repeat center center;
height:19px;
}
#main .panel4.photos_bottom {
background:url('images/sidebarpanel_bottom.gif') no-repeat center center;
height:19px;
}
#main .panel4.grey {
background:url('images/sidebarpanelgrey_middle.gif') repeat-y center center;
}
#main .panel4.grey_top {
background:url('images/sidebarpanelgrey_top.gif') no-repeat center center;
height:19px;
}
#main .panel4.grey_bottom {
background:url('images/sidebarpanelgrey_bottom.gif') no-repeat center center;
height:19px;
}
#main .panel .content {
padding:15px 25px 15px 12px;
}
#main .panel.rainbarrel .content {
padding:15px 15px 10px 5px !important;
}
#main .panel.left .content {
/*padding-left:35px;*/
}
#main .panel4 .content {
padding:15px 15px 15px 25px;
}
#main .panel4.grey p {
margin:0px;
padding:0px;
}
#main .panel4.grey p a {
padding:5px 10px;
display:block;
}
#main .panel4.grey p a:hover {
background-color:#DDD;
}

#main .panel4.photos .content, #main .panel4.grey .content {
padding-top:0px !important;
padding-bottom:0px !important;
}
#main .panel ul {
list-style-type:none;
margin:0px;
padding:0px;
margin-left:10px;
}
#main .panel.landscaping ul, #main .panel.maintenance ul, #main .panel.featured ul, #main .panel.rainbarrel ul, #main .panel.water ul {
padding-top:50px;
}
#main .panel ul li a {
padding-top:10px;
padding-left:30px;
display:block;
}
#main .panel.featured ul li a {
background:url('images/arrow.png') no-repeat left 15px;
padding-top:15px;
padding-left:45px;
display:block;
}
#main .panel.rainbarrel ul li a {
background:none;
padding-top:15px;
padding-left:20px !important;
font-size:.9em;
line-height:1.1em;
}
#main .rbimage {
float:right;
padding-left:10px;
padding-top:60px;
padding-bottom:10px;
}
#main .panel.water ul li a {
background:url('images/check.png') no-repeat left 15px;
padding-top:15px;
padding-left:45px;
display:block;
}
#main .panel.water ul li.nolink a, #main .panel.featured ul li.nolink a{
padding-left:0px;
background:none;
}

#main .post {
width:700px;
overflow:hidden;
}

#main .post.fullwidth {
	width:960px !important;
}

#main .entry {
margin-left:25px;
}

/* sidebar */
#sidebar {
float:left;
width:240px;
}


/* footer */
#footerWrapper {
height:200px;
border-top:7px solid #222;
background:url('images/footergradient.jpg') repeat-x center top;
}
#footer {
width:960px;
margin:0 auto;
}
#footer .content {
padding-top:10px;
}
#footer .panel4 {
padding:0px;
width:240px;
float:left;
}
#footer .panel4 .content {
padding:15px 10px 15px 20px;
}
#footer .panel4 ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#footer .panel4 .block ul li a {
padding:5px 3px 5px 7px;
display:block;
}
#footer .panel4 h2 {
padding-bottom:5px;
margin-bottom:5px;
}
#footer .copyright {
padding-top:20px;
margin-top:20px;
border-top:2px solid #444;
}

/*
*******************************************************************************
typography & colors
*******************************************************************************
*/

#special {
color:#999;
}
#special a.more, .panel a.more, #subHeader a {
float:right;
font-weight:normal;
display:block;
padding:4px 8px;
}
#special a.more:hover, #subheader a:hover {
background-color:#444 !important;
}
/*#subHeader a {
color:#333;
}
#subHeader a:hover {
color:#000;
}*/

.phone {
height:110px;
float:left;
font-weight:bold;
font-size:1.0em;
letter-spacing:-1px;
color:#555;
font-family:Geneva, Arial, Helvetica, sans-serif;
padding:85px 0px 0px 15px;
}
.strapline {
font-family:"Palatino Linotype", Georgia, serif;
color:#FFF;
font-size:2.3em;
}
.motto {
font-size:1.4em;
color:#777;
}
.missionstatement {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:1em;
color:#C3C3C3;
}

#main h1.pagetitle {
color:#333;
margin:0px;
padding:0px;
letter-spacing:-1px;
}

#main .post h2 {
color:#555;
font-variant:small-caps;
}
#main .post p {
margin-bottom:35px;
}

#main .panel h1 {
font-size:2.0em;
text-align:center;
margin:0px;
padding:0px;
font-weight:normal;
letter-spacing:-2px;
}
#main .panel.left h1 a {
color:#FFF;
}
#main .panel.middle h1 a {
color:#FFF;
}
#main .panel.featured h1 a {
color:#FFF;
}
#main .panel.water h1 a {
color:#BFE2FF;
font-weight:bold;
}
#main .post a, .panel4.grey a {
color:#993300;
}
#main .post a:hover, .panel4.grey a:hover {
color:#333333;
}
#main .post {
color:#444;
line-height:1.5em;
}
#main .panel.landscaping ul li a, #main .panel.maintenance ul li a, #main .white .panel4 a {
color:#FFF;
line-height:1.4em;
letter-spacing:-1px;
font-size:1.1em;
}
#main .white .panel4 a {
color:#444;
}
#main .panel {
font-size:1.1em;
}
#main .panel.featured ul li a, #main .panel.water ul li a, #main .panel.water a {
color:#FFF;
}
#main .panel.featured ul li, #main .panel.water ul li {
line-height:1.5em;
font-size:.8em;
}

.sealswrapper {
	display:block;
	width:100%;
	text-align:center;
}

.seals {
	margin:0 auto;
	width:380px;
}


#footer {
color:#999;
font-size:.9em;
}
#footer .panel4 h2 {
border-bottom:1px solid #444;
color:#CCC;
}
#footer a {
color:#CCC;
font-weight:bold;
}
#footer .block a {
color:#999;
font-size:1.2em;
font-weight:normal;
}
#footer .panel4 ul.info li a {
font-size:1em;
}
#footer a.featured {
color:#CCFF33;
}
#footer a:hover {
background-color:#444;
color:#FFF;
}
#footer a.facebook {
	padding:15px 3px 15px 45px !important;
	background:url(images/facebook.png) no-repeat 5px center;
}
#footer a.facebook:hover {
	background-color:#444;
}


.box h2 {
font-size:1.6em;
margin:0px;
padding:0px;
font-weight:normal;
letter-spacing:-1px;
}
.box h2 a {
color:#FFF;
}
.box h3 {
font-size:1.0em;
margin:0px;
padding:0px;
font-weight:normal;
color:#CCC;
line-height:.9em;
}
.panel4 {
line-height:1.4em;
font-size:.9em;
}
.panel4.photos {
font-size:1em;
color:#CCC;
}
.panel4 img {
border:2px solid #FFF !important;
border-bottom:10px solid #FFF !important;
}
.panel4 h3 {
font-size:.9em;
margin:0px;
padding:0px;
margin-bottom:10px;
}
.darkgrey {
background-color:#333;
}
.white {
background-color:#FFF;
color:#333;
}
.author {
float:right;
font-weight:bold;
}