@charset "utf-8";

/* 

	Created by 

	

	Project ID: 

	

	Client: Sydney Yachts 

	

	Account/Project Manager: 

	Designer: 

	Developer: 

 

*/



html, body{

	background-image: url(../images/html-background2.jpg);

	background-repeat: repeat;
	background-position:center
	
	padding: 0;

	margin: 0;

	

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

}



table{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

}



img{

 display: block; /*IE Fix: Extra space under images when followed by CRLF in code*/

}



.container{

	position: relative;

	top: 0;

	left: 0;

	width: 800px;

	height: auto;

	

	margin: 1px auto auto auto;

	background-color: #F1F1F1;



}



/*******************************/

/**          MAIN MENU        **/

/*******************************/



.mainmenu ul{

	list-style: none;

	padding: 0;

	margin: 0px 0px 30px 0px;

	border-top: 1px solid #DBDBDB;

}



.mainmenu ul li{

	display: block;

	height: 36px;

	width: 204px;

	background-image: url(../images/menu/mainmenu-off.jpg);

	background-repeat: no-repeat;

}

.mainmenu ul li:hover{

	background-image:url(../images/menu/mainmenu-hover.jpg);

	background-repeat: no-repeat;

}



/* Extra Class for IE6 Hover Fix JavaScript*/

.mainmenu li.over{

	background-image:url(../images/menu/mainmenu-hover.jpg);

	background-repeat: no-repeat;

}



.mainmenu ul li a{

	display: block;

	width: 189px;

	height: 26px;

	

	padding: 10px 0px 0px 15px;

	

	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

	font-size: 0.9em;

	

	text-transform: uppercase;

	text-decoration: none;

}



