body {
width : ;
margin : 0 auto 0 auto;
font-family : Futura, Aial, Geneva, sans-serif;
font-size : 13px;
line-height : 20px;
color : #cacaca;
background-color: white;
background-image : url(assets/fullbg_home.jpg);
background-position : top center;
background-attachment : fixed;
background-repeat : no-repeat;
}

a:link {
color : #0dd7f5;
text-decoration : none;
border: 0px;
}
a:visited {
color : #0dd7f5;
text-decoration : none;
}
a:hover {
color : white;
text-decoration : none;
}
a:active {
color : #0dd7f5;
text-decoration : none;
}


h1 {
font-size : 20px;
line-height: 22px;
font-weight : normal;
text-transform : uppercase;
font-family : Futura, Aial, Helvetica, sans-serif;
color : #0dd7f5;
margin-top : 0px;
margin-bottom : 10px;
}

h2 {
font-size : 15px;
line-height: 19px;
font-weight: normal;
text-transform: uppercase;
font-family: Futura, Aial, Helvetica, sans-serif;
margin : 0;
border: 0;
color : #0dd7f5;
}

h2.lightbox {
font-size : 14px;
line-height: 15px;
font-weight: normal;
text-transform: uppercase;
font-family: Futura, Aial, Helvetica, sans-serif;
margin-top : 0;
color : #0dd7f5;
}



#wrap {
width : 900px;
margin : 0 auto 0 auto;
padding : 0;
background-color: black;
}

#zlayer {
width : 610px;
height: 500px;
z-index: 9;
position: absolute;
margin  : 150px auto 0 170px;
padding : 0;
border : 0px solid white;
background: ;
}



#header {
width: 900px;
height: 290px;
margin : 0px auto 0 auto;
padding: 0;
border-top: 0px solid gray;
background-color: white;
background-image: url("");
background-position: top center;
background-attachment: ;
background-repeat: no-repeat;
}

#home_header {
width: 900px;
height: 390px;
margin : 0px auto 0 auto;
padding: 0;
border: 0px solid red;
background-color: ;
background-image: url("");
background-position: top center;
background-attachment: ;
background-repeat: no-repeat;
}


#topnavBG {
text-align: center;
width : 100%;
height : 40px;
margin  : 0px auto 0px auto;
padding-left : 0px;
background: ;
border: 0px solid ;
background-image : url(assets/topnavbg.jpg);
background-position : top left;
background-repeat : repeat-x;
}

#topnav {
text-align: center;
width : 900px;
height : 40px;
margin : 0px auto 0px auto;
padding-left : 0px;
background: ;
border: 0px solid ;

}

#topnav a {
display: inline;
font-family: arial,san serif;
font-size: 15px;
font-weight: bold;
float: left;
height: 20px;
color: white;
margin: 0px auto 0px auto; 
padding: 10px 24px 10px 24px;
background: ;
}

#topnav a:hover {
color: white;
margin: 0px; 
background: black;
}

#midbody {
width: 900px;
margin : 0px auto 0px auto;
padding : 0px 0px 30px 0px;
border : 0px solid green;
background-color: black;
}



.horizontal_rule {
border-top:1px solid #75a4ab;
height:10px;
background-color: ;
margin-top:20px;
margin-bottom:10px;
}



#rightcol {
width: 290px;
min-height: 100px;
float: right;
font-size: 14px;
color: ;
margin : 20px 40px 0px 0px;
padding : 0px;
border : 0px solid blue;
background-image: ;
background-color: ;
}

#rightnavbox {
width:280px;
}

#rightnavbox a {
display: block;
font-family: arial,san serif;
font-size: 14px;
font-weight: normal;
text-transform:uppercase;
height: 20px;
color: WHITE;
margin-bottom: 1px; 
padding: 4px 0px 2px 10px;
background-image : url(assets/rightnavbg.jpg);
background-position : top left;
background-repeat : repeat;
}

