@charset "utf-8";

/*
-----------------------------------------------------------------
	H E A D I N G S
----------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { 

}	

ul {
	list-style: none;
}


/*
-----------------------------------------------------------------
	B A S E
----------------------------------------------------------------- */

body{font-family:arial; font-size:14px; line-height:22px; color:#636363; background-repeat:repeat-x; background-position:50% -100px;}
p{padding-bottom:1em;}
a{text-decoration:none; color:#de3d81;}
a:hover{text-decoration:underline;}
.text_replace{background-repeat:no-repeat; outline:0; text-indent:-9999px;}
a.text_replace:active{outline:0;}
label{font-weight:bold; display:block; font-size:13px; color:#939393;}
	
#toolbar { 
	background: transparent url(AboveGround.gif) no-repeat top center;
	height:206px;
}
#content { 
	margin-top:20px;
	margin-left:40px;
}
#containerBottom { 
	background: transparent url(SeaMonsters.gif) no-repeat bottom center;
	margin-top:30px;
	height:600px;
}
.titles {
font-size:36px;
font-style:oblique;
font-weight:bold;
}

.footer a:link, .footer a:visited {
	color:#555555;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

#footer {
	width:960px;
	height:202px;
	margin-bottom:10px;
	margin-right:40px;
}

#footer a, #footer a:visited {
	color:#555555;
	font-size:11px;
	font-weight:bold;
	margin:0 20px;
	padding: 3px 5px;
}

#footer a:hover {
	background: white;
	color: black;
	text-decoration: none;
}	

.spacer {
	clear:both; 
	font-size:0px; 
	line-height:0px;
	width: 960px;
	height: 200px;
}

.spacersmall {
	clear:both; 
	font-size:0px; 
	line-height:0px;
	width: 900px;
	margin-left:40px;
	height: 55px;
	
}

.right {
	float:right;
}

.left {
	float:left;
}

.subnav {
	width: 548px;
	display: inline;
}
	
/*
-----------------------------------------------------------------
	L I N K S  &  F O R M
----------------------------------------------------------------- */

a:link, a:visited {

}	

a:hover {

}


/*
-----------------------------------------------------------------
	N A V I G A T I O N
----------------------------------------------------------------- */

#container .navigation {
	height:35px;
	margin: 40px 0 0;
	position:relative;
}

#container .navigation li {
	display: inline;
}

#container .navigation li a {
	background: url(../images/nav.png) no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	padding-top: 35px;
	width:109px;
}

#container .navigation li.homepage a {
	background-position: 0 0;
}

#container .navigation li.ourservices a {
	background-position: -109px 0;
}

#container .navigation li.about a {
	background-position: -218px 0;
}

#container .navigation li.work a {
	background-position: -327px 0;
}

#container .navigation li.contactus a {
	background-position: -436px 0;
}

#container .navigation li.homepage a:hover {
	background-position: 0 -34px;
}

#container .navigation li.ourservices a:hover {
	background-position: -109px -34px;
}

#container .navigation li.about a:hover {
	background-position: -218px -34px;
}

#container .navigation li.work a:hover {
	background-position: -327px -34px;
}

#container .navigation li.contactus a:hover {
	background-position: -436px -34px;
}

#container .navigation li.homepage a#first {
	background-position: 0 -34px !important;
}

#container .navigation li.ourservices a#second {
	background-position: -109px -34px !important;
}

#container .navigation li.about a#third {
	background-position: -218px -34px !important;
}

#container .navigation li.work a#fourth {
	background-position: -327px -34px !important;
}

#container .navigation li.contactus a#fifth {
	background-position: -436px -34px !important;
}


/*
-----------------------------------------------------------------
	C O N T E N T
----------------------------------------------------------------- */

#topcontact {
	font-size:11px;
	letter-spacing:1px;
	margin:20px 30px 0 0;
	text-align:right;
}

#topcontact a:link, #topcontact a:visited {
	color:#707070;
	text-decoration: none;
}

#topcontact a:hover {
	text-decoration: underline;
}

.servicetext {
	text-align:right;
}


#abouttext {
	width: 900px;
	margin-left:80px;
}

#abouttext p {
		line-height:24px;

}

.style1 {
font-weight:bold;
}

.portgap {
	margin: 20px 0 0 90px;
}