/* WEBDYNAMITE IT SOLUTIONS GMBH */
/* @author: Florian Ennemoser 	*/
/* @creted: 01.07.2013			*/
/* @desc: This is the styleshee for the main template	*/
* {
	margin: 0;
	padding: 0;
}

html{
	font-family: open_sansregular;
	font-size:13px;
	color:#6A5F4C;
}

body {
	background:url(../images/background/background.png) repeat-x top center #fff;
}

img{
	display:block;
	border:none;
}

a{
	text-decoration:none;
}

#container {
	width:100%;
	height:100%;
}

#container #clouds {
	background:url(../images/background/clouds.png) no-repeat top center;
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
}


#container #outer{
	background:url(../images/background/shadow.png) repeat-y top center;
	height:100%;
}

#container #outer #content-wrapper {
	width:1020px;
	height:100%;
	background:none;
	margin-left: auto;
	margin-right: auto;
	background-color:#fff;
}

p {
	line-height:21px;
}

/**********UPPER SECTION************/
/***********************************/
/***********************************/

#upper-section{
    width: 100%;
    position: relative;
	z-index:1;
}

/**Logo**/
/***********************************/
#upper-section #logo, #upper-section #most-upper{
	position: absolute;
	width: 100%;
    height: 33px;
    top: 0;
    left:0;
}

#upper-section #logo{
	width:154px;
	height: 134px;
	left:43px;
	z-index:10;
}

#upper-section #logo .shadow {
	width:100%;
	height:20px;
	background-image:url(../images/frontend/header/logo-shadow.png);
	position:relative;
	bottom:12px;
	z-index:-1;
}

#upper-section #most-upper{
	background-color: #fff;
	position:static;
	padding-top:7px;
}

/**Create the searchbar**/
/***********************************/
#upper-section #most-upper #search-container{
	margin:2px 47px 0 0;
	border-bottom: 1px solid #6A5F4C;
}

#upper-section #most-upper #search-container input{
	 border: none;
	 border-color: transparent;
	 color:#6A5F4C;
	 font-family:open_sansregular;
	 font-size:10px;
	 content:"Search";
}

#upper-section #most-upper #search-container label{
	display:none;
}

#upper-section #most-upper #search-container input:focus{
	 outline: 0;
}

#upper-section #most-upper #search-container #magnitude{
	background:url(../images/symbols/magnifier.png);
	width:15px;
	height:15px;
	background-repeat:no-repeat;
}

#upper-section #most-upper #search-container .finder{
	width:150px;
}

/**Create the uppermost menubar **/
/***********************************/
#upper-section #most-upper #upper-menu-container {
	width:75%;
}

#upper-section #most-upper ul.menu{
	list-style-type:none;
	margin:6px 0 0 0;
	padding:0;
	position: relative;
	left:211px;
}

#upper-section #most-upper ul.menu li{
	float:left;
}
#upper-section #most-upper ul.menu li:last-child a{
	border-right:none;
	color:#A01818;
	font-family: open_sansbold;
}
#upper-section #most-upper ul.menu li a {
	font-family:open_sansregular;
	font-size:10px;
	text-decoration:none;
	color:#6A5F4C;
	padding:0px 19px 0 15px;
	border-right: 1px dotted #6A5F4C;
}

/**Create the main menubar **/
/***********************************/
#main-menu-bar .ux-menu a {
	background:none;
}

#upper-section #main-menu-bar-and-scantling #main-menu-bar UL.ux-menu LI A{
	white-space: nowrap;
	display:block;
	height:100%;
}

#upper-section #main-menu-bar-and-scantling{
	background-color: #dda32A;
	border-top:1px  solid #F4B32B;
}
#upper-section #main-menu-bar-and-scantling #main-menu-bar{
	margin-left:214px;
}

#upper-section #main-menu-bar-and-scantling ul, #upper-section #main-menu-bar-and-scantling #main-menu-bar > div{
	height:100%;
}
#main-menu-bar ul li a{
	border:none;
	padding: 0;
}

ul.ux-menu-sub li a{
	z-index: 20
}

#main-menu-bar ul li ul li a, #main-menu-bar ul li ul li ul li {
	background-color:#F6F5F2 !important;
	font-family: open_sanssemibold;
	color: #666;
}

