/* CSS Document */
.unwatermarked 
{
	background-color: #F9F0DD;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: Black;
}

.watermarked 
{
	background-color:#F9F0DD;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: Black;
}

.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.pageTitle 
{
    float: left;
    width: 640px;
    margin-bottom: 20px;
    }

.modalPopup 
{
	background-color:#ffffdd;
	border-width:5px;
	border-style:solid;
	border-color:Gray;
	padding:5px;
}

body, html {
	margin: 0;
	padding: 0;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	background: url(../../images/pageRightBgrd.jpg) 982px top no-repeat #000;
}
div#outer 												{}
div#upperRegion											{float: left; width: 982px;}
div#upperRegion div.topLeft 							{float: left; width: 318px; height: 123px; background: url(../../images/pageUpperLeft.jpg) top left no-repeat;}
div#upperRegion div.topLeft div.mutv					{background: url(../../images/QuayGarage.jpg) no-repeat top left; width: 120px; height: 76px; position: relative; top: 20px; left: 20px;}
div#upperRegion div.topRight 							{float: left; width: 664px; height: 123px; background: url(../../images/pageUpperTop.jpg) top left no-repeat;}
div#upperRegion div.topRight h1 						{display: none;}
div#upperRegion div.topRight div.topMenu				{float: right; position: relative; top: 95px;}
div#upperRegion div.topRight div.topMenu ul				{margin: 0; padding: 0; list-style: none;}
div#upperRegion div.topRight div.topMenu ul	li			{margin: 0; padding: 0; display: inline; font-size: 85%; font-weight: bold; padding-right: 20px; background: url(../../images/topMenuStar.gif) center right no-repeat;}
div#upperRegion div.topRight div.topMenu ul	li.last		{background: none; padding-right: 10px;}
div#upperRegion div.topRight div.topMenu a:link			{color: #000; text-decoration: none;}
div#upperRegion div.topRight div.topMenu a:visited		{color: #000; text-decoration: none;}
div#upperRegion div.topRight div.topMenu a:link:hover	{color: #C00; text-decoration: none;}
div#upperRegion div.topRight div.topMenu a:visited:hover{color: #C00; text-decoration: none;}

div#mainRegion 											{float: left;} 
div#mainRegion div#menuBox 								{float: left;background: url(../../images/menuBgrnd.jpg) top left no-repeat; width:276px; height:594px;}
div#mainRegion div#menuBox div.mainMenu 				{position: relative; top: 40px; left: 105px;}
div#mainRegion div#menuBox div.mainMenu ul				{margin: 0; padding: 0; list-style: none;}
div#mainRegion div#menuBox div.mainMenu ul li 			{margin: 0; padding: 0; width: 130px; background: url(../../images/starMenuSep.gif) no-repeat bottom left; padding-bottom: 15px; padding-top: 8px;}
div#mainRegion div#menuBox div.mainMenu a 				{display: block;}
div#mainRegion div#menuBox div.mainMenu a span			{display: none;}
div#mainRegion div#menuBox div.mainMenu a.home:link, div#mainRegion div#menuBox div.mainMenu a.home:visited						
{background: url(../../images/home_off.gif) top left no-repeat; width: 126px; height: 28px;}
div#mainRegion div#menuBox div.mainMenu a.home:link:hover, div#mainRegion div#menuBox div.mainMenu a.home:visited:hover			
{background: url(../../images/home_ov.gif) top left no-repeat; width: 126px; height: 28px;}
div#mainRegion div#menuBox div.mainMenu a.shop:link, div#mainRegion div#menuBox div.mainMenu a.shop:visited						
{background: url(../../images/shop_off.gif) top left no-repeat; width: 126px; height: 28px;}
div#mainRegion div#menuBox div.mainMenu a.shop:link:hover, div#mainRegion div#menuBox div.mainMenu a.shop:visited:hover			
{background: url(../../images/shop_ov.gif) top left no-repeat; width: 126px; height: 28px;}
div#mainRegion div#menuBox div.mainMenu a.history:link, div#mainRegion div#menuBox div.mainMenu a.history:visited				
{background: url(../../images/history_off.gif) top left no-repeat; width: 126px; height: 28px;}
div#mainRegion div#menuBox div.mainMenu a.history:link:hover, div#mainRegion div#menuBox div.mainMenu a.history:visited:hover	
{background: url(../../images/history_ov.gif) top left no-repeat; width: 126px; height: 28px;}
div#mainRegion div#menuBox div.mainMenu a.mission:link, div#mainRegion div#menuBox div.mainMenu a.mission:visited				
{background: url(../../images/mission_off.gif) top left no-repeat; width: 126px; height: 56px;}
div#mainRegion div#menuBox div.mainMenu a.mission:link:hover, div#mainRegion div#menuBox div.mainMenu a.mission:visited:hover	
{background: url(../../images/mission_ov.gif) top left no-repeat; width: 126px; height: 56px;}
div#mainRegion div#menuBox div.mainMenu a.rnr:link, div#mainRegion div#menuBox div.mainMenu a.rnr:visited						
{background: url(../../images/rr_off.gif) top left no-repeat; width: 126px; height: 28px;}
div#mainRegion div#menuBox div.mainMenu a.rnr:link:hover, div#mainRegion div#menuBox div.mainMenu a.rnr:visited:hover			
{background: url(../../images/rr_ov.gif) top left no-repeat; width: 126px; height: 28px;}
div#mainRegion div#menuBox div.mainMenu a.gallery:link, div#mainRegion div#menuBox div.mainMenu a.gallery:visited						
{background: url(../../images/gallery_off.gif) top left no-repeat; width: 126px; height: 28px;}
div#mainRegion div#menuBox div.mainMenu a.gallery:link:hover, div#mainRegion div#menuBox div.mainMenu a.gallery:visited:hover			
{background: url(../../images/gallery_ov.gif) top left no-repeat; width: 126px; height: 28px;}
div#pageContentRegion 									{float: left; width: 706px; background: url(../../images/mainInnerContentBgrnd.gif) top left repeat-y #FAF3E2;}
div#pageContentRegion div.innerUpperBar 				{float: left; background: url(../../images/pageInnerHeader.jpg) top left no-repeat; width: 706px; height: 35px;}
div#pageContentRegion div.innerLeft 					{float: left; background: url(../../images/pageInnerLeftBgr.gif) top left no-repeat; width: 42px; height: 559px;}

