/*==================
   Sassy's Nail Spa
   Design By: www.enlev.com
   CSS Document   
   STYLE.CSS   
==================*/

body {
	background: url('../images/woodbg.jpg');
	color: #666;
	font: .8em/1.7em Arial,sans-serif;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
}
.wrapper { width: 800px; margin: 0 auto; }
a {	text-decoration: underline;	color: #4E112F; -webkit-transition: background color 0.4s linear; -moz-transition: background color 0.4s linear; -o-transition: background color 0.4s linear;}
a:hover { background: #4E112F; color: #FFF; }
ul{	margin-bottom:1.8em;}
li > ul, li > ol{ margin-bottom:0; margin-left:2em;}
h1 { 
	font-family: Georgia, serif;
	font-size: 2em;
	font-weight: normal;
	color: #4E112F;
	padding-bottom: 5px;
	padding-top: 10px;
}

h2 { 
	font-family: Georgia, serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #111;
}

/*~~~~~~~~~~~~~~~~ 
	HEADER 
~~~~~~~~~~~~~~~~*/
#header { height: 125px;}
.logo { float: left; margin-right: 60px; }
#menu { position: bottom; padding-top: 90px; line-height: .9em; }
#menu li span.selected { font-weight: bold; text-shadow: #000 1px 1px 1px; }
#menu li {
	display: block;
	float: left;
	font-size: 1.3em;
	text-transform: uppercase;
}
#menu a {
	padding: 90px 10px 5px 10px;
	background: inherit;
	text-decoration: none;
	color: #FFF;
	text-shadow: #666 1px 1px 1px;
}
#menu a:hover {
	background: rgba(78, 17, 47, 0.4);
	-webkit-border-bottom-left-radius: 5px 5px;
	-webkit-border-bottom-right-radius: 5px 5px;
	-moz-border-radius-bottomleft: 5px; /* Firefox */
	-moz-border-radius-bottomright: 5px; /* Firefox */
	text-decoration: none;
	color: #FFF;
	text-shadow: #666 1px 1px 1px;
}
#content #gel {
	display:none;
}

/*~~~~~~~~~~~~~~~~ 
	CONTENT 
~~~~~~~~~~~~~~~~*/
#content { clear: both; background: #FFF; padding-top: 10px; }
#splash { margin: 0px 0 20px 0px; height: 455px; }
#banner { margin: 0px 0 20px 0px; height: 200px; }
.lists ul { list-style: disc url(../images/bullet.jpg) inside; }
#tabs a { background: none; }
#tabs, #tabs-1, #tabs-2, #tabs-3, #tabs-4 { font-family: Arial, sans-serif; color: #666; font-size: 1em;}
.bigtext {
	text-shadow: #000 1px 1px 1px;
	position: absolute;
	top: 178px;
	background: rgba(0, 0, 0, 0.4);
	width: 400px;
	margin-left: 10px;
	color: #FFF;
	font: bold italic 32px/.9em Georgia,serif;
	letter-spacing: normal;
	padding: 30px;
	z-index:100;
}
.midtext {
	text-shadow: #000 1px 1px 1px;
	position: absolute;
	top: 160px;
	background: rgba(0, 0, 0, 0.4);
	width: 340px;
	margin-left: 10px;
	color: #FFF;
	font: italic 24px/.9em Georgia,serif;
	letter-spacing: normal;
	padding: 10px 10px 10px 20px;
	z-index:100;
}

/*~~~~~~~~~~~~~~~~ 
	FOOTER 
~~~~~~~~~~~~~~~~*/
.footer { 
	height: 40px;
	width: 800px;
	background: url('../images/footshadow.png') no-repeat top; 
	padding-top: 25px;
	text-align: center;
	font-size: .9em;
	color: #8d5700;
}
.footer a {	text-decoration: none;}
.footer ul{	list-style:none; }
.footer li{	display: inline;margin:0 2px; }

/*~~~~~~~~~~~~~~~~ 
	EXTRAS 
~~~~~~~~~~~~~~~~*/
.frame { padding: 5px; background: #FFF; border: 1px solid #DDD; }
.left { float: left; padding-right: 2px; }
.right { float: right; margin-left: 20px;}
.clear { clear: both; }
.small { font-size: 70%; font-style: normal; font-weight: normal;}
.small a { background: #4E112F;color: #fff; text-decoration: none;}
.small a:hover { background: #000; }
.center { text-align: center;}
.green { background: #ADFFB5; padding: 3px; border: 1px dotted #51814D; color: #51814D;}
.red { background: #F1998E; padding: 3px; border: 1px dotted #750000; color: #750000;}
/*--COLORS ________
Maroon: #4E112F
Gray: #333333
_________________*/