@charset "UTF-8";
/* Ciao Bella Salon - CSS */



form {
	margin-left: auto; margin-right:auto;
	width: 90%;
	padding:5px;
	text-align: left;
	font-family:Tahoma, Geneva, sans-serif;
	background: rgb(226,231,100);
	}
		
p {
	text-align: left;
	font-style: normal;
	font: Tahoma, Geneva, sans-serif;
	font-family: Tahoma, Geneva, sans-serif;
	}
	


#header {
	display: block;
	height:250px; width:1250px;
	background-color: rgb(70,56,17); 
	border-color: rgb(226,231,199); border-width: 10px;
	font-family:"Courier New", Courier, monospace;
		}

	header.img {
		position: center;
		margin-left: 25%; margin-right:auto;
		width: 900px; height:300px;
				}

#navBar_top {
	height: 100px; width: 1250px;
	background-color: rgb(139,121,157); 
	border-color: rgb(226,231,199); border-width: 1px;
	font:"Arial Black", Gadget, sans-serif;
}
	
	navBar_top.wrapper { width:757px; margin:60px auto; }
		
		.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
		html[xmlns] .clear { display: block;}
		* html .clear { height: 1%;}

		navBar_top.dark {border-top: 1px solid #282c2f; border-bottom: 1px solid #121317; border-radius: 3px; display: block!important;}
		navBar_top.dark ul {margin: 0px; padding: 0px; border-left: 1px solid #2e3235;}

		/* Top level */
		navBar_top.dark li {list-style: none; float: left; border-right: 1px solid #2e3235; position: relative;}
		navBar_top.dark li.first, nav li.first a {border-top-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-top-left-radius: 2px; -moz-border-bottom-left-radius: 2px;}
		navBar_top.dark li.last, nav li.last a {border-top-right-radius: 2px; border-bottom-right-radius: 2px; -moz-border-top-right-radius: 2px; -moz-border-bottom-right-radius: 2px;}
		navBar_top.dark li.drop a {padding-right: 30px;}
		navBar_top.dark li a {display: block; padding: 9px 23px 10px; text-decoration: none; background-image: url(../img/navigation-sprite.png); background-repeat: repeat-x; font-size: 12px; color: #fff; border-top: 1px solid #5a5d60; border-left: 1px solid #525659; text-shadow: 0px -1px 0px #000;}
		navBar_top.dark li a {background-position: 0px 0px;}
		navBar_top.dark li a:hover, nav li.active a {background-position: 0px -36px;}
		navBar_top.dark li a:active {background-position: 0px -72px;}
		navBar_top.dark .dropdown {display: block; float: right; width: 7px; height: 5px; background: url(../img/drop-down.png) no-repeat; margin: -20px 15px 0px 12px;}
		
		/* Drop down */
		navBar_top.dark li ul {opacity: 0; position: absolute; top: 45px; left: -26px; padding: 12px 15px; border-radius: 3px; -moz-border-radius: 3px; background: #222; display: none; z-index: 100;}
		navBar_top.dark li ul li {border-right: 0px; float: none!important; border-bottom: 1px solid #444; width: 125px;}
		navBar_top.dark li ul li:last-child { border-bottom: 0px;}
		navBar_top.dark li ul li a {background: none!important; border-left: 0px; border-top: 0px; padding: 10px 0px; font-size: 11px}
		navBar_top.dark li ul li a:hover {opacity: 0.5;}
		
		navBar_top.dark li ul li.arrow {background: url(../img/arrowtop.png) top left no-repeat; border-bottom: 0px; height: 10px; margin-top: -22px; margin-bottom: 10px;}


#body {
	height: 600px; width: 1250px;
background-color: rgb(206,214,163); 
border-color: rgb(226,231,199); border-width: 1px;
		}

#footer {
	height: 75px; width: 1250px;
background-color: rgb(139,121,57); 
border-color: rgb(226,231,199); border-width: 10px;
		}

#navBar_bot {
	height: 50px; width: 1250px;
background-color: rgb(33,73,46); 
border-color: rgb(226,231,199); border-width: 1 px;
			}