body{
	background: #84b95f url(/images/bg_2.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, "Sans-Serif";
	color: #ffffff;
}
#pulldown_wrap{
/* background: url(/images/pulldown_overlay.gif) top left repeat-y; */
	position: absolute;
	z-index: 999;
	width: 978px;
}
#pulldown_wrap p.end{
	margin-bottom: 0;
}
h1, h2, h3{
	margin: 0;
	padding: 0;
}
h4{
	font-size: 13px;
	margin-bottom: 0;
}
a{
	text-decoration: none;
	color: #ccff00;
}
a:hover{
	text-decoration: underline;
}
p, ul{
	font-size: 12px;
	margin-top: 0;
	line-height: 150%;
}
p.close_pulldown{
	clear: both;
	text-align: right;
}
p#bg_image_desc{
	font-size: 10px;
	color: #666666;
	padding: 10px;
	background: #ffffff;
	width: 275px;
	margin: 15px 0 65px 397px;
}
p#bg_image_desc strong{
	text-transform: uppercase;
}
#mast_wrap, #profile_wrap, #contact_wrap, #proposal_wrap{
	margin-left: 138px;
}
#body_wrap{
	background: url(/images/body_wrap_overlay.gif) top left no-repeat;
	clear: both;
}
#profile_wrap, #contact_wrap, #proposal_wrap{
	width: 826px;
	padding: 20px 26px 20px 0;
	background: #274039;
}
#profile_wrap p, #profile_wrap ul{ margin-left: 120px; }
#profile_wrap h3{
	background: url(/images/profile_wrap_heading.gif) top left no-repeat;
}
#contact_wrap h3{
	background: url(/images/contact_wrap_heading.gif) top left no-repeat;
}
#proposal_wrap h3{
	background: url(/images/proposal_wrap_heading.gif) top left no-repeat;
}
#pulldown_wrap h3{
	float: left;
	text-indent: -9999px;
	height: 270px;
	width: 93px;
}
#pulldown_wrap p.headline{
	font-size: 14px;
	margin-top: 14px;
}
#pulldown_wrap .left{
	margin-left: 26px;
	float: left;
	width: 40%;
}
#pulldown_wrap .right{
	float: right;
	width: 40%;
}
#pulldown_wrap .rightlocal{
	float: right;
	width: 20%;
}
.toggleForm{
	margin-left: 26px;
	float: left;
}
.billForm{ background-color: #274039; float: right; margin: 0; }
.toggleForm label.main{
	float: left;
	padding: 0 0 8px 0;
	font-size: 12px;
	width: 140px;
	text-align: right;
}
.billForm label.main{ width: 100px; }
.toggleForm label.mainsub{
	padding: 0 0 8px 0;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
.toggleForm label.mainsub a{
	text-decoration: underline;
}
.toggleForm label.mainsub em{
	font-weight: normal;
}
.toggleForm label.main span{
	font-style: italic;
	color: red;
	font-weight: bold;
}
.fourth{ width: 220px; float: left; margin-left: 20px; }
.formElement{
	clear: both;
	margin-bottom: 7px;
	padding: 0 10px 8px;
	border-bottom: 1px dotted #325249;
}
.formElement input.radio{
	margin: 0 5px 0 0;
}
.formElement input.text, textarea{
	padding: 1px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, "Sans-Serif";
	font-size: 14px;
	color: #222;
	font-weight: bold;
}
.formElement input.text, textarea{
	display: block;
	margin-left: 160px;
}
.billForm .formElement input.text, textarea{
	display: block;
	margin-left: 120px;
}
.billForm .formElement .marginSelect{
	margin-left: 20px;
}
.formElement label.selectable{
	font-size: 11px;
	display: block;
}
.formElement label.selectable{
	margin-bottom: 3px;
	clear: both;
}
.formElement label.selectable input{
	float: left;
}
textarea{
	margin-top: 0;
}
.toggleForm input.submit{
	margin-left: 160px;
	color: #222;
	font-size: 14px;
	font-weight: bold;
}
.billForm input.submit{ margin-left: 130px; }
#mast_wrap{
	width: 852px;
}
#mast_wrap h1{
	text-indent: -9999px;
	float: left;
}
#mast_wrap h1 a{
	display: block;
	width: 351px;
	height: 100px;
	overflow: hidden;
	background: url(/images/vollawn_logo.jpg) top left no-repeat;
}
ul#drop_nav{
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}
ul#drop_nav li{
	float: left;
	text-indent: -9999px;
	margin-left: 2px;
}
ul#drop_nav li a{
	overflow: hidden;
	display: block;
	background: url(/images/drop_nav_bg.gif) no-repeat;
	width: 133px;
	height: 20px;
}
ul#drop_nav li.profile a{
	background-position: 0 0;
}
ul#drop_nav li.contact a{
	background-position: -133px 0;
}
ul#drop_nav li.proposal a{
	background-position: -266px 0;
}
ul#drop_nav li.profile a:hover, ul#drop_nav li.profile a.current{
	background-position: 0 -20px;
}
ul#drop_nav li.contact a:hover, ul#drop_nav li.contact a.current{
	background-position: -133px -20px;
}
ul#drop_nav li.proposal a:hover, ul#drop_nav li.proposal a.current{
	background-position: -266px -20px;
}



