/* CSS Document */

/*!!!!!!!!!!! Basic Layout Styles !!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
body, html {
    margin: 0px auto;
	padding: 0;
    text-align: left;
    font-family: Arial;
    font-size: 12px;
	background-color: #c2d9d7;
    }

#wrapper {
    float: left;
    _margin: 20px 0 0 20px;
	margin: 30px 0 0 30px;
    text-align: right;
    width: 880px;
	height: 580px;
	_height:525px;
	position: relative;
	background-color: #c2d9d7;
    }
	
#container {
    float: left;
	width: 880px;
    }
	
#nav {
	float: left;
    width: 200px;
    height: 550px;
	background-image:url(../i/navbg.gif);
	background-position:top;
	background-repeat: no-repeat;
	position: relative;
	text-align: right;
    font-family: Arial;
    font-size: 12px;
	text-decoration: none;
    border: 0;
	clear: both;
	}    

    #mainnav {
    margin-top: 80px;
	text-align: right;
	line-height: 14px;
    border: 0;
	vertical-align: top;
    }
	
	.blank {
    font-family: Arial;
    font-size: 12px;
	color: #fff;
	}
	
#audio {
	float: left;
	height: 30px;
	width: 140px;
	padding-left: 58px;
    }
#noaudio {
	position: absolute;
	top: 25px;
	left: 5px;
	height: 20px;
	/*padding-left: 8px;*/
    }

	
#editorial {
	float: left;
	color: #fff;
	text-align: left;
	font-weight: bold;
	width: 675px;
    margin: 0px inherit;
	padding-top: 5px;
	}

    a {
	color:#fff;
	text-decoration: none;
	letter-spacing: 1pt;
	}
	
#footer {
	float: left;
	background-color: #372117;
	width: 880px;
	height: 30px;
	margin-top: 5px;
	_margin-top: 2px;

	}
#footerb {
	float: left;
	background-color: #372117;
	width: 880px;
	height: 30px;
	margin-top: 5px;

	}
	
	.text {
	 	color: #fff;
	    text-align: right;
	    line-height: 28px;
	    font-size: 9px;
		padding-right: 15px;
		}
	
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}



/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:180px;
		background-color:transparent;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:3px 20px 3px 8px;
		color:#FFF;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover, #purch a:hover
	{	
		/*color:#E0C298;*/
		color:#f3e7d6;
		text-decoration:none;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a, #purch li:hover>a
	{	
		/*color:#E0C298;*/
		color:#e0c298;
		text-decoration:none;
	}

	/*"""""""" (MAIN) Parent Items""""""""*/	
	#qm0 .qmparent	
	{	
		font-weight:bold;
	}
	
	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover
	{	
		color:#e0c298;
		text-decoration:none;
	}


	/*"""""""" (MAIN) Persistent State""""""""*/	
	body #qm0 .qmpersistent, body #qm0 .qmpersistent:hover	
	{	
		color:#e0c298;
		font-weight:bold;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		/*width:180px;*/
		padding:5px 0px;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 0px 2px 15px;
		margin:0px 20px 0px 0px;
		/*color:#E0C298;*/
		color:#e0c298;
		font-size:11px;
		text-decoration:none;
		font-weight:bold;
		border-style:none;
	}

	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#f3e7d6;
		font-family:Arial;
		font-size:11px;
		text-decoration:none;
		font-weight:bold;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		color:#f3e7d6;
		font-family:Arial;
		font-size:11px;
		text-decoration:none;
		font-weight:bold;
		border-style:none;
	}


	/*"""""""" (SUB) Parent Items""""""""*/	
	#qm0 div .qmparent, #qm0 ul .qmparent	
	{	
		color:#e0c298;
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" (SUB) Parent Hover State""""""""*/	
	#qm0 div .qmparent:hover	
	{	
		color:#f3e7d6;
		text-decoration:none;
		font-weight:bold;
	}
	
	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		/*color:#E0C298;*/
		color:#e0c298;
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		font-size:11px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0	
	{	
		border-width:1px;
		border-style:solid;
		border-color:#3c3c3c;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		border-width:1px;
		border-style:solid;
		border-color:#fff;
	}


	/*"""""""" Custom Rule""""""""	
	ul#qm0 ul a	
	{	
		padding:2px 20px 2px 5px;
	}*/


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 .qmparent	
	{	
		background-image:url(qmimages/arrow_0.gif);
		background-repeat:no-repeat;

	}

/************Styles for Purchase Online ****************/
#purch {
	text-align: right;
	line-height: 20px;
	font-weight: bold;
	margin-right: 40px;
	_margin-right: 20px;

}
	#purch ul {list-style: none; margin: 0; padding: 0;}		
	#purch li {margin: 0; padding: 0;}
		#purch li a {
		color: #FFF;
		text-decoration: none;
		}
		#purch li a: hover {
		color:#E0C298;
		} 
	
#content {
	margin-left: 5px;
	clear: none;
	width: 675px;
	height: 550px;
    }
	
#flash1 {
    float: left;
    width: 350px;
	height: 550px;
	clear: none;
	background-image: url(../i/video_1.png)
    }
#flash2 {
    float: left;
    width: 325px;
	height: 550px;
	clear: none;
    }
	
#flash {
    float: left;
	clear: none;
	margin: 34px 0px 0px 35px;
    }
	
#maincol1 {
	float: left;	
	width: 350px;	
	height: 550px;
	background-image: url(../i/bg1.jpg);
	background-repeat: no-repeat;
	voice-family: "\"}\"";   /* IE5 HACK - Need I explain? */
	voice-family: inherit;	
	}
	  
#maincol2 {
	float: left;
	width: 325px;	
	height: 550px;
	background-image: url(../i/bg2.gif);
	background-repeat: no-repeat;
	voice-family: "\"}\"";   /* IE5 HACK - Need I explain? */
	voice-family: inherit;
	}
	
#maincol3 {
	float: left;	
	width: 350px;	
	height: 550px;
	background-image: url(../i/bg3.jpg);
	background-repeat: no-repeat;
	voice-family: "\"}\"";   /* IE5 HACK - Need I explain? */
	voice-family: inherit;	
	}
	  
#maincol4 {
	float: left;
	width: 350px;	
	height: 550px;
	background-image: url(../i/bg4.gif);
	background-repeat: no-repeat;
	voice-family: "\"}\"";   /* IE5 HACK - Need I explain? */
	voice-family: inherit;
	}
    
#etext {
	font-family: Arial;
    font-size: 12px;
	font-weight: 600;
	color:#fff;
	margin-top: 125px;
	margin-left: 55px;
    letter-spacing: 1px;
	line-height: 14px;
	text-align: left;
	}
	
	h1 {
	 font-size: 14px;
	 font-weight: 600;
	 }	
	
	a {
	color:#fff;
	text-decoration: none;
	letter-spacing: normal;
	}
	
    a:hover {
	color: #c2d9d7;
	}