body {
	background: #d3d3d3;
    margin: 0;
	padding: 0;
	color: #303030;
	font-family: verdana, sans-serif;
	font-size: 10pt;
} 
#main {
    position:absolute;
    top: 350px;
    width: 100%;
}   
#container {
    margin-right: 20%;
    margin-left: 375px;
    float: right;
}
#banner {
    background-image: url(images/banner.jpg);
    background-repeat: repeat-x;
    height: 230px;
    width: 100%;
    position: absolute;
    top: 78px;
}
#splatter {
    background-image: url(images/splatter.jpg);
    background-repeat: no-repeat;
    height: 488px;
    width: 392px;
    position:absolute;
    top: 0px;
}
#conch {
    background-image: url(images/conch.gif);  
    position:absolute;
    top: 211px;
    width: 160px;
    height: 55px;
    margin-right: 60%;
    margin-left: 340px;
    float: right; 
}  
.content {
    margin-top: 20px;
    margin-left: 25px;
    margin-bottom: 50px;
    line-height: 15pt;
    width: 505px;
    padding-right: 50px;
}
.content img {
    border: none;
}
.contentlarge {
    margin-top: 20px;
    margin-left: 25px;
    margin-bottom: 50px;
    line-height: 15pt;
    width: 550px;
}
.contentlarge img {
    border: none;
}
.contentsmall {
    margin-top: 40px;
    margin-left: 25px;
    margin-bottom: 50px;
    line-height: 15pt;
    width: 525px;
    padding-right: 25px;
    
}
.title {
    background-color: #508944;
    color: #dedede;
    font-size: 12pt;
    padding-left: 10px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 24pt;
}
#recent {
    width: 550px;
    height: 280px;
    margin-top: -50px;
    background-position: right;
    background-repeat: no-repeat;
}    
.recentText {
    width: 275px;
    margin-left: 25px;
    margin-top: 90px;
    float: left;
} 
.recentText li {
	list-style: none;
}  
.port {
    width: 610px;
    height: 305px;
}  
.portText {
    width: 275px;
    margin-left: 60px;
    margin-top: 90px;
    float: left;
}
.portText a {
    text-decoration: underline;
    color: #303030;
}
.portText a:hover {
    text-decoration: none;
} 
.portText ul {
    margin-left: 55px;
    margin-top: 5px;
    list-style: none; 
}  
.portText li {
    padding-left: 15px;
    background-image: url(images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
} 
.portBold {
    width: 75px;
    font-weight: bold;
    color: #5E5E5E;
    float: left;
}
#logoTop {
    width: 610px;
    height: 60px;
    background-repeat: no-repeat;
    background-image: url(images/logoTop.jpg);
    margin-top: -10px;
}
#logoMid {
    width: 610px;
    background-repeat: repeat-y;
    background-image: url(images/logoMid.jpg);
}
#logoBottom {
    width: 610px;
    height: 30px;
    background-repeat: no-repeat;
    background-image: url(images/logoBottom.jpg);
    margin-bottom: 25px;
}
#modal_container {
    padding:5px;
    background-image: url(images/hover.png); 
	border:1px solid #214451;
	overflow:auto;
	font-size:10px;
    color: #5E5E5E;
	text-align:left;
}
#modal_overlay {
    background-color:#000;
}
#viewwork a {
    color: #508944;
    font-size: 20pt;
    letter-spacing: 2pt;
    line-height: 9pt;
    text-decoration: none;
}
#viewwork a:hover {
    color: #5E5E5E;
}
#little {
    font-size: 9pt;
    line-height: 14pt;
    letter-spacing: 0pt;
}
#contactFormArea {
    background-image: url(images/contactBG.jpg);
    background-position: 125px 107px;
    background-repeat: no-repeat; 
}
#contactFormArea fieldset {
    border: none;
    margin-top: 50px;
}
#contactFormArea input {
    color: #303030;
    background: #d3d3d3;
    border: none;
    border-bottom: 1px solid #303030;
}
#contactFormArea textarea {
    color: #303030;
    background: #d3d3d3;
    background-repeat: no-repeat;   
    background-position: right;
    background-image: url(images/contactText.jpg);
    border: 1px solid #303030;
}
#contactFormArea input.submit {
    color: #303030;
    background: #d3d3d3;
    border: 1px solid #303030;
}
#contactFormArea input.submit:hover {
    background: white;
}
.service {
    background-repeat: no-repeat;  
    padding-top: 25px;
    padding-left: 10px;
    font-size: 11pt;
}
.service a {
    font-size: 8pt;
    color: #5E5E5E;
    text-decoration: underline;
}   
.service a:hover {
    text-decoration: none;
}   
.service ul {
    margin-top: 5px;
    list-style: none;  
    font-size: 10pt; 
}  
.service li {
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 0 7px;
    background-image: url(images/bulletG.gif);
} 
#footer {
    background-image: url(images/footer.gif);
    height: 35px;
    margin-bottom: 15px;
    color: #5E5E5E;
    font-size: 8pt;
}
#footer table {
    width: 80%;
    float: right;
    line-height: 30px;
    text-align: center;
}
#footer img {
    float: left;
    margin-left: 100px;
}
#footer a {
    color: #5E5E5E;
    text-decoration: underline;
}
#footer a:hover {
    color: #508944;
}

