/* SPD Styles */

html,
body { margin: 0; padding: 0; background:#000000;}
body.about { margin: 0; padding: 0; background:#000000 url(/images/bg/about_bg.jpg) no-repeat top center;}


h1, h2, h3 {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}

body,p,br,ul,li,ol,dl,dt,div,td {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", "Trebuchet", "Trebuchet MS", "Arial", "sans"; color:#f4f4f4;}


p.abouttext { font-size: 13px; line-height: 21px; color: #afafaf; margin-top:5px; margin-bottom:15px;text-align: left; } 

p.abouttext a { font-size: 13px; color: #5c6f7e; text-decoration:none; }
p.abouttext a:hover { color: #afafaf; text-decoration:none; }

h3.aboutme { font-size: 15px; color: #5c6f7e; margin-left: 10px; margin-top:45px; margin-bottom:5px; text-align: left; text-decoration:none; }
h4.about { font-size: 13px; color: #5c6f7e; margin-left: 10px; margin-top:5px; margin-bottom:0px; text-align: left; text-decoration:none; }
h4.about a { font-size: 13px; color: #5c6f7e; text-decoration:none; }
h4.about a:hover { color:#afafaf; text-decoration:none; }

h4.gd_webtext a:hover { color: #afafaf; text-decoration:none; }
h4.gd_logotext a:hover { color: #afafaf; text-decoration:none; }
h4.gd_printtext a:hover { color: #afafaf; text-decoration:none; }
h4.gd_illustrationtext a:hover { color: #afafaf; text-decoration:none; }
a img, img { border: 0; }

#spdcontainer { margin: 0 auto; padding: 0; width: 1000px;}

/****  SPD Navigation  ****/
#navcontainer {margin: 0 auto; padding: 0; overflow: hidden; width: 1000px;}

#navigation.spdstone {height: 75px; margin: 0 auto; }
#navigation #spdnav { float: center; margin: 0; padding: 0; zoom: 1; }
#navigation #spdnav li { float:left; list-style:none; margin:0; }
#navigation #spdnav li a { background-image: url(/images/design/spd_nav_web_design.jpg); 0 0 no-repeat; float:left; height:75px; overflow:hidden;}


/* SPD Buttons */
#navigation #spdnav li#spd a { background-position: -0 0; width:200px; }
#navigation #spdnav li#home a { background-position: -200px 0; width:82px; }
#navigation #spdnav li#about a { background-position: -282px 0; width:90px; }
#navigation #spdnav li#web-graphic a { background-position: -372px 0; width:232px; }
#navigation #spdnav li#landscape-stone a { background-position: -604px 0; width:264px; }
#navigation #spdnav li#contact a { background-position: -868px 0; width:132px; }

/* HOVER OVER STATES */
#navigation #spdnav li#spd a:hover { background-position: 0 -75px; }
#navigation #spdnav li#home a:hover { background-position: -200px -75px; }
#navigation #spdnav li#about a:hover { background-position: -282px -75px; }
#navigation #spdnav li#web-graphic a:hover { background-position: -372px -75px; }
#navigation #spdnav li#landscape-stone a:hover { background-position: -604px -75px; }
#navigation #spdnav li#contact a:hover { background-position: -868px -75px; }


/* MOUSE CLICK STATES */
#navigation #spdnav li#spd a:active { background-position: 0 -150px; }
#navigation #spdnav li#home a:active { background-position: -200px -150px; }
#navigation #spdnav li#about a:active { background-position: -282px -150px; }
#navigation #spdnav li#web-graphic a:active { background-position: -372px -150px; }
#navigation #spdnav li#landscape-stone a:active { background-position: -604px -150px; }
#navigation #spdnav li#contact a:active { background-position: -868px -150px; }


/* ON STATES */
#navigation.home #spdnav li#spd a:hover { background-position: 0 0; cursor: default; }
#navigation.home #spdnav li#home a:hover { background-position: -200px -225px; !important; }
#navigation.about #spdnav li#about a { background-position: -282px -225px !important; }
#navigation.boatbars #spdnav li#web-graphic a { background-position: -372px -225px !important; }
#navigation.glassware #spdnav li#landscape-stone a { background-position: -604px -25px !important; }
#navigation.events #spdnav li#contact a { background-position: -868px -225px !important; }


/****  End Nav  ****/



/****  Footer  ****/

#footer2 { clear: both; margin: 0 auto; width:1000px; padding-top:25px; position:relative; }
#footer2 .footer ul { list-style: none; text-align: center; }
#footer2 .footer li { display: inline; padding: 0 10px; border-right: 1px dotted #2d3a4b; color:#2d3a4b; }
#footer2 .footer li.last { border-right: none; padding: 0 0 0 10px; }
#footer2 .footer li a { text-decoration:none; color:#2d3a4b; font-size:9px; }
#footer2 .footer li a:hover { display: inline; text-decoration:none; color:#d9d9d9; font-size:9px;}
#footer2 .footer p { color:#2d3a4b; font-size:8px; text-align:center;}

#footerlogo { display: inline; padding-top: 195px;}

/****  End Footer  ****/
