body {
	text-align:center;
	margin:0;
	font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;
	background-color:#EEE;
	background-image: url(/gfx/bgtile.png);
	font-size:10pt;
}

/* -- Links  */
a img, a.roll img{border: 1px solid #333;padding:2px;margin:3px}
a:hover img, a.roll:hover img{border: 1px solid #666;padding:2px;}
a:hover, a.roll:hover{color: #666;border: 0px ;} /* Dummy definition to overcome IE bug */

a:link { color:#333;}
a:visited { color:#333;}
a:hover { color:#AF8C00;}
a:active { color:#D6B120;}
/* -- end Links  */

#wrapper{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	border-left:3px #000 solid;
	border-right:3px #000 solid;
	text-align:left;
	background-color:#FFF;
	background-image: url(/gfx/contentfade.png);
	background-repeat: repeat-x;
	background-position: 50px 107px;
}

/* -- Headers  */
#header {border-bottom:3px #333 solid;position:relative;
background-image: url(/gfx/title.jpg);
 background-repeat: no-repeat;}
#header h1 {margin:0;width:240px;padding:0;}
#header h1 a {
 display: block;
 padding-top: 107px; height: 0 !important;
 height /**/: 107px; overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, sans-serif;
letter-spacing: -1px;
margin: 4px 0 4px 0;
padding: 4px 0 4px 0;
}

h1, h2 {font-size: 22pt;}
h2 {color:#333}
#content h2 {border-bottom:1px #CCC dashed}
h3 {font-size: 18pt;}
/* -- end headers */

/* -- COL 1 */
#col1{width:210px;float:left;padding-left:15px;}
#col1 p {font-size:8pt;padding-left:6px;}
#col1 li {font-size:8pt;}
/* -- end col1 */

/* -- COL 2 */
#col2{width:500px;float:left;padding:5px 5px 5px 12px}
/* -- end col1 */

/* -- COL 3 */
#col3{float:left;width:120px;padding:10px;color:#EEE;background-color:#333;position:relative;top:25px;left:10px;border-bottom:5px #D7AC00 solid;border-top:5px #FED219 solid }
#col3 ul {border-top:1px #CCC dashed;padding-top:15px;padding-left:5px;list-style:none}
#col3 li {font-size:8pt}
#col3 h4 {color:#FFF;}
/* -- end col1 */


/* -- NAV */
ul#nav {list-style:none;padding-left:0;margin:0 0 25px 0;}
#nav li {font-size:14pt}
#nav li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #FED219;
border-right: 10px solid #333;
border-bottom: 1px solid #333;
background-color: #666;
color: #fff;
text-decoration: none;
width: 100%;
outline:none;
}

html>body #nav li a { width: auto; }

#nav li a:hover
{
border-left: 10px solid #D7AC00;
border-right: 10px solid #D6AB00;
background-color: #000;
color: #fff;
}

/* -- UBERLINKS */
body#home a#homenav,
body#products a#productsnav,
body#artwork a#artworknav,
body#clients a#clientsnav,
body#prices a#pricesnav,
body#contact a#contactnav
{
border-left: 10px solid #D7AC00;
border-right: 10px solid #D6AB00;
background-color: #000;
color: #fff;
}

/* -- end NAV */

/* -- Content */
#content p {line-height:140%;color:#333}
#content li {margin-bottom:1em;}

/* -- Products */
body#products div.stack {padding-bottom:0.8em;border-bottom:1px #CCC solid;float:left;margin:0.8em 0 0.8em 0}
body#products div.stack img {float:left}
body#products div.stack div {margin-left:280px}

#latest {padding:10px;background:#EEE;border-top:1px #CCC dashed;border-bottom:1px #CCC dashed;}
#col2Sub1 {width:175px;float:left;border-right:1px #CCC dashed;padding-right:15px}
#col2Sub1 .note {color:#999;border-top:1px #CCC dashed;font-size:8pt;padding-top:5px; text-align:right}

#col2Sub2 {width:270px;float:right}


/* -- Footer */
#footer {
	padding:25px 25px 65px 25px;
	font-size:8pt;
	clear:both;
	margin-top:10px;
	padding-top:10px;
	border-top:1px #666 dashed;
	background-image: url(/gfx/footerlogo.png);
	background-repeat: no-repeat;
	background-position:25px 90%;
}

/* -- Prices table */
body#prices table {border-top:1px #CCC solid;border-bottom:1px #CCC solid;padding:3px;margin:10px}
body#prices table td {padding:8px;background:#CCC;border-bottom:1px #666 solid}
body#prices table th {padding:8px;background:#EEE;border-bottom:1px #CCC solid}

/* -- Contact */
ul#contactDetails {
list-style: none;padding-left:0;font-size:10pt;}
ul#contactDetails li {margin-bottom:12px;}


/* Link icons */
.pdf, .image, .flickr, .psd, .zip, .mp3, .flickr, .map, .phone, .email{
list-style:none;
background-repeat: no-repeat;
background-position: left center;
padding: 2px 0 5px 20px;
}
.phone{background-image: url(/gfx/icon_phone.png);}
.email{background-image: url(/gfx/icon_email.png);}
.map{background-image: url(/gfx/icon_map.png);}
.flickr{background-image: url(/gfx/flickr-icon.gif);}

/* Forms */
label{font-size:10pt;}
.button{font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;font-size:12pt;color:#FFF;padding:5px;background:#666;border:1px #333 solid;cursor:pointer}
.box{font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;font-size:10pt;color:#333;border:1px #333 solid;background-color:#EEE;}


/* Extras */
.left{float:left}
.right{float:right}
.clear {clear:both}
.note {font-size:8pt}
.red {color:#BF2E00}
.light {color:#D6AB00}

#me, #me a {color:#666}