@charset "UTF-8";

/* Global */

body,td,th,p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #888; line-height:1.5em;}

body, html {background: #000; margin:0;}

a {color: #FFFFFF; text-decoration: none;}

a:visited {text-decoration: none;}

a:hover {text-decoration: underline;}



/* Containers */

#container {width:950px; margin:0 auto;}

#header { height:123px;}


/* Logo */


#logo { width:281px; height:63px; background:url(/gfx/logo.gif) no-repeat left top; margin-top:30px; float:left;}

#logo h1 { text-indent:-9009px; margin:0; padding:0;}

#logo h1 a { display:block; width:281px; height:63px;}



/* Top Nav */

#nav, #categories { float:right; width:600px; margin-top:50px;}

#nav ul, #categories ul {margin:0; padding:0; list-style:none;}

#nav ul li, #categories ul li {display:inline; border-right:1px solid #666; float:right;}

#nav ul li.last, #categories ul li.last {border-right:none;}

#nav ul li a, #categories ul li a {padding:5px; margin:0px 10px;}



/* Gallery */

#photos {width:939px; height:420px; border:1px solid #333; background:#181818; padding:9px 0 9px 9px; margin-bottom:55px; clear:both;}

#photos img {border:0;}

#photos #main { float:left; width:590px; height:420px;}

#photos #thumbs { width:340px; float:right; margin-right:5px;}

#photos #thumbs ul { margin:0; padding:0; list-style:none;}

#photos #thumbs ul li {width:80px; height:80px; float:left; margin:0 5px 5px 0;}

#photos #slideshow {float:left; width:590px; height:420px;}

#controls {margin-top:27px; width:300px; display:block; float:left;}




#categories {position:absolute; top: 600px; margin-left:350px; width:600px; display:block;}

#categoryTitle { width:80px; float:left; font-weight:bold; text-align:right;}

.nav-controls {}

.nav-controls a { margin-right:20px;}

.top.pagination {position:absolute; top:150px; width:347px; text-align:right;}

.top.pagination a { padding:5px 8px; margin-left:2px; border:1px solid #333; background:#181818;}

.top.pagination .current { padding:5px 8px; margin-left:2px; border:1px solid #333; background:#000; color:#666;}


/* Content */

#content { margin-top:15px; background:url(/gfx/content.gif) repeat-y left; width:950px; height:180px; padding:15px 0px;}

#about { width:276px; float:left; background:url(/gfx/aboutme.gif) no-repeat left top; padding-top:30px;}

#testimonials { width:276px; float:left; margin-left:61px; background:url(/gfx/testimonials.gif) no-repeat left top; padding-top:30px;}

#contact { width:276px; float:left; margin-left:61px; background:url(/gfx/contact.gif) no-repeat left top; padding-top:30px;}

#innerContent { border-top:1px solid #333;}

#innerContent h1 { text-indent:-9000px; margin:0; padding:0; padding-bottom:0.5em; margin-top:1em;}

#innerContent h1.about { background:url(/gfx/contactme.gif) no-repeat left top;}

#innerContent h1.gallery { background:url(/gfx/gallery.gif) no-repeat left top; margin-bottom:15px;}

#innerContent h1.testimonials { background:url(/gfx/testimonials.gif) no-repeat left top;}

#innerContent table td { width:33%; border:1px solid #333; background:#181818; padding:20px; vertical-align:top;}

#innerContent .name {color:#fff; text-align:right;}

#left {width:445px; float:left; padding-bottom:20px;}

#left img { margin-top:5px;}

#right {width:445px; float:right; padding-bottom:20px;}



/* Contact Form */

form {margin:0; padding:0; margin-top:10px;}

form ul {margin:0; padding:0; list-style:none;}

form ul li { display:inline; height:30px;}

label { display:block; width:115px; float:left; padding-top:5px;}

input.text {border:1px solid #333; background:#181818; color:#fff; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:320px; margin-bottom:2px;}

textarea  {border:1px solid #333; background:#181818; color:#fff; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:320px; height:100px; margin-top:2px;}

.required { background:url(/gfx/required.gif) no-repeat 95px center;}

#button { height:30px; text-align:right; float:right; margin-top:5px;}

#legend {background:url(/gfx/required.gif) no-repeat 115px center; padding-left:20px; padding-top:10px; display:block; padding-left:135px;}

#address {padding-left:115px; padding-top:20px;}


/* Footer */

#footer {margin-top:15px; border-top:1px solid #333; padding-top:30px; height:50px; clear:both;}

#footer h1 { margin:0; padding:0; font-size:100%!important; font-weight:normal!important; width:300px; float:left;}

#footer ul {float:right; width:500px; margin:0; padding:0; list-style:none;}

#footer ul li {display:inline; float:right; border-right:1px solid #666;}

#footer ul li.last {border-right:none;}

#footer ul li a {padding:5px; margin:0px 10px;}

#footer #redBubble {float:right; text-align:right; width:300px;}