#main-menu-bar ul li ul li a:hover {
	background-color:#EAE8E2 !important;
	color:#A21818;
	font-size:12px;
}

#main-menu-bar ul li ul li span.item-container {
	display:inline-block;
	position:relative;
	bottom:8px;
	left:-7px;
	padding:6px 0;
	background:none;
}

#main-menu-bar ul li ul li ul li .ux-menu-arrow{
	display:none !important;
}

#upper-section #main-menu-bar > div > ul * a span.ux-menu-arrow{
	visibility:hidden;
}

#upper-section #main-menu-bar > div > ul li ul li:hover > a > span.ux-menu-arrow{
	visibility: visible;
}

#upper-section #main-menu-bar > div > ul span.ux-menu-arrow {
	background:url(../images/symbols/arrow-right-big.png);
	height:12px;
	width:7px !important;
}

/***Shadow***/
#upper-section #main-menu-bar ul li ul li > .border-left, #upper-section #main-menu-bar ul li ul li > .border-right, #upper-section #main-menu-bar ul li ul li:last-child > .border-bottom,
#upper-section #main-menu-bar ul li ul li:last-child > .border-left-lower-corner, #upper-section #main-menu-bar ul li ul li:last-child > .border-right-lower-corner {
	display: block;
}

#upper-section #main-menu-bar ul li ul li > .border-left, #upper-section #main-menu-bar ul li ul li > .border-right{
	width: 8px;
	height: 44px;
	position: absolute;
}

#upper-section #main-menu-bar ul li ul li > .border-left {
	background:url(../images/frontend/header/menu/menu-shadow-left.png) repeat-y;
	height:100%;
}

#upper-section #main-menu-bar ul li ul li > .border-right {
	background:url(../images/frontend/header/menu/menu-shadow-right.png) repeat-y;
	height:100%;
}

#upper-section #main-menu-bar ul li ul li > a > .border-bottom-container, #upper-section #main-menu-bar ul li ul li > a > .border-top-container {
	display:none
}

#upper-section #main-menu-bar ul li ul li:last-child > a > .border-bottom-container {
	display: inline-block;
	width: 100%;
	height: 12px;
	position: absolute;
	bottom:-12px;
	left: -12px;
	padding: 0px 3px;
}

#upper-section #main-menu-bar ul li ul li:last-child .border-left-lower-corner, #upper-section #main-menu-bar ul li ul li:last-child .border-right-lower-corner, #upper-section #main-menu-bar ul li ul li:last-child .border-bottom-middle  {
	display:block;
	position:absolute;
}

#upper-section #main-menu-bar ul li ul li:last-child .border-left-lower-corner, #upper-section #main-menu-bar ul li ul li:last-child .border-right-lower-corner{
	height:100%;
}

#upper-section #main-menu-bar ul li ul li:last-child .border-bottom-middle {
	top: 0px;
	bottom: 0px;
	left: 16px;
	right: 0px;
	background:url(../images/frontend/header/menu/menu-shadow-bottom.png) repeat-x;
}

#upper-section #main-menu-bar ul li ul li:last-child .border-left-lower-corner{
    top: 0px;
	bottom: 0px;
	left: 4px;
	background:url(../images/frontend/header/menu/menu-shadow-left-lower-corner.png) no-repeat;
	height:100%;
	width:12px;
}

#upper-section #main-menu-bar ul li ul li:last-child .border-right-lower-corner{
	width:15px;
	top: 0px;
	bottom: 0px;
	right: -15px;
	background:url(../images/frontend/header/menu/menu-shadow-right-lower-corner.png) no-repeat;
}

/* level 0 menu items */
#upper-section #main-menu-bar > div > ul > li {
	height:100%;
	margin: 0 0 1px 0;
}

#upper-section #main-menu-bar > div > ul > li > a {
	color: #FFF;
	font-size:11px;
	border-left:none;
	border-bottom:none;
	background:none;
	position:relative;
	top:1px;
	font-family:open_sansbold;
	letter-spacing: 0.04em;
}

#upper-section #main-menu-bar > div > ul > li > a .shadow {
	display:inline-block;
	height:100%;
	padding: 14px 5px 17px 6px;
	margin-top : -2px;
	border: 1px solid rgba(0, 0, 0, 0);
}

