body {
 margin: 0;
 padding: 0;
 background: #CCCBCC;
 font: 12px/1.5em "lucida grande", helvetica, arial, verdana;
 color: #615F5F;
 }
 h1 {
 margin: 0 0 0 0;
 padding: 0;
 }
 h1 a {
 float: left;
 display: block;
 width: 270px;
 height: 61px;
 text-indent: -9999px;
 background: transparent url(../images/logo.gif) 0 0 no-repeat;
 position: absolute;
 z-index: 2;
 text-decoration: none;
 }
 #header {
 height: 98px;
 padding-bottom: 3px;
 background: #fff;
 }
 #subnav {
  background: #CCCBCC url(../images/bg_sub.gif) 0 0 repeat-x;
  height: 27px;
  text-align: right;
  position: relative;
  width: 100%;
  overflow: hidden;
 }
 
   /* nav */
  #subnav span {
   float: right;
   display: block;
   color: #61605F;
   /* left padding controls right hand side of tab */
   padding: 5px 20px 5px 0;
   background: #fff url(../images/navtab.gif) no-repeat 100% 0;
   font: bold 13px/1em "lucida grande", arial;
   text-shadow: #fafafa 2px 2px 0;
   text-align: center;
   margin: 0 auto;
   border: 1px solid red;
  }
  #subnav h2 {
   background: #fff url(../images/navtab.gif) no-repeat 0 0;
   margin: 4px 0 0 10px;
   /* right padding controls left hand side of tab */
   padding: 0 0 0 20px;
   margin-right: 26px;
   float: right;
  }

 #subnav ul {
  margin: 0;
  padding: 0;
  float: right;
 }
 #subnav ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  float: left;
 }
 #subnav ul li a {
  display: block;
  padding: 7px 10px;
  color: #fff;
  text-decoration: none;
 }
 #subnav ul li a:hover {
  text-decoration: underline;
 }
 #subnav ul li.selected a {
  color: #61605F;
  font-weight: bold;
 }
 
 
   /* nav */
  ul#sub_title {
   margin: 4px 0 0;
   padding: 0 15px;
  }
  ul#sub_title li a {
   float: left;
   display: block;
   color: #514F4F;
   text-align: center;
   /* left padding controls right hand side of tab */
   padding: 5px 22px 7px 0;
   background: #fff url(../images/navtab.gif) no-repeat 100% 0;
   text-decoration: none;
   margin-left: 0;
   font: bold 14px/1em "lucida grande", arial;
   text-shadow: #fafafa 2px 2px 0;
  }
  ul#sub_title li {
   float: left;
   background: #fff url(../images/navtab.gif) no-repeat 0 0;
   margin: 0;
   text-align: center;
   /* right padding controls left hand side of tab */
   padding: 0 0 0 23px;
   margin-right: 5px;
   list-style-type: none;
  }

 
hr {
height: 1px;
overflow: hidden;
padding: 0;
margin: 0 0 0 5px;
border: 0;
color: #eee;
background: #eee;
clear: both;
}
 
 #nav {
 padding: 34px 20px;
 }
 div#nav ul#menu {
 margin: 0;
 padding: 0;
 list-style: none;
 float: right;
 display: inline;
 position: relative;
 z-index: 2;
 background: #fff;
 }
 ul#menu li {
 list-style: none;
 display: block;
 float: left;
 }
 ul#menu li a,
 ul#menu li span {
 display: block;
 margin: 1px 10px;
 color: #615F5F;
 }
 ul#menu li span {
 margin-right: 5px;
 }
 ul#menu li select {
 margin: 0 10px 0 0;
 width: 140px;
 font-size: 11px;
 }
 #content {
 background: #fff;
 margin: 0;
 padding: 0;
 overflow: auto;
 width: 100%;
 height: 466px;  /* correct for ff */

 }

/*\*/
html*#content {
height: 462px; /* correct for safari */
 _height: 465px; /* correct for ie6-win */
}/**/
 
 
 #content img {
 display: block;
 float: left;
 height: 446px;
 margin-right: 8px;
 border-right: 1px solid #fafafa;
 border-left: 1px solid #fafafa;
 }
