@import url("reset.css");

body {
    font-family: arial, sans-serif;
	font-size: 0.8em;
    background: url("../images/body-bg.jpg") #420000 repeat-x;
    color:#330000;
    
}
a:link {
	color: #660000;
}
a:visited {
	color: #660000;
}
a:hover {
	color: #cc0000;
    text-decoration:none;
}

h1 {
    font-family:georgia,'times new roman',serif;
    font-size:250%;
    font-weight:bold;
    color:#330000;
}
h2 {
    letter-spacing:0.1em;
    font-family:georgia,'times new roman',serif;
    font-size:14pt;
    font-weight:bold;
    color:#330000;
    margin-bottom:-10px;
}
p {
    font-size:110%;
    line-height:1.7;
    text-align:justify;
}
#header {
    position:absolute; top:0; left:50%;
    width:1000px;
    margin:0 0 0 -500px;
    height:143px;
}
#logo {
    position:absolute; top:0px; left:50%;
    width:373px;
    height:0;
    padding:140px 0 0 0;
    margin:0 0 0 -500px;
    background: url("../images/logo-trans.png") transparent no-repeat left top;
    overflow:hidden;
}
#content-wrapper {
    margin-top:143px;
    background: url("../images/content-wrapper-bg.png") #996666 repeat-x;
}
#wrapper {
    position:relative;
    width:1000px;
    margin:0 auto;
    padding-bottom:20px;
    background: url("../images/wrapper-bg1.jpg") transparent repeat-y;
}
#pageIcon {
    position:absolute; top:-85px; right:0px;
    width:230px;
    height:230px;
    background: transparent no-repeat left top;
    z-index:100;
}
body.home #pageIcon {
    background-image: url("../images/icons/home.png");
}
body.about #pageIcon {
    background-image: url("../images/icons/about.png");
}
body.services #pageIcon {
    background-image: url("../images/icons/services.png");
}
body.portfolio #pageIcon {
    background-image: url("../images/icons/portfolio.png");
}
body.contact #pageIcon {
    background-image: url("../images/icons/contact.png");
}
#content {
    position:relative;
    width:1000px;
    margin:0;
    padding:0;
    background: url("../images/content-bg.png") transparent no-repeat 0px 0px;
}
#water {
    position:absolute; top:0; left:56px;
    width:887px;
    height:98px;
}

#navigation {
    position:absolute; top:0; left:390px;
    padding:0;
    margin:0;
    width:350px;
    list-style:none;
}
#navigation li {
    float:left;
    padding:0;
    margin:0;
    width:70px;
}
#navigation li a {
    display:block;
    height:0;
    padding-top:143px;
    overflow:hidden;
    width:70px;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    background: transparent no-repeat -71px 0px;
}

#navigation li a.home {
    background-image: url("../images/navigation/home.png");
}
#navigation li a.about {
    background-image: url("../images/navigation/about.png");
}
#navigation li a.services {
    background-image: url("../images/navigation/services.png");
}
#navigation li a.portfolio {
    background-image: url("../images/navigation/portfolio.png");
}
#navigation li a.contact {
    background-image: url("../images/navigation/contact.png");
}

body.home #navigation li a.home,
body.about #navigation li a.about,
body.services #navigation li a.services,
body.portfolio #navigation li a.portfolio,
body.contact #navigation li a.contact {
    background-position: -1px 0px;
}

#navigation li a:hover {
    background-position: -141px 0px;
}
#leftcol {
    float:left;
    width:468px;
    margin: 110px 0 0 120px;
}
#leftcol h2, #leftcol ul {
    margin-left:20px;
}
#leftcol p {
    margin-left:20px;
}
#leftcol h1 {
    height:0px;
    padding-top:53px;
    width:468px;
    background: transparent top left;
    overflow:hidden;
    margin-bottom:-10px;
}
#leftcol h1.home {
    background-image: url("../images/headings/home-trans.png");
}
#leftcol h1.about {
    background-image: url("../images/headings/about-trans.png");
}
#leftcol h1.services {
    background-image: url("../images/headings/services-trans.png");
}
#leftcol h1.portfolio {
    background-image: url("../images/headings/portfolio-trans.png");
}
#leftcol h1.contact {
    background-image: url("../images/headings/contact-trans.png");
}
#leftcol ul li {
    margin-left:20px;
    padding-left:17px;
    list-style:none;
    background: url("../images/bullet.png") 0px 2px no-repeat transparent;
}
.portfoliopic {
	width:205px;
	height:122px;
	float:right;
	border:1px solid #ffcccc;
	margin:28px 0 0 10px;
}
p.portfolio {
    margin-right:70px;
}

h2 a:link, h2 a:visited, h2 a:hover {
	color:#990000;
	text-decoration:none;
}

#rightcol {
    float:left;
    width:285px;
    margin:140px 0 0 70px;
}
#fish {
    display:block;
    margin:0 auto;
    width:225px;
    height:375px;
    background: url("../images/fish-bg.jpg") transparent no-repeat 0px 0px;
}


#footer-wrapper {
    background: url("../images/footer-wrapper-bg.jpg") transparent repeat-x 0px 0px;
}
#footer {
    position:relative;
    width:1000px;
    height:129px;
    margin:0 auto;
    background: url("../images/footer-bg.jpg") transparent no-repeat 0px 0px;
}
#footer span#copyright {
    color:#ddcccc;
    position:absolute; bottom:40px; left:70px;
}
.clear {
    clear:both;
}