/** CSS DOCUMENT **/

* { 
padding: 0; 
margin: 0;
}

body {
background: #9aa5ae url('images/background.jpg');
color: #415F5E;
letter-spacing:1px; font-style:normal; font-variant:normal; font-weight:normal; line-height:150%; font-size:70%; font-family:tahoma, verdana, tahoma, sans-serif
}
/*---- Skeleton ----*/

#layout { 
width: 700px; 
background:url('images/bg.jpg') repeat-y;
margin: 0 auto 
}

#header1 { 
background: url('images/entwined_01.jpg');
width: 700px;
height: 88px
}

#header2 { 
background: url('images/entwined_02.jpg');
width: 700px;
height: 148px
}

#container {
background: url('images/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('images/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; 
}

#welcome a:hover { 
border-bottom: 1px solid #c6d8db; 
text-decoration: underline;
}


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

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

ul { 
list-style-type: none;
} 

#navigation ul { 
text-align: right;  
}

#navigation li { 
background: url('images/bullet.jpg') no-repeat 1.75em 100%; 
}

ul, ol { 
margin: 10px 0; 
} 

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

#content ul li {  
background: url('images/bulletc.jpg') no-repeat 10px 40%; 
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('images/h2.jpg') no-repeat bottom left; 
font-size: 110%;
color: #005a75; padding-left:5px; padding-right:2px; padding-top:0; padding-bottom:15px
}

#navigation h2 { 
color: #267083;
text-align: right; 
background: url('images/h3.jpg') no-repeat bottom left;; padding-left:0; padding-right:5px; padding-top:0; padding-bottom:15px
}

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

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

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

a:hover { 
color: #1d687d; 
border-bottom: 1px solid #b0c2c7;
}

#navigation a { 
color:#2f696f; 
font-weight: normal; 
 } 
 
#navigation a:hover { 
color: #a3c2ca; 
border-bottom:1px solid #9eb4ba; 
}


/*---- 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('images/box.jpg') no-repeat bottom left ;
margin: 10px 0; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:8px
}

.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 { 
border-right:1px solid #72959F; border-top:1px solid #72959F; border-bottom:1px solid #72959F; background:#98B5BB url('images/quote.jpg') no-repeat top right; border-left:4px solid #4F8591; width: 320px; 
margin: 0 auto; 
color: #467277; padding-left:10px; padding-right:10px; padding-top:1px; padding-bottom:1px
}