html, body
{
    margin: 0;
    padding: 0;
}


#wrapper {
	margin-left: auto;
	margin-right: auto; 
	margin-top: 0px; 
	}  

#outer {
	width: 671px;
	height: auto;
	background-image:url(../i/waterbg.jpg);
	background-repeat: repeat-x;
	background-color: #6EDAFE;
	padding-top:10px;
}

#header {
	width: 600px;
	height: 170px;
	background-image:url('../i/headerbg.jpg');
}
#h_spacer {
	width: 600px;
	height: 80px;
}
#crawler_container
{
    width: 250px;
    margin-left: 115px;
    height: 20px;
    padding-top: 37px;
    /*border: solid 1px;*/
    float:left;
}

.printDesign, .printReview
{ display: none;
}
  

#description
{
    width: 595px;
    height: 10px;
    padding-top: 11px;
    /*border: medium solid #000000;*/
    float: left;
    top: 50px;    
}

.description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}


#main {
	width: 560px;
	background-image:url(../i/bgrpt.gif);
	padding-left: 20px;
	padding-right: 20px;
	padding-top:1px;
}		
		#sailtitle {
		width: 574px;
		float: left;
		text-align:center;
		}
		#colors {
		clear: left;
		float: left;
		margin: 10px 10px 0px 0px;
		border: 1px solid #CCC;
		width: 120px;
		text-align: center;
		}
		#sail {
		width: 426px;
		float: left;
		margin-top: 10px;
		}
		#form
{
    width: 380px;
    padding: 12px 12px 12px 0px;
    clear: left;
}
		
		#selectedcolour {
		float: right;
		border: 1px solid #CCC;
		width: 135px;
		}
#clear {
	clear: left;
}

#disclaimer 
{
    clear:left;
}

#footer {
clear: left;
	width: 600px;
	height: 24px;
	top: 0px;
	background-image:url('../i/footer.jpg');
}

/*
a:link {text-decoration: none;color: #666;}
a:active {text-decoration: none;color: #666;}
a:visited {text-decoration: none;color: #666;}
a:hover {text-decoration: underline;color: #666;}
*/
 
.copyrighttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #666;
	text-align: left;
	float: left;
}

.footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;}

.designedbytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: right;
	padding-right: 20px;
}
.designedbytext a:link {text-decoration: none;color: #666;}
.designedbytext a:active {text-decoration: none;color: #666;}
.designedbytext a:visited {text-decoration: none;color: #666;}
.designedbytext a:hover {text-decoration: underline;color: #666;}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	text-align: left;
	}
	
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	text-align: left;
}

.disclaimer {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color: #000;
	text-align: left;
}

.sailtitle
{
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: medium;
}


.canvas_container { width: 30px; height: 650px; float: left; padding: 20px;  }
.palette_container { width: 130px; height:530px; float: left}
.legend_container { width: 130px; height:530px; float: left}


#canvas_container { left: 0; width: 250px; float: left;}


.contact_details
{
    font-family: tahoma, arial, sans-serif;
    display: block;
    color: #7C898F;
    font-size: 0.9em;
    margin: 9px 10px 10px;
    margin-top: 9px;
    padding: 7px 1px 7px 1px;
    text-align: left;
    float: left;
}

.h4 
{
    font-family: 'trebuchet ms', tahoma, arial
    }
    
 
h4 {
color: #004389;
display: block;
font-size: 1em;
font-weight: normal;
margin: 5px 0px 0px;
margin-top: 5px;
}