#content_wrap{
	clear: both;
	margin-left: 92px;
	width: 898px;
}
ul#gallery_scroll{
	width: 46px;
	height: 261px;
	margin: 0;
	padding: 10px 0 0 0;
	background: #274039 url(/images/gallery_scroll_bg.gif) bottom center no-repeat;
	list-style: none;
	float: left;
}
ul#gallery_scroll li a{
	display: block;
	text-align: center;
	background: #274039;
	padding: 7px 0;
	font-size: 11px;
	color: #ffffff;
}
ul#gallery_scroll li a:hover, ul#gallery_scroll li a.current{
	background: #461b2e;
}
#gallery_scroll_image_wrap{
	background: #fff;
	margin-bottom: 0 !important;
	margin-bottom: -3px;
	
	margin-left: 46px;
    position: relative;
	top: 0;
	left: 0;
	overflow: visible;
	display: block;
	height: 271px;
	width: 351px;
}
img.gallery_scroll_image{
	padding: 7px;
	background: #fff;
	height: 257px;
}
#tidbit{
	clear: both;
	margin-left: 46px;
	height: 271px;
	background: #00a689;
	border-bottom: 12px solid #fff;
}
#tidbit h2{
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/learnmore_heading.gif) top left no-repeat;
	width: 351px;
	height: 121px;
}
ul#tidbit_spinner{
	background: #00a689;
	margin: 0;
	padding: 0 30px 0 30px;
	list-style: none;
	width: 291px;
}
#tidbit_spinner li div h4{
	color: #ccff00;
	margin-top: 0;
	line-height: 150%;
}
#tidbit_spinner li{
	display: none;
	height: 120px;
	padding-bottom: 15px;
}
#tidbit_spinner li.current{
	display: block;
}
#tidbit_spinner li#tidbit-1{ background: url(/images/tidbit_crumbs_1.gif) bottom left no-repeat; }
#tidbit_spinner li#tidbit-2{ background: url(/images/tidbit_crumbs_2.gif) bottom left no-repeat; }
#tidbit_spinner li#tidbit-3{ background: url(/images/tidbit_crumbs_3.gif) bottom left no-repeat; }
#tidbit_spinner li#tidbit-4{ background: url(/images/tidbit_crumbs_4.gif) bottom left no-repeat; }
#tidbit_spinner li#tidbit-5{ background: url(/images/tidbit_crumbs_5.gif) bottom left no-repeat; }
#tidbit_spinner li#tidbit-6{ background: url(/images/tidbit_crumbs_6.gif) bottom left no-repeat; }
#tidbit_spinner li#tidbit-7{ background: url(/images/tidbit_crumbs_7.gif) bottom left no-repeat; }
#tidbit_spinner li#tidbit-8{ background: url(/images/tidbit_crumbs_8.gif) bottom left no-repeat; }
#footer{
	width: 351px;
	padding: 10px 0 0 0;
	margin-left: 46px;
}
#footer a{
	text-decoration: none;
	color: #ffffff;
}
#footer a:hover{
	text-decoration: underline;
	color: #ccff00;
}
#footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer ul li{
	display: inline;
	font-size: 10px;
	line-height: 150%;
}
#footer p{
	font-size: 10px;
}
#left_side{
	float: left;
	width: 397px;
}
#right_side{
	float: right;
	width: 495px;
	border: 3px solid #ccff00;
}
#right_side #top{
	background: #274039;
	height: 268px;
	padding: 0 25px 0 25px;
}
#right_side #top.billTop{
	height: auto;
	padding-bottom: 25px;
}
#right_side h2{
	text-indent: -9999px;
	overflow: hidden;
	width: 341px;
	height: 56px;
	background: url(/images/rightside_heading.gif) top left no-repeat;
}
ul#secondary_nav{
	list-style: none;
	margin: 30px 0 0 0;
	padding: 3px 0 0 0;
	border-top: 1px solid #93a09c;
}
ul#secondary_nav li{
	float: left;
	text-indent: -9999px;
}
ul#secondary_nav li a{
	height: 92px;
	display: block;
	background: url(/images/nav-secondary.gif) left top no-repeat;
}
ul#secondary_nav li.services a{
	width: 110px;
	background-position: 0 0;
}
ul#secondary_nav li.clients a{
	width: 112px;
	background-position: -110px 0;
}
ul#secondary_nav li.gallery a{
	width: 119px;
	background-position: -222px 0;
}
ul#secondary_nav li.billpay a{
	width: 104px;
	background-position: -341px 0;
}
ul#secondary_nav li h4,
ul#secondary_nav li p{
	margin: 0;
}