/* -------------------------------------------------------------------------- inner content classes */
div#pageContentRegion div.innerCenter 					{float: left; width: 629px;}
div#pageContentRegion div.innerCenter h1				{display: none;}
div#pageContentRegion div.innerCenter div.strapline		{background: url(../../images/strapBanner.gif) top left no-repeat; width: 596px; height: 20px; margin: 0 auto;}
div#pageContentRegion div.innerCenter div.productSections 				{float: left; margin-top: 10px;}
div#pageContentRegion div.innerCenter div.productSections div.section 	{float: left;}
div#pageContentRegion div.innerCenter div.newsBox 						{background: url(../../images/news.jpg) top left no-repeat; width: 329px; height: 337px; float: left; margin-top: 10px;}
div#pageContentRegion div.innerCenter div.newsBox div.headlines			{position: relative; top: 80px; left: 40px; width: 258px; height: 220px; overflow-y: auto;}
div#pageContentRegion div.innerCenter div.newsBox div.headlines	ul		{margin: 0; padding: 0;}
div#pageContentRegion div.innerCenter div.newsBox div.headlines	ul li	{color: #FFF; font-size: 85%; background: url(../../images/newsBullet.gif) left 3px no-repeat; padding-left: 15px; line-height: 18px; font-weight: bold;}
div#pageContentRegion div.innerCenter div.newsBox div.headlines a span {font-weight: normal;}
div#pageContentRegion div.innerCenter div.newsBox div.headlines a:link, div#pageContentRegion div.innerCenter div.newsBox div.headlines a:visited 
{color: #FFF; text-decoration: none;} 
div#pageContentRegion div.innerCenter div.newsBox div.headlines a:link:hover, div#pageContentRegion div.innerCenter div.newsBox div.headlines a:visited:hover 
{color: #C00; text-decoration: none;} 
div#pageContentRegion div.innerCenter div.homeContent					{margin-top: 5px; float: left; width: 290px; margin-left: 5px;} 
div#pageContentRegion div.innerCenter div.homeContent p					{line-height: 18px;}
div#pageContentRegion div.innerCenter div.homeContent h2.hiddenHeader	{display: none;}
/* -------------------------------------------------------------------------- inner content classes */

div#pageContentRegion div.innerRight 					{float: left; background: url(../../images/pageInnerRightBgr.gif) top left no-repeat; width: 35px; height: 559px;}
div#pageContentRegion div.innerFooter					{float: left; background: url(../../images/pageFooter.gif) top left no-repeat; width: 706px; height: 88px;}
div#pageContentRegion div.innerFooter div.registerBox 	{background: url(../../images/register.gif) top left no-repeat; height: 36px; width: 629px; margin: 0 auto; margin-top: 20px;}
div#pageContentRegion div.innerFooter div.registerBox div.regForm {float: right; margin-top: 0px;}
div#pageContentRegion div.innerFooter div.registerBox div.regForm input.registerInput {border: 1px solid #666; font-size: 12px; padding: 3px;}
div#pageContentRegion div.innerFooter div.registerBox div.regForm input.registerInputButton {position: relative; top: 7px; left: 2px;}

div#outerFooter 			{float: left; color: #FFF; background-color: #000; padding-top: 10px; padding-bottom: 10px; width: 706px;}
div#outerFooter ul 			{margin: 0; padding: 0; list-style: none;}
div#outerFooter ul li		{font-size: 85%;}
div#outerFooter a:link, div#outerFooter a:visited {color: #E0B167; text-decoration: none;}
div#outerFooter a:link:hover, div#outerFooter a:visited:hover {color: #C00; text-decoration: none;}
div#outerFooter div.left 	{float: left;}
div#outerFooter div.right 	{float: right;}

div#mdb
{
	width: 540px;
	color: black;
	font-size: x-small;
	height: 38px;
	margin: 0 auto;
	text-align: right;
	background: none;
}


/* prducts */
.productSection 
{
    float: left;
    width: 620px;
    }
.productSection ul 
{
    list-style: none;
    margin: 0;
    padding: 0;
    }
.productSection ul li 
{
    list-style: none;
    margin: 0;
    padding: 0;
    }
.productSection .productPhotoFrame 
{
    border: 2px solid #95714D;
    width: 120px;
    height: 140px;
    float: left;
    margin: 5px;
    background: #FAF3E2;
    }
a.productPhoto:link, a.productPhoto:visited
{
    display: block;
    width: 120px;
    height: 120px;
    float: left;
    background-position: top left;
    background-repeat: no-repeat;
    }
a.productPhoto:link:hover, a.productPhoto:visited:hover
{    
    background-position: bottom left;    
}
.prodCode 
{
    background: #95714D;
    float: left;
    color: #FFF;
    text-align: center;
    display: block;
    width: 112px;
    font-family: arial;
    font-size: 11px;
    padding: 4px;
    }