@import url(/App_Themes/layout.css);
@import url(/App_Themes/styles.css);

ul#menu 
{ 
	list-style-type:none;
	position:relative;
	width:996px;
	height:60px;
	margin:0;
	padding:0;
}

ul#menu a /* this moves all the a hyperlink text out of sight */
{
	display:block;
	height:60px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}

/* this is the menu image widths and image references*/
	
li#nav_01   { position:absolute; top:0px; left:  0px; height:60px; background: url(/images/master/menu/nav_01.jpg);}
li#home     { position:absolute; top:0px; left: 84px; height:60px; background: url(/images/master/menu/home.jpg);}
li#nav_03   { position:absolute; top:0px; left:151px; height:60px; background: url(/images/master/menu/nav_03.jpg);}
li#range    { position:absolute; top:0px; left:178px; height:60px; background: url(/images/master/menu/motor_yacht_range.jpg);}	
li#nav_05   { position:absolute; top:0px; left:450px; height:60px; background: url(/images/master/menu/nav_05.jpg);}
li#gallery  { position:absolute; top:0px; left:473px; height:60px; background: url(/images/master/menu/Gallery.jpg);}
li#nav_07   { position:absolute; top:0px; left:551px; height:60px; background: url(/images/master/menu/nav_07.jpg);}
li#clients  { position:absolute; top:0px; left:573px; height:60px; background: url(/images/master/menu/Clients.jpg);}
li#nav_09   { position:absolute; top:0px; left:713px; height:60px; background: url(/images/master/menu/nav_09.jpg);}
li#news     { position:absolute; top:0px; left:736px; height:60px; background: url(/images/master/menu/News.jpg);}
li#nav_11   { position:absolute; top:0px; left:798px; height:60px; background: url(/images/master/menu/nav_11.jpg);}
li#contact  { position:absolute; top:0px; left:821px; height:60px; background: url(/images/master/menu/Contact.jpg);}
li#nav_13   { position:absolute; top:0px; left:914px; height:60px; background: url(/images/master/menu/nav_13.jpg);}


/* Image Widths */
li#nav_01            {width:84px;}
#home a, li#home     {width:67px;}
li#nav_03            {width:27px;}
#range a, li#range   {width:272px;}
li#nav_05            {width:23px;}
#gallery a, li#gallery{width:78px;}
li#nav_07            {width:22px;}
#clients a, li#clients{width:140px;}
li#nav_09            {width:23px;}
#news a, li#news   {width:62px;}
li#nav_11            {width:23px;}
#contact a, li#contact{width:93px;}
li#nav_13            {width:82px;}

/* Hover images */
.home li#home, li#home a:hover, li#home a:active     { background: url(/images/master/menu/home_over.jpg); } 
.range li#range, li#range a:hover, li#range a:active { background: url(/images/master/menu/motor_yacht_range_over.jpg); }
.gallery li#gallery, li#gallery a:hover, li#gallery a:active     { background: url(/images/master/menu/gallery_over.jpg); } 
.clients li#clients, li#clients a:hover, li#clients a:active { background: url(/images/master/menu/clients_over.jpg); }
.news li#news, li#news a:hover, li#news a:active     { background: url(/images/master/menu/news_over.jpg); } 
.contact li#contact, li#contact a:hover, li#contact a:active { background: url(/images/master/menu/contact_over.jpg); }

/* h1 titles */
.home h1
{
	height:36px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background: url(/images/pages/titles/AllanBarnettMotorYacht.gif); 
	background-repeat:no-repeat;
}

.range h1
{
	height:36px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background: url(/images/pages/titles/TheMotorYachtRange.gif); 
	background-repeat:no-repeat;
}

.ches58 h1
{
	height:36px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background: url(/images/pages/titles/Chesapeake58.gif); 
	background-repeat:no-repeat;
}

.high63 h1
{
	height:36px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background: url(/images/pages/titles/HighSeas63.gif); 
	background-repeat:no-repeat;
}

.high70 h1
{
	height:36px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background: url(/images/pages/titles/HighSeas70.gif); 
	background-repeat:no-repeat;
}

.high97 h1
{
	height:36px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background: url(/images/pages/titles/HighSeas97.gif); 
	background-repeat:no-repeat;
}

.gallery h1
{
	height:36px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background: url(/images/pages/titles/ImageGallery.gif); 
	background-repeat:no-repeat;
}

.contact h1
{
	height:36px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background: url(/images/pages/titles/Contact.gif); 
	background-repeat:no-repeat;
}



.news h1
{
	height:36px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background: url(/images/pages/titles/news.gif); 
	background-repeat:no-repeat;
}


.clients h1
{
	height:36px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background: url(/images/pages/titles/ClientsArea.gif); 
	background-repeat:no-repeat;
}

.borderover img
{
	border: none;
}

.borderover img:hover
{
	border: solid 1px black;
}

.leftcol
{
	position:relative;float:left; width:450px; margin-right:10px
}

.rightcol
{
	position:relative;float:right; width:440px;
}