@charset "windows-1250";

* {
	border-collapse:collapse;
	border:none;
	margin:0px;
	padding:0px;
	line-height: 1em;
}

/*****************************************
Structure*/	

HTML { height:100%; }

BODY {
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.2em;
}
TABLE {
	border:none;
	margin:0px; padding:0px; border-collapse:collapse;
}

TD {
	padding:0;
	height:100%;
	vertical-align:center;
	background: url(../images/woodgrain.jpg) repeat-x 0px 0px;
}

TD.separator {
	width:26px;
	background:#C2B49A;
	margin: 0px;
	padding: 0px;
}

TD.separator A{/* anchor position correction */
	position:relative;
	left:10px;
}

/***
END of Structure*/	

/*****************************************
NORMAL document style */
H1, H2, H3, H4, H5, H6 {
}
P {
	color: #666666;
}
A {
	color: #333333;
}
A:hover {
	text-decoration: underline;
}
H1	{
}
H2 {
}
H3 {
}
H4 {
}
UL {
	list-style: none;
}

LI {
}

/***
END of normal document style*/	


/*****************************************
Separator */
/*TD.separator IMG{
	border:none;
	margin:0px; padding:0px;
}

TD.separator A{
	margin:0px;
	padding:0px;
	border:none;
	display: none;
}
*/

/***
end of Separator */

/*****************************************
Menu style */
DIV.content UL#menu{
	font-size:0.7em;
	background: #C2B49A;
	height: 34px;
	float: left;
	width: 100%;
	font-weight: bold;
}
DIV.content UL#menu LI{
	display:inline;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 5px;
	border-left: 2px solid #666666;
	top: 10px;
	position: relative;
}
DIV.content UL#menu LI.home {
	padding-left:58px;
	border-left: none;
}

DIV.content UL#menu LI A{
	text-decoration: none;
	color:#333333;
	padding-top: 2px;
}

/*Menu control by panel*/
TD#panel_01 LI.home A{border-top: 2px solid #FFFFFF;}
TD#panel_02 LI.aboutus A{border-top: 2px solid #FFFFFF;}
TD#panel_03 LI.services A{border-top: 2px solid #FFFFFF;}
TD#panel_04 LI.aesthetics A{border-top: 2px solid #FFFFFF;}
TD#panel_05 LI.facials A{border-top: 2px solid #FFFFFF;}
TD#panel_06 LI.treatments A{border-top: 2px solid #FFFFFF;}
TD#panel_07 LI.manicures A{border-top: 2px solid #FFFFFF;}
TD#panel_08 LI.packages A{border-top: 2px solid #FFFFFF;}



/***
end of menu style */


/*****************************************
Content style */


DIV.content {
	background:url(../images/bg_content.jpg) repeat-x 0px 92px; 
	height:430px;
	position:relative;
}

/* Content IMG style */  	
DIV.content  IMG.romeo_logo {
	margin-left:10px;

}
DIV.content  IMG.romeoH_logo {
	margin-left:34px;

}
DIV.content  IMG.left {
	float: left;
	]margin-left:-3px;/*IE -3px Hack */

}
DIV.content  IMG.mid{
	float: left;
	]margin-left:-3px;/*IE -3px Hack */

}
DIV.content  IMG.right {
	float: right;
	]margin-right:-3px;/*IE -3px Hack */

}
DIV.content  IMG.bottom {
	float: right;

	
	]margin-right:-3px;/*IE -3px Hack */
	position: relative;
	bottom: 0px;

}
DIV.content  IMG.logo {
	display: block;
}

/* Columns Style*/	
DIV.columns {
	white-space:normal;
	width:200px;
	height:250px;
	padding: 0px;
	margin: 20px 0px 0px 62px;
	font-size: 0.7em;
	float: left;
}
DIV.columns .border_left {
	border-left: 1px solid #666666;
	height: 110%;
	width: 10px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	float: left;
}

DIV.columns H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-weight: lighter;
	letter-spacing: -0.05em;
	line-height: 0.7em;
	white-space:normal;
	margin-top: 0px;
}
DIV.columns H1 STRONG {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.8em;
}
DIV.columns P STRONG {
	line-height: 1.1em;
	font-size: 1em;
}
DIV.columns H2 {
	margin-top: 1em;
	font-size: 1.2em;
	line-height: 1em;
}
DIV#content DIV.columns H2 {
	margin-top: 1em;
	font-size: 1.2em;
	line-height: 1em;
}


