/*
 Screen style    
 Site: madameroses.com
*/

body {
	background: #fff;
	color: #000;
/*font-size: 68.75%;*/
	font-size: 75%;
	padding: 32px 0 25px 0;
/*text-align: center;*/
	text-align: left;
}

h2 {
	margin: 0 0 0.5em 0;	/*right contents*/
}

/*------------------------------------------------------------*
 ~layout outline~ 3D2817,#470F00-brown, FEFEFD,D0E7E3-jadeite,
**------------------------------------------------------------*/

#header {
	height: 126px;
	position: relative;
}

#logo {
	height: 122px;
	left: 0;
	position: absolute;
	top: 0;
	width: 191px;
}

#wrapper {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 834px;
/*width: 828px;*/
}

#inner-wrapper {
	background: #3D2817 url(../img/inner-wrapper-top.gif) left top no-repeat;
	color: #fff;
/* background: #D0E7E3 url(../img/inner-wrapper-top.gif) left top no-repeat;
color: #8D8D8D;*/
	margin: -1px 0 0 28px;
}

#inner-wrapper:after, #content:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#nav {
	height: 33px;
	left: 201px;
	margin: 0;
	position: absolute;
	top: 93px;
	width: 548px;
}

#nav a {
	background-color: #5A3F2A;
	color: #fff;
/* background-color: #DDF1EE;
color: #453121;*/
	display: block;
	font-size: 1em;
	height: 33px;
	line-height: 33px;
	margin: 0;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 110px;
}

#nav a span {
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

#nav a#nav01 span {
	background-image: url(../img/01.gif);
}

#nav a#nav01, #nav a#nav03 {
	width: 109px;
}

#nav a#nav02 span {
	background-image: url(../img/02.gif);
}

#nav a#nav03 span {
	background-image: url(../img/03.gif);
}

#nav a#nav04 span{
	background-image: url(../img/04.gif);
}

#nav a#nav04 {
	width: 108px;
/*width: 111px;*/
}

#nav a#nav05 {
	width: 107px;
/*width: 109px;*/
}

#nav a#nav05 span{
	background-image: url(../img/05.gif);
}

#nav a:hover {
	background-color: #3D2817;
	color: #fff;
/* background-color: #D0E7E3;
color: #453121;*/
}

#nav a:hover span, #nav a.current span {
	background-position: 0 -33px;
}

#nav li {
	float: left;
	list-style: none;
	margin: 0;
}

#home-link {
	font-size: 1em;
	height: 118px;
	left: 0;
	margin: 0;
	overflow: hidden;
	position: absolute;
	top: 165px;
	width: 28px;
/* height: 107px;
width: 29px;
left: -1px;*/
}

#home-link a:hover {
	background-color: #3D2817;
	color: #fff;
/* background-color: #DDF1EE;
color: #453121;*/
}

#home-link a:hover span, #home-link a.current span {
	background-position: -28px 0;
/*background-position: -29px 0;*/
}

#home-link span {
	background-image: url(../img/home.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

#content {
	background: transparent url(../img/content-bottom.gif) left bottom no-repeat;
	color: #fff;
/*color: #8D8D8D;*/
	padding: 20px 19px 31px 26px;
/*padding-bottom: 12px;*/
}

#content a {
	background-color: transparent;
	color: #fff;
	text-decoration: none;
/*color: #555555;*/
}

#content a:hover {
	background-color: transparent;
	color: #5A3F2A;
/*color: #470F00;*/
}

#content h3, #content h4, #content h5{
	background-color: transparent;
	color: #FEFEFD;
/*color: #470F00;*/
	font-weight: bold;
}

#content h1 { /* left top */
	background-color: transparent;
	color: #FEFEFD;
	font-weight: normal;
}

#content h2 {
	background-color: #fff;
	color: #FEFEFD;
	font-weight: bold;
	padding: 0.2em 1em 0.2em 1em;
}

#footer {
	background: #5A3F2A url(../img/footer-middle.gif) top left repeat-y;
/*background-color: #DFF1EE;
background-image: none;
color: #684C35;
width: 716px;*/
	clear: both;
	color: #FFFEFD;
	font-family: Verdana, Geneva, lucida, sans-serif;
	margin-left: 70px;
	width: 717px;
}

#footer a {
	background-color: transparent;
	color: #fff;
	text-decoration: none;
/*color: #684C35;*/
}

#footer a:hover {
 background-color: transparent;
 color: #CCC;
}

#footer p {
	background: #5A3F2A url(../img/footer-bottom.gif) bottom left no-repeat;
	color: #FFFEFD;
/* background: #DFF1EE url(../img/footer-bottom.gif) bottom left no-repeat;
color: #684C35;*/
	margin: 0;
	padding: 10px;
	text-align: center;
}

/*#gallery {
border: 8px solid #fff;
border-right-width: 10px;
clear: both;
height: 508px;
width: 743px;
}*/

/*------------------------------------------------------------*
 ~left side layout~
**------------------------------------------------------------*/

#menu_bg {	/* left menu background layer, no contents. for about, services and writing */
	background-color: #D0E7E3;
	background-image: url(../img/menu.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #fff;
	min-height:417px;
	width: 230px;
	float: left;
	padding: 30px 11px 10px 17px; 
	margin-bottom: 12px;
}

