@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
body { background-color: #99cc33; color: #5a6444; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin: 0 0 0 0; padding: 0px 20px 5px 20px; text-align: center; /* Centers the page content container in IE 5 browsers. */ }
body { background: #99cc33 url(../wd_images/greenBkgd.jpg) repeat; }
h1 { color: #516C2B; font-size: 14px; font-weight: bold; line-height: 20px; }
h2 { color: #D9601A; font-size: 12px; font-weight: bold; line-height: 20px; }
h3 { color: #D9601A; font-size: 14px; font-weight: bold; line-height: 20px; }
h4 { color: #516C2B; font-size: 12px; font-weight: bold; line-height: 20px; }
a, a:link { color: #434A33; text-decoration: none; border-bottom: 1px dashed #434A33; }
a:visited { color: #434A33; text-decoration: none; }
a:hover { background: #f8f9e6; text-decoration: none; border-bottom: 1px dashed #434A33; }
a:focus { color: #72C1F2; }
a:active { color: #164619; }
a.imageButton { text-decoration: none; background: transparent; }
/*******CSS for page footer DIV*********************/
#footerContent a:link #footerContent a:visited #footerContent a:hover { text-decoration: none; color: #F2F2F2; border-style: none; }
#footerContent a { text-decoration: none; color: #FFFFFF; background: url(none); background-color: #679A01; font-weight: normal; border-style: none; }
/*******Outerlayers Main Content *********************/
#outerWrapper { background-color: #fff; margin: 0 auto 0 auto; text-align: left; width: 800px; }
#outerWrapper #header { height: 185px; width: 800px; background: url(../wd_images/header.jpg) no-repeat top; }
#outerWrapper #contentWrapper #content { margin: 0 19em 0 0; padding: 25px 10px 10px 10px; border-top: 1px solid #56514E; }
/**************** Top Nav Classes *****************/
#outerWrapper #header #topNav { padding-top: 163px; height: 22px; margin: 0px auto; padding-left: 20px; }
#outerWrapper #contentWrapper { width: 800px; border-top-width: 1px; border-top-style: solid; border-top-color: #7BA329; }
#outerWrapper #contentWrapper { width: 800px; background-image: url(../wd_images/contentWrapper_bkground.gif); border-top: 2px solid #788B1F; }
/**************** Right Column *****************/
#outerWrapper #contentWrapper #rightColumn1 { float: right; width: 19em; margin-top: 0px; color: #2D3300; padding: 20px 10px 10px 10px; border-top: 1px solid #56514E; font-size: 11px; line-height: 16px; }
#outerWrapper #contentWrapper #rightColumn1 h2 { color: #400000; padding-top: 20px; }
#outerWrapper #contentWrapper .clearFloat { clear: right; display: block; }
#outerWrapper #contentWrapper #rightColumn1 a:hover { background: #FEFEFA; text-decoration: none; border-bottom: 1px dashed #434A33; }
/*************Footer**************/
#outerWrapper #footer { border-top: solid 1px #8ab573; height: 117px; width: 800px; color: #F8FBF0; background: url(../wd_images/footer.jpg) no-repeat top; }
#outerWrapper #footer #footerContent { margin: 0 22em 0 0; padding: 5px 10px 80px 10px; text-align: center; }
#outerWrapper #footer #rightColumn2 { float: right; width: 22em; padding-top: 65px; padding-right: 15px; color: #E2EEC4; font-size: 0.95em; text-align: right; }
#outerWrapper #footer #rightColumn2 a { color: #E2EEC4; text-decoration: none; background-color:transparent; }
/*************Showing current page in main Nav**************/
#hm #ihm a, #about #iabout a, #portfolio #iportfolio a, #resources #iresources a, #contact #icontact a { font-weight: bold; background: url(../CSSMenuWriter/cssmw_images/center_hover.gif) repeat-x; }
#webdesign #iwebdesign a, #hosting #ihosting a, #seo #iseo a, #photography #iphotography a, #photoedit #iphotoedit a { font-weight: bold; }
#webdesign .current { color: #FFFFFF !important; }
#webdesign .currentH, #hosting .currentH, #seo .currentH, #photography .currentH, #photoedit .currentH { font-weight: bold; background: url(../CSSMenuWriter/cssmw_images/center_hover.gif) repeat-x; }
/***********Home Page*****************************/
#content #hmpgContent { background: url(../wd_images/ScrollDivider.gif) no-repeat center 330px; margin: 0px auto; position: relative; }
#hmpgContent #boxColumnLeft { width: 300px; float: left; margin: 20px 5px 0px 0px; padding-top: 10px; padding-left: 10px; }
#hmpgContent #boxColumnRight { width: 210px; height: 290px; float: right; margin: 55px 0px 0px; padding-top: 15px; padding-left: 0px; border-left: 1px dashed #5A6444; }
#boxColumnRight h1 { padding-left: 20px; }
#content #hmpgContent #boxColumnRight #iOffer { padding-left:0px; margin-left:0px; }
#boxColumnRight #iOffer ul { line-height:2; list-style-type:none; padding-left:35px; }
#boxColumnRight #iOffer li { padding-left:20px; background:url(../wd_images/home_bullet.gif) no-repeat; background-position:0 3px; }
#boxColumnRight #iOffer li:hover { padding-left:20px; background:url(../wd_images/home_bullet_over.gif) no-repeat; background-position:0 3px; }
#hmpgContent #boxColumnRight a { line-height: 16px; border-bottom-style: none; }
#content #hmpgContent #dedicated { margin: 70px 10px 0px 10px; padding-top: 0px; }
#content #hmpgContent #dedicated .author { padding-top:8px; position: relative; top: -15px; }
#rightColumn1 #siteQualities { display: block; padding-left: 20px; margin-top: 10px; padding-right: 20px; }
#hm #outerWrapper #contentWrapper #rightColumn1 h2 { padding: 25px 0px 10px 0px; }
#contentWrapper #rightColumn1 #flower { background: url(../wd_images/Flowers_2.gif) no-repeat bottom; height: 200px; padding-top:40px; }
/********About Page***************/
#content #officeView { background: url(../wd_images/office_300.jpg) no-repeat right top; }
#content #officeView #about { padding: 0px 290px 0px 0px; margin-top: 15px; }
/************Photo Edit Page************/
#content #TabbedPanels1 #photoEditingContainer { width: 480px; margin:0px auto; height: 220px; overflow: hidden; }
#content #TabbedPanels1 #photoEditingContainer #slideShow { visibility: hidden; }
#content #TabbedPanels1 #photoEditingContainer #Image911Container { width: 470px; margin:0px auto; text-align: right; top: -200px; position: relative; cursor: pointer; }
#content #TabbedPanels1 #photoEditingContainer #Image911Container #Text911 { text-align: right; margin-right: 290px; }
/***********Hosting********************/
#hostWebbDiva { float:left; width:370px; }
#hostingMedia { width:135px; height:180px; float:right; background: url(../wd_images/server.jpg) no-repeat -65px; }
#hPlans { background: url(../wd_images/lilgator.gif) no-repeat right bottom; }
div.VTabbedPanelsContent ul { margin-left: 0px; padding-left: 30px; }
/***********Glossary Page********************/
#glossaryNavigation { text-align: center; margin: 0px auto; width: 450px; }
#glossaryNavigation hr { width:100%; }
#glossaryLicense { margin: 0px auto; text-align: center; width: 450px; border: 1px solid #5A6044; }
#glossaryLicense a.imageButton { text-decoration: none; background: #FFFFFF; border-bottom-style: none; }
/********Automated message on user pages**************/
#clientMessage { padding: 20px 20px; }
/*******Container styles for spry pannels ***********/
#outerWrapper #contentWrapper #content #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent TabbedPanelsContentVisible ul.padLeft { margin-left: 0px; padding-left: 200px; display: block; }
/*Container style for nested flash photo gallery on portfolio.php*/
#TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent #flashGalleryContainer { margin: 0 auto; padding-left: 0px; text-align: center; /*background: url(../wd_images/floralFrame.jpg) no-repeat scroll center top;*/ }
/*******Container styles for nested sliding spry pannels on portfolio.php***********/
#slidingspryContainer { margin: 0 auto; }
/**************Styles for Nested #slidingspryContainerHead*******************/
#slidingspryContainer #slidingspryContainerHead { width:500px; margin:0 auto; padding:10px 0px }
#slidingspryContainer #slidingspryContainerHead #floatRight { float: right; width: 250px; }
#slidingspryContainer #slidingspryContainerHead #floatLeft { float: left; width: 250px; }
#slidingspryContainer #slidingspryContainerHead #floatRight ul { list-style: none; }
#slidingspryContainer #slidingspryContainerHead #floatLeft ul { list-style: none; }
#slidingspryContainer #slidingspryContainerHead ul a { color:#634425; font-weight: bold; list-style: none; text-decoration: none; border-bottom: 1px solid #634425; line-height:18px; }
#slidingspryContainer #slidingspryContainerHead ul a:focus { color: #D9601A; font-weight: bold; }
#slidingspryContainer #slidingspryContainerHead ul a:hover { color:#FFFFFF; background: #5d4023; list-style: none; text-decoration: none; border-bottom: 1px solid #634425; line-height:18px; }
/**************Styles for Nested #slidingspryContainerPanel*******************/
#slidingspryContainer #slidingspryContainerPanel { width:500px; margin:0 auto; padding:10px 0px }
.SlidingPanelsContentGroup .SlidingPanelsContent h2 { margin:40px 0 0 250px; padding:0; background:none; text-align:left; }
.SlidingPanelsContentGroup .SlidingPanelsContent p { margin:1em 0 1em 250px; padding:0; background:none; text-align:left; }
.SlidingPanelsContentGroup .SlidingPanelsContent ul { margin:1em 0 1em 280px; padding:0; background:none; text-align:left; }
#slidingspryContainer #slidingspryContainerPanel a { color:#5A6545; font-weight: bold; text-decoration: none; border-bottom-style: none; }
#slidingspryContainer #slidingspryContainerPanel a:hover { background:#5a6444 url(none); color: #FFFFFF; }
/************formatting for background graphics of #slidingspryContainerPanel************/
#slidingspryContainerPanel #panel_0 { background:#FFFFFF url(../wd_images/ss_ACA.jpg) no-repeat 5px 5px; }
#slidingspryContainerPanel #panel_1 { background:#FFFFFF url(../wd_images/ss_bridges.jpg) no-repeat 5px 5px; }
#slidingspryContainerPanel #panel_2 { background:#FFFFFF url(../wd_images/ss_labradoodles.jpg) no-repeat 5px 5px; }
#slidingspryContainerPanel #panel_3 { background:#FFFFFF url(../wd_images/ss_stewart.jpg) no-repeat 5px 5px; }
#slidingspryContainerPanel #panel_4 { background:#FFFFFF url(../wd_images/ss_shs.jpg) no-repeat 5px 5px; }
#slidingspryContainerPanel #panel_5 { background:#FFFFFF url(../wd_images/ss_webbshotz.jpg) no-repeat 5px 5px; }
/**************End Styles for Nested sliding spy pannels*******************/
#registerNewUser h2 { color: #0f0455; padding-left: 10px; font-size: 100%; }
#registerNewUser p { padding-left: 59px; color: #0f0455; }
/*******************Glossary***************************/
#content #glossary { position: relative; top: 0px; }