/** CSS DOCUMENT **/

* { 
padding: 0; 
margin: 0;
}

body {
background: #9aa5ae url(http://www.ladymari.com/GALLERY/Webset/background.jpg);
font: 75%/150% tahoma, verdana, tahoma, sans-serif;
color: #415F5E;
letter-spacing:1px;
}
/*---- Skeleton ----*/

#layout { 
width: 700px; 
background:url(http://www.ladymari.com/GALLERY/Webset/bg.jpg) repeat-y;
margin: 0 auto; 
}

#header1 { 
background: url(http://www.ladymari.com/GALLERY/Webset/entwined_01.jpg);
width: 700px;
height: 88px;
}

#header2 { 
background: url(http://www.ladymari.com/GALLERY/Webset/entwined_02.jpg);
width: 700px;
height: 148px;
}

#container {
background: url(http://www.ladymari.com/GALLERY/Webset/entwined_03.jpg) no-repeat;
width: 700px;
float: left;
} 

#content {
width: 389px; 
float: right; 
margin: 0 104px 0 0; 
display: inline;
} 

#navigation { 
width:166px; 
float: left; 
text-align: justify;
margin:128px 0 0 10px;
color: #38676D;
display: inline;
} 

* html #content { 
margin: 0 104px 0 0;
} 

* html #navigation { 
margin-left:10px;
} 

#footer { 
background:url(http://www.ladymari.com/GALLERY/Webset/entwined_04.jpg);
width: 700px; 
height:133px;
clear: both;
}

#copyright {
float: left; 
margin: 47px 0 0 200px;
width: 305px;
text-align: left;
font: 90% arial, sans-serif;
text-transform: uppercase;
color: #4c8c9d;
} 


#copyright a { 
color: #4c8c9d; 
font-weight: normal;
}

#copyright a:hover {
color: #638487; 
border: none; 
}


/*---- Top Navigation ----*/

#topnav { 
float: right; 
margin: 22px 65px 0 0;
padding: 0 3px;
text-transform: uppercase;
color:#5e8f98;
background-color: #cbdade;
font: 90% arial, sans-serif;
}

#topnav a { 
font-weight: normal; 
color: #5e8f98;
}

/*---- Welcome Message ----*/

#welcome {
float: left;
margin: 22px 0 0 186px;
width: 370px;
text-align: left;
color: #4e757d;
}



/*---- CSS Curve ----*/

.curve { 
float: left; 
clear: left;  
display: block; 
height: 13px;
}

#line1 { width: 89px; }
#line2 { width: 82px; }
#line3 { width:74px; }
#line4 { width: 65px; }
#line5 { width: 57px; }

#welcome a { 
font-weight: normal; 
color: #1d687d; 
}


/*---- Lists ----*/

ul li { 
padding: 0 32px 2px 0;
} 

ul { 
list-style-type: none;
} 

#navigation ul { 
text-align: right;  
}

#navigation li { 
background: url(http://www.ladymari.com/GALLERY/Webset/bullet.jpgg) 1.75em 100% no-repeat; 
}

ul, ol { 
margin: 10px 0; 
} 

#content ol { 
list-style-position: inside; 
margin-left: 15px;
} 

#content ul li {  
background: url(http://www.ladymari.com/GALLERY/Webset/bulletc.jpg)  10px 40% no-repeat; 
padding-left: 30px; 
}

/*---- Headers ----*/

#navigation h2, h1, h2 { 
text-transform: uppercase;
}

h2, h3 { 
margin: 15px 0; 
} 


h1, h2, h3  {
font-family: arial, sans-serif;
} 

h1 { 
color: #3e8c9c; 
margin:0 0 12px 87px;
font-size: 120%;
}

h2 { 
background: #91abb1 url(http://www.ladymari.com/GALLERY/Webset/h2.jpg) bottom left no-repeat; 
padding: 0 2px 15px 5px;
font-size: 110%;
color: #005a75;
}

#navigation h2 { 
color: #267083;
text-align: right; 
padding: 0 5px 15px 0;
background: url(http://www.ladymari.com/GALLERY/Webset/h3.jpg) bottom left no-repeat;
}

h3 { 
padding: 0 5px; 
color: #5A6267;
font-size: 100%; 
font-weight: bold;
border-bottom: 1px solid #789EA9;
background-color: #89A7AF;
} 

/*---- Links ----*/

a { 
cursor: default; 
color: #406377; 
text-decoration: none; 
font-weight: bold;
font-family: arial, sans-serif;
}


#navigation a { 
color:#2f696f; 
font-weight: normal; 
 } 


/*---- Form Elements ----*/

input, textarea, .button, label { 
margin: 5px 0; 
font: inherit; 
color: inherit;
} 

input, textarea, .button { 
background-color: #97B2BB;
padding: 3px; 
border: 1px solid #789EA9;
margin-right: 10px; 
} 

input, textarea { 
float: right; 
width: 280px; 
} 

label { 
float: left; 
margin-left: 10px;
font-weight: bold; 
width: 80px;
} 

.button { 
clear: both; 
float: right; 
width: 100px; 
} 

.clear { 
clear: both; 
} 



/*----  Watermark ----*/

#ImageMap {
float: right; 
margin: 80px 60px 0 0;
display: block;
text-align: center;
text-decoration: none;
font: normal 100% arial, sans-serif;
}

#ImageMap a i { visibility: hidden; }

#ImageMap a { 
border:none;
}


/*---- Extras ----*/

p { 
margin: 10px 0;
}

.box { 
background: url(http://www.ladymari.com/GALLERY/Webset/box.jpg) bottom left no-repeat ;
padding:10px 10px 8px 10px;
margin: 10px 0;
}

.signature { 
width: 300px;
margin: 48px 0 0 45px;
color: #cad7db; 
}


.signature a { 
font-weight: normal; 
color: #cad7db; 
border-bottom: 1px solid #b2c7cb; 
}

.signature a:hover { 
color: #dae5e5; 
border: none; 
} 

blockquote { 
padding: 1px 10px; 
background: #98B5BB url(http://www.ladymari.com/GALLERY/Webset/quote.jpg) top right no-repeat; 
border: 1px solid #72959F;
border-left: 4px solid #4F8591;
width: 320px; 
margin: 0 auto; 
color: #467277;
}