@charset "utf-8";

/* commoCSS Document */
body  {background: #FFFFFF; padding: 0; text-align: center; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0; margin-right: 0; margin-bottom: 50px; margin-left: 0;}
#container { width:776px; background: #FFFFFF; text-align: left; margin-top: 5px; margin-right: auto; margin-left: auto; }
#header { background: #7C4908; height: 148px; clear:both; }
#header #left {	background-image: url(../images/header_left.jpg); background-repeat: no-repeat; height: 148px; width: 388px; float:left; position: relative; }
#header #left img {	position:absolute; left: 40px; top: 0px; border:0px; }
#header #right { background-image: url(../images/header_right.jpg);	background-repeat: no-repeat; height: 148px; width: 388px; float:left; position: relative; }
#header #right div { position:absolute; left: 224px; top: 26px; border:0px; color:#DFF0BB; }
#content { clear: both; width: 776px; background-color: #DFF0BB; background-image: url(../images/background_content.gif); background-repeat: repeat-y; }
#separator { background-image: url(../images/separator.gif); background-repeat: no-repeat; clear: both; height: 1px; width: 776px; font-size: 1px; line-height: 0px; }
#footer { background-color: #9f7f59; background-image: url(../images/background_footer.gif); background-repeat: repeat-y; clear: both; width: 776px; position: relative; }
#footer #services {	background-image: url(../images/footer_bottom.gif); background-repeat: no-repeat; clear: both; width: 776px; background-position: bottom; padding-bottom: 10px; text-align: center; }
#footer #services ul { list-style-type: none; margin: 0px; padding:8px; }
#footer #services ul li { display:inline; margin: 0px; padding: 0px;}
#footer #services ul li a {	padding-right: 1em; padding-left: 1em; padding-top: 0.6em; padding-bottom: 0.6em; margin-left:-4px; }
#footer #services ul li a.border { background-image: url(../images/lines.gif); background-repeat: repeat-y; background-position: right; }
#footer #services ul li a:link { text-transform: uppercase; color: #FFFFFF; font-weight: bold; text-decoration: none; }
#footer #services ul li a:visited {	text-transform: uppercase; color: #CCCCCC; font-weight: bold; text-decoration: none; }
#footer #services ul li a:hover { background-color: #7D4909; color: #FFFFCC; }
#footer #services ul li a:active { color: #FFCC33; font-weight: bold; }
#footer #services ul li a.pointed {text-decoration:underline;}
#info { clear:both; font-size:0.9em; color:#333333;}
#info #footer_left {width:492px; padding-left:24px; float:left; line-height:1.8em;}
#info #footer_right {width:240px; float:left;}
#info #footer_right img {border:0px;}
#info #footer_right a:link {text-decoration:none; color:#333333; }
#info #footer_right a:visited {text-decoration:none; color:#999999;}
#info #footer_right a:hover {text-decoration:underline; color:#000000;}
#info #footer_right a:active {text-decoration:underline; color:#000000;}
.adjust { font-size: 0.7em;	}

/* home */
/*.one_col #content {height:417px;} */
.one_col #content #photos_left { background-image: url(../images/content_left.jpg); background-repeat: no-repeat; height: 221px; width: 388px; float:left; }
.one_col #content #photos_right { background-image: url(../images/content_right.jpg); background-repeat: no-repeat;	height: 221px; width: 388px; float:left; }
.one_col #content #home_content { padding-left: 10px; padding-bottom: 10px; padding-top: 10px;}
.one_col #content #home_content cite { display:block; text-indent: 30px; clear: both; margin:0px; padding-top: 10px; padding-right: 10px; padding-bottom: 70px; padding-left: 10px; font-weight: bold; font-size: 1.2em; color: #666666; letter-spacing: 0.1em; }

/* services, about us, book-online */
.two_col #content #sidebar1 { float: left; width: 324px; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
.two_col #content #sidebar1 img { padding:0px; border:none; margin-left:15px; clear:both;}
.two_col #content #sidebar1 img.space {margin-bottom:10px; }
.two_col #content #mainContent { margin-left: 326px; padding-top: 20px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px; height:360px;}
.two_col #content #mainContent #box_content { background-color: #E9F5D0; width: 436px; background-image: url(../images/box_middle.gif); background-repeat: repeat-y; height:349px;}
.two_col #content #mainContent #box_content #box_top { background-image: url(../images/box_top.gif); background-repeat: no-repeat; background-position: left top; height:11px; width: 436px; }
.two_col #content #mainContent #box_content #box_middle { padding-top: 5px;	padding-bottom: 0px; padding-left: 0px;	padding-right: 10px; overflow: auto; width: 407px; height:333px; margin-left: 15px; margin-bottom: 0px;}
.two_col #content #mainContent #box_content #box_bottom {background-image: url(../images/box_bottom.gif); background-repeat: no-repeat; background-position: left top; height:11px; width: 436px; font-size: 1px; line-height: 0px; margin: 0px; padding: 0px;}
.two_col #content #mainContent #box_content #box_middle .center { margin-left: 140px; margin-top: 10px;	}
.two_col #content #mainContent #box_content #box_middle h1 { background-color:#9D964F; background-image: url(../images/heading.gif); background-repeat: repeat-y; background-position: left top; color:#FFFFFF; padding-left: 45px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.7em; font-weight: bold; margin-top:0px; margin-bottom:0.2em; line-height: 1.3; }

.two_col #content #mainContent #box_content #box_middle h2 { background-color:#DBDCB2; color:#7C763F; padding-left: 30px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; font-weight: bold; margin-top:0.5em; margin-bottom:0.5em; line-height: 1.3; }
.two_col #content #mainContent #box_content #box_middle p, .two_col #content #mainContent #box_content #box_middle ul {	line-height: 1.3; font-size: 1em;}
.two_col #content #mainContent #box_content #box_middle ul {margin-left:100px; padding:0px;}
.two_col #content #mainContent #box_content #box_middle img { margin: 0px; padding: 0px; float: left;}
.two_col #content #mainContent #box_content #end { background-image: url(../images/end.gif); background-repeat: no-repeat; background-position: center top; height: 28px;}
.two_col #content #mainContent #box_content #box_middle #logo_cosmetics {text-align:center}
.two_col #content #mainContent #box_content #box_middle #logo_cosmetics img {margin:2px 2px; border:solid 1px #C7C689; float:none;}
.two_col #content #mainContent #box_content #box_middle #logo_cosmetics a {text-decoration:none;}


/* media */

.one_col_center #content #mainContent { margin-left: 15px; padding-top: 20px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px;} 
.one_col_center #content #mainContent #box_content { background-color: #E9F5D0; width: 746px; background-image: url(../images/box_middle_wide.gif); background-repeat: repeat-y; }
.one_col_center #content #mainContent #box_content #box_top { background-image: url(../images/box_top_wide.gif); background-repeat: no-repeat; background-position: left top; height: 11px; width: 746px; }
.one_col_center #content #mainContent #box_content #box_middle { padding-top: 5px;	padding-bottom: 0px; padding-left: 0px;	padding-right: 10px; overflow: auto; width: 718px; height:333px; margin-left: 15px; margin-bottom: 0px; text-align:center; }
.one_col_center #content #mainContent #box_content #box_bottom { background-image: url(../images/box_bottom_wide.gif); background-repeat: no-repeat; background-position: left top; height: 11px; width: 746px; font-size: 1px; line-height: 0px; margin: 0px; padding: 0px;}
.one_col_center #content #mainContent #box_content #box_middle h1 { background-color:#9D964F; background-image: url(../images/heading.gif); background-repeat: repeat-y; background-position: left top; color:#FFFFFF; padding-left: 45px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.7em; font-weight: bold; margin-top:0px; margin-bottom:0.2em; line-height: 1.3; text-align:left; }
.one_col_center #content #mainContent #box_content #box_middle h2 { background-color:#DBDCB2; color:#7C763F; padding-left: 30px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; font-weight: bold; margin-top:0.5em; margin-bottom:0.5em; line-height: 1.3; }
.one_col_center #content #mainContent #box_content #box_middle p, .one_col_center #content #mainContent #box_content #box_middle ul {	line-height: 1.3; font-size: 1em; text-align:left;}
.one_col_center #content #mainContent #box_content #box_middle ul {margin-left:150px; padding:0px;}
.one_col_center #content #mainContent #box_content #box_middle img { margin: 0px; padding: 0px;}
.one_col_center #content #mainContent #box_content #box_middle img.frame { margin: 6px; padding: 6px; border:solid 1px #C7C689; }
.one_col_center #content #mainContent #box_content #box_middle a {text-decoration:none;}
.one_col_center #content #mainContent #box_content #box_middle a img.frame:hover {text-decoration:none; background-color:#C7C689;}
.one_col_center #content #mainContent #box_content #end { background-image: url(../images/end.gif); background-repeat: no-repeat; background-position: center top; height: 28px;}


/* media2 */
.one_col_center2 #content #mainContent { margin-left: 15px; padding-top: 20px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px;} 
.one_col_center2 #content #mainContent #box_content { background-color: #E9F5D0; width: 746px; background-image: url(../images/box_middle_wide.gif); background-repeat: repeat-y; }
.one_col_center2 #content #mainContent #box_content #box_top { background-image: url(../images/box_top_wide.gif); background-repeat: no-repeat; background-position: left top; height: 11px; width: 746px; }
.one_col_center2 #content #mainContent #box_content #box_middle { padding-top: 5px;	padding-bottom: 0px; padding-left: 0px;	padding-right: 10px; overflow: auto; width: 718px; height:100%; margin-left: 15px; margin-bottom: 0px; text-align:center; }
.one_col_center2 #content #mainContent #box_content #box_bottom { background-image: url(../images/box_bottom_wide.gif); background-repeat: no-repeat; background-position: left top; height: 11px; width: 746px; font-size: 1px; line-height: 0px; margin: 0px; padding: 0px;}
.one_col_center2 #content #mainContent #box_content #box_middle h1 { background-color:#9D964F; background-image: url(../images/heading.gif); background-repeat: repeat-y; background-position: left top; color:#FFFFFF; padding-left: 45px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.7em; font-weight: bold; margin-top:0px; margin-bottom:0.2em; line-height: 1.3; text-align:left; }
.one_col_center2 #content #mainContent #box_content #box_middle h2 { background-color:#DBDCB2; color:#7C763F; padding-left: 30px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; font-weight: bold; margin-top:0.5em; margin-bottom:0.5em; line-height: 1.3; }
.one_col_center2 #content #mainContent #box_content #box_middle p, .one_col_center #content #mainContent #box_content #box_middle ul {	line-height: 1.3; font-size: 1em; text-align:left;}
.one_col_center2 #content #mainContent #box_content #box_middle ul {margin-left:150px; padding:0px;}
.one_col_center2 #content #mainContent #box_content #box_middle img { margin: 0px; padding: 0px;}
.one_col_center2 #content #mainContent #box_content #box_middle img.frame { margin: 6px; padding: 6px; border:solid 1px #C7C689; }
.one_col_center2 #content #mainContent #box_content #box_middle a {text-decoration:none;}
.one_col_center2 #content #mainContent #box_content #box_middle a img.frame:hover {text-decoration:none; background-color:#C7C689;}
.one_col_center2 #content #mainContent #box_content #end { background-image: url(../images/end.gif); background-repeat: no-repeat; background-position: center top; height: 28px;}

/*media2*/


/* tabs menu */
#box { width: 776px; height: 5px; float: left; background-attachment: scroll; background-image: url(../images/boxline.gif); background-repeat: no-repeat; background-position: center bottom; clear: both; font-size: 1px; line-height: 0px; }
/*
#nav { margin: 0px; padding:0px; }
#nav { float: left; width: 776px; background-attachment: scroll; background-image: url(../images/background_menu.gif); background-repeat: repeat-y; background-position: center bottom; background-color: #DFF0BB; }
#nav ul { margin: 0px; list-style-type: none; list-style-image: none; list-style-position: outside; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; }
#nav li { padding: 0px; float: right; background-attachment: scroll; background-color: transparent; background-image: url(../images/right_both.gif); background-repeat: no-repeat; background-position: right top; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 9px; }
#nav a { background: transparent url(../images/left_both.gif) no-repeat scroll left top; float: left; display: block; position: relative; left: -9px; margin-right: -9px; 	width: 0.1em; text-decoration: none; font-weight: bold; color: #FFFFFF; padding-top: 7px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; }
#nav > ul a { width: auto; }
#nav a { float: none; }
#nav a:hover { color: #333333;}
*/
#about #nav-about, #media #nav-media, #promotions #nav-promotions, #book #nav-book { background-position: 100% -150px; }
#about #nav-about a, #media #nav-media a, #promotions #nav-promotions a, #book #nav-book a { background-position: 0px -150px; padding-bottom: 6px; color: #333333; }
#nav li:hover, #nav li:hover a { background-position: 100% -150px; color: #333333; }
#nav li:hover a { background-position: 0px -150px; }
#nav a.current { background-attachment: scroll; background-image: url(../images/tab-left.gif); background-repeat: no-repeat; background-position: left top; }
#nav li.active { background-attachment: scroll; background-image: url(../images/tab-right.gif); background-repeat: no-repeat; background-position: right top; }
#nav a.current:hover { color: #FFFFFF; }
#nav li.active:hover, #nav li.current:hover a { background-position: 100% -150px; color: #FFFFFF; }

/*form */
fieldset { padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;/*height:230px;*/ }
legend { padding-right: 0.7em; padding-left: 0.7em; font-size: 11px; font-weight: bold; color: #9D964F; }
textarea { border: #cccccc 1px solid; padding: 2px; margin-top: 3px; margin-bottom: 5px; display: block; float: left; width: 250px; background-color: #f6f0ec; color: #666666; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.input { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; display: inline; font-size: 11px; float: left; margin: 2px 0px 3px; border-left: #cccccc 1px solid; width: 250px; color: #666666;  line-height: 13px; border-bottom: #cccccc 1px solid; background-color: #f6f0ec; font-family: Verdana, Arial, Helvetica, sans-serif; padding:2px;}
.select {width: 255px;}
label {clear: left; display: block; float: left; width: 100px; text-align: right; color: #7C763F; font-size:10px;}
label span {padding-right: 10px; padding-left: 6px; line-height: 24px; }
#submitBtn, #resetBtn {border: #cccccc 1px solid; font-size: 11px; float: left; width: 65px; cursor: pointer; color: #7C763F;	font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f6f0ec;}
#submitBtn { clear: left; margin-left: 100px; }
#resetBtn { clear: right; margin-left: 3px;}

.padded {
	padding: 8px;
}