* {padding: 0; margin: 0;} 


@font-face {
    font-family: 'BD Graduate';
    src: url('fonts/bdgrad.eot');  /* EOT file for IE */
    src: local('BD Graduate'), url('fonts/bdgrad.ttf') format('truetype');
}

@font-face {
    font-family: 'FFXSIMTH';
    src: url('fonts/FFXSIMTH.eot');  /* EOT file for IE */
    src: local('FFXSIMTH'), url('fonts/FFXSIMTH.ttf') format('truetype');
}


HTML, BODY { 
  scrollbar-base-color: #FBDDA0;
  scrollbar-shadow-color: #000000;
  scrollbar-highlight-color: #B4B4B4;
  scrollbar-arrow-color: #fff;	
}


html { 
    height: 100%; 
    margin-bottom: 1px; 
    background-color: #000;
    background-image: url("images/zavod_dark_back3_tile.jpg");	
    background-attachment: fixed;
    background-repeat: repeat-x;
    background-position: center top;
}
 
	
body {
    margin-width: 0px;
    margin-height: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
/*    background-image: url("images/zavod_dark_back5b.jpg");	*/
    background-image: url("images/zavod_dark_back6b.jpg");	
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center 30px; 
    font-family: Arial, Helvetica, sans-serif;
    color: #B4B4B4;	/* sets the default type color */
}



a {
	color: #fff;
/*	color: #90373A;  */
	text-decoration: underline;
}

a:hover {
	color: #FBDDA0;
	text-decoration: none;
}

a.darklink {
	color: #fff;
	text-decoration: underline;
}

a.darklink:hover {
	color: #FBDDA0;
	text-decoration: none;
}



p.news a.no-decor {
	font-style: italic;
}
	

p.news a.no-decor:hover {
	text-decoration: none !important;
}


p {
	line-height: 140%;
	color: #B4B4B4;
	font-size: 14px;
	font-weight: normal;
}


ul {
	font-size: 14px;
	line-height: 140%;
	font-weight: normal;
    list-style-type: disc;
	display: block;
	float: left;
	text-align: left;
	padding-left: 15px;
	margin-left: 15px;
	margin-right: 10px; 
}


ol {
	font-size: 14px;
	line-height: 140%;
	font-weight: normal;
    list-style-type: 1;
	display: block;
	float: left;
	text-align: left;
	padding-left: 15px;
	margin-left: 15px;
}


h1 {
	line-height: 140%;
	font-weight: bold;
	font-size: 22px;
	color: #fff;
}

h2 {
	line-height: 140%;
	font-weight: normal;
	font-size: 17px; 
	color: #FBDDA0;
}

h2 a {
	line-height: 140%;
	font-weight: normal;
	font-size: 17px; 
	color: #FBDDA0;
    text-decoration: none;
}

h2 a:hover {
	line-height: 140%;
	font-weight: normal;
	font-size: 17px; 
	color: #FBDDA0;
	text-decoration: none;
}

h3 {
	line-height: 140%;
	font-weight: normal;
	font-size: 15px;
	color: #fff;
}

h4 {
	line-height: 140%;
	font-weight: normal;
	font-size: 14px; 
	color: #B4B4B4;
	font-weight: bold;
}

h5 {
	line-height: 140%;
	font-weight: normal;
	font-size: 12px; 
	color: #fff;
}

	
h6 {
	line-height: 140%;
	font-weight: normal;
	font-size: 12px; 
	color: #fff;
	padding-bottom: 10px;
}


sup { 
	font-size: 70%;
	position:relative;
	top: 2px;
}


hr {
 	color: #E0E0E0;
	background-color: #E0E0E0;
    border: 1px solid #E0E0E0;
	height: 1px;
	width: 680px;   
	margin-top: 10px;	
	margin-bottom: 10px;
    clear: both;
}
	
hr.highlight {
 	color: #fff;
	background-color: #000;
    border: 1px solid #000;
	height: 1px;
	width: 660px;   
	margin-top: 10px;	
	margin-bottom: 10px;
    clear: both;
}
	
#maincontainer {
	width: 950px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
/*	border: 1px solid #999; */
}

#topcontainer {
	float: left;
	width: 950px; /*Width of main container*/
    margin-top: 10px;
    margin-top: 10px;
}

#topright {
	float: right;
	width: 200px; /*Width of main container*/
    margin-right: 10px;
	padding-top: 2px;
	text-align: right;
}