html > body #content img { /* hack ie6/win: not add margin between images */
 margin-right: 6px;
 }
 .left_image {
 border-left: none;
 }
 #content h2 {
 display: block;
 width: 46px;
 height: 446px;
 padding: 0;
 margin: 0;
 font-size: 1px;
 line-height: 0;
 letter-spacing: -10px;
 text-indent: -9999px;
 }
 
 /* vertical gallery headings */
 #content h2#Paul {background: #CCCBCC url(../images/Paul.gif) bottom left no-repeat;}
 #content h2#Chris {background: #CCCBCC url(../images/Chris.gif) bottom left no-repeat;}
 #content h2#Jason {background: #CCCBCC url(../images/Jason.gif) bottom left no-repeat;}
 #content h2#Steve {background: #CCCBCC url(../images/Steve.gif) bottom left no-repeat;}
 #content h2#Marija {background: #CCCBCC url(../images/Marija.gif) bottom left no-repeat;}
 #content h2#David {background: #CCCBCC url(../images/David.gif) bottom left no-repeat;}
 #content h2#Lachlan {background: #CCCBCC url(../images/Lachlan.gif) bottom left no-repeat;}
 #content h2#Christopher {background: #CCCBCC url(../images/Tovo.gif) bottom left no-repeat;}
 #content h2#Lisa {background: #CCCBCC url(../images/Lisa.gif) bottom left no-repeat;}
 #content h2#Guy {background: #CCCBCC url(../images/Guy.gif) bottom left no-repeat;}
 #content h2#Chris_L {background: #CCCBCC url(../images/Chrisl.gif) bottom left no-repeat;}
 #content h2#Advertising {background: #CCCBCC url(../images/Advertising.gif) bottom left no-repeat;}
 #content h2#Corporate {background: #CCCBCC url(../images/Corporate.gif) bottom left no-repeat;}
 #content h2#Creative {background: #CCCBCC url(../images/Digital.gif) bottom left no-repeat;}
 #content h2#Fashion {background: #CCCBCC url(../images/Fashion.gif) bottom left no-repeat;}
 #content h2#Food {background: #CCCBCC url(../images/Food.gif) bottom left no-repeat;}
 #content h2#Homewares {background: #CCCBCC url(../images/Homewares.gif) bottom left no-repeat;}
 #content h2#Lifestyle {background: #CCCBCC url(../images/Lifestyle.gif) bottom left no-repeat;}
 #content h2#Product {background: #CCCBCC url(../images/Product.gif) bottom left no-repeat;}
 #content h2#Solutions {background: #CCCBCC url(../images/Solutions.gif) left -225px no-repeat;}
 #content h2#Hire {background: #CCCBCC url(../images/Hire.gif) left -225px no-repeat;}
 #content h2#Contact_Us {background: #CCCBCC url(../images/Contact_Us.gif) left -225px no-repeat;}
 #content h2#About_Us {background: #CCCBCC url(../images/About.gif) left -225px no-repeat;}
 #content h2#Production {background: #CCCBCC url(../images/Production.gif) left -225px no-repeat;}
 #content h2#About {background: #CCCBCC url(../images/About.gif) left -225px no-repeat;}
 #content h2#Beauty {background: #CCCBCC url(../images/Beauty.gif) bottom left no-repeat;}
 #content h2#New {background: #CCCBCC url(../images/Latest.gif) bottom left no-repeat;}
 #content h2#Artists {background: #CCCBCC url(../images/Artists.gif) left -225px no-repeat;}
 
 #content h2#Allison {background: #CCCBCC url(../images/Hair_allison.gif) bottom left no-repeat;}
 #content h2#Belinda {background: #CCCBCC url(../images/Style_belinda.gif) bottom left no-repeat;}
 #content h2#Claire {background: #CCCBCC url(../images/Style_claire.gif) bottom left no-repeat;}
 #content h2#Janai {background: #CCCBCC url(../images/Style_janai.gif) bottom left no-repeat;}
 #content h2#Vicki {background: #CCCBCC url(../images/Style_vicki.gif) bottom left no-repeat;}
 
 #title_cell {
 background: #ccc;
 }
  
 #content table {
 border-top: 0 solid #E2E2E2;
 }
 #footer {
 background: transparent url(../images/footer_bg.gif) 0 0 repeat-x;
 float: left;
 width: 100%;
 padding: 15px 0 30px 0;
 }
 #footer ul.footernav {

 margin: 0 0 0 44px;
 padding: 0;
 list-style: 0;
 }
 ul.footernav li {
 display: block;
 float: left;
 margin: 0;
 color: #8F8D8E;
 font-size: 10px;
 }
 ul.footernav li a {
 font-size: 10px;
 color: #8F8D8E;
 text-decoration: underline;
 }
 ul.footernav li a:hover {
 background: #D7D7D7;
 } 
 #footer h4 {
 margin: 0;
 padding: 0;
 display: none;
 }
 #footer h4 a {
 text-decoration: none;
 float: right;
 margin-right: 20px;
 display: block;
 width: 100px;
 height: 37px;
 text-indent: -9999px;
 background: transparent url(../images/logo_small.gif) 20px 9px no-repeat;
 position: relative;
 top: -30px;
 }
 h3 {
 margin-bottom: 4px;
 }
 

 .infoblock {
 width: 278px;
 float: left;
 margin: 40px 0 10px 30px;
 }
 html > body .infoblock {
 margin: 40px 0 10px 60px;
 width: 278px;
 }
 
 .infoblock.first {
 margin: 40px 0 10px 0;
 padding-left: 30px;
 padding-bottom: 20px;
 }
 .infoblock.second {
 margin: 0 0 0 10px;
 padding: 20px 0 20px 10px;
 }
