body {
background: url(images/bg2.png) repeat-x;
background-color: #fdccdd;
margin: 0;
padding:0;
font-family: Helvetica, arial, sans-serif;
color: #574948;
font-size:14px;
}

p {
line-height: 16px;
}

a:link, a:visited, a:active {
color: #e0326c;
text-decoration: none;
}

a:hover {
color: #e0326c;
text-decoration: underline;
}


#header {
width:1140px;
margin: auto;
}


#wrapper {
width:1140px ;
margin: auto;
padding: 0 20px 0 20px;
}


.vdivide {
background: url(images/verticaldivide.png) no-repeat;
height:227px ;
width:5px ;
float: left;
margin: 0 50px 0 50px;
}


h1 {
font-family: clarendon, georgia, serif;
font-size: 22px;
font-weight:normal;
color: #e0326c;
margin: 0;
padding: 0;
text-transform: uppercase;
}



h2 {
font-family: clarendon, georgia, serif;
font-size: 20px;
font-weight:normal;
color: #e0326c;
margin: 0;
padding: 0;
text-transform: uppercase;
}




h3 {
font-family: clarendon, georgia, serif;
font-size: 14px;
font-weight: lighter;
color: #2e2423;
margin: 0;
padding: 0;
text-transform: uppercase;
}



h4 {
font-family: clarendon, georgia, serif;
font-size: 16px;
font-weight:normal;
color: #e0326c;
margin: 0;
padding: 0;
text-transform: uppercase;
}


h5 {
font-family: clarendon, georgia, serif;
font-size: 12px;
font-weight: lighter;
color: #2e2423;
margin: 0;
padding: 0;
text-transform: uppercase;
}





 #topnav {
    width: 648px; height: 90px;
    background: url(images/tn2.png);
    margin: 0; padding: 0;
    position: relative;
    float: right;}
  #topnav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #topnav li, #topnav a {
    height: 90px; display: block;}
    
    
    
  #home {left: 0; width: 100px;}
  #about {left: 100px; width: 111px;}
  #portfolio {left: 211px; width: 113px;}
  #shop {left: 324px; width: 112px;}
  #blog {left: 436px; width: 110px;}
  #contact {left: 546px; width: 101px;}
  
  
  #home a:hover {
    background: transparent url(images/tn2.png)
    0 -90px no-repeat;}
  #about a:hover {
    background: transparent url(images/tn2.png)
    -100px -90px no-repeat;}
  #portfolio a:hover {
    background: transparent url(images/tn2.png)
    -211px -90px no-repeat;}
  #shop a:hover {
    background: transparent url(images/tn2.png)
    -324px -90px no-repeat;}
  #blog a:hover {
    background: transparent url(images/tn2.png)
    -436px -90px no-repeat;}
  #contact a:hover {
    background: transparent url(images/tn2.png)
    -546px -90px no-repeat;}
    
    
  .homeA {
  background: transparent url(images/tn2.png)
    0 -180px no-repeat;}
    
  .aboutA {
  background: transparent url(images/tn2.png)
    -100px -180px no-repeat;}
    
  .portfolioA {
  background: transparent url(images/tn2.png)
    -211px -180px no-repeat;}
    
  .shopA {
  background: transparent url(images/tn2.png)
    -324px -180px no-repeat;}
    
  .blogA {
  background: transparent url(images/tn2.png)
    -436px -180px no-repeat;}
    
  .contactA {
  background: transparent url(images/tn2.png)
    -546px -180px no-repeat;}
    
    
    
    
 #footer {
 background: url(images/footerbg.png) repeat-x;
 height: 172px;
 min-width:1200px;
 font-size: 12px;
 color: #f8dde2;
 text-transform: uppercase;
 margin-top: 50px;
 }
 
 #footer a {
 color: #f8dde2;
 text-decoration: none;
  }
  
  
 #illustration {
 background: url(images/tabill.png) no-repeat top right;
 height: 498px ;
 }
  
  
  
  
 folio {
 background: url(images/foliobg.png) no-repeat;
 height:210px ;
 width:265px ;
 padding: 23px 0 0 1px;
 }
 
 
 
 .foliowrapper {
 width:260px;
 margin: auto;
 text-align: center;
 float: left;
 padding-bottom: 30px;
 }
 
 
 
 .folio {
    -moz-border-radius: 4px 4px 4px 4px;
    background-color: #FFFFFF;
    border: 1px solid #c1b2b7;
    padding: 8px;
    height: 150px;
    width: 260px ;
    margin: 0 0 10px 0 ;
}


.form {
-moz-border-radius: 4px 4px 4px 4px;
background-color: #FFFFFF;
border: 1px solid #ea88a9;
}


/* Drop down styles*/
div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:white;
  margin:0px;
  margin-top:-10px;
  padding:5px;
  text-align:left;
  max-height:200px;
  overflow:auto;
  line-height: 20px;
  font-size: 12px;
}

/*Drop down list styles*/
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected { 
  background-color: #fff;
}

/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current { 
  background-color: #faf8f8;
}

/* Drop down list items style*/
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

/* Look and feel of select box */
.selectbox 
{
  margin: 0px 5px 10px 0px;
  padding-left:2px;
  font-size:12px;/* Resize Font*/
  width : 250px; /* Resize Width */
  height: 25px;
  display : block;
  text-align:left; 
  background: url('images/dropdownbg.png') right;
  cursor: pointer;
  color:#333;
  -moz-border-radius: 4px 4px 4px 4px;
  background-color: #FFFFFF;
  border: 1px solid #ea88a9;
}