/* orig section for contact details in header - replaced with piano keyboard image
#topright {
	float: right;
    margin-right: 10px;
	padding-top: 2px;
	font-size: 12px;	
	text-align: right;
}

#topright ul {
	display: inline;
    float: left;
    overflow: hidden;
 }

#topright li {
    margin: 0 0 20px -2px;
	padding: 0px 3px;
	border-left: 1px solid #B4B4B4;
	list-style: none;
	display: inline;
    white-space: nowrap;
}

#topright a {
	margin: 0px;
	padding: 0 3px; 
	text-align: right;
	color: #B4B4B4;	
	text-decoration: underline;	 
	font-style: normal;  
	font-weight: normal;	
}

#topright a:hover {
	color: #FBDDA0;
	text-decoration: none;
}

#topactive a:link, #topactive a:visited, #topactive a:hover
{
	text-decoration: underline;	 
}

 */


#topsection {
	float: left;
	width: 700px; /*Width of main container*/
	height: 77px; /*Height of top section*/
	padding-bottom: 30px;
    overflow: hidden;
}

#topleft {
	float: left;
	width: 310px; /*Width of main container*/
	height: 77px; /*Height of top section*/
	background-image: url("images/zavod_logo_black.gif");
	background-repeat: no-repeat;
	background-position: top left; 
}



#topcenter {
	float: right;
	width: 340px; /*Width of main container*/
	font-family: 'BD Graduate', Times New Roman, serif;
	align: center;
	margin: 0px 50px 0px 0px; /*creates space each side of menu item's text */ /* changed top to -5px from 5px for OAM positioning */
	color: #FBDDA0;
	font-size: 24px;	/* SET FONT-SIZE HERE */
	font-weight: bold;	/* sets the type normal */
	text-align: right;
}

#topcenter a {
	font-family: 'BD Graduate', Times New Roman, serif;
	color: #FBDDA0;
	font-size: 24px;	/* SET FONT-SIZE HERE */
	text-decoration: none;	 
	font-weight: bold;	/* sets the type normal */
	text-align: right;
}

#topcenter a:hover {
	color: #FBDDA0;
	text-decoration: none;
}

#topcenter a.click {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10px;	/* SET FONT-SIZE HERE */
	text-decoration: none;	 
	padding-left: 30px;
}

#topcenter a.click:hover {
	color: #FBDDA0;
	text-decoration: underline;
}

.awmAnchor { 
	position:relative;
	z-index:0
}


#navcontainer {
	width: 925px; /*Width of main container*/
	height: 30px; /*Height of navigation section*/
	text-align: center;
	margin: 0px auto; /*Center container on page*/
    margin-top: 10px;
    margin-bottom: 30px;
    padding-bottom: 10px;
	border-bottom: 1px white solid;
	clear: both;
}

#navsection {
	font-size: 13px;	/* SET FONT-SIZE HERE */
}

#navsection ul {
    float: left;
    list-style-type: none;
    margin-left: 20px;
	text-align: center;
}

#navsection ul li {
    float: left;
	margin: 0px;
    padding: 0px 10px 0px 10px;
}

#navsection ul li a {
	color: #fff;	/* sets the type color */
	font-style: normal;  /* removes italics of the link */
	font-weight: normal;	/* sets the type normal */
    text-decoration: none;
    display: block;
	height: 30px; /*Height of top section*/
	line-height: 30px; /*Height of top section*/
    padding: 0px 10px 0px 10px;
	background: url("images/nav_back_combined.gif") repeat-x top left;
}

#navsection a:hover {
    display: block;
	height: 30px; /*Height of top section*/
	line-height: 30px; /*Height of top section*/
    padding: 0px 10px 0px 10px;
	background-position: 0px -30px;
	background-repeat: repeat-x;
    text-decoration: none;
    color: #000; 
}

#navsection a:hover, #navactive a:link, #navactive a:visited {
    display: block;
	height: 30px; /*Height of top section*/
	line-height: 30px; /*Height of top section*/
    padding: 0px 10px 0px 10px;
	background-position: 0px -30px;
	background-repeat: repeat-x;
    text-decoration: none;
    color: #000; 
}



#contentcontainer {  /* 4 column wrapper for home */
	float: left;
	width: 950px; /*Width of main container*/
}

#breadcrumbcontainer {  
	float: left;
	width: 925px; /*Width of container*/
	height: 30px; /*Height of section*/
	margin-bottom: 15px;
}

.breadcrumb {  
	line-height: 110%;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	color: #fff;
}
	
.breadcrumb a {
/*	color: #fff;    */
	color: #FBDDA0;   
	text-decoration: none;
}

.breadcrumb a:hover {
	color: #fff;
/*	color: #FBDDA0;   */
	text-decoration: underline;	 
}