#nav {
    float: right;
    width: 900px;
}
#navbar {
    margin-top: 50px;
    height: 50px;
}
#navbar ul { 
    list-style: none; 
    margin: 0; 
}
#navbar li { 
    float: right; 
}
#navbar li a, #navbar li a em { 
    display: none; 
}
#navbar li a { 
    display: block; 
    height: 25px; 
    margin-right: 35px;   
}
#navbar li img {
    margin-right: 35px;  
}
#navbar li a:hover { 
    display: block; 
    background-position: 0 -25px; 
    height: 30px; 
}
#navbar li a:active { 
    display: block; 
    background-position: 0 -25px;
    height: 25px; 
}
#navbar li#about a, #navbar li#about a:hover { 
    background-image: url(images/navAbout.gif); 
    width: 50px; 
}
#navbar li#services a, #navbar li#services a:hover { 
    background-image: url(images/navServices.gif); 
    width: 71px; 
}
#navbar li#work a, #navbar li#work a:hover { 
    background-image: url(images/navWork.gif); 
    width: 44px; 
}
#navbar li#contact a, #navbar li#contact a:hover { 
    background-image: url(images/navContact.gif); 
    width: 64px; 
}
#navbar li#home a, #navbar li#home a:hover { 
    background-image: url(images/navHome.gif); 
    width: 50px; 
}

#navcontain {
    position: absolute;
    top: 294px;
    width: 100%;
}    
#navport {
    height: 60px;
    margin-left: 123px;
    width: 850px;
    float: left; 
}
#navport ul { 
    list-style: none; 
    margin: 0; 
}
#navport li { 
    float: left; 
}
#navport li a, #navport li a em { 
    display: none; 
}
#navport li a { 
    display: block; 
    height: 30px; 
    margin-left: 210px;   
}
#navport li img {
    margin-left: 210px;  
}
#navport li a:hover { 
    display: block; 
    background-position: 0 -30px; 
    height: 30px; 
}
#navport li a:active { 
    display: block; 
    background-position: 0 -30px;
    height: 25px; 
}
#navport li#web a, #navport li#web a:hover { 
    background-image: url(images/navWeb.gif); 
    width: 67px; 
}
#navport li#logo a, #navport li#logo a:hover { 
    background-image: url(images/navLogo.gif); 
    width: 43px; 
}
#navport li#print a, #navport li#print a:hover { 
    background-image: url(images/navPrint.gif); 
    width: 40px; 
}


#lightbox{
	background-color:white;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	padding-top: 0.4em;
	}	
#lightboxCaption{ 
    float: left; 
    color: #303030;
}
#lightbox img{ 
    border: none; 
} 
#overlay{ 
    background-image: url(images/overlay.png); 
}