.columns div.callout {
	/*margin: 1px 10% .5em; /* 10% left and right margins, no width */
	padding: 0;
	margin-top:20px;
	white-space:normal !important;
	border:1px solid #aaa;

}

.columns div.callout div.left {
	margin: -2px -2px -2px 10px; 
	background:white;
}

.columns div.callout div.right {
	margin: -2px 10px -2px -2px; 
	background:white;
	text-align:right;
}

.columns div.callout p {
	white-space:normal !important;
	margin:0;
	padding:10px 0;
}

.columns div.callout div.right p {
	margin-left:auto;
}

.columns div.callout h1 {
	padding-top:10px;
}

.columns div.callout h3 {
	margin:0;
	padding:10px 0;
}

.columns p.caption {
	color:#888;
}

.columns p em {
	color:#888;
}
	
	
	
	

.column thead tr {
	
}

.columns TH {
	padding:10px 0 2px;
	border-bottom:1px solid #aaa;
}

.columns TD {
	background:#FFFFFF;
	line-height:1.1em;
	
	vertical-align:top;
	padding:4px 2px 0px;
}







DIV.content P {
	width: 90%;
	line-height: 1.2em;
	font-size: 1em;
	margin-top: 0.4em;
}
DIV.col_left, DIV.col_right { /* col style*/
	float: left;
	width: 47%;
	margin-right: 3%;
}

/* Content TABLE */
DIV.content TABLE {
	float: left;
	font-size: 1em;
	font-weight: normal;
	width: 100%;
}
DIV.content TABLE THEAD{
	font-size:0.9em;
	line-height:1.2em;
	text-align: left;
}
DIV.content TABLE TBODY{
}
DIV.content TABLE TFOOT{
}

DIV.content TFOOT{
}


/*** Additional styles ***/
#facebook { width: 98px; position:absolute; top:360px; right:200px; padding-right:20px; padding-bottom:5px;}
#facebook a {font-size:10px; color:#03F; text-decoration:none;}
#facebook a:hover {text-decoration:underline;}
#facebook img { float:right; position:absolute; bottom:0px; margin-top:0px; margin-top/*\**/: 100px\9; padding-left:5px; padding-left/*\**/: 100px\9;}

/*footer style*/

DIV.footer {
	height: 50px;
	width: 100%;
	background: url(../images/bg_footer.jpg) repeat-x 0px 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}


DIV.footer P {
	float: left;
	font-size: 0.7em;
	margin-top: 30px; margin-left:150px;
	width: auto;
	position: relative;
	

	color: #FFFFFF;
}
DIV.footer P A{
	color:#FFFFFF;
}

DIV.footer IMG {
	float: left;
	margin-top: 25px;
	margin-left: 15px;

}

DIV.footer .arrow_left, DIV.footer .arrow_right, DIV.footer .arrow_left_end, DIV.footer .arrow_right_end {
	width:25px; height:24px;
	display:block;
	float: left;
	margin-top: 25px;

}
DIV.footer A.arrow_left, DIV.footer A.arrow_right, DIV.footer A.arrow_left_end, DIV.footer A.arrow_right_end {
	text-decoration:none;
}

DIV.footer .arrow_left, DIV.footer .arrow_left_end, DIV.footer .arrow_right_end  {
	background: url(../images/bt_arrow_left.gif) no-repeat left 0px;
	margin-left: 15px;
}
DIV.footer .arrow_left:hover {
	background: url(../images/bt_arrow_left.gif) no-repeat left -25px;
}
DIV.footer .arrow_right {
	background: url(../images/bt_arrow_right.gif) no-repeat right 0px;
}
DIV.footer .arrow_right:hover {
	background: url(../images/bt_arrow_right.gif) no-repeat right -25px;
}

DIV.footer .arrow_left_end {
	background: url(../images/bt_arrow_ends.gif) no-repeat left 0px;
	width:50px;
}
DIV.footer .arrow_left_end:hover {
	background: url(../images/bt_arrow_ends.gif) no-repeat left -25px;
}

DIV.footer .arrow_right_end {
	background: url(../images/bt_arrow_ends.gif) no-repeat left -50px;
	width:50px;
}
DIV.footer .arrow_right_end:hover {
	background: url(../images/bt_arrow_ends.gif) no-repeat left -75px;
}



div.footer p {
	font-size: 0.7em;
	color:white;
}

/***
End of footer style */


.clear {
	clear:both;
}