#threecolumnwrapperhome {  
/*	float: left; */    /* for some reason this line caused the horizontal track at bottom.. coding was removed for center column, so maybe that had something to do with it	 */ 
	text-align: left;
	width: 720px;
	padding-left: 5px; 
}

#mainhomepic {
	float: left;
	text-align: left;
	margin-left: 10px; 
	margin-right: 10px; 
}

#welcome {
	float: left;
	margin: 20px 10px 30px 10px;
	padding: 2px 0 3px 0;
	width: 705px;
    display: block;
	text-align: center;
	background-color: #000;
	font-size: 14px;
	color: #fff;
}

.home {
	line-height: 110%;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
	color: #fff;
}

	
.home a {
/*	color: #fff;    */
	color: #FBDDA0;   
	text-decoration: none;
}

.home a:hover {
	color: #fff;
/*	color: #FBDDA0;   */
	text-decoration: underline;	 
}

#awards {
	float: left;
	margin: 10px 0px 60px 10px;
	padding: 15px;
	width: 650px;
    display: block;
	text-align: left;
	background-color: #000;
	font-size: 14px;
	color: #fff;
	border: 2px solid #FBDDA0;
}

p.news {
	line-height: 110%;
	font-weight: normal;
	text-align: left;
	font-size: 14px;
	color: fff;
}

	
p.news a {
	color: #fff;   
	text-decoration: none;
}

p.news a:hover {
	color: #silver;
/*	color: #FBDDA0;   */
	text-decoration: underline;	 
}

#awards ul {
	margin-top: 5px;
	line-height: 110%;
	font-weight: normal;
	text-align: left;
	font-size: 13px;
	color: #fff;
}

#awards ul li {
	margin-bottom: 7px;
}

#awards #text{
	float: left;
	width:430px;
	display: inline-block;
}

#awards #picture{
	float: right;
	width: 210px;
	display: inline-block;
}

#whereru {
	float: left;
	margin: 20px 10px 20px 10px;
	padding: 2px 0 3px 10px;
	width: 695px;
    display: block;
	text-align: left;
	background-color: #000;
	font-size: 14px;
	color: #fff;
}


#threecolumnwrapperall {  
	text-align: left;
	width: 720px;
	padding-left: 5px; 
}





#support {
	float: left;
	padding: 2px 0 2px 15px;
    width: 662px;
    display: block;
	text-align: left;
	background-color: #000;
	font-size: 14px;
	color: #fff;
}

#rightsidebarwrapper {
	float: right;
	width: 210px;
	margin-left: 10px;
	position: relative;
}

#rightsidebar {
 	margin-top: 0px;
	position: relative;
}


#rightsidebarwrapperlanding {
	float: right;
	width: 190px;
	margin-left: 10px;
	position: relative;
}

#rightsidebarlanding {
	float: right;
	position: relative;
}


#mainhometopic {
    display: block;
	float: left;
	width: 725px;
 }

#subhometopic {
    display: block;
	float: left;
	width: 715px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 40px;
    margin-bottom: 40px;
}

#subtopicall {
    display: block;
	float: left;
	width: 725px;
    margin-top: 15px;
    margin-bottom: 40px;
}

#subtopicallshop {
    display: block;
	float: left;
	width: 725px;
    margin-bottom: 40px;
}

#twocolumnwrapperhome {  
    display: block;
	float: right;
	width: 484px;
}

.shopping {
    display: block;
	float: left;
	width: 670px;
	position: relative;
    text-align: left;

}
.itempricewrap {
    display: block;
	float: left;
	width: 420px;
	position: relative;
    text-align: left;
}
.item {
    display: block;
	float: left;
	width: 240px;
	position: relative;
    text-align: left;
	padding-right: 20px;
	padding-bottom: 20px;
}
.price {
    display: block;
	float: right;
	width: 140px;
	position: relative;
    text-align: left;
	padding-right: 20px;
}
.purchase {
    display: block;
	float: right;
	width: 240px;
	position: relative;
    text-align: left;
}

#shopcart {
	float: right;
    margin-top: 0px;
    margin-right: 15px;
}

.orderamt {
    text-align: right;
	font-size: 14px;
}

.totalamt {
	float: right;
	padding-right: 20px;
}

.dotted {
    border-bottom: thin #90373A dotted;
	margin: 10px 30px 10px 2px;
}