#rightnavbox a:hover {
color: white;
background-image : url(assets/rightnavbgmo.jpg);
background-position : top left;
background-repeat : repeat;
}

#rightcol_aboutus {
width: 280px;
height: 300px;
float: right;
font-size: 14px;
color: ;
margin : 20px 40px 0px 0px;
padding : 0px;
border : 0px solid blue;
background-image: ;
background-color: ;
}


a.hairstyles {
text-align:center;
float:left;
font-family: arial,san serif;
width:130px;
height:130px;
font-size: 18px;
font-weight: normal;
color: white;
margin:0px 5px 10px 0px;
padding: 0px;
border:1px solid white;
background-image : ;
background-position : top left;
background-repeat : no-repeat;
}

a:hover.hairstyles {
border:1px solid #75a4ab;
}



a.stylists_names {
font-size: 13px;
color: #cacaca;
}

a:hover.stylists_names {
color:#0dd7f5;
}



a.stylistpg_hairstyles {
text-align:center;
float:left;
font-family: arial,san serif;
width:130px;
height:130px;
font-size: 18px;
font-weight: normal;
color: white;
margin:0px 25px 10px 0px;
padding: 5px;
border:px solid white;
background-color: white;

}

a:hover.stylistpg_hairstyles {
border:0px solid #75a4ab;
background-color: #75a4ab;
}

.stylist_photo {
float:left;
margin:0 20px 10px 0;
padding:5px;
background-color:white;
}




#leftcol {
width : 490px;
text-align: ;
float: left;
margin : 20px 0 0px 40px;
padding-right : 19px;
border-right : 1px solid #75a4ab;
background-color: ;
}


#leftnavbox {
float:left;
width:140px;
height: 200px;
margin-right:20px;
}

#leftnavbox a {
display: block;
font-family: arial,san serif;
font-size: 13px;
font-weight: normal;
height: 16px;
color: WHITE;
margin-bottom: 2px; 
padding: 0px 0px 4px 10px;
background-image : url(assets/leftnavbg.jpg);
background-position : top left;
background-repeat : no-repeat;
}

#leftnavbox a:hover {
color: white;
background-image : url(assets/leftnavbgmo.jpg);
background-position : top left;
background-repeat : no-repeat;
}


#leftnavbox_nofloat {
width:140px;
height: 200px;
margin-right:20px;
}

#leftnavbox_nofloat a {
display: block;
font-family: arial,san serif;
font-size: 14px;
font-weight: normal;
height: 20px;
color: WHITE;
margin-bottom: 2px; 
padding: 4px 0px 4px 10px;
background-image : url(assets/leftnavbg.jpg);
background-position : top left;
background-repeat : no-repeat;
}

#leftnavbox_nofloat a:hover {
color: white;
background-image : url(assets/leftnavbgmo.jpg);
background-position : top left;
background-repeat : no-repeat;
}


#home_paragraphbox {
width: 550px;
text-align: center;
margin : 0px auto 0px auto;
padding : 0px 0px 0px 0px;
border-bottom : 0px solid #4c4c4c;
background-image: ;
background-color: ;
}



#footer p {
color: white;
font-size: 13px;
}

#footer {
clear : both;
width : 900px;
height:160px;
margin : 0 auto 0 auto;
padding : 0px;
border-top : 1px solid black;
background-image : ;
background-repeat : no-repeat;
background-color : black;
}

.footerboxsmall {
float: left;

color: white;
font-size: 12px;
min-height: 60px;
border-right: 0px solid #75a4ab;
margin: 20px 20px 20px 20px;
padding: 0 20px 0px 0px;
background-color: ;
}





#culture { width: 92px; background: url(assets/nav/culture.gif) left top no-repeat; }
#culture:hover { background: url(assets/nav/cultureMO.gif) left top no-repeat; }

#clothing { width: 98px; background: url(assets/nav/clothing.gif) left top no-repeat; }
#clothing:hover { background: url(assets/nav/clothingMO.gif) left top no-repeat; }

