body {
	margin: 0;
background-color: #210000;
font: normal 70%  Verdana, Arial, Georgia, sans-serif;
font-weight:normal;
font-style: normal;
 }

#header {
position: relative;
	margin: 0 ;
	width: 190px;
text-align: left;
font-size: 1em;
padding: 0;
padding-left: 10px;
margin-left: 700px;
padding-top: 30px;
background-image: url(../images/white-line.gif);
background-repeat: no-repeat;
 }
#header p {
line-height:2.2em;
}

#logo {
position: absolute;
width: 100px;
height: 200px;
top: 419px;
left: 76px;
text-align: center; }

#work { position: absolute;
top: 50px;
left: 70px;
width: 550px;
 }
#contact { position: absolute;
top: 69px;
left: 66px;
width: 550px;
height: 400px;
background-image: url(../images/wave.jpg);
background-repeat: no-repeat;
background-color: #320001;
padding-top: 30px;
padding-left: 30px;
 }
#works {
position: absolute;
top: 403px;
left: 703px;
width: 141px;
 }


#front {
position: absolute;
top: 100px;
left: 90px;
width: 540px;
 }
#front p {
color: #fff64d;
font-size: 1.3em;
line-height: 1.9em; }
 



/*nav*/

#nav {
position: absolute;
top: 0;
left: 0;
width: 180px;
height: 30px;
padding: 0; }


#nav ul {
margin: 0;
width: 180px;
padding-top: 6px;
 }

#nav li {
display: inline;
 }
ul,ol {list-style-type: none; }

#nav ul.sections li {

list-style-type:none; }
#nav ul.sections {
font-size: 1em; }

#nav ul.sections li {
 }

#nav ul.sections a {
display: inline;
padding-top: 0.5em;
padding-bottom: 0.6em;
margin: 0;
color: #fff;
text-decoration: none;
padding-right: 10px;
padding-left: 0;
color: #fff;
text-decoration: none;
font-size: 1em;
}

#nav ul.sections a:hover, #nav ul a.current, .current {
color: #ffff00;
}
/*end nav*/

#container, #container2 {
	position: relative;
	margin: 10px auto 0em auto;
	width: 890px;
	padding: 0;
	padding-top: 0px;
	height: 691px;
	background-color: #ed1c24; 
}

 #container2 {
background-image: url(../images/red-water2.jpg);
background-repeat: no-repeat; }


p {
color: #fff;
line-height: 1.3em;
text-align: left;
 }

h1, h2, h3, h4, h5, h6 {
color: #fff;
font-size: 1.1em;
font-style: normal;
text-align: left;
 }
h1 { font-size: 4em; font-weight: normal; text-align: center; letter-spacing: 6px;} 

h2 { font-weight: normal; font-size: 1.1em;
letter-spacing: 2px; }


h3 { font-size: 0.9em;
line-height: 2em; }
h4 { font-size: 1em; font-weight: normal;}

h5 {font-size: 1em; 
 }

.white {font-size: 1em; color: #fff;
padding-left: 5px;
letter-spacing: 4px;
}

a:link {color: #fff; text-decoration: none;
 } 
a:hover  {color: #ffff00; text-decoration:none;
 }
 a:visited  {color: #fff; text-decoration:none;
 }
  #header p a:link {color: #fff; text-decoration: none;
 } 
 #header p a:hover  {color: #ffff00; text-decoration:none;
 }
  #heade pr a:visited  {color: #fff; text-decoration:none;
 }
 
 
 #email a:link {color: #ffff00; text-decoration: none;
 } 
#email a:hover  {color: #fff; text-decoration:none;
 }
 #email a:visited  {color: #fff; text-decoration:none;
 }
 
  #email  {position: absolute;
  bottom: 40px;
  right: 25px;
 }

