/** CSS Document **/ 

* { padding: 0; margin: 0; }

body {
background-color: #000; 
font: 11px verdana, tahoma, arial, sans-serif; 
color: #113c42;
} 


/** -- Skeleton --**/

#header_main {
margin: 0 auto; 
width: 100%;
}

#header_1 { 
background: url(images/image_01.jpg) top no-repeat; 
height: 97px;
width: 700px;
margin: 0 auto; 
} 

#header_2 { 
background: url(images/image_02.jpg) top no-repeat; 
height: 306px;
width: 700px;
margin: 0 auto; 
}

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

#content {
background: url(images/image_03.jpg) top right no-repeat;
float: right;
display: inline;
width: 474px;
}

#navigation {
background: url(images/image_03.jpg) top left no-repeat;
display: inline;
float: left; 
width: 180px;
color: #614a3d;
padding: 45px 0 0 28px;
}


#footer_main { 
margin: 0 auto;
clear: both; }

#footer {
background: url(images/image_04.jpg) top no-repeat;
height: 102px;
clear: left;
margin: 0 auto;
width: 700px;
}

/** -- Site Title --**/

#site_title {
float: right;
padding: 47px 140px 0 0; 
font: 34px 'times new roman', verdana, sans-serif; 
color: #6c4320;
}

/** -- CSS Curve // don't edit here but below the next comment --**/

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

/** -- EDIT below to space welcome text // only if you have to --**/

#line1 { width: 14px;}
#line2 { width: 25px;}
#line3 { width: 40px;}
#line4 { width: 45px; }
#line5{ width: 50px;}
#line6 { width: 55px;}
#line7 { width: 65px;}
#line8 { width: 65px;}
#line9 { width: 70px;}
#line10 { width: 75px;}
#line11 { width: 85px;}
#line12 { width: 82px;}
#line13 { width: 82px;}

#welcome_msg { 
position: relative;
top: 12px;
left: 275px;
width: 365px;
height: 170px;
text-align: left;
}

#welcome_msg a {
text-decoration: none; 
color:#91745c;
cursor: default;
}

#welcome_msg a:hover {
color: #ad9079; }

#welcome_msg, #welcome_msg b{
color: #979877; }

/** -- Horizontal Navigation -- **/ 

#horizontal_nav {
position: relative;
top: 25px;
left: 435px; 
font: 11px arial, verdana, tahoma, arial, sans-serif;
width: 340px;
text-align: justify;
z-index: 100;
width: 300px;
}

#horizontal_nav a { 
color: #6d4733;
text-decoration: none;
cursor: default; 
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
padding: 0 2px; }


#horizontal_nav a span { 
display: none; } 

#horizontal_nav a:hover span {
display: block;
position: absolute; 
top: 52px;
left: 15px;
width: 155px;
z-index: 100;
} 

#horizontal_nav span {
font: normal 10px verdana, tahoma, sans-serif; 
font-style: italic;
color: #6e5447;
text-align: left;
text-transform: none;
letter-spacing: 0;}


#horizontal_nav a:hover {
color: #000; background: none; }

   
/** -- Headers --**/

h1 { 
background: url(images/h1.jpg) top left no-repeat;
color: #c6ceba;
margin: 10px -10px 10px -11px;
height: 30px;
padding: 2px 0 0 5px;
}

* html h1 { padding-left: 20px;
margin-top: 5px;}

h2 {
text-align: left; 
margin: 10px 0 0 -10px;
background: url(images/h2.jpg) top left no-repeat;
height: 25px;
padding: 6px 0 0 70px;
color: #542f37;
width: 120px;
}

.first {
background: url(images/h2_first.jpg) top left no-repeat; }

h1, h2 { 
font: bold 13px  verdana, tahoma, sans-serif;}

/** -- Lists --**/

#content ul {
text-align: left; 
margin-left: 20px; }

#content li { 
padding-left: 0px; }

#navigation ul { 
text-align: right;
list-style-type: none;
margin-right: 20px;
 }

#navigation li { 
padding-right: 15px; 
background: url(images/nav_bullet.jpg) 14em 70% no-repeat; }



/** --  Links // Content & Navigation -- **/ 

a { 
color: #6c3c22; 
text-decoration: none;
cursor: default; }

a:hover { color: #000; }


#navigation a {
font-weight: bold; 
color: #3d4f5a;
line-height: 15px; }

#navigation a:hover {
color: #614a3d; }

#content_box { 
width: 422px;
padding: 0 10px 10px 0px;
}

.sig {
background: url(images/sig.jpg) bottom right no-repeat; 
text-align: right;
padding: 1px 5px 2px 0;
margin-top: 20px;
height: 20px;
color:#7a5840;}

/** -- Copyright and Watermark --**/

#copyright { 
float: left; 
padding: 53px 0 0 68px; 
font-size: 8px;
font-family: tahoma, verdana, arial;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
}

#ImageMap {
top: -25px;
left: 570px;
width: 45px;
height: 30px;
display: block;
position: relative;
text-align:center;
text-decoration: none;
}

#ImageMap a i { visibility: hidden; display: block;}
#ImageMap a:hover { border: none;}

/** -- Extras --**/ 

blockquote {
background-color: #a8b898;
padding: 10px; 
border-style: solid;
border-color: #4a5860;
border-width: 1px 0;
margin: 5px 0;
color: #6b463a;
}

blockquote a {
color: #40515a; }

p { margin: 10px 0; }
i { color: #5f3c31; }
b { color: #5c4056; }