.mainmenu ul li a:link{color: #535353;}

.mainmenu ul li a:visited{color: #535353;}

.mainmenu ul li a:hover{

	color: #FFFFFF;

	

}



.mainmenu ul li.active{

	background-image:url(../images/menu/mainmenu-active.jpg);

	background-repeat: no-repeat;

	color: #FFFFFF;

}

.mainmenu ul li.active a, .mainmenu ul li.active a:link, .mainmenu ul li.active a:visited, .mainmenu ul li.active a:hover{

	color: #FFFFFF;

}



/*******************************/

/**          SUB MENU         **/

/*******************************/



/*

	There are 3 Possible Classes in the submenu under a main menu item.

	

	1. ".sub" - Standard, non-active and not at the top of the list items comprising the submenu section

	2. ".subactive" - Assigned to the current page. Orange, solid background.

	3. ".sub-topitem" - Assigned to the first item of a submenu. Applies a background image that show drop shadow from item above.

*/



.mainmenu li.sub, .mainmenu li.sub-top, .mainmenu li.sub-active{

	display: block;

	width: 204px;

	height: 25px;

	border-bottom: 1px solid #DBDBDB;

	background-color: #C3C5C6;

	background-image: none;

}



/* Override Background Color and Image for Active Sub Menu Item*/

.mainmenu ul li.sub-active{

	background-image: none;

	background-color: #F39A00;

	color: #FFFFFF;

}



.mainmenu li.sub-top{

	background-image: url(../images/menu/submenu-topitem.jpg);

	background-repeat: no-repeat;

}

.mainmenu li.sub:hover, .mainmenu li.sub-top:hover{

	background-image: none;

	background-color: #F39A00;

}



/* Extra Class for IE6 Hover Fix JavaScript*/

.mainmenu li.sub-over{

	background-image: none;

	background-color: #F39A00;

}



.mainmenu ul li.sub a, .mainmenu ul li.sub-active a, .mainmenu ul li.sub-top a {

	display: block;

	width: 186px;

	height: 20px;

	

	padding: 5px 0px 0px 18px;

	

	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

	font-size: 0.9em;

	

	text-transform: uppercase;

	text-decoration: none;

	

	color: #FFFFFF;

}



.mainmenu ul li.sub a:link,

.mainmenu ul li.sub a:visited,

.mainmenu ul li.sub a:hover,

.mainmenu ul li.sub-active a:link,

.mainmenu ul li.sub-active a:visited,

.mainmenu ul li.sub-active a:hover,

.mainmenu ul li.sub-top a:link,

.mainmenu ul li.sub-top a:visited,

.mainmenu ul li.sub-top a:hover{

	color: #FFFFFF;

	

}



/*******************************/

/**          TOP MENU         **/

/*******************************/



.topmenu{

	background-image: url(../images/menu/topmenu-off-repeat.jpg);

	background-repeat: repeat-x;

	width: 596px;

	height: 25px;

}



.topmenu table{

	padding: 0;

	margin: 0;

	border-top: 1px solid #DBDBDB;

	border-bottom: none;

	width: 100%;

}



.topmenu td{

	border-right: 1px solid #DBDBDB;

	text-align: center;

	font-size: 9pt;

	

}



.topmenu td a{

	display: block;

	width: 100%;

	height: 16px;

	

	padding-top: 4px;

	

	/*font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;*/

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	

	text-transform: uppercase;

	text-decoration: none;

	

	color:#535353;

}



.topmenu td a:link{color:#535353;}

.topmenu td a:visited{color:#535353;}

.topmenu td a:hover{color:#FFFFFF; background-color: #F39A00;}



.topmenu td a.active{color:#FFFFFF; background-color: #F39A00;}

.topmenu td a.active:visited{color:#FFFFFF; background-color: #F39A00;}





/*******************************/

/**          CONTENT          **/

/*******************************/



.content{
	margin: 10px 65px 40px 65px;
	text-align: justify;
	color: #535353;
	font-size: 0.9em;
	line-height: 1.3;
	/*Should be 466px wide*/

	width: 466px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;

}



.content h1{

	font-size: 1.4em;

	color: #F39A00;

}



.content a{text-decoration: none;}

.content a:link{color:#F39A00;}

.content a:visited{color:#F39A00;}

.content a:hover{
	text-decoration:underline;
	color: #333;
}



.content img{
	border: 1px solid  #959595;
	font-size: 0.9px;

}



.td-borders{

	border-top: 1px solid #959595;

	border-right: 1px solid #959595;

}

.td-borders td{

	border-bottom: 1px solid #959595;

	border-left: 1px solid #959595;

	padding: 3px;

}



.border-orange{

	border: 1px solid #F39A00;

}



/*******************************/

/**           FOOTER          **/

/*******************************/



.footer{

	width: 800px;

	height: 27px;

	background-image: url(../images/footer.jpg);

	background-repeat: no-repeat;

	text-align: right;

	

}



.footer a{

	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

	font-size: 0.75em;

	

	text-transform: uppercase;

	text-decoration: none;

	margin-right: 15px;

}

.footer a:link{color: #707070;}

.footer a:visited{color: #707070;}

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





.bluewireLink{

	margin: 0px auto 10px auto;

	text-align: center;

	font-family: Arial;	

	padding-top: 10px;

}



.bluewireLink a:link {color: #666666}

.bluewireLink a:visited {color: #666666}

.bluewireLink a:hover {color: #008AC8; text-decoration: underline;}

.bluewireLink a{

	text-decoration: none;

	font-weight: normal;

	font-size: 8pt;	

}

.container tr td .mainmenu #mainlist .sub a strong {

	color: #FFF;

}
.container tr td .content table tr td p strong {
	font-size: x-small;
}
.container tr td .content table tr td p strong {
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
}
.container tr td .content {
	font-weight: normal;
	font-size: 0.9em;
}
.container tr td h1 {
	color: #F90;
	font-size: 1.4em;
}
.container tr td p {
	font-size: small;
}
.container tr td .content p {
	font-size: small;
}
.container tr td .content p strong {
	text-align: left;
}