/* CSS @ santos2designstudios.com */

body { background: #588526 url(../images/bg_bodyFrog.jpg) no-repeat top left; font-size: 10px; font-family: Arial, Verdana, sans-serif; text-align: left; height: 100%; width: auto; position: relative; }

h1 { font-size: 1.8em; color: #fefed5; }
h2 { font-size: 1.3em; color: #fefede; font-weight: bold; }
h3 { font-size: 1.3em; color: #456319; }
label { font-size: 1.2em; color: #333; font-weight: bold; }
p { font-size: 1.2em; color: #aaeb6a; line-height: 1.6em; }
a:link, a:visited { border-bottom: 1px dotted #fefee2; font-size: inherit; color: #fefee2; text-decoration: none; }
a:hover, a:active { border: none; }
a.thickbox { width: 1px; }
.yellow { color: #fefed5; }

#container { width: 910px; height: 100%; margin: 25px 0 0 50px; padding: 0 0 0 0; text-align: left; }

#header { height: 65px; width: 100%; position: relative; }
#header a.logo { background: url(../images/img_logo.png) no-repeat; border: none; display: block; height: 100px; width: 246px; }
#header #nav { position: absolute; bottom: 0; right: 0; width: 440px; }
#header #nav a, #header #nav a.unselected { border: none; color: #c2eb98; float: left; font-size: 1.3em; font-weight: bold; margin-left: 40px; }
#header #nav a:hover, #header #nav a:active { color: #fefed5; }


#content { margin-left: 40px; width: 830px; position: relative; }
#content div#home { padding-top: 80px; position: absolute; width: 100%; }
#content div#home h1 { background: url(../images/txt_homeTitle.png) no-repeat; height: 19px; width: 477px; margin-bottom: 10px; text-indent: -5000px; }
#content div#home p { width: 480px; margin-bottom: 10px; }
#content div#home div.homeTile { background: url(../images/bg_homeTile.png) no-repeat; clear: right; height: 137px; margin-bottom: 5px; width: 308px; }
#content div#home div.top { margin-top: 35px; }
#content div#home div.homeTile a { border: none; position: relative; top: 7px; left: 8px; }

#content div#services { padding-top: 40px; position: absolute; width: 100%; }
#content div#services h1 { background: url(../images/txt_servicesTitle.png) no-repeat; height: 16px; width: 294px; margin-bottom: 10px; text-indent: -5000px; }
#content div#services img.rgt { margin-top: 15px; }
#content div#services p { width: 400px; margin-bottom: 10px; font-size: 1.5em; }
#content div#services p.lft, #content div#services p.rgt { font-size: 1.2em; }
#content div#services h2 { width: 400px; padding: 10px 0 6px 0; }

#content div#work { padding-top: 80px; position: absolute; width: 100%; }
#content div#work h1 { background: url(../images/txt_workTitle.png) no-repeat; height: 19px; width: 484px; margin-bottom: 10px; text-indent: -5000px; }
#content div#work p { width: 645px; padding-left: 10px; }
#content div#work p.noformat {  }
#content div#work p.nopad { padding: 0; }
#content div#work ul.rgt li { width: 110px; margin-bottom: 10px; }
#content div#work ul.rgt li a { display: block; border: none; text-indent: -5000px; }
#content div#work ul.rgt li a.fourfold { background: url(../images/btn_fourfold.gif) no-repeat right -21px; height: 14px; }
#content div#work ul.rgt li a.fourfold:hover, #content div#work ul.rgt li a.fourfold:active, #content div#work ul.rgt li.selected a.fourfold { background: url(../images/btn_fourfold.gif) no-repeat top right; }

#content div#work ul.rgt li a.italia { background: url(../images/btn_italiaMarble.gif) no-repeat right -21px; height: 14px; }
#content div#work ul.rgt li a.italia:hover, #content div#work ul.rgt li a.italia:active, #content div#work ul.rgt li.selected a.italia { background: url(../images/btn_italiaMarble.gif) no-repeat top right; }

#content div#work ul.rgt li a.jc { background: url(../images/btn_jchome.gif) no-repeat right -21px; height: 14px; }
#content div#work ul.rgt li a.jc:hover, #content div#work ul.rgt li a.jc:active, #content div#work ul.rgt li.selected a.jc { background: url(../images/btn_jchome.gif) no-repeat top right; }

#content div#work ul.rgt li a.blanchet { background: url(../images/btn_bblanchet.gif) no-repeat right -41px; height: 25px; }
#content div#work ul.rgt li a.blanchet:hover, #content div#work ul.rgt li a.blanchet:active, #content div#work ul.rgt li.selected a.blanchet { background: url(../images/btn_bblanchet.gif) no-repeat top right; }

#content div#work div#galleryHolder { background: url(../images/bg_galleryBg.png) no-repeat; height: 319px; width: 677px; position: relative; }
#content div#work div#galleryHolder div#picHolder { border: 1px solid #6e9a3d; height: 266px; width: 644px; position: relative; top: 14px; left: 14px; }
#content div#work div#galleryHolder div#galleryBottom { position: absolute; left: 15px; right: 15px; bottom: 12px; }
#content div#work div#galleryHolder div#galleryBottom h3 a { border-bottom: 1px dotted #456319; color: #456319; font-weight: normal; }
#content div#work div#galleryHolder div#galleryBottom ul li { float: left; height: 16px; width: 16px; margin-left: 2px; }
#content div#work div#galleryHolder div#galleryBottom ul li a { border: none; color: #456319; display: block; height: 16px; width: 16px; text-align: center; line-height: 1.6em; }
#content div#work div#galleryHolder div#galleryBottom ul li a:hover, #content div#work div#galleryHolder div#galleryBottom ul li a.selected { background: url(../images/img_gallerySelected.jpg) no-repeat; color: #fff; }

#content div#testimonials { padding-top: 80px; position: absolute; width: 100%; }
#content div#testimonials h1 { background: url(../images/txt_testimonialsTitle.png) no-repeat; height: 19px; width: 274px; margin-bottom: 10px; text-indent: -5000px; }

#content div#contact { padding-top: 80px; position: absolute; width: 100%; }
#content div#contact h1 { background: url(../images/txt_contactTitle.png) no-repeat; height: 19px; width: 416px; margin-bottom: 10px; text-indent: -5000px; }
#content div#contact div#results p.error, #content div#contact div#results p.success { padding-bottom: 10px; }
#content div#contact legend { display: none; text-indent: -5000px; }
#content div#contact label { color: #aaeb6a; }
#content div#contact label.explain { color: #fefed5; font-weight: normal; }
#content div#contact input, #content div#contact textarea, #content div#contact select { margin: 5px 0; }

#footer { background: #456319 url(../images/bg_footer.png) repeat-x top; width: 100%; height: auto; min-height: 123px; margin: 0 auto; padding: 15px 0 0 0; position: absolute; top: 550px; bottom: 0; }
#footer p { padding-left: 50px; }
#footer a { margin-right: 5px; }
#footer img.frog { position: absolute; top: 17px; left: 936px; }

#nav { position: relative; }
#nav ul {  }
#nav li {  }
#nav a {  }