html > body .infoblock.second { 
 margin: 0 0 0 10px;
 padding: 20px 0 20px 20px;
}
 .infoblock.second.third {
 margin: 0 0;
 padding-left: 30px;
 padding-right: 30px;
 padding-bottom: 20px;
 }
 .infoblock.inline {
 padding: 0 20px;
 margin-left: 10px;
 }
 html > body .infoblock.inline { margin-left: 20px;}
 
 .spacer {height: 50px;}

 .info_feature {
 float: left;
 background: #eee url(../images/info_bg.gif) top left no-repeat;
 margin-left: 15px;
 width: 670px;
 }
html > body .info_feature {
margin-left: 30px;
width: auto;
}
 
 #content div.infoblock img.info_img {
 display: block;
 float: left;
 height: auto;
 width: auto;
 margin: 4px 20px 8px 0;
 border-right: 0;
 border-left: 0;
 height: 92px;
 width: 92px;
 }
 .infoblock h4 {
 font-size: 16px;
 margin-top: 0;
 }
 .infoblock h3 {
 font-size: 14px;
 margin-top: 0;
 }
 
 img,
 table,
 td {
 margin: 0;
 padding: 0;
 vertical-align: top;
 border: 0;
 }


ul#folio_strip {
margin: 0;
padding: 0;
list-style: none;
padding: 70px 40px 0;
}
ul#folio_strip li {
font-size: .8em;
width: 90px;
text-align: center;
margin-bottom: 12px;
padding-bottom: 5px;
border-bottom: 1px solid #eee;
}
ul#folio_strip li img {
border-width: 0;
margin: 0;
padding: 0;
float: none;
height: auto;
margin-left: auto;
margin-right: auto;
}
ul#folio_strip li h3 {
font-size: 11px;
margin-top: 0;
margin-bottom: 0;
white-space: nowrap;
}

.infoblock h3 a {
font-size: 11px;
font-weight: normal;
padding-left: 7px;
}

a {color: #0000EE;}

table#conact_table {
width: 100%; 
border-top: 0;
}
table#conact_table td {
padding-bottom: 15px;
}
table#conact_table h3 {
font-size: 12px;
font-weight: normal;
}
table#conact_table h3 em {
font-style: normal;
font-size: 10px;
color: #0000EE;
}


ul#artist_list {
list-style: none;
margin: 20px 0 0 0;
padding: 0;
}
ul#artist_list li {
margin: 0 0 15px 0;
float: left;
display: block;
}
ul#artist_list li img {
border-width: 0;
margin: 0 20px 0 0;
padding: 0;
float: left;
width: 72px;
height: 40px;
}
ul#artist_list li p {
width: 183px;
margin: -5px 0 0 0;
float: right;
}
ul#artist_list2 {
list-style: none;
margin: 20px 0 0 0;
padding: 0;
}
ul#artist_list2 li {
margin: 0 0 15px 0;
float: left;
display: block;
}
ul#artist_list2 li img {
border-width: 0;
margin: 0 20px 0 0;
padding: 0;
float: left;
width: 72px;
height: 40px;
}
ul#artist_list2 li p {
width: 183px;
margin: -5px 0 0 0;
float: right;
}

.hor {
background: #fff; 
margin: 0 10px 0 0;
color: #fff;
}
html > body .hor {
margin: 20px 10px 25px 0;
}

h4.artisth4 {
font-size: 16px; 
margin-left: 30px;
margin-top: 20px;
}
html > body h4.artisth4 {
font-size: 16px; 
margin-left: 30px;
}

.hor.marg {
background: #fff; 
margin: 30px 30px 0 30px;
}
p.artist_blurb {
width: 590px; 
margin: 0 30px;
}

.info_feature.artist {
margin-top: 40px;
width: 672px;
}
html > body .info_feature.artist {
width: auto;
}

.whore {
float: left; 
width: 670px; 
margin: 40px 0 0 -55px;
}

html > body .whore {
margin: 40px 30px 30px;
width: 645px; 
}
h4.enquire {
margin-bottom: 0; 
clear: both; 
padding: 0 45px 0;
}
html > body h4.enquire {
padding: 0 45px 20px;
}

input.text,
select,
textarea {
border: 1px solid #7B9CBD;
}
input.text {
font-size: 14px;
color: #555;
height: 20px;
}