#upper-section #main-menu-bar > div > ul > li > a  .text  {
	border-right: 1px solid #FFF;
	padding:0 5px 4px;
	height:100%;
}

#main-menu-bar > div > ul > li:last-child > a, #main-menu-bar > div > ul > li:last-child > a .text{
	border: none !important;
}

#upper-section #main-menu-bar-and-scantling #main-menu-bar a.current{
	background:none;
}
#upper-section #main-menu-bar > div > ul.ux-menu > li.current > a span.shadow{
	background-color:#C6934A !important; 
	height:12px;
	border-right: 1px solid #BC8A45;
	border-left: 1px solid #BC8A45;
	border-top: 1px solid #A9783A;
}
#upper-section #main-menu-bar > div > ul > li.current > a span.text{
	margin-bottom:1px;
}

#upper-section #main-menu-bar ul > li > ul > li > a {
	border-bottom: 1px solid #EBE9E5 !important;
	border-top: 1px solid #FBFBF9 !important;
	margin-left:4px !important; 
}

#upper-section #main-menu-bar ul li ul li a:hover {
	font-size:12px;
	border-top:1px solid #EAE8E2 !important;
	border-left: none !important;
	border-right:none !important;
}

/* level 1 elements */
#upper-section #main-menu-bar > ul > li > ul{
	margin-left:1px;
}

li.ux-menu-item-level-1{
	z-index:21;
}

li.ux-menu-item-level-1 > .border-left{
	left: -4px;
}

li.ux-menu-item-level-1 > .border-right{
	right: -8px;
	z-index:2;
}

li.ux-menu-item-level-1 a span.top-shadow{
	background-image:url(../images/frontend/header/top-shadow.png);
	background-repeat:repeat-x;
	width:100%;
	padding: 4px 27px 4px 27px;
	margin-right:27px;
	position:relative;
	right:27px;
	bottom:11px;
	visibility:hidden;
	display:block;
	z-index:1;
}

li.ux-menu-item-level-1 > a {
	padding:10px 27px 0px 27px !important;
	text-transform: uppercase !important;
}

li.ux-menu-item-level-1 a:hover span.top-shadow{
	visibility:visible;
}

li.ux-menu-item-level-1 .ux-menu-link-first{
	border-top:1px solid #F6F5F2 !important;
}

li.ux-menu-item-level-1 a.ux-menu-link-last{
	border-bottom:none !important;
}

#upper-section #main-menu-bar-and-scantling #scantling {
	background-image: url(../images/frontend/header/scantling.png);
	width:100%;
	height:10px;
}

/* level 2 elements */
li.ux-menu-item-level-2{
	z-index:1
}

li.ux-menu-item-level-2 > .border-left{
	left: -8px;
}

li.ux-menu-item-level-2 > .border-right{
	right: -34px;
	z-index:1;
}

li.ux-menu-item-level-2 .inner-border-left {
	display: block;
	width: 1px;
	background-color: rgb(223, 221, 215);
	height: 38px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	visibility:hidden;
}

li.ux-menu-item-level-2:hover .inner-border-left {
	visibility:visible;
}

#upper-section #main-menu-bar ul li ul li > a > .border-top-container{
	display: inline-block;
	width: 100%;
	height: 7px;
	position: absolute;
	left:0px;
	top:-8px;
	padding: 0px 3px;
	overflow: hidden;
}

li.ux-menu-item-level-2:first-child .border-top-container .border-top-middle{
	display:block;
	position:absolute;
	top: 0px;
	bottom: 0px;
	right: 7px;
	background:url(../images/frontend/header/menu/menu-shadow-top.png) repeat-x;
	width:100%;
}

li.ux-menu-item-level-2:first-child .border-top-container .border-right-upper-corner{
	display:block;
	position:absolute;
	width:7px;
	height:100%;
	right:0px;
    background:url(../images/frontend/header/menu/menu-shadow-right-upper-corner.png) repeat-x;
}

li.ux-menu-item-level-2 a span.top-shadow{
	padding: 4px 0px 4px 28px !important;
	margin-right:28px !important;
	position:relative !important;
	right:28px !important;
}

li.ux-menu-item-level-2 a{
	position:relative;
	right:5px;
	width:100%;
	text-transform:none !important;
	padding:10px 0px 0px 27px !important;
}

