body, table, select, input, textarea
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 14px;
	line-height:1.5em;
}

h1
{
	font-size:x-large;
}

h2
{
	font-size:large;
}

a
{
	text-decoration: none;
	color:Blue;
	
}

a:hover
{
	text-decoration: underline;
	
}





/* --- News Editor --- */

div.picturepanel {
  padding-right:10px;
  padding-bottom:4px;
}

img.picturepanel 
{
  border: thin solid;
}

div.picturepanel p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  margin-top:0px; 
}

#media  a
{
	text-decoration:none;
}

#media  a:hover
{
	text-decoration:underline;
}

#otherarticles { clear:both; }
#articletoplinks  { text-align:right; } 
#archiveyears {padding-top:10px; padding-bottom:10px;}

#listall label { display: block; float:left; width: 100px; text-align:right; }
#listall a {padding-left:10px; text-decoration:none}
#listall a:hover {padding-left:10px; text-decoration:underline}

#headlines img { padding-right:10px; border:none; float:left; }
#headlines p
{
	padding-bottom:0;
	margin-bottom:0;
}
#headlines h2 
{
	font-size: large;
	padding-bottom:0;
	margin-bottom:0;
	padding-top:10px;
	
	}
#headlines br { clear:both; }

#footerdiv img { border: none }

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;
}

/* mac hide\*/
html, body {height:100%}
/* end hide */
body { /* outer body of the page */
	padding:0;
	margin:0;
	min-width:996px;/* 994 really but need to add 2 pixels for firefox ie. 1px left + 1px right border*/
	text-align:left; 
	font-size:small;
	background-color:#9B9C96;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
}
#outer{ /* primary boxed area within the body of the page*/
	width:994px; /* main width (insider page border) */
	margin:auto;
	position:relative; /* center horiztonally*/
	top:0px;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#header {
	position:absolute;
	top:0;
	left:0px;
	width:996px;
	height:460px;
	overflow:hidden;
	color: white;
	z-index:100;
	background-color: white;
}

#footer {
	position: relative;
	top: 200px;
	width:996px;
	clear:both;
	height:50px;
	background-color:#7e8392;
	text-align:center;
	color:#32475a;
	/*left:0;
	bottom:0;
	position: absolute;
*/
}

#footer a, #footer a:hover
{

    color:white;
}

html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:52px;/* for ie6 */
}

#innerwrap {/* enables content first */
	float:left;
	width:996px;  /* width=left+centre divs */
}

#centrecontent {
	position: relative;
	top: 200px;
	width:916px;
	padding-left:40px;
	padding-right:40px;


	padding-bottom:40px;/* needed to make room for footer */
	background-color:White;
}




