/* undo some default styling of common (X)HTML browsers

 * ------------------------------------------------------------------------- */



/* remove default link styles */

:link,:visited { text-decoration:none; }



/* No list-markers by default - must redefine bullets w/ bg graphics */

ul,ol { list-style:none; }



/* Avoid browser default inconsistent heading font-sizes and pre/code */

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }



/* Remove inconsistent (among browsers) default padding or margin */

html,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,input { margin:0; padding:0; }



/* prevent blue linked image borders */

a img,:link img,:visited img { border:none; }



p,dl,dt,dd,ul,ol,li { line-height:16px; }

p,pre,blockquote { margin-bottom:8px; }

.clear { clear:both; height:.01em; }





fieldset,img,a img,:link img,:visited img {border:0;}













/* ------------------------ form elements ------------------------ */

form {

	width:150px;

	margin:10px 0 15px 0; /* set margin left and right below */

	}



form label	{ font-size:.95em; } 



form br { line-height:0; height:0; } /* defaults vertical spacing between fields */



input, textarea, select { 

	background-color:#FFFFFF !important; /* to prevent highlighting by Google Toolbar */

	color:#000;

	width:145px; /* 5 pixles smaller than form width !important */

	height:20px;

	line-height:18px;

	vertical-align: middle;

	margin-bottom:4px; /* sets vertical spacing between fields */

	padding-top:1px; /* vertically position text in input/textarea field */

	padding-left:4px; /* horizontally position text in input/textarea field */

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 

	font-size:0.7em;

	}



select { width:150px; padding:0; } /* same width as form - !important */



textarea { height:90px; overflow:auto; }



#contact_business { display: none; } /* do not remove */ 



















/* gallery */

#gallery { width:700px; text-align:center; margin-top:30px;}



 	 #gallery dl { padding:0 5px; margin-bottom:15px; width:160px; float:left; }



     #gallery dt { padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}





/*sprite nav*/

#nav {width: 155px; height: 295px; background: url(../beauty/nav.jpg) no-repeat; margin: 0; padding: 0; position: relative;}

#nav li {

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

	

}

#nav span{ display:none;}



#nav li, #nav a {display: block;}



#nav-01, #nav-01 a  { height: 30px; top: 0px;}

#nav-02, #nav-02 a  { height: 45px; top: 30px;}

#nav-03, #nav-03 a  {
	height: 46px;
	top: 72px;
}

#nav-04, #nav-04 a  { height: 45px; top: 121px;}

#nav-05, #nav-05 a  { height: 25px; top: 165px;}

#nav-06, #nav-06 a  { height: 45px; top: 190px;}

#nav-07, #nav-07 a  { height: 25px; top: 235px;}

#nav-08, #nav-08 a  { height: 35px; top: 260px;}





#nav-01, #nav-02, #nav-03, #nav-04, #nav-05, #nav-06, #nav-07, #nav-08 {left: 0px; width: 155px;} 



#nav-01 a:hover { background: transparent url(../beauty/nav.jpg) -155px   -0px   no-repeat;}

#nav-02 a:hover { background: transparent url(../beauty/nav.jpg) -155px   -30px  no-repeat;}

#nav-03 a:hover { background: transparent url(../beauty/nav.jpg) -155px   -75px  no-repeat;}

#nav-04 a:hover { background: transparent url(../beauty/nav.jpg) -155px  -121px  no-repeat;}

#nav-05 a:hover { background: transparent url(../beauty/nav.jpg) -155px  -165px  no-repeat;}

#nav-06 a:hover { background: transparent url(../beauty/nav.jpg) -155px  -190px  no-repeat;}

#nav-07 a:hover { background: transparent url(../beauty/nav.jpg) -155px  -235px  no-repeat;}

#nav-08 a:hover { background: transparent url(../beauty/nav.jpg) -155px  -260px  no-repeat;}
