/* SPD Styles */

html,
body { margin: 0; padding: 0; background:#000000;}
body.design { margin: 0; padding: 0; background:#000000 url(/images/bg/graphicdesign_webdesign_bg.jpg) no-repeat top center;}
body.webdesign { margin: 0; padding: 0; background:#000000 url(/images/bg/webdesign_bg.jpg) no-repeat top center;}
body.portfolio { margin: 0; padding: 0; background:#000000 url(/images/bg/portfolio_bg.jpg) no-repeat top center;}
body.logodesign { margin: 0; padding: 0; background:#000000 url(/images/bg/logodesign_bg.jpg) no-repeat top center;}
body.illustration { margin: 0; padding: 0; background:#000000 url(/images/bg/illustration_bg.jpg) no-repeat top center;}
body.printdesign { margin: 0; padding: 0; background:#000000 url(/images/bg/printdesign_bg.jpg) no-repeat top center;}


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

h1 { font-size: 22px; }

h2 { font-size:20px; }

h3 { font-size: 18px; }

h3 a { color: #f4f4f4; text-decoration: none; font-size: 18px; font-weight: bold; }


h1,h2,h3 { margin: 0; padding: 0; }

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.designtext { font-size: 13px; line-height: 24px; color: #afafaf; margin-top:215px; padding-left: 60px; text-align: left; }
p.designtext2 { font-size: 13px; line-height: 24px; color: #afafaf; margin-top: 5px; padding-left: 80px; text-align: left; }
p.designtext3 { font-size: 13px; line-height: 24px; color: #afafaf; margin-top:25px; padding-left: 60px; text-align: center; }
p.back { font-size: 12px; color: #757575; text-align: center; text-decoration:none;}
p.back a { font-size: 12px; color: #757575; text-align: center; text-decoration:underline;}
p.back a:hover { color:#afafaf; text-decoration:none;}
h3.designtimetable { font-size: 14px; color: #5c6f7e; padding-top:150px; padding-left: 90px; text-align: left; text-decoration:none;}
h3.designservices { font-size: 14px; color: #5c6f7e; padding-top:20px; padding-left: 100px; text-align: left; text-decoration:none;}

img.gd_web {border:0; padding-left:40px; padding-top:10px;}
img.gd_logo {border:0; padding-left:0px; margin-left: -38px; padding-top:23px;}
img.gd_print {border:0; padding-left:5px; margin-left: -18px; padding-top:23px;}
img.gd_illustration {border:0; margin-left: -18px; padding-top:1px; padding-right:25px;}

h4.gd_webtext a { font-size: 13px; color: #5c6f7e; margin-top:15px; text-align: center; text-decoration:none; }
h4.gd_logotext a { font-size: 13px; color: #5c6f7e; margin-left: -78px; margin-top:15px; text-align: center; text-decoration:none; }
h4.gd_printtext a { font-size: 13px; color: #5c6f7e; margin-left: -48px; margin-top:15px; text-align: center; text-decoration:none; }
h4.gd_illustrationtext a { font-size: 13px; color: #5c6f7e; margin-left: -78px; margin-top:15px; text-align: center; 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; }

#gdskills {  margin: 0; padding-left:45px; }
#gdskills .skills ul { list-style:none; text-align:left; margin-top:-8px;}
#gdskills .skills li { display:block; padding-bottom:4px; font-size:12px; color:#9aa4b8;}
#gdskills .skills h4 { font-size: 15px; color: #a1b9da; padding-left: 55px; padding-top:5px; text-align: left; text-decoration:none; }

p.portfoliotext { font-size: 13px; line-height: 24px; color: #afafaf; margin-top:25px; text-align: center; padding-bottom:600px;}

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

/****  Web Design  ****/

#webdesign { padding: 110px 0px 10px 0px; }

#webdesign td { padding: 45px 0px 0px 45px; }

#webdesign td img { padding: 2px; border: 1px solid #333b42; }

/****  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; margin-left:-45px;}
#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  ****/
