* { padding:0; margin: 0; outline: none; }
body {
    background: url(../images/background.jpg) no-repeat center top fixed;
	background-color:#16384B;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;    
}

img {
    vertical-align: bottom;
	border:none;
}

a:hover {
    color: #fff ;
}

.clear-both {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}



#body_wrapper {
    margin: 0 auto;
    margin-top: 50px;
    width: 1010px;
}

#body_middle {
    border: solid 2px #C6C6C6;
    background-color: #FFFFFF;
    width: 990px;
    margin-top:5px;
    padding:7px;
}
#subpage_body_middle {
    border: solid 2px #C6C6C6;
    background-color: #FFFFFF;
	float:left;
    width: 990px;
    margin-top:5px;
/*    padding:7px;*/
	padding: 7px 7px 7px 0px;
}

/*#side_bar{
	border: solid 2px #C6C6C6;
	float:right;
    width: 204px;
	min-height:530px;
}

#side_bar ul{
	float:left;
	width:204px;
	
	margin-top:15px;
	font-weight:bold;
}

#side_bar li{
	border-bottom:2px #7E80A3 solid; 
	list-style-position:inside;
	padding:15px 0 15px 65px;
	
}

#side_bar a{
	color:#727272;
	text-decoration:none;
	width:204px;
	height:44px;
}

#side_bar a:hover{
	color:#062B3E;
	width:204px;
	height:44px;
}*/

#body_middle_top {
    background: url(../images/shadow_top.png) repeat-x top left;
}
#body_middle_right {
    background: transparent url(../images/shadow_right.png) repeat-y top right;
}
#body_middle_bottom {
    background: transparent url(../images/shadow_bottom.png) repeat-x bottom left;
}
#body_middle_left{
    background: transparent url(../images/shadow_left.png) repeat-y top left;
}

#call_us {
    text-align: right;
    color: #fff;
    padding-top:5px;
}

#call_us strong {
    font-size:26px;
}

#call_us span {
    color:#F5941F;
}

#splash {
    position:absolute;
    background: transparent url(../images/splash.png) no-repeat top left;
    width: 510px;
    height: 445px;
}

#tag_line {
    margin-top:20px;
}

#welcome_message {
    float:right;
    width:470px;
    color:#6C6C6C;
    font-size:11px;
    font-weight:bold;
    margin-right:10px;
}

#menubar {
    width:452px;
    float:right;
    margin-right:-20px;
    text-align:center;
}

.menubar-left {
    background: url(../images/menubar_left.png) transparent no-repeat left top;
}
.menubar-right {
    background: url(../images/menubar_right.png) transparent no-repeat right top;
    height:51px;
    padding-top:12px;
}

#menubar a {
    font-weight: bold;
    color: #F9971C;
    text-decoration:none;
    margin:0 10px;
}

#menubar a:hover {
    color: #fff;
    text-decoration:underline;
    font-weight:bold;
}

#content {
    background: #FFFFFF url(../images/content_vspan.png) repeat-y right;
}
#sub_content {
    background: #FFFFFF url(../images/content_vspan.png) repeat-y right;
	width:770px;	
	float:left;
}

#sub_content1 {
    background: transparent url(../images/bg_swirl.png) no-repeat bottom right;
    min-height:675px;
/*	padding:10px;*/
	padding: 10px 10px 10px 0px;
}
#sub_content1 h1 {
	float: left;
	width: 100%;
	height: 57px;
	line-height: 45px;
	background: url(../images/title_bk.jpg) left no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
}
#content1 {
    background: transparent url(../images/bg_swirl.png) no-repeat bottom right;
    min-height:448px;
}

#content2 {
    background: transparent url(../images/splash.png) no-repeat top left;
    min-height:445px;
}


#bottom_banners {
    margin-top: 10px;
}

.banner {
    background-color: #fff;
    border:solid 2px #C6C6C6;
    min-width:77px;
}

.banner div {
    height:102px;
}
.banner span {
    margin:0 16px;
}