.carttotalwrap {
    display: block;
	float: left;
	width: 600px;
	position: relative;
    text-align: center;
}
.cart {
    display: block;
	float: left;
	width: 250px;
	position: relative;
    text-align: right;
	padding-right: 20px;
}
.total {
    display: block;
	float: left;
	width: 250px;
	position: relative;
    text-align: center;
	padding-left: 20px;
}



#shopform {  /* shopping cart form */
    display: block;
	float: left;
	width: 690px;
	border: 2px solid #FBDDA0;
}

#shopform input {  
	border: 1px solid #FBDDA0;
	color: #4D4142;
}

#shopform input[type="radio"] {  
	border: 0px;
}

#shopform input[type="checkbox"] {  
	border: 0px;
}

#shopform select {  
	border: 0px;
}


#shopform TEXTAREA {  
	border: 1px solid #FBDDA0;
	color: #4D4142;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}


.order input[type=submit] {
	background : url("images/btn_submit.jpg") no-repeat center center;
	width : 90px;
	height :24px;
	border : none !important;
	color : transparent;
	font-size: 0;
	cursor: pointer;
}

.order input[type=submit]:hover {
	background : url("images/btn_submit_over.jpg") no-repeat center center;
}

.order input[type=reset] {
	background : url("images/btn_clear.jpg") no-repeat center center;
	width : 90px;
	height :24px;
	border : none !important;
	color : transparent;
	font-size: 0;
	cursor: pointer;
}

.order input[type=reset]:hover {
	background : url("images/btn_clear_over.jpg") no-repeat center center;
}




.order2 input[type=submit] {
	background : url("images/btn_submit2.jpg") no-repeat center center;
	width : 90px;
	height :24px;
	border : none !important;
	color : transparent;
	font-size: 0;
	cursor: pointer;
}

.order2 input[type=submit]:hover {
	background : url("images/btn_submit2_over.jpg") no-repeat center center;
}

.order2 input[type=reset] {
	background : url("images/btn_clear2.jpg") no-repeat center center;
	width : 90px;
	height :24px;
	border : none !important;
	color : transparent;
	font-size: 0;
	cursor: pointer;
}

.order2 input[type=reset]:hover {
	background : url("images/btn_clear2_over.jpg") no-repeat center center;
}


.albumwrapper { color: #666; font-family: sans-serif; line-height: 1.4; }
.albumwrapper h1 { color: #444; font-size: 1.2em; padding: 0px 2px 12px; margin: 0px; }
.albumwrapper h1 em { font-style: normal; color: #999; }
.albumwrapper a { color: #888; text-decoration: none; }
.albumwrapper { width: 400px; margin: 0px auto 40px auto; }

.albumwrapper ol { padding: 0px; margin: 0px; list-style: decimal-leading-zero inside; color: #ccc; width: 460px; border-top: 1px solid #ccc; font-size: 0.9em; }
.albumwrapper ol li { position: relative; margin: 0px; padding: 9px 2px 10px; border-bottom: 1px solid #ccc; cursor: pointer; }
.albumwrapper ol li a { display: inline-block; text-indent: -3.3ex; padding: 0px 0px 0px 20px; }
.albumwrapper li.playing { color: #aaa; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3); }
.albumwrapper li.playing a { color: #fff; }
.albumwrapper li.playing:before { content: '\266C'; width: 14px; height: 14px; padding: 3px; line-height: 14px; margin: 0px; position: absolute; left: -24px; top: 9px; color: #fff; font-size: 13px; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4); }

@media screen and (max-device-width: 480px) {
.albumwrapper { position: relative; left: -3%; }
}

.snippet {
	font-size: 10px;
	font-style: italic;
	color: #888;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  /*safari and chrome*/
    select {
        height:20px;
        line-height:20px;
        background:#f4f4f4;
    } 
}
select::-moz-focus-inner { /*Remove button padding in FF*/ 
    border: 0;
    padding: 0;
}
@-moz-document url-prefix() { /* targets Firefox only */
    select {
        padding: 3px 0!important;
    }
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.25); /* IE */
  -moz-transform: scale(1.25); /* FF */
  -webkit-transform: scale(1.75); /* Safari and Chrome */
  -o-transform: scale(1.25); /* Opera */
  padding: 4px;
}

select .maven_room_quantity {
	width: 300px;
	font-size: 18px;
	padding: 10px 5px;
}


.shopheaderwrap {
    display: block;
	float: left;
	width: 950px;
	position: relative;
    text-align: left;
}

#shopcontainer {
    display: block;
	float: left;
	width: 950px; /*Width of main container*/
    margin-top: 15px;
    margin-top: 40px;
}

#shopcontentwrap {
    display: block;
	float: left;
	width: 950px; /*Width of main container*/
    margin-top: 15px;
    margin-top: 40px;
}

.shopright {
	float: right;
	width: 530px; /*Width of main container*/
    padding-right: 10px; 
	padding-top: 2px;
	text-align: left;
}

.shopleft {
	float: left;
	width: 400px; /*Width of main container*/
/*    margin-right: 10px; */
	padding-top: 2px;
	text-align: left;
}



.leftcolhome {
    display: block;
	float: left;
	width: 360px;
	position: relative;
    text-align: left;
}

#centercolhome {
    display: block;
	float: left;
	width: 240px;
	position: relative;
    text-align: left;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
}

.rightcolhome {
    display: block;
	float: right;
	width: 360px;
	position: relative;
    text-align: left;
}

.twocolumnwrapvid {  
    display: block;
	float: left;
	width: 481px;
	position: relative;
    text-align: left;
}

.leftcolhomevid {
    display: block;
	float: left;
	width: 238px;
	position: relative;
    text-align: left;
}

.centercolhomevid {
    display: block;
	float: right;
	width: 238px;
	position: relative;
    text-align: left;
}

.rightcolhomevid {
    display: block;
	float: right;
	width: 238px;
	position: relative;
    text-align: left;
}

#twocolumnwrapperlanding {  
    display: block;
	width: 950px;
}

#leftcollanding {
    display: block;
	float: left;
	width: 235px;
	position: relative;
    text-align: left;
}

#rightlandingcontainer {  
    display: block;
	float: right;
	width: 700px;
    margin-left: 10px;
	padding: 0px;
}

#rightcollanding {  
    display: block;
	float: right;
	width: 700px;
    text-align: left;
}

#subnavlanding {
    display: block;
	float: left;
 	border: 1px solid #B4B4B4;
	width: 215px;
	text-align: left;
	margin-bottom: 20px;
    overflow: hidden;
}