#wallart { width: 102px; background: url(assets/nav/wallart.gif) left top no-repeat; }
#wallart:hover { background: url(assets/nav/wallartMO.gif) left top no-repeat; }

#photography { width: 134px; background: url(assets/nav/photography.gif) left top no-repeat; }
#photography:hover { background: url(assets/nav/photographyMO.gif) left top no-repeat; }

#bikes { width: 70px; background: url(assets/nav/bikes.gif) left top no-repeat; }
#bikes:hover { background: url(assets/nav/bikesMO.gif) left top no-repeat; }

#rides { width: 68px; background: url(assets/nav/rides.gif) left top no-repeat; }
#rides:hover { background: url(assets/nav/ridesMO.gif) left top no-repeat; }

#events { width: 82px; background: url(assets/nav/events.gif) left top no-repeat; }
#events:hover { background: url(assets/nav/eventsMO.gif) left top no-repeat; }

#contact { width: 94px; background: url(assets/nav/contact.gif) left top no-repeat; }
#contact:hover { background: url(assets/nav/contactMO.gif) left top no-repeat; }



#videobox {
float: right;
width : 368px;
height: 220px;
margin : 320px 40px 20px 0px;
padding : 0px 0px 0px 0px;
border : 0px solid white;
}

.scrollbox {
float: right;
width : 550px;
height: 220px;
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
border : 0px solid white;
overflow: auto;
scrollbar-base-color: white;
scrollbar-arrow-color: black;
scrollbar-shadow-color: 56350f;
scrollbar-lightshadow-color: ; 
scrollbar-darkshadow-color: ;
scrollbar-highlight-color: 56350f;
scrollbar-3dlight-color: black;
scrollbar-track-color: black;
}


.spacer {
width: 320px;
height: 25px;
margin : 0px;
padding : 0px 0px 0px 0px;
border : 0px solid green;
}

/* LARGE DISPLAY LINKS */

a.largedisplaylink {
display: ;
float:left;
width: 300px;
height: ;
color: #e5d6b5;
background: #000000;
background-image: ;
background-repeat: no-repeat;
border-left : 0px solid #fff;
border-top : 0px solid #fff;
border-right : 0px solid #666;
border-bottom : 1px solid #aaa;
padding: 0px;
font-size: 12px;
margin-bottom: 2px;
}

a:hover.largedisplaylink {
color: #ffffff;
background: #3f3e3e;
background-image: 
background-repeat: no-repeat;
}

/* END LARGE DISPLAY LINKS */



/* SINGLE LINKS */

a.singlelink {
display: ;
float:left;
width: 150px;
height: 20px;
color: #e5d6b5;
background: #000000;
background-image: url(assets/sidebuttonBG.gif);
background-repeat: no-repeat;
border-left : 0px solid #fff;
border-top : 0px solid #fff;
border-right : 1px solid #666;
border-bottom : 1px solid #aaa;
padding: 3px 5px 3px 42px;
font-size: 12px;
margin-bottom: 2px;
}

a:hover.singlelink {
color: #ffffff;
background: #595756;
background-image: url(assets/sidebuttonBGMO.gif);
background-repeat: no-repeat;
}

/* END SINGLE LINKS */





.paragraphbox {
width: 480px;
margin : 0px auto 0px auto;
padding : 0px 0px 0px 0px;
border-bottom : 1px solid #4c4c4c;
background-image: ;
background-color: ;
}



.clear {
clear : both;
}

.p {
width: 450px;
margin-top : 20px;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
padding : 0;
border : 0 solid #000;
}



/* IMAGES THAT FLOAT LEFT AND RIGHT */


img.left {
float: left;
margin: 0 10px 10px 0;
}

img.right {
float: right;
margin: 0 0 10px 10px;
}


.image_float {
float : left;
margin-right : 20px;
margin-bottom : 10px;
border : 1px solid #000;
}

/* END FLOATING IMAGES */