/** END Create the uppermost menubar and main menubar **/
/***********************************/

/** Create banner **/
/***********************************/

#upper-section #banner{
	position:relative;
	z-index:2;
}

#upper-section #banner .slide-desc .slide-desc-in{
	position:static;
} 

#upper-section .navigation-container-custom span:nth-last-child(2){
	visibility:visible;
}
/*White overlay with description*/
#upper-section #banner .slider-container .slide-desc{
	width: 519px;
	right:0%;
	top: 0%;
	height:100%;
	background: url(../images/frontend/header/overlay_white.png) no-repeat;
	left:auto !important;
}

#upper-section #banner .slider-container .slide-desc .slide-desc-bg{
	background:url(../images/frontend/header/symbol_veggie.png) no-repeat !important; /* FE: HAS TO BE DYNAMICALLY INSERTED!!!!*/
	width:256px;
	height:100%;
	position:absolute;
	bottom:0px;
	left:0px;
}

#upper-section #banner .slider-container .slide-desc .slide-desc-text, #upper-section #banner .slider-container .slide-desc .slide-desc-in {
	height: 100%;
	width:400px;
	padding: 0px !important;
	position: absolute;
	right: 0px;
}

#upper-section #banner .slider-container .slide-desc .slide-desc-text .slide-text {
	width: 100%;
	display: table;
	vertical-align: middle;
	min-height: 10em;
	position: absolute;
	height: 100% !important;
}

#upper-section #banner .slider-container .slide-desc .slide-desc-text .slide-text p{
	width: 100%;
	height: 100%;
	vertical-align: middle;
	display: table-cell;
	font-family: 'crimson_textsemibold';
	font-size:24px;
	color:#786544;
	padding: 0 70px;
	line-height:27px;
}

#banner .navigation-container-custom{
	bottom: 10% !important;
	right: 170px !important;
	top: auto !important
}

.djslider{
	z-index:2;
}

#slider93 li img{
	left:0px !important;
}

/*END White overlay with description*/

/*Overlay for the homepage*/
#upper-section #main-banner ul li .slide-desc {
	background:none;
	z-index: 1;
}

#upper-section #main-banner ul li .slide-desc .slide-text {
	width: 216px;
	height: 120px;
	position: relative;
	top: -110px;
	left: 678px;
}

#upper-section #main-banner ul li img{ 
	position:absolute;
}

#upper-section #main-banner > div > div > div > div ul li span#seal{ 
	display:block;
	background:url(../images/frontend/header/seal.png) no-repeat;
	width:100%;
	height:214px;
	position:absolute;
	left:670px;
	top:42px;
}

#upper-section #main-banner .slide-desc .slide-desc-bg { 
	display:none;
}

#main-banner {
	top:250px;
	right:100px;
}


/*Custom navigation for banner */
#main-banner .navigation-container-custom, #banner .navigation-container-custom{
	bottom: 20% !important;
	top: auto !important;
	z-index:8;
}

#main-banner .navigation-container-custom{
	right: 97px !important;
}

#banner .navigation-container-custom{
	right: 172px !important;
}

#main-banner span.load-button, #banner span.load-button{
	opacity:1.0;
	border:none;
	border-radius:0;
	width:8px;
	height:8px;
	margin: 0 3px;
	box-shadow: none;
}

#main-banner span.load-button {
	background-color:#FFF;
}

#main-banner span.load-button-active{
	background-color: #A21818;
}

#banner span.load-button{
	background-color:#6A5F4C;
}

#banner span.load-button-active{
	background-color: #A21818;
}

/*End overlay for the homepage*/

/** Banner-shadow **/
/***********************************/
#upper-section #banner-shadow{
	width:100%;
	height:30px;
	background-image: url(../images/frontend/header/banner-shadow.png);
	position: absolute;
	
}

#upper-section #banner-shadow.news-visible{
	bottom: 60px;
}

#upper-section #banner-shadow.news-hidden{
	bottom: -12px;
}

/** News and Announcements on Homepage**/
/***************************************/
#news-announcement{
	height:72px;
	width:100%;
	background-color:#F5F5F5;
}
#news,#announcements{ 
	float:left;
	height:100%;
	line-height:72px;
}

#news{
	width:338px;
}