.banner span.float-right a {
    color:#F9931B;
    font-size:12px;
    text-decoration: none;
}

.banner span.float-right a:hover{
	color:#FFFFFF;
}


.banner ul {
    list-style: inside none none;
    list-style-image: url(../images/bullet.png);
    line-height:14px;
    margin-left:30px;
    padding-top:6px;
}

.banner ul li a {
    color: #132D3E;
    font-weight: bold;
    text-decoration: none;
}
.banner ul li a:hover {
    color: #fff;
    font-weight: bold;
}

.banner span {
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
}

#popular_services {
    background: url(../images/banner_popular_services2.png) no-repeat top left;
    width: 377px;
    height: 123px;
}
#current_specials {
    background: url(../images/banner_current_specials2.png) no-repeat top left;
    width: 377px;
    height: 123px;
}
#our_location {
   /* background: url(../images/banner_our_location2.png) no-repeat top left;
    */width: 205px;
    height: 123px;
    text-align:center;
}

#our_location span{
	margin-top:-20px;
}

#current_specials, #our_location {
    margin-left: 18px;
}

#footer {
    margin-top: 10px;
    color: #fff;
    font-size: 11px;
}

#footer a {
    font-weight: bold;
    color: #fff;
    text-decoration:none;
}

#footer span a {
    font-weight: bold;
    color: #585858;
    text-decoration:none;
}

#footer a:hover {
    color: #000;
}


#footer span {
    color:#585858;
    display: block;
}
h1, h2{
color:#F9931B;
}

/*       FORM-SIDEBAR           */
.input_container, .submit_container{
	padding-bottom:5px;
}

.submit_container{
	text-align:right;
}

.mini_contact_input{
	width:90%;
	border:#808080 solid 1px;
	
	height:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.mini_contact_textarea{
	width:90%;
	border: #808080 solid 1px;
	
	height:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.mini_contact_submit{
	border:#808080 solid 1px;
	height:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#FFFFFF;
	width:65px;
	height:19px;
	margin-right:10px;
}




/*-----added 08.22.09---*/
/*----sidebar---*/
#side_bar {
	float: right;
	width: 214px;
	min-height: 530px;
	height: auto;	
}
* html #side_bar {
	height: 530px;
}
.side_module {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 10px;
}
h2.mod_title {
	float: left;
	width: 220px; 
	height: 51px;
	background: url(../images/menubar_right.png) right no-repeat;
	position: relative;
	line-height: 41px;
	padding: 0px 0px 0px 14px;
	margin: 0px;
	font-size: 12pt;
}
* html h2.mod_title {
	position: absolute;
}
.side_module ul {
	float: left;
	width: 100%;
	margin: 5px 0px 0px 0px;
	padding: 0px;	
}
.side_module li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	float: left;
}
.side_module li a {
	padding: 7px 0px 7px 10px;
	margin: 1px 0px;
	display: block;
	background: #efefef;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.side_module li a:hover, .side_module li a.active {
	padding: 7px 0px 7px 10px;
	margin: 1px 0px;
	display: block;
	background: #000;
	color: #fff;
	font-weight: bold;
}

/*--sidebar webform---*/
.sideform p {
	width: 80%;
	margin: 0px auto; 
}
.sideform input {
/*	float: left;*/
	width: 92%;
/*	height: 50px;*/
	background: url(../images/input_bk_strip.gif) top repeat-x;
	border: 1px solid #999;
	padding: 5px 5%;
	margin: 3px 0px;
	font-size: 11px;
}
.sideform textarea {
	float: left;
	width: 92%;
	border: #808080 solid 1px;
	padding: 5px 5%;	
	height:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background: url(../images/input_bk_strip.gif) top repeat-x;
}
.sideform input.btn_send {
	margin: 5px auto;
	width: 100px;
	padding: 3px;
	background: #000;
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}