#contentcallout {
    display: block;
	float: left;
	margin-top: 20px;
}

.pbreaks {
	margin-top: 20px;
}

.clear {
	clear: both;
    padding: 0;
	margin: 0;
}

.bi {
    font-weight: bold;
	font-style: italic;
}

.ui {
	text-decoration: underline;
	font-style: italic;
}

.i {
	font-style: italic;
}

.quote {
	padding-left: 15px;
	font-style: italic;
}

.title {
	font-style: italic;
}

.Newssubtitle {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 160%;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	text-align: justify;
	letter-spacing:1px;
}

.dropcap
{
	float: left;
	width: .75em;
	font-size: 46px;
	font-weight: bold;
	line-height: 83%;
}

.dropcap2
{
	float: left;
	width: 1.2em;
	font-size: 46px;
	font-weight: bold;
	line-height: 83%;
}


#footercontainer {
	width: 950px; 
	height: 60px; /*Height of top section*/
	margin: 0 auto; /*Center container on page*/
}

#footer {
	font-size: 10px; 
	color: #fff;
	text-align: center;
	margin-top: 10px;
    border-top: 1px solid #E0E0E0;
}


.font10 {
font-size: 10px;
}

.font12 {
font-size: 12px;
}

.font14 {
font-size: 14px;
}


#form_maincontactus {  /* large contact form */
	width: 600px;
	margin-left: 10px;
}

#form_maincontactus input {  
	border: 1px solid #FBDDA0;
	color: #4D4142;
}

#form_maincontactus input[type="radio"] {  
	border: 0px;
}

#form_maincontactus input[type="checkbox"] {  
	border: 0px;
}

#form_maincontactus TEXTAREA {  
	border: 1px solid #FBDDA0;
	color: #4D4142;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}



.RHSbox {               /* was original box on home page */
	margin-top: 20px;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	width: 180px;
	background-color: #000;
    display: block;
	border: 1px solid #FBDDA0;
}

.RHSbox a {
	font-weight: bold;
	color: #fff;
/*	color: #EAAD34;  */
}

.RHSbox a:hover {
	color: #FBDDA0;
	text-decoration: none;
}


.RHSboxtext {
	color: #B4B4B4;
}

.RHSboxtext a {
	color: #fff;
}

.RHSboxtext a:hover {
	color: #FBDDA0;
	text-decoration: none;
}


.RHSboxwhite {               /* was original box on home page */
	margin-top: 20px;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	width: 180px;
	background-color: #000;
    display: block;
	border: 1px solid #fff;
}

.RHSboxspec {
	color: #FBDDA0;
	font-weight: bold;
	text-align: center;
}