#news p{
	color: #A11818;
	font-family:'crimson_textroman';
	font-size:18px;
	text-align:right;
    display: inline-block;
  	vertical-align: middle;
  	line-height: 18px;
	margin-left:87px;
}

#announcements{
	width:660px;
}

#announcements p{
	display: inline-block;
	font-family:'open_sanslight';
	font-size:13px;
	vertical-align: middle;
	line-height: 16px;
	margin: 0 44px 0 22px;
	text-align:left;
}

/**********MIDDLE SECTION************/
/***********************************/
/***********************************/
#middle-section{
	position:relative;
	overflow:hidden;
	z-index:0;
}

#middle-section #background-symbol {
	width:498px;
	height: 775px;
	background-repeat:no-repeat;
	position:absolute;
	margin-top:40px;
	left:-67px;	
}

/**Style breadcrumbs **/
/***********************************/
#middle-section #breadcrumbs.top-left {
	margin: 0 0 0 18px;
	position:relative;
	top:5px;
}

#middle-section #breadcrumbs.top-center {
	position:relative;
	left:222px;
	top:6px;
}

#middle-section #breadcrumbs ul{
	list-style-type:none; 
	padding:0; 
	margin:0;
} 

#middle-section #breadcrumbs ul > li, #breadcrumbs ul > li a, #breadcrumbs ul > li span{
	float:left; 
}

#middle-section #breadcrumbs ul > li a{
	text-decoration:none;
	color:#6A5F4C;
}

#middle-section #breadcrumbs ul > li span, #middle-section #breadcrumbs ul li a { 
	padding:0px 4px;
	font-size: 11px;
	font-family:'open_sansregular';
}

#middle-section #breadcrumbs ul > li span img{
	display:none;
}

#middle-section #breadcrumbs ul > li:last-child span{
	color: #A21818;
}


/**END Style breadcrumbs **/
/***********************************/

/**Style the main content area **/
/***********************************/

#middle-section #content {
	position:relative;
}

#middle-section #content.small-space {
	margin-top:35px;
}

#middle-section #content.big-space {
	margin-top:90px;
}

#middle-section #content #css-table { 
	display: table;
	width:100%; 
}

#col1, #col2, #col3{
	padding: 10px 0 74px 0;
}

#middle-section #content #css-table .col{
	display: table-cell; 
	vertical-align: top;
}

#middle-section #content #css-table #main-content{
	padding: 0 41px 0 42px;
	
}

/* Content */

#col2.small{
	width: 615px;
}

#col2.full{
	width:100%;
}

/* Left menubar */
#col1 { 
	width: 192px;  
	border-right: 1px dotted #CCC;
}

#col1 ul.nav{
	padding: 0 0 0 21px;
}

#col1 ul.nav  li {
	list-style-type:none;
	line-height: 1.1em;
	margin: 11px 0 11px 0;
	padding: 0 10px 0 0;
}

#col1 > ul.nav > li a{
	line-height:19px !important;
}

#col1 ul.nav li .link{
	line-height:16px;
}


#col1 ul.nav  > li:not(.active){
	display:none;
}

#col1 ul.nav > li.active{
	margin:0;
}

#col1 ul.nav li ul{
 	display:none;
}

#col1 ul.nav  > li.active > a > span.link{
	font-weight: normal;
	font-size: 14px;
	font-family: crimson_textroman;
	border-bottom: 1px solid #786544;
	display:block;
	width:100%;
	height:18px;
	margin-bottom:15px;
}

/* @author: Mukesh
 * @date: 2014-06-08
 */
#col1 ul.nav  > li.active > span.separator{
	font-weight: normal;
	font-size: 14px;
	font-family: crimson_textroman;
	border-bottom: 1px solid #786544;
	display:block;
	width:100%;
	height:18px;
	margin-bottom:15px;
}
/* end */

#col1 ul.nav li.active ul{
	display:inline;
}

#col1 .nav  a{
	color: #786544;
	font-family:'open_sansregular';
	letter-spacing:0.01em;
}

#col1 ul.nav  > li > a{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

#col1 ul.nav  > li > ul > li > a {
	font-size:12px;
	font-family:'open_sanssemibold';
	text-transform:uppercase;
}

#col1 ul.nav  > li > ul > li > ul > li{
	margin: 8px 0;
	padding: 0 0 0 11px;
	font-size:11px;
}