/*SPECIALS*/
.special_items {
text-align:justify;
width:300px;
margin-bottom:60px;
}
.special_items h3 {
}
.special_items ul {
list-style-position:inside;
}
.special_items label {
float:right;
}
.specials_page_column1{
width:300px;
float:left;
margin-left:40px;
margin-top:30px;
}
.specials_page_column2{
width:300px;
float:right;
margin-right:40px;
margin-top:30px;

}


/* SERVICES */
.service_items{
width:250px;
margin-top:20px;
margin-bottom:40px;
}
.nail{
width:250px;
margin-top:30px;
margin-bottom:20px;
}
.waxing{
width:250px;
margin-top:15px;


}
.make_up{
margin-top:30px;
width:250px;
}
.permanent_make_up{
width:250px;
margin-top:30px;
}
.tinting{
width:250px;
margin-top:30px;
}

.page_column1{
width:265px;
float:left;
margin-left:30px;
}
.page_column2{
width:265px;
float:right;
margin-right:30px;

}

/* Contact_us */

.contact_form{
font-size:16px;
margin-top:30px;

}

.contact_form td{
padding-top:5px;
padding-left:10px;
}

.contact_text{
border:1px solid #999999;
border-collapse:collapse;
padding:5px;
width:200px;
	background: url(../images/input_bk_strip.gif) top repeat-x;
}

.submit{
width:120px;
float:right;
border:1px solid #999999;
border-collapse:collapse;
padding:5px;
}



/*-----added 08.25.09----*/
#service_list, #special_list {
	float: left; 
	width: 98%; 
	padding-left: 2%;
}
.service_col, .special_col {
	float: left; 
	width: 45%;
	padding: 2%;
}
#service_list h3 {
	float: left;
	width: 96%;
	padding: 2% 2% 3px 2%;
	color: #FA931C;
	font-size: 12pt;
	border-bottom: 1px solid #000;
	margin: 0px 0px 1px 0px;
}
#special_list h3 {
	float: left;
	width: 90%;
	height: 36px;
	line-height: 36px;
/*	padding: 2% 2% 3px 2%;*/
	padding: 0 0 0 10%;
	color: #FA931C;
	font-size: 9pt;
/*	background: #000;*/
	background: url(../images/special_title.png) left no-repeat;
	margin: 10px 0px 5px 0px;
}
#special_list p {
	padding: 2%;
	margin: 0px;
}
#special_list ul {
	margin: 0px auto 5px auto;
	padding: 0px;
	width: 85%;
}
#special_list li {
	float: left;
	width: 98%;
	margin: 0px;
	padding: 0px 0px 0px 2%;
	list-style: none;
	background: url(../images/ico_arrow.gif) 0px 5px no-repeat
}
#special_list span {
	float: left;
	width: 96%;
	padding: 1% 2%;
	background: #ccc;
	text-align: right;
	font-weight: bold;
}
#service_list .row {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 1px 0px;
	background: #ccc;		
	font-weight: bold;
}
#service_list .row span.item {
	float: left;
	width: 70%;
	padding: 5px 2%;
	background: #f0f0f0;	
	border-right: 1px solid #fff;	
} 
#service_list .row span.price {
	float: right;
	width: 23%;
	padding: 5px 0px 5px 2%;
}

/*-----added 08.26.09----*/

.contact_address{
 	font-size:16px;
	width:57%;
	height:10%;
	margin-top:1%;
	padding-left:5%;
	float:left; 	
}


.row_mail_add{
float:left;
text-align:left;
}



/*----content slider-----*/
#slider {
    width: 90%;
    margin: 10px auto;
    position: relative;
}

.scroll {
	min-height: 250px;
	height: auto;
	width: 672px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(../images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 20px;
	height: auto;
	width: 632px;
}

#shade {
	float: left;
	width: 100%;
    background: url(../images/shade.png) no-repeat bottom;
    height: 44px;
}
* html #shade {
	background-image: url(../images/shade.jpg) no-repeat bottom;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin: 0px 10px 0px 0px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #000;
	color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 200px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}