#rollover {	/* balloon rollover contents layer */
	background-color: transparent;
	color: #fff;
	min-height:417px;
	width: 230px;
	padding: 0px 11px 0px 0px;
	margin-bottom: 12px;
}

#rollover h2 {	/* balloon rollover */
	font-size: 1.18em;
	margin: 0 0 1em 0;
}

#rollover a span {	/* balloon rollover */
/*display: none;*/
	position: absolute;
	left: -10000px;
}

#rollover a:hover, #rollover a:visited{		/* balloon rollover */
	display: block;
	text-decoration: none;
}

#rollover a:hover #showing { 	/* balloon rollover onmouth destination */
	display: block;
	position: absolute;	
	top: 470px;
	left: 14em;
	width: 120px;
	font-weight: bold;
	color: #000;
	line-height: 1.5em;
}

#welcomebox {	/* left box for home */
	background-color: #D0E7E3;
	background-image: url(../img/welcome.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #fff;
	margin-bottom: 12px;
	padding: 10px;
	/*padding-top: 18px;*/ 
	float: left;
	padding: 30px 11px 10px 17px;
	width: 230px;
	min-height: 427px;
}

#welcomebox h2, .box.left.description h2 {
	font-size: 1.18em;
	margin: 0 0 0.75em 0;
}

.box {	/* left box for links and contact */
	background-color: #DFF1EE; 
	border: 5px solid #fff;
	color: #fff;
/*color: #8D8D8D;*/
	margin-bottom: 12px;
	padding: 10px;
}

.box.left {
	float: left;
	padding: 30px 11px 10px 17px;
	width: 230px;
}

.box.left.description {
	background-image: url(../img/description.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-top: 18px; 
	min-height: 419px;
}

/*.box.left.description h2 {
font-size: 1.18em;
margin: 0 0 0.75em 0;
}*/

/*------------------------------------------------------------*
 ~right side layout~
**------------------------------------------------------------*/

#top_rightwrapper {		/* wrapper for hope page, contain home page picture */
	float: right;
	margin-bottom: 12px;
	width: 479px;
	height:427px;
}

#top_rightwrapper img {
	border: 5px solid #fff;
}

#top_rightwrapper h1, #right_wrapper h1 {	/* hidden under picture */
	font-size: 0.5em;
	height: 25px;
	margin: 0 0 5px 48px;
	overflow: hidden;
	position: relative;
	width: 369px;
}

#top_rightwrapper h1 span, #right_wrapper h1 span {	/* on h1 title */
	background-image: url(../img/subtitle.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

#right_wrapper {	/* wrapper for about, services, writing, link and contact including h1 */
	float: right;
 	margin-bottom: 12px;
	width: 479px;
/*height:427px;*/
}

#right_bg {	/* right box background layer */
	background-image: url(../img/rightboxbg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #D0E7E3;
	height:437px;
	position:relative; 
}

#right_nobg {	/* right box nonbackground layer relative position */
	height:437px;
	position:relative;
	background-color: #D0E7E3;
}

#right_scrollbox {	/* content box for long text */
	background-color: transparent; 
	overflow-y: scroll;
	padding: 0px 10px 10px 45px;
	width: 390px;
	height: 362px;
	position:absolute; bottom:25px;
}

#right_scrollbox img {	/*book img */
	position :relative;
	margin-top: 10px;
	margin-left: 120px;
}


#rightbox {	/* content box, no scroll */
	padding:30px 30px 10px 45px;
	width: 400px;
/*border: solid 5px #fff;
float: right; */
	margin-bottom: 12px;
	height: 362px;
}

#right_slide {
	width: 439px;
	height: 170px;
	/*float: right;
	padding-right: 20px;*/
	float:left;
	padding-top: 5px;
	display: inline;
	background-color: transparent;
}

#right_slide li {
	list-style-type: none;
}

#right_bottombox{	/* for services */
	padding: 5px 30px 10px 45px;
	width: 400px;
/*border:solid 5px #fff;*/
	float: right; 
	margin-bottom: 12px;
/*height:230px;*/
}

#right_bottombox img {	
	/*display: block;*/
	height: 20px;
	width: 390px;
padding-bottom: 5px;
}

#right_bottom_scrollbox{
	overflow-y: scroll;
	padding: 30px 30px 10px 45px;
	width: 400px;
/* border: solid 5px #fff;*/
	float: right; 
	margin-bottom: 12px;
	height: 230px;
}

#contacting {
/*overflow-y: scroll;*/
	width: 454px;
	height: 417px;
	float: right;
	border-width: 5px;
	border-style: solid;
	border-color: #fff;
	padding-left: 10px;
	display: block;	
}

#contacting input, #contacting textarea {
	padding: 3px;
	width: 430px;
	font-family: Tahoma, "Trebuchet MS", Arial, sans-serif, "‚l‚r ƒSƒVƒbƒN";
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	border: 1px solid #ccc;
}

#contacting textarea {
	height: 120px;
}

label {
/*float: left;*/
	text-align: left;
	width: 60px;
	font-size: 12px;
}