#col1 ul.nav  > li > ul > li > ul > li > a {
	line-height:normal !important;
}

#col1 ul.nav  li.current > a > div.arrow-right{
	background-image:url(../images/symbols/arrow-right-small.png);
	background-repeat:no-repeat;
	float:left;
	width:5px;
	height:8px;
	position:absolute;
	
}

#col1 ul.nav > li > ul > li.current > a > div.arrow-right {
	left:11px;
	margin-top:5px;
}

#col1 ul.nav > li > ul > li > ul > li.current > a > div.arrow-right{
	left:22px;
	margin-top:3px;
}

#col1 ul.nav  li.current > a > span.link{
	color:#A21818;
}

/* Right banner section */
#middle-section #content #css-table #col3 { 
	text-align:right;
}

#col3 {
	padding-left: 10px;
}

#col3 .banneritem{
	margin:15px 37px 0 0;
}

#col3 .banneritem:first-child{
	margin-top:0px;
}



/**END Style the main content area **/
/***********************************/


/**********LOWER SECTION************/
/***********************************/
/***********************************/
#lower-section{
	background-color:#fff;
	position:relative;
}

#lower-section #upper-shadow {
	width:100%;
	height:3px;
	background-image: url(../images/frontend/footer/upper-shadow.png);
	position:absolute;
	bottom:171px;
}

/**Create about box **/
/***********************************/
#lower-section #about-box{
	height: 97px;
	overflow: auto;
	background-color: #F6F5F3 ;
	border-bottom: 1px solid #EBEBEB; 
	position:relative;
}

#lower-section #about-box #left-bit, #lower-section #about-box #right-bit{
	width:50%;
}
#lower-section #about-box #left-bit .image{
	width:40px;
	height:58px;
	background-image: url(../images/frontend/footer/Kopan-logo.png);
	background-repeat:no-repeat; 
	margin: 18px 0px 0px 42px;
}

#lower-section #about-box p{
	margin-top: 32px;
}

#lower-section #about-box #left-bit p{
	margin-left:14px;
	line-height:15px;
}	

 #lower-section #about-box #right-bit p {
 	text-align:right;
	margin-right:8px;
	line-height:14px;
 }

#lower-section #about-box #left-bit p .header{
	font-family:crimson_textsemibold;
	text-transform:uppercase;
	font-size:12px;
}

#lower-section #about-box #left-bit p .text{
	font-size:10px;
}

#lower-section #about-box #right-bit p .header{
	font-size:11px;
}

#lower-section #about-box #right-bit p .text{
	font-family:"open_sanslight";
	font-size:9px;
}

#lower-section #about-box #right-bit .image{
	width:30px;
	height:30px;
	background-image:url(../images/frontend/footer/FPMT.png);
	background-repeat:no-repeat; 
	margin: 33px 36px 0px 0px;
}

/**Create the footer menubar **/
/***********************************/
#lower-section #footer-menu-box{
   width:100%;
   height:39px;
   background: #F6F5F3;
   overflow:hidden;
   position:relative;
   top:0px;
}

#lower-section #footer-menu-box ul.menu{
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   top:25%;
   left:50%;
   text-align:center;
   font-size:10px;
}

#lower-section #footer-menu-box ul.menu li{
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   line-height:9px;
}

#lower-section #footer-menu-box ul.menu li a{
   display:block;
   margin:0;
   padding:0px 10px;
   color:#6A5F4C;background-symbol
   text-decoration:none;
   border-right: 1px solid #6A5F4C;
}

#lower-section #footer-menu-box ul.menu li:last-child a{
	display: block;
	border-right:none;
}

#lower-section #footer-banner{
	background: url('../images/frontend/footer/footer-banner.png') repeat-x bottom center; 
	width:100%;
	height:36px;
	border-top: 1px solid #990000;
}

/**********HELPER CLASSES************/
/***********************************/
/***********************************/

.float-left{
	float: left;
}

.float-right{
	float: right;
}

.clear{
	clear:both;
}

.darkbrown { /* used for menus (footer, etc.)*/
	color:#6A5F4C;
}

.visible{
	visibility:visible;
}

.no-display{
	display:none;
}

.hidden{
	visibility:hidden;
}