div#page_content{
	clear: both;
	list-style: none;
	margin: 0;
	padding: 20px 20px 20px 0;
	background: #274039;
}
div#page_content div{
	background: #274039;
}
div#page_content div h3{
	float: left;
	text-indent: -9999px;
}
div#page_content div.services h3{
	width: 69px;
	height: 228px;
	margin-left: 20px !important; 
	margin-left: 10px;
	background: url(/images/pc_services_heading.gif) top left no-repeat;
}
div#page_content div.clients h3{
	width: 69px;
	height: 185px;
	margin-left: 20px !important; 
	margin-left: 10px;
	background: url(/images/pc_clients_heading.gif) top left no-repeat;
}
div#page_content div.gallery h3{
	width: 69px;
	height: 228px;
	margin-left: 20px !important; 
	margin-left: 10px;
	margin-right: 25px;
	margin-bottom: 550px;
	background: url(/images/pc_gallery_heading.gif) top left no-repeat;
}
div#page_content div.billpay h3{
	width: 69px;
	height: 195px;
	margin-left: 20px !important; 
	margin-left: 10px;
	background: url(/images/pc_billpay_heading.gif) top left no-repeat;
}

div#page_content div h4, div#page_content div p{
	margin-left: 114px;
}

#pan-gallery img{ float: left; width: 88px; height: 88px; display: block; border: none; margin: 0 1px 1px 0; }
#pan-gallery a.img{ width: 88px; height: 88px; border: none; }

.lightbox{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 990; background: url(/images/bg-90.png) repeat left top; }
.lb-wrap{ position: absolute; z-index: 991; top: 0; margin: 8%; width: 84%; background: #FFFFFF; }
.lb-wrap .inner{ padding: 5%; border: 3px solid #000; }
.lb-wrap div.col{ float: left; margin-right: 5%; color: #222; }
.lb-wrap h3{ color: #222; }
.lb-wrap div p{ font-size: 12px; line-height: 16px; margin-bottom: 16px; color: #222; }
.lb-wrap div p em{ color: #555; }
.lb-wrap div.colA{ width: 23%; }
.lb-wrap div.colB{ width: 12%; }
.lb-wrap div.colC{ width: 25%; }
.lb-wrap div.colD{ width: 25%; margin-right: 0; }
.lb-wrap div.col ul{ padding-left: 20px; }
.lb-wrap div.col ul li{font-size: 12px; line-height: 16px; margin-bottom: 4px; }
.lb-wrap div.col ul em{ color: #555; }
.lb-wrap div.col ul span{ color: #888; }
.lb-wrap .close{ font-size: 10px; line-height: 1; color: red; float: right; }
.lb-wrap .close a{ color: red; border-bottom: 1px dotted red; text-decoration: none; }
.lb-wrap .close a:hover{ border-bottom: 1px solid red; text-decoration: none; }
.lb-wrap .close a strong{ font-size: 13px; font-weight: normal; }
.lb-wrap .close a strong span{ font-size: 11px; font-weight: bold; padding: 0 2px; }


.zero-margin-top{
	margin-top: 0;
}

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
.red { color: #FF0000; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}