.RHSboxspec a {
	color: #FBDDA0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.RHSboxspec a:hover {
	color: #FBDDA0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}


.RHSboxtextsize  {
	font-size: 12px;
}

.RHScentertext {
	text-align: center;
}



#addinfo {               /* was original box on home page */
	margin-top: 20px;
	font-size: 12px;
	color: #B4B4B4;
	font-weight: normal;
	width: 180px;
	border: 1px solid #FBDDA0;
}

#addinfo a {
	font-weight: bold;
}


#addinfored {               /* was original box on home page */
	margin-top: 20px;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	width: 180px;
	background-color: #000;
    display: block;
	border: 1px solid #FBDDA0;
}

#addinfored a {
	font-weight: bold;
	color: #fff;
/*	color: #EAAD34;  */
}

#addinfored a:hover {
	color: #FBDDA0;
	text-decoration: none;
}

.boxred {
	color: #B4B4B4;
}

.boxred a {
	color: #fff;
}

.boxred a:hover {
	color: #FBDDA0;
	text-decoration: none;
}




	
h6.boxred  {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	font-style: italic;
}


#addinfogrey {              /* new home page RHS grey box */
	margin-top: 20px;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	width: 180px;
	background-color: #E0E0E0;
	border: 1px solid #FBDDA0;
	margin-bottom: 20px;
    overflow: hidden;
}

#addinfogrey a {
	font-weight: bold;
}

.centerdiv {
	margin: 0 auto; /*Center container on page*/
}

.centerimage {
	text-align: center;
}
.addinfoimage {
	margin: 0 auto; /*Center container on page*/
	padding-bottom: 10px;
}



.inlinetext ul {
}

.inlinetext li {
	line-height: 140%;
	color: #B4B4B4;
	font-size: 14px;
	font-weight: normal;
}


.listtwocolwrapper {
	width: 660px;  /* room for 2 columns */
	font-size: 14px;
	padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
	}

.listtwoleft ul {           
    list-style-type: disc;
	display: block;
	float: left;
	width: 300px;  /* split in half */
	text-align: left;
	padding-left: 15px;
}

.listtworight ul {           
    list-style-type: disc;
	display: block;
	float: right;
	width: 300px;  /* split in half */
	text-align: left;
	padding-left: 15px;
}


.listtwocolwrapper2 {
	width: 660px;  /* room for 2 columns */
	}

.listtwoleftcol {           
	display: block;
	float: left;
	width: 330px;  /* split in half */
	text-align: left;
}

.listtworightcol {           
 	display: block;
	float: right;
	width: 330px;  /* split in half */
	text-align: left;
}


.listtwobluewrapper {
	width: 680px;  /* room for 2 columns */
	background-color: #E1EAEB;
    overflow: hidden;
}

.listtwoblueleft {           
	display: block;
	float: left;
	width: 340px;  /* split in half */
	text-align: left;
	padding-left: 15px;
}

.listtwoblueright {           
	display: block;
	float: right;
	width: 340px;  /* split in half */
	text-align: right;
	padding-right: 15px;
}




.listtwosmallcolwrapper {
	width: 460px;  /* room for 2 columns next to contact form */
	font-size: 14px;
	padding-left: 10px;
    overflow: hidden;
	}

.listtwosmallleft ul {           
    list-style-type: disc;
	display: block;
	float: left;
	width: 200px;  /* split in half */
	text-align: left;
	padding-left: 15px;
	padding-bottom: 10px;
}

.listtwosmallright ul {           
    list-style-type: disc;
	display: block;
	float: right;
	width: 200px;  /* split in half */
	text-align: left;
	padding-left: 15px;
	padding-bottom: 10px;
}

.indent {
	padding-left: 15px;
}


.indent2 {
	margin-left: 35px;
	overflow: hidden
}

.indent3 {
	margin-left: 65px;
	overflow: hidden
}

.indent4 {
	margin-left: 95px;
	overflow: hidden
}

.indent5 {
	margin-left: 125px;
	overflow: hidden
}

.padtop {
	padding-top: 15px;
	overflow: hidden
}

.padleft10 {
	padding-left: 10px;
	overflow: hidden
}

.padleft15 {
	padding-left: 15px;
	overflow: hidden
}

.padleft20 {
	padding-left: 20px;
	overflow: hidden
}

.padleft25 {
	padding-left: 25px;
	overflow: hidden
}


.padleft40 {
	padding-left: 40px;
	overflow: hidden
}


.padtop5 {
	margin-top: 50px;
	overflow: hidden
}

.padtop10 {
	margin-top: 10px;
	overflow: hidden
}


.formrow {  /* contact only */
	clear: both;
}

