/** CSS DOCUMENT **/

* { 
padding: 0; 
margin: 0;
}

body { 
background: #04020a url(images/background.jpg) repeat-y; 
color: #5e6bb5; 
font: 70%/140%  tahoma, verdana, sans-serif;
}


/*---- Skeleton ----*/

#layout { 
width: 750px; 
} 

#header { 
background: url(images/image_01.jpg) top left no-repeat; 
height: 135px; 
} 

#container { 
background: url(images/image_02.jpg) top left no-repeat; 
width: 750px; 
float: left; 
} 

#content { 
float: left; 
width: 383px;
margin-left: 35px;
}

#navigation { 
float: right;
width: 255px;
margin: 355px 30px 0 0;
}

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

ul, ol  { 
margin: 10px; 0;
} 

ul { 
list-style-type: none;
}

ul li { 
background: url(images/bullet.jpg) no-repeat 0 50% ;
}

ol { 
list-style-position: inside; 
} 

li { 
padding-left: 15px;
} 

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

h1{
letter-spacing: 4px; 
color: #AB77B5; 
border-bottom: 1px solid #2E475F; 
margin:12px 0;
}

b, h1,#navigation a{
font: bold 100% arial, sans-serif;
} 

p { 
margin: 10px 0;
}

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

#navigation a { 
color: #28639F; 
border: none; 
}

#navigation a:hover {
color: #30A19D; 
}

a { 
cursor: default; 
color: #28639F; 
text-decoration: none; 
border-bottom: 1px dashed #28639F; 
}

a:hover { 
color: #A092D6; 
text-decoration: none; 
border-bottom:1 px dashed #28639F; 
}

b {
color:#2b69bd; 
}

i { 
font-family: verdana, sans-serif;
}

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

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

input, textarea, .button { 
background-color: #062537;
border: 1px solid #15353F; 
margin-right: 10px;
padding: 3px;
} 

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

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

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

.clear { 
clear: both; 
} 

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

#watermark { 
float: left; 
margin: 10px 0 0 20px;
padding: 4px;
display: block;
} 

#watermark a i { 
visibility: hidden;
} 

#watermark a:hover, #watermark a { 
border: none; 
}