/*
author:		Keith Kavanaugh
email:		keith_*_at_*_bauwau_*_dot_*_com
website:	http://bauwau.com
*/


/* GLOBAL */

html { }

body  { font-family: Verdana, Helvetica, Arial, sans-serif; background: rgb(230,210,190); }

a { text-decoration: none; color: rgb(50,100,50); }
a:hover { text-decoration: underline; }

p,h1,h2,h3,h4,h5,h6,li { font-family: Verdana, Helvetica, Arial, sans-serif; }
p { font-size: 12px; line-height: 1.4em; margin-bottom: 0.5em; }

h1 { font-size: 24px; margin-bottom: 0.5em; }
h2 { font-size: 18px; margin-bottom: 0.5em; }
h3 { font-size: 16px; margin-bottom: 0.5em; }
h4 { font-size: 14px; margin-bottom: 0.5em; }
h5 { font-size: 12px; margin-bottom: 0.5em; }
h6 { font-size: 10px; margin-bottom: 0.5em; }

strong { font-weight: bold; }
em { font-style: italic; }
.uppercase { text-transform: uppercase; }

img { border: 0px; }

ul { margin-bottom: 1em; }
li { font-size: 12px; margin-bottom: 0.5em; }

td { }

.clearboth { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.floatleft { float: left; margin-right: 10px; margin-bottom: 10px; }
.floatright { float: right; margin-bottom: 10px; margin-left: 10px; }


.hidden { display: none; }

body#splash { background: gray url(art/backgrounds/bkg.jpg); }

#wrapper { background-color: white; width: 980px; margin: 0 auto 20px auto; border: 1px solid silver; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }


/* SHADOWBOX ADDITIONS */

#sb-wrapper { width: 600px; }
#sb-content { width: 560px; margin-left: 20px; }
#columnleft { width: 300px; float: left; }
#columnright { width: 300px; float: right; margin-right: 10px; }


/* HEADER */

div#header { background: url(art/backgrounds/header.jpg) no-repeat 0 0; height: 170px; }

#logo { float: left; margin-top: 20px; margin-left: 50px; }


/* HEADER LINKS */

#header ul { float: right; margin-top: 30px; margin-right: 40px; width: 250px; height: 124px; }
#header li { margin-bottom: 0; }

a.phone { background: url(art/buttons/header_links.png) no-repeat 0 0; width: 250px; height: 40px; display: block; }
a.phone:hover { background: url(art/buttons/header_links.png) no-repeat 0 -120px; }

a.email { background: url(art/buttons/header_links.png) no-repeat 0 -40px; width: 250px; height: 40px; display: block; }
a.email:hover { background: url(art/buttons/header_links.png) no-repeat 0 -160px; }

a.contact { background: url(art/buttons/header_links.png) no-repeat 0 -80px; width: 250px; height: 40px; display: block; }
a.contact:hover { background: url(art/buttons/header_links.png) no-repeat 0 -200px; }

#telephone { text-align: center; }
#telephone h1 { margin-top: 1em; }


/* PORTFOLIO NAV */

#nav1 { height: 20px; background-image: url(art/backgrounds/nav1.jpg); }
#nav1 ul { margin-left: 190px; width: 600px; height: 20px; }
#nav1 li { float: left; margin: 0; }

a#nav1_left { background: url(art/buttons/nav1_links.jpg) no-repeat 0 0; width: 200px; height: 20px; display: block; }
a#nav1_left:hover { background: url(art/buttons/nav1_links.jpg) no-repeat 0 -20px; }
a#nav1_left_pg { background: url(art/buttons/nav1_links.jpg) no-repeat 0 -20px; width: 200px; height: 20px; display: block; }

a#nav1_middle { background: url(art/buttons/nav1_links.jpg) no-repeat -200px 0; width: 200px; height: 20px; display: block; }
a#nav1_middle:hover { background: url(art/buttons/nav1_links.jpg) no-repeat -200px -20px; }
a#nav1_middle_pg { background: url(art/buttons/nav1_links.jpg) no-repeat -200px -20px; width: 200px; height: 20px; display: block; }

a#nav1_right { background: url(art/buttons/nav1_links.jpg) no-repeat -400px 0; width: 200px; height: 20px; display: block; }
a#nav1_right:hover { background: url(art/buttons/nav1_links.jpg) no-repeat -400px -20px; }
a#nav1_right_pg { background: url(art/buttons/nav1_links.jpg) no-repeat -400px -20px; width: 200px; height: 20px; display: block; }

#content { }


/* PORTFOLIO DISPLAY */

#portfolio { background: rgb(220,210,190); width: 980px; height: 510px; border-top: 1px solid rgb(220,210,190);}


/* ABOUT-INFO */

#aboutinfo { background: url(art/backgrounds/aboutinfo.jpg) no-repeat 0 0; width: 980px; height: 270px; }

img.heading { height: 50px; }

#about { float: left; margin-left: 50px; width: 620px; height: 260px; overflow: hidden; }

#info { float: right; margin-right: 40px; width: 250px; height: 260px; }
#info ul { width: 250px; height: 125px; margin-left: -5px; }
#info li { margin-bottom: 0; }

a.pricing { background: url(art/buttons/info_links.png) no-repeat 0 -5px; width: 250px; height: 40px; display: block; }
a.pricing:hover { background: url(art/buttons/info_links.png) no-repeat 0 -205px; width: 250px; height: 40px; display: block; }

a.specs { background: url(art/buttons/info_links.png) no-repeat 0 -45px; width: 250px; height: 40px; display: block; }
a.specs:hover { background: url(art/buttons/info_links.png) no-repeat 0 -245px; width: 250px; height: 40px; display: block; }

a.upload { background: url(art/buttons/info_links.png) no-repeat 0 -85px; width: 250px; height: 40px; display: block; }
a.upload:hover { background: url(art/buttons/info_links.png) no-repeat 0 -285px; width: 250px; height: 40px; display: block; }

a.links { background: url(art/buttons/info_links.png) no-repeat 0 -125px; width: 250px; height: 40px; display: block; }
a.links:hover { background: url(art/buttons/info_links.png) no-repeat 0 -325px; width: 250px; height: 40px; display: block; }

a.clients { background: url(art/buttons/info_links.png) no-repeat 0 -165px; width: 250px; height: 40px; display: block; }
a.clients:hover { background: url(art/buttons/info_links.png) no-repeat 0 -365px; width: 250px; height: 40px; display: block; }

div#clients { display: none; }
div#links { display: none; }

/* CONTACT */

#contactbkg { background: url(art/backgrounds/contact.jpg) no-repeat 0 0; width: 980px; height: 300px; }
#contact { margin-left: 50px; }

.required { color: red; }

#contactformleft, #contactformmiddle, #contactformright { float: left; margin-top: 20px; }
#contactformleft { margin-right: 20px; }
#contactformmiddle { margin-right: 20px; }
#contactformright { margin-top: 30px; }
#contactformleft li, #contactformmiddle li, #contactformright li { color: rgb(100,130,120); text-transform: uppercase; font-size: 10px; }

li#input { text-align: right; padding-right: 10px; margin-top: 15px; }

#sidebar { }


/* FOOTER */

#footer { background: url(art/backgrounds/footer.jpg) no-repeat 0 0; width: 980px; height: 80px; text-align: center; padding-top: 40px; }
#footer p { font-size: 10px; color: gray; }