body {
  padding:0;
  margin:25px 0 30px 0;
  color: #999999;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:9px;
}

body * {
  padding:0;
  margin:0;
}

img { border:0 }

a {
  text-decoration:none;
  color:#05aef0;
}

a:hover  { color:#999999 }
p.padded { margin-bottom:10px }

#all {
  width:980px;
  margin:auto;
}

#content {
  padding-top:40px;
  height:360px;
}






/* HEADER */
#header { margin-bottom:10px }
#header img { float:left }
#header ul {
  margin-left:30px;
  list-style:none;
}
#header ul,#header li { float:left }
#header ul a {
  display:block;
  margin:34px 0 0 15px;
}
#nav-home           a { width:40px }
#nav-automotive     a { width:79px }
#nav-food           a { width:32px }
#nav-still-life     a { width:42px }
#nav-fashion        a { width:48px }
#nav-select         a { width:42px }
#nav-contact        a { width:56px }
#nav-commissioned-1 a { width:106px }
#nav-commissioned-2 a { width:108px }
#nav-portfolio-1    a { width:64px }
#nav-portfolio-2    a { width:67px }

#nav-home           a:hover { background:url(../assets/navigation/home-over.gif)           no-repeat left top }
#nav-automotive     a:hover { background:url(../assets/navigation/automotive-over.gif)     no-repeat left top }
#nav-food           a:hover { background:url(../assets/navigation/food-over.gif)           no-repeat left top }
#nav-still-life     a:hover { background:url(../assets/navigation/still-life-over.gif)     no-repeat left top }
#nav-fashion        a:hover { background:url(../assets/navigation/fashion-over.gif)        no-repeat left top }
#nav-select         a:hover { background:url(../assets/navigation/select-over.gif)         no-repeat left top }
#nav-contact        a:hover { background:url(../assets/navigation/contact-over.gif)        no-repeat left top }
#nav-commissioned-1 a:hover { background:url(../assets/navigation/commissioned-1-over.gif) no-repeat left top }
#nav-commissioned-2 a:hover { background:url(../assets/navigation/commissioned-2-over.gif) no-repeat left top }
#nav-portfolio-1    a:hover { background:url(../assets/navigation/portfolio-1-over.gif)    no-repeat left top }
#nav-portfolio-2    a:hover { background:url(../assets/navigation/portfolio-2-over.gif)    no-repeat left top }
#header a:hover img {  visibility:hidden}
/* following hacks for ie5.0s sake */
#header ul img {
  display:inline;
  voice-family: "\"}\"";
  voice-family:inherit;
  display:block;
}
#ie5postBoxHack{}
#header a {  height:auto;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:14px;
}
#ie5postBoxHack{}
/* END OF HEADER */






/* FOOTER */
#footer { margin-top:10px }
/* END OF FOOTER */






/* FLOAT CLEARING STUFF */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-table }

/* Hides from IE-mac \*/
* html .clearfix {height: 1% }
.clearfix {display: block }
/* End hide from IE-mac */

/* END OF FLOAT CLEARING STUFF */






/* CONTACT PAGE */
.contact-details {
  float:left;
  width:292px;
  margin-top:0;
}
#map {
  float:right;
  width:438px;
  padding-right:50px;
}
.contact-details p { margin-bottom:5px }
.email { padding-bottom:23px }
/* END OF CONTACT PAGE */






/* LOGIN PAGE */
.table-margin {  margin-top:20px }
.error-list {
  list-style:inside square;
  margin:20px 0 20px 0;
  color:#05aef0;
}
.button {
  overflow: visible;
  padding:0 0.5em;
  font-size:1em;
  margin-top:10px;
}
.label { padding-right:10px }
/* END OF LOGIN PAGE