.formlink {  
	float: left;
	padding-left: 10px;
}

.formsubmit {  
	float: right;
	text-align: right;
    padding-right: 20px;
}


.form3colwrap {
	float: left;
	text-align: left;
	width: 512px;
}

.form2colwrap {
    display: block;
	float: left;
	width: 272px;
}

.formcolleft {
    display: block;
	float: left;
	width: 230px;
	position: relative;
    text-align: left;
    margin-right: 10px;
}

.formcolcenter {
    margin: 0 auto;
    display: block;
	float: right;
    width: 22px;
    height: 19px;
    position: relative;
    text-align: center;
    verticle-align: bottom;
    overflow: hidden;
}

.formcolright {
    display: block;
	float: right;
	width: 230px;
	position: relative;
    text-align: left;
    margin-left: 10px;
}



.mainpic {
 	float: left;
	text-align: left;
}
.maintopicpic {
 	float: left;
	text-align: left;
	padding-left: 10px;
}


.highlight {
	float: right;
	text-align: left;
    width: 452px;
	height: 171px;
/*	background-color: #000; take off backing color to see background image better on home page */
    display: block;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}

.highlightgold {
	float: right;
	text-align: left;
    width: 705px;
/*	background-color: #000; take off backing color to see background image better */
    display: block;
	color: #B4B4B4;
	font-weight: normal;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #FBDDA0;
}

.highlightgold a {
	font-weight: bold;
	color: #fff;
/*	color: #EAAD34;  */
}

.highlightgold a:hover {
	color: #FBDDA0;
	text-decoration: none;
}




.highlightorange {
	float: right;
	text-align: left;
    width: 705px;
	background-color: #000;
    display: block;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}


.gold {
	color: #FBDDA0;
}


.orange {
	color: #fff;
}


.darkgrey {
	line-height: 140%;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}

.darkgreyvid {
	line-height: 140%;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}

.highgrey  {
	line-height: 140%;
	color: #4D4142;
	font-size: 14px;
	font-weight: normal;
}

.highgrey a {
	font-weight: normal;
	color: #000;
}


.highwhite {
	line-height: 140%;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}

.highwhite a {
	font-weight: normal;
	color: #000;
}

