* {
	margin: 0;
	padding: 0;
}

ul { list-style: none inside; }
a { outline: none;}

a img { border: none; }

a:link { text-decoration:underline;
		color: #003b55;
}
a:visited { text-decoration:underline;
			color: #003b55;
}
a:hover {text-decoration: none; 
		color: #003b55;
}

fieldset {
	border: none;
}

body {
	background: url(images/bg-big.jpg) top center repeat;
	margin-top: 15px;
	margin-bottom: 15px;
}

body p {
	margin-left: 164px;
	margin-right: 102px;
	font-size: 95%;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	z-index: 1000;
	position: relative;
}
body table {

	font-size: 95%;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    z-index: 1000;
	position: relative;
    }
body table p {margin:0;}  

body p img {
	float: left;
}

div#logo {
	width: 176px;
	height: 96px;
	padding-left: 25px;
	padding-top: 20px;
}

div#services {
	margin-left: 158px;
	padding-bottom: 50px;
	width: 506px;
	height: 900px;
	position: relative; 
	z-index: 900;
}

div#portfolio-list {

	margin-left: 158px;
	padding-bottom: 50px;
	width: 506px;
	height: 500px;
	position: relative; 
	z-index: 900;
}

div#portfolio-list table {
	margin-left: 30px;
}

div#contact-bg {
	margin-left: 158px;
	padding-bottom: 90px;
	width: 506px;
	height: 610px;
	position: relative; 
	z-index: 900;
}

div#contactthanks-bg {
	margin-left: 158px;
	padding-bottom: 50px;
	width: 506px;
	height: 150px;
	position: relative; 
	z-index: 900;
}

div#services p.left {
	margin-left: 20px;
	margin-right: 35px;
	margin-top: 8px;
	font-size: 95%;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div#services p.left img {
	margin-bottom: 90px;
}

.shadow {
  box-shadow: -5px 5px 5px #c2d3d6;
  -moz-box-shadow: -5px 5px 5px #c2d3d6;
  -webkit-box-shadow: -5px 5px 5px #c2d3d6;
  border-style:solid;
  border-color:#c2d3d6;
  border-width:1px;
  	background-color: #FFFFFF;
}

div#services p.right {
	float: right;
	margin-left: 20px;
	margin-right: 35px;
	margin-top: 8px;
	font-size: 95%;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div#services p.right img {
	float:left;
	margin-right: 35px;
	margin-bottom: 90px;
}

div#services img.header {
	margin-left:20px;
}

div#tag-home  {
	margin-top: 67px;
	margin-bottom: 10px;
	width: 753px;
	height: 39px;
	background: url(images/tag-home.gif) no-repeat;
}

div#tag-contact  {
	margin-top: 67px;
	margin-bottom: 15px;
	width: 753px;
	height: 26px;
	background: url(images/tag-contact.gif);
}

div#tag-services  {
	margin-top: 67px;
	margin-bottom: 10px;
	width: 753px;
	height: 32px;
	background: url(images/tag-services.gif);
}



div#tag-portfolio  {
	margin-top: 67px;
	margin-bottom: 10px;
	width: 753px;
	height: 32px;
	background: url(images/tag-portfolio.gif);
	position: relative;
	z-index: 100;
}

div#page-wrap {
	background: #ffffff;
	width: 753px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

div#fish {
	width: 228px;
	height: 372px;
	position: absolute;
	z-index: 0;
	top: 0px;
	right: 0px;
	background: url(images/fish.gif);
}

div#body-swirl {
	width: 213px;
	height: 210px;
	position: absolute;
	z-index: 500;
	bottom: 0px;
	left: 0px;
	background: url(images/body-swirl.gif);
}

div#menu {
	float: left;
	width: 158px;
	height: 234px;
	background: #dedede;
}

div#menu li a {
			display: block;
			width: 158px;
			float: left;
			text-indent: -9999px;
}

	div#menu li.home a {
		height: 73px;
		
		background: url(images/menu-home.jpg) top center no-repeat;
		}

    div#menu li.portfolio a {
		height: 46px;
		background: url(images/menu-portfolio.jpg) top center no-repeat;
		}

    div#menu li.services a {
		height: 44px;
		background: url(images/menu-services.jpg) top center no-repeat;
		}
		
    div#menu li.contact a {
		height: 71px;
        background: url(images/menu-contact.jpg) top center no-repeat;
		}
		
		
			div#menu li a:hover {
				background-position: center center;
				}
		
			div#menu li a:active {
				background-position: bottom center;
				}
		
				 
		body#home div#menu li.home a,
		body#portfolio-2 div#menu li.portfolio a,
		body#services-2 div#menu li.services a,
	    body#contact div#menu li.contact a
		
		{
		background-position: bottom center;
		}

			
div#slideshow {
	float: left;
	width: 498px;
	height: 234px;
	background: #c2d3d6;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 10000;
}

div#portfolio
	{
	display: block;
	position: relative;
	height: 234px;
	width: 498px;
	float: left;
	background: #c2d3d6;
	margin-left: auto;
	margin-right: auto;
	}

li  {

}

h2 {
 }

.clear { clear: both; }



div#footer {

}
	div#footer a {

	}
	
#form input, #form textarea {
	padding: 5px;
	width: 300px;
	font-size: 95%;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0px 0px 10px 0px;
}

#contact-area {
margin-top: 0;
	float: right;
	width: 500px;
}

#contact-area p{
margin-left: 25px;
margin-right: 25px;
}

#form textarea {
	height: 90px;
	margin-left: 216px;
}



#contact-area input.submit-button {
	width: 100px;
	margin-left: 300px;
}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	margin-left: 100px;
	width: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 95%;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
	
#form {
	width: 320px;
	float: left;
	
	}
	#form input {
		width: 300px;
		border: none;
		text-align: center;
		background: none;
		font-size: 95%;
	}
	#form .input-bg {
		background: url(images/form_field.gif) top left no-repeat transparent;
		height: 28px;
		width: 310px;
		margin-bottom: 30px;
		margin-left: 216px;
		position: relative;
	}
	#form .active {
		background: url(images/form_field.gif) bottom left no-repeat transparent;
	}
	
		#form .message-bg {
		background: url(images/message_field.gif) top left no-repeat transparent;
		height: 250px;
		width: 310px;
		margin-left: 216px;
	}
	
		#form textarea {
		width: 295px;
		height: 223px;
		display: block;
		border: none;
		background: none;
		margin: 0;
		padding: 13px 0 13px 13px;
		font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
		overflow: auto;
		font-size: 95%;
	}
	
	
	#form .active {
		background: url(images/message_field.gif) bottom left no-repeat transparent;
	}

label.error {
	position: absolute;
	width: 300px;
	top: -20px;
	left: -140px;
	padding: 0px;
	color: #da3939;
	font-size: 1.0em;
	text-align: right;
	font-style: italic;
	font-weight: normal;
}