/*                    eco Transitions - Global Style Sheet                      */

body {background: #D9E9AD url(images/global/background.jpg) repeat-x center top;
	margin: 0px; padding: 16px 0;
	font: 11px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
	color: #282828; text-align: center}
p { font-size:11px; /*text-indent:1cm;*/ text-align:justify; line-height:16px; margin:0 0 5px 0}
.indent { font-size:11px; text-indent:1cm; text-align:justify; line-height:16px; margin:0 0 5px 0}
.indent40 {padding:0 0 0 30px}
a:active {outline: none} /*Removes annoying dotted line on links in Firefox*/
img { border-style: none}
img.left { float:left; padding:3px; margin:0 8px 8px 8px }
img.right { float:right; padding:3px; margin:0 8px 8px 8px }
img.pic_left { float:left; padding:3px; margin:0 8px 8px 8px; border:1px  #CCCCCC solid}
img.pic_right { float:right; padding:3px; margin:0 0 8px 8px; border:1px  #CCCCCC solid}

a {color:#004D86; text-decoration:none}
a:hover { color:#006600}
#welcome h1 { padding:5px 0 0 20px; margin:0px; font-weight:bold; font-size:14px; color:#FFFFFF}
h3 {font-size:18px; color:#003366; margin:5px 0; line-height:21px; text-align: left; clear: right}
h3.pt15 {padding:15px 0 0 0}
h4 {font-size:13px; padding:2px; margin:0 0 5px 0; line-height:17px; color:#003366; border-bottom:1px #999999 dashed}
		.bbno {border-bottom:none}
h5 {font-size:15px; padding:0;  margin:20px 0 0 40px; line-height:40px; color:#003300; /*display:block*/; text-align:left; text-transform:capitalize }


#container { position: relative; width: 750px; margin: 0 auto; padding: 0px; text-align: left}
#head { width: 750px; height: 172px; background: url(images/global/head.jpg) no-repeat}
#head h1 { position: absolute; margin: 31px 0 0 36px; width: 133px; height: 103px; /*background: url(images/spacer.gif) no-repeat;*/}
#head h1 a { text-indent: -2000px; width: 154px; height: 103px; display: block; background: url(images/spacer.gif) no-repeat}
.top_head_banner { float:right; width:200px; height:120px; background:url(images/#) no-repeat right; background-position:-12px 12px}

#menu { position: absolute; width: 680px; top: 155px; left: 30px; margin: 0px; padding: 0px; z-index: 100; font-size: 14px }
#menu li { list-style-type: none; float: left; margin: 0 8px; height: 26px}
#menu li a { padding: 0 0 7px 0; height: 26px; color: #8A8A8A}
#menu li a:hover { color:#41860C; /*font-weight:bold */ border-bottom:#006699 dotted 3px}
#menu .current { color:#996633; font-weight:bold}
#area {	width: 750px; height: 54px; background: url(images/global/area.jpg) repeat-x}

#main { margin: auto; background: url(images/global/bg_main.gif) repeat-y; width: 750px; height: auto}
#welcome { background: url(images/global/center_banner.jpg) no-repeat; background-position:12px 0px; padding:10px 10px 0 10px; width: 750px; height:80px;  }

#content_left { float:left; padding:0 30px 0px 25px; width: 450px; height:auto}
#content_left img.icon_info{ margin:4px 4px -3px 0 }
/*#content_left h5 {font-size:15px; padding:2px; margin:0 0 5px 0; line-height:19px; color:#003300; display:block; text-align:center; text-transform:capitalize }
*/
#content_right {float:left; padding:5px; width: 200px; height:auto}
#content_right p {text-align: left; padding: 0 0 0 10px}
#content_right h4 { border:none}
#content_right h5 { font-size:13px; margin: 0; color: #003366}
.item_box { width:auto; height:auto; padding:10px 0 5px 0; border-top:1px #666666 dashed}

/*Miscellaneous------------------------------------------*/
.spacer { width:auto; height:2px; clear:both; padding-bottom:2px}
p.top { float:right}
abbr, acronym, span.abbr { cursor: help; border-bottom: 1px dotted #000}

/*Contact Form-------------------------------------------*/
#form {padding:0px; margin:0px}
#fields label {width:260px; display:block; padding:0px}
#fields input {border:1px solid #C8D2D9; margin:0 0 3px 0; width:260px}
#fields textarea {border:1px solid #C8D2D9; margin:0 0 3px 0; width:260px; height:63px}
#send input {width:64px; height:20px; margin:0px}
ul {margin:0 0 20px 0; padding:0px; list-style-type:none}
.contact_info {float:left; padding:15px}

/*Services + Resources----------------------------------*/
.sr { float:left; width:430px; padding: 0 0 10px 0; line-height: 2.2em; border-top:1px #666666 dashed}
.sr h3, ul { padding: 0 0 0 180px}
.sr h3 { color:#003366; text-align:left; font-size: 14px}
.sr p { text-align:left; font-size: 12px; padding: 0 0 0 180px}
.sr img { float:left; margin:25px 0 0 10px}
.sr ul { line-height:1.6em; color:#272727}
.sr a:link, .sr a:visited{ color:#003300; text-decoration:underline }
.sr a:hover, .sr a:active { color:#0066FF; text-decoration:underline}

/*Product Details----------------------------------------*/
.product_details { float:left; width:450px; color:#0099FF; padding: 0 0 10px 0; line-height: 2.2em}
.product_details h3 { color:#0066CC; text-align:left; font-size: 14px}
.product_details img { float:left}
.product_details ul { line-height:1.6em; color:#272727}
.product_details a:link, .product_details a:visited{ color:#003300}
.product_details a:hover, .product_details a:active { color:#0066FF; text-decoration:underline}
.product_clearer { clear:left; line-height:0; height:0}
.product_details .icon_info { margin:3px}
.product_details .icon_pdf { margin:6px 3px 3px 3px}
.product_details .ws_partner{ margin:5px 0 0 15px}
.product_details .ada { margin:35px 20px 0 25px}
#pricelist { margin:0; padding:0}
#pricelist p{ text-align:right; line-height: 1.5em}
#pricelist ul { text-align: right}
.infobox{ text-indent:0; background:url(images/icons/icon_i-blue.gif) no-repeat center left}

/*Lake Lanier Water Level-----------------------------*/
#lakelanier { margin:0 8px; padding:0; text-indent:0; background:url(images/global/grad_white-blue.gif) repeat; border:1px solid #CCCCCC}
#lakelanier-blank { margin:0 8px; padding:0; text-indent:0; border:1px solid #CCCCCC}

/*NatGeo Green Guide---------------------------------*/
#greenguide { margin:10px 0 0 23px}
#greenguide p { margin:10px 0; padding:0; text-align:left; text-indent:5px}
#greenguide a:hover, #greenguide a:active { text-decoration:underline}

/* Photo-Caption PZ3 CSS */
.PZ3-l { float:left; margin-right:10px; } .PZ3-r { /*float:right; */margin-left:0px; direction:rtl; } html>/**/body .PZ3-r { position:relative; }
.PZ3zoom { border:1px solid #677674; }
.PZ3zoom a,.PZ3zoom a:visited { display:block; padding:0; overflow:hidden; text-decoration:none; height:100%; width:100%; } html>/**/body .PZ3-r a { right:0; }
.PZ3zoom a:hover { position:absolute; z-index:999; padding:0; background:#fff; cursor:default; height:auto; width:auto; overflow:visible; border:1px solid #fff; margin:-1px 0 0 -1px; } html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }
.PZ3zoom a img { border:0; height:100%; width:100%}
.PZ3zoom a:hover img { height:auto; width:auto; border:0}
.PZ3zoom a:hover img.yyy { display:none; height:auto; width:auto;}/* hides cameo pic on hover */
/* .PZ3cap { display:none; } stk 12-Apr-2007 */
a:hover .PZ3cap, a:hover .PZ31cap { display:block; direction:ltr; font:10pt Arail,sans-serif; margin-top:0; background:#000; color:#fff; text-align:left; }
a:hover .PZ3cap { padding:3px 5px 10px 5px; }
.PZ3inr { display:block; padding:6px 5px; margin:0 0 10px 0}
.noCap a:hover .PZ3cap, .noCap a:hover .PZ31cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/*Footer-------------------------------------------------*/
#footer { color:#6B7B81; background:url(images/global/footer.jpg) no-repeat; background-position:0px 0px; width:750px; height:85px}
#footer p { text-align:center; font-size:10px; padding:8px 80px 0 0; margin:0}
#footer a { background:none; padding:0px}
#zixoda { text-align:right; padding:0 25px 0 0} 
#zixoda a:link, #zixoda a:visited { text-decoration:none; font-size:8px; color:#8CB375; letter-spacing:2px}
#zixoda a:hover, #zixoda a:active { color:red; text-decoration:underline; list-style-type:none; font-weight:bolder; font-size:12px; letter-spacing:3px; cursor: e-resize}