/* CSS Document */

html {max-height: 100%;  width:auto;}

#toolTipLayer {font-family: Verdana, Arial, Helvetica, sans-serif;color:black; background-color:#00ffa9; font-size:9px; width:225px; display:inline;
	line-height: 10px;
	cursor:pointer;	
	outline: 0px;}

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color:#333333; line-height: 15px; padding: 0px; margin: 0px; padding: 0px;  

}

body {
	behavior:url("csshover3.htc");
	background-color: #eeeeee;
}


body a {position: relative;
	height: 10px;
	line-height: 8px;
	color: #333333;
	cursor:pointer;
	text-decoration: none;
	display: block;
	width: 253px;
	outline:0px
}
	
body a:hover {background-color: #333333; color: white}

#background {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-image:url(rotate/boats.jpg);
background-repeat: no-repeat;
cursor:pointer
}

#page {
	position: absolute;
	width: 100%;
	background-color: #FFFFFF;
	padding-top: 11px;
	left: 0px;
	top: 0px;
	height: auto;
	z-index: 2;
}

#white {
width: 100%;
height: auto;
background-color:#666666;
position:relative;
display:block
}

#footer {
	position: relative;
	width: 144px;
	padding-left: 11px;
	padding-bottom: 15px;
	margin-top: -1px;
	display: inline-block
}



.menu_link {
	position: relative;
	width: auto;
	margin-left: 11px;
	height: 10px;
	padding-bottom: 0px;
	line-height: 8px;
	color: #333333;
	cursor:pointer;
	margin-top: 1px;	
	margin-right: 11px;
	display: block;
	text-decoration: none
	}


.menu_link:hover {color: white;background-color: #333333; }




#projects{margin-bottom:4px}
#projects-{visibility:hidden}
#about{margin-bottom:5px;}
#about-{visibility:hidden}
#contact{margin-bottom:5px}
#contact-{visibility:hidden}


form#form1 {position:relative; width:536px;  line-height: 15px; vertical-align: top; margin-top: 18px; display: inline-block}

.textinput {font-weight: normal; vertical-align: top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: black; overflow:auto; padding: 0; color: #333333;}

#name {height:13px; padding-left: 0px; margin-bottom: 12px; margin-top: 0px; max-height: 17px; width: 534px;  border: 1px solid #CCCCCC; padding-bottom: 1px; padding-top: 0px; overflow:hidden;}
#email {height:13px; padding-left: 0px; margin-bottom: 12px; margin-top: 0px; max-height: 17px; width: 534px; border: 1px solid #CCCCCC; padding-bottom: 1px; padding-top: 0px; overflow:hidden}
#message {height: 71px; padding-left: 1px; margin-bottom: 12px; margin-top: 0; max-height: 79px; width: 533px; border: 1px solid #CCCCCC; padding-bottom: 2px; padding-top: 0px}

label {}


.button {color: #333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; background: transparent; cursor:pointer; text-decoration: none; margin-top: 0px}

div#success {position:absolute; top: 40px; left: 203px; background-color: #38d878;}

div#contactdetails
{
position:relative; 
top: 0px
}

#abouttext {
	position:relative;
	visibility: hidden;
	width: 566px;
	height: 0px;
	padding-left: 11px;
	display: block;
	padding-bottom: 0px
}

#a1 {display:none}
#a2 {display:none}

.aboutcell {
width: 253px;
padding-right: 30px;
height: 0px;
}





#contact_frame {
	position:relative;
	display: block;
	padding-left: 11px;
	height: 0px;
	width: 793px;
	padding-top: 11px

}

#c1 {display:none}

#contact_iframe {height: 216px}

#projects_frame {
	position:relative;
	visibility: hidden;
	display: block;
	padding-left: 0px;
	height: 0px;
	width: auto;
	padding-right:0px;
	margin-right: 11px;
}


#projects_iframe {
	width: 100%;
	height: 400px;
}


#projectnames{
	position: relative;
	display: block;
	height: 0px;
	margin-right: 30px;
	visibility:hidden
}	

#projectnames a {
	position: relative;
	left: 11px;
	height: 10px;
	line-height: 8px;
	color: #333333;
	cursor:pointer;
	margin-top: 1px;
	margin-bottom: 4px;
	text-decoration: none;
	display: inline-block;
	width: 253px;
	outline:0px
}

#projectnames a:hover {color: white; background-color:#333333}





#pndiv {display: none}

#pfdiv {display: none; width: auto}