.whitesub  {
	line-height: 140%;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

.whitesection  {
	line-height: 140%;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}


.picnotes {  
	margin: 0 auto; /*Center container on page*/
	line-height: 110%;
	font-weight: normal;
	font-size: 12px;
	text-align: center !important;
	color: #B4B4B4;
	padding: 2px;
}
	
.picnotes a {  
	margin: 0 auto; /*Center container on page*/
	font-weight: normal;
	text-decoration: none;
	color: #B4B4B4;
}
	
.picnotes a:hover {  
	margin: 0 auto; /*Center container on page*/
	font-weight: normal;
	text-decoration: none;
	color: #fff;
}


.highlightlanding480 {
    width: 480px;
}

.highlightlanding680 {
    width: 680px;
}

.highlightlanding {
    float: left;
	text-align: left;
	background-color: #E1EAEB;
    display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 15px;
}


.sociallanding680 {
    width: 680px;
    border-top: 3px solid #E1EAEB;
}


.outlinelanding {
    display: block;
    float: left;
	text-align: left;
 	border: 1px solid #B4B4B4;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 15px;
}

.nolinelanding {
    float: left;
	text-align: left;
    display: block;
	padding: 10px 0px 10px 0px;
	margin-bottom: 40px;
}

.socialbody {
    float: left;
	text-align: left;
    display: block;
	padding: 0px 10px 0px 10px;
}




.lhsoutline {
    display: block;
	float: left;
 	border: 1px solid #B4B4B4;
	width: 215px;
	text-align: left;
	margin-bottom: 20px;
}


.graybox  {
	font-size: 12px;
}

.blueonred {
	font-size: 12px;
	color: #000;
	line-height: 100%;
}

.grayboxspecial  {
	font-size: 14px;
	color: #4D4142;
/*	color: #4D4142;   */
	font-weight: normal;
}

.grayboxspecial a  {
	font-size: 12px;
	color: #000;
}

.grayboxspecial a:hover  {
	font-size: 12px;
	color: #5E5B4A;
	text-decoration: none;
}

.headeritalic  {
	font-style: italic;
	font-size: 12px;
	color: #fff;
}


.featuredlists680both {
    width: 680px;
    border-top: 3px solid #E1EAEB;
    border-bottom: 3px solid #E1EAEB;
    overflow: hidden;
}

.featuredlists680 {
    width: 680px;
    border-top: 3px solid #E1EAEB;
    overflow: hidden;
}

.featuredvdr {
    width: 680px;
    border-top: 1px solid #E1EAEB;
    overflow: hidden;
}

.featuredlistsnone {
    width: 680px;
    overflow: hidden;
}

.featuredlists {
    float: left;
	text-align: left;
    display: block;
	padding: 10px 10px 10px 15px;
}

.featuredlistswp {
    float: left;
	text-align: left;
    display: block;
	padding: 10px 10px 10px 15px;
}




.innertube {
	margin-left: 10px; 
	margin-right: 10px; 
	margin-bottom: 10px; 
}

.innertubeTop {
	margin-left: 10px; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	margin-top: 20px; 
}

.innertubeMix {
	margin-left: 10px; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	margin-top: 0px; 
}

.innertubeMix2 {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-bottom: 10px; 
	margin-top: 10px; 
}

.innertube5 {
	margin-left: 10px; 
	margin-right: 10px; 
	margin-bottom: 5px; 
	margin-top: 5px; 
}

.innertube10 {
	margin-left: 10px; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	margin-top: 10px; 
}

.innertube10center {
	margin-left: 10px; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	margin-top: 10px; 
	text-align: center;
}

.innertube15 {
	margin-left: 15px; 
	margin-right: 15px; 
	margin-bottom: 15px; 
	margin-top: 15px; 
}

.innertube15LR {
	margin-left: 15px; 
	margin-right: 15px; 
	margin-bottom: 10px; 
	margin-top: 10px; 
}

.innertube20LR {
	margin-left: 20px; 
	margin-right: 20px; 
	margin-bottom: 10px; 
	margin-top: 10px; 
}

.innertubecolleft {
	margin-left: 0px; 
	margin-right: 10px; 
}
	  
.innertubecolcenter {
	margin-left: 10px; 
	margin-right: 10px; 
}
	  
.innertubecolright {
	margin-left: 10px; 
	margin-right: 0px; 
}
	  

.smalllink {
font-size: 11px;
}


.special {
	color: #4D4142;
    font-size: 14px;
	font-weight: bold;
}




.gallery {}
	
.gallery .galleryItem {
	width: 212px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
		
.gallery .galleryItem img {
	border: 1px dotted white;
}
			
.gallery .galleryItem p {
	margin: 0;
	font-size: 0.7em;
	text-align: center;
}
	
#gallery2 {}
	
#gallery2 .galleryItem {
	width: 120px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
		
#gallery2 .galleryItem img {
	border: 1px dotted white;
	opacity: 0.9; 
}
			
#gallery2 .galleryItem img:hover {
	opacity: 1; 
}
			
#gallery2 .galleryItem p {
	margin: 0;
	font-size: 0.7em;
	text-align: center;
	color: #dadada;
}
	
.centerimg {
	margin: 0 auto; /*Center container on page*/
	padding: 10px;
	text-align: center;
}


	
.leftimg {
	padding-right: 15px;
	padding-bottom: 10px;
}

.leftimg2 {
	padding-right: 15px;
}

.leftimg3 {
	padding-right: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
}

.rightimg {
	padding-left: 15px;
	padding-bottom: 10px;
}

.rightimg3 {
	padding-left: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: right;
}

.caption {
	font-style: italic;
	font-size: 0.7em;


}




/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #069; /* adds the rightmost menu vertical line to the ul */
	margin-left:0px; /* IE doubles the given value above - why? */
	}
* html div#listmenu li.right {
	border-left:1px solid #069; /* adds the rightmost menu vertical line to the ul */
	}

/* hack for IE 5 and 5.5 to accept the padding on the link */
* html div#listmenu a {display:block;}
/* END OF LIST-BASED MENU */


/* Holly Hack for creeping text and dimensional bugs on floats, etc */ 
/* Hides from IE5-mac \*/
* html .holly {height: 1%;}
/* END OF HOLLY HACK */ 



/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: ".";             /* the period is placed on the page as the last thing before the div closes */
	display: block;           /* inline elements don't respond to the clear property */ 
	height: 0;                /* ensure the period is not visible */
	clear: both;              /* make the container clear the period */
	visibility: hidden;	      /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* END OF "NO-EXTRA-MARKUP" CLEARING METHOD */


#mozillaPlaceholder /* Mozilla has problems with a footer following a body that ends in two side-by-side columns so an invisible maincontent element occurs at the bottom of the body. It must have text in it, but it is in the background colour. */      {
	color:  #fff;
	display: block;
	clear:   both 
}


/* END OF HACK ZONE */