/* CSS Document */

/* new red:#DF0013'
	Old Blue:#DF0013; */
body {
width: 800px;
height:inherit;
margin:0px;
padding-left:0px;
padding-right:0px;
font-family:verdana;
}
#left {
float: left;
width: 220px;
margin: 0 0 0 0px;
padding-left: 0px;
padding-right: 0px;
}
#right {
width:600px;
}
#header {
height:150px;
width:220px;
}
#worklist {
float:left;
width:220px;
height:auto;
}
#work {
padding-left:20px;
}
#imagearea{
width:600px;
}
#linespacer{
width:580px;
height:2px;
background-color:#FF33CC;
background-repeat:no-repeat;
}
#textarea {
width:560px;
padding-left:0px;
padding-right:10px;
height:auto;
font:Verdana;
font-size:11px;
}
#clearheader{
width:600px;
height:155px;
background-color:#FFFFFF;
background-repeat:no-repeat;
}
#spacer{
width:600px;
height:10px;
background-color:#FFFFFF;
}

/* Intro */
#intro {
margin:0px;
width:1028px;
height:657px;
background-image: url(images/hellomarine.jpg);
background-repeat: no-repeat;
}

#hello {
background: url(images/templatefiles/hello.gif) no-repeat;
margin-top:10px;
margin-left:-5px;
width: 220px;
height: 140px;
}

#hello a{
margin-top:10px;
margin-left:-5px;
width: 220px;
height: 140px;
display: block;
}

#hello a:hover {
margin-top:5px;
margin-left:0px;
background:url(images/templatefiles/hello_a.gif);
background-repeat:no-repeat;
}

/* Site Fonts */
p {
font:verdana;
font-size:11px;
color:#999;
line-height:12px;
}
a:link {
color:#999999;
text-decoration: none;
font-size: 11px;
font-family: verdana;
font-weight:lighter;
}
a:visited {
font-family: verdana;
text-decoration: none;
font-size: 11px;
font-weight:lighter;
color: #DF0013;
}
a:hover {
font-family: verdana;
color: #FFFFFF;
text-decoration: none;
font-size: 11px;
font-weight:lighter;
background-color: #DF0013;
}
a:active {
font-family: verdana;
text-decoration: none;
color: #FFFFFF;
font-size: 11px;
font-weight:lighter;
background-color: #DF0013;
}
a {
color:#999999;
text-decoration:none;
border:none;
font-size:11px;
}
h1 {
font:verdana;
font-size:11px;
color:#DF0013;
font-style: normal;
font-weight: lighter;
}
/* Img */
.img, .img a {
border: none;
}

/* Navigation */

/*
<li id="about"><a href="about.html" target="mainFrame">About</a></li>
<li id="work"><a href="work.html" target="leftFrame">Work</a></li>
<li id="publications"><a href="publications.html" target="leftFrame">Publications</a></li>
<li id="contact"><a href="contact.html" target="mainFrame">Contact</a></li>
<li id="shop"><a href="shop.html" target="mainFrame">Shop</a></li>
*/

ul, li, h3, h4, h5, h6 {
text-decoration:none;
list-style-type: none;
margin: 0;
padding: 0;
}
ul#nav {
background:url(images/navigation.gif);
background-repeat:no-repeat;
padding: 0;
margin: 0px;
height: 14px;
width: 220px;
}
ul#nav li {
float: left;
text-indent: -9999px;
}
ul#nav li a {
border: 0;
display: block;
background: url(images/navigation.gif);
background-repeat:no-repeat;
}



li#about a {
width: 220px;
height: 14px;
}
li#work a {
width: 220px;
height: 14px;
}
li#publications a {
width: 220px;
height: 14px;
} 
li#contact a {
width: 220px;
height: 14px;
}
li#shop a {
width: 220px;
height: 14px;
}
li#blog a {
width: 220px;
height: 14px;
}



li#about a:link, li#about a:visited {
background-position: 0px 0px;
}
li#about a:hover {
background-position: -220px 0px;
}
li#work a:link, li#work a:visited  {
background-position: -20px -14px;
}
li#work a:hover {
background-position: -240px -14px;
}
li#publications a:link, li#publications a:visited  {
background-position: 0px -28px;
}
li#publications a:hover {
background-position: -220px -28px;
}
li#contact a:link, li#contact a:visited  {
background-position: 0px -42px;
}
li#contact a:hover {
background-position: -220px -42px;
}
li#shop a:link, li#shop a:visited  {
background-position: 0px -56px;
}
li#shop a:hover {
background-position: -220px -56px;
}
li#blog a:link, li#blog a:visited  {
background-position: 0px -70px;
}
li#blog a:hover {
background-position: -220px -70px;
}

/*
body#home-page ul#nav li#home a {
background-position: 0px 0px;
}
body#about-page ul#nav li#about a {
background-position: 0px 0px;
}
body#work-page ul#nav li#about a {
background-position: 0px 0px;
}
body#publications-page ul#nav li#about a {
background-position: 0px 0px;
}
body#contact-page ul#nav li#contact a {
background-position: 0px 0px;
}
body#shop-page ul#nav li#contact a {
background-position: 0px 0px;
}
*/

/* divs */

#headercontact {
line-height:12px;
width:200px;
height:40px;
padding-left:20px;
}
#textarea h1{
font:verdana;
font-size:11px;
margin-bottom:-11px;
color:#DF0013;
}
#textarea p{
font:verdana;
font-size:11px;
margin-bottom:-11px;
color:#999;
}