@charset "UTF-8";
/* Foundation 5 */

body 
	{
	background-color:#0769ad;
	font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
	}

div.head
	{
	background: #000000 url("/images/guitar-tabs.jpg") no-repeat;
	}

nav
	{
	margin-top: 3px;
	margin-bottom: 7px;
	}
	
h1
	{
	font-family: 'Roboto', sans-serif;
    font-size: 2.5rem;
    line-height: 1;
    margin-bottom: 0.5rem;
    margin-top: 0.8rem;
	font-weight: 900;
	color: #aa2d24;
	}
	
h2 {
	font-family: 'Roboto', sans-serif;
    color: #aa2d24;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    margin-top: 0.9rem;
	}

h3 {
	font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    margin-top: 0.9rem;
	}

h4 
	{
	font-family: 'Roboto', sans-serif;
    font-size: 1.3rem;
	}
	
h6 
	{
	font-family: 'Roboto', sans-serif;
	margin-bottom: 0;
	font-weight: bold;
	color:#555555;
	}	
	

.bandimage
	{
	width:100%;
	}

.panel 
	{
    margin-top: 0.6rem;
    background: #dbdbdb none repeat scroll 0 0;
    border-color: #c4c4c4;
	}

.panelframside
	{
    background: #dbdbdb none repeat scroll 0 0;
    border-color: #c4c4c4;
    margin-top: 0rem;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    margin-bottom: 1.25rem;
    padding: 0.8rem;
	}
	
h5,
div.panel h5
	{
	font-family: 'Roboto', sans-serif;
	color:#aa2d24;
	text-decoration: none; 
	border-bottom-width: 2px; 
	border-bottom-style: solid; 
	border-bottom-color: #aa2d24;
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px;
	}

table
	{
	border: 0;
	}

.topmargin
	{ 
	margin-top: 0.9375rem;
	}
	
.searchdiv
	{ 
 	background-image: url(/images/back-search.jpg);
	background-size: 100%;
	}
 	
button.secondary search, .button.secondary 
	{
    background-color: #51a9e6;
	}

input[type="text"]
	{
    background-color:#ebebeb;
    border-color:#747474;
	}

	
div.wrapper
	{
	background: url(/images/footer-back.png) right bottom repeat-x;
	}


div.row 
	{
	max-width: 75rem;
	background-color:#FFFFFF;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	}


div.columns div.row
	{
	border: 0;
	}


div.back
	{
	background-repeat:no-repeat;
	background-size:100%;
	}

a.menuavatar img 
	{
    height: 25px;
	width: 25px;
    vertical-align: middle;
    background-color:#C4C4C4;
	}

a.noline:hover
	{
	text-decoration:none;
	}

/* Tabs med videoer på sangside */
.tabs-content > .content
	{
    padding: 0;
	}

.tabs-content
	{
	background-color:#000000;
	}

.tabs dd.active a, .tabs .tab-title.active a 
	{
    background-color: #000000;
    color: #E7E7E7;
	}

.tabs dd > a, .tabs .tab-title > a 
	{
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    padding: 0.2rem 1rem;
	margin-top: 10px;
	}
	
section.content h3
	{
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 1rem;
    text-rendering: optimizelegibility;
	color:#D9D9D9;
	border-bottom: 0;
	margin: 10px; 
	}


section.content .video-container 
	{
    margin: 0;
	}


/* Forum */	

div.avatar img
	{
	width: 100%;
	max-height: 290px;
	}

div.blockquote
	{
	font-weight: bold;
    border-left: 1px solid #aa2d24;
    margin: 0 0 1.25rem;
    padding: 0 0 0 1.1875rem;
	}

div.cite
	{
	font-size: 0.8125rem;
	font-style: italic;
	}

div.search-box form fieldset
	{
	margin: 0;
	padding: 0;	
	}

div.search-box form fieldset input
	{
	margin: 0;
	}

div.action-bar a.button, div.dropdown-container, span.dropdown-trigger
	{
	margin-bottom: 0;
	}

fieldset.fields1 dl dd label
	{
	display: inline;
	}

a.button span:hover
	{
	color: #000000;
	}

/* Admin */	
.move-right > .inner-wrap 
	{
    transform: translate3d(960px, 0px, 0px);
	}
	
.left-off-canvas-menu 
    {
    width: 960px;
    }
	
label 
	{
    color: #4d4d4d;
    }



/* Desktops, laptops and large screens ----------- */	
@media only screen 
and (min-width : 1024px)
  	{ 
	div.bass
		{
		/* background-image:url('/images/back-bass.png'); */
		}

	div.guitar
		{
		/* background-image:url('/images/back-guitar.png'); */
		}

	img.toppband
		{
		width:16.6666%; 
		margin:0;
		border-bottom: 2px solid black;
		border-top: 2px solid white;
		}
		
	img.toppband:hover
		{
		border-bottom: 2px solid #cf6e4e;
		border-top: 2px solid #cf6e4e;
		}
		
	.searchdiv
		{
		height:226px;
		}
	
	}


/* Nettbrett og mindre skjermer (portrait and landscape) ----------- */
@media only screen 
and (min-width : 479px) 
and (max-width : 1023px) 
	{
	div.bass
		{
		/* background-image:url('/images/back-bass-700.png');
		background-repeat:no-repeat;
		background-size:100%; */
		}

	div.guitar
		{
		/* background-image:url('/images/back-guitar-700.png');
		background-repeat:no-repeat;
		background-size:100%; */
		}
		
	img.toppband
		{
		width:16.6666%; 
		margin:0;
		border-bottom: 2px solid black;
		border-top: 2px solid white;
		}
		
	img.toppband:hover
		{
		border-bottom: 2px solid #cf6e4e;
		border-top: 2px solid #cf6e4e;
		}
	}
	

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 480px) 
	{
	div.row 
		{
		border-left: none;
		border-right: none;
		}
		
	div.bass
		{
		/* background-image:url('/images/back-bass-480.png');
		background-repeat:no-repeat;
		background-size:100%; */
		}

	div.guitar
		{
		/* background-image:url('/images/back-guitar-480.png');
		background-repeat:no-repeat;
		background-size:100%; */
		}

	img.toppband
		{
		width:16.6666%; 
		margin:0;	
		}
	}

	

div.row .collapse 
	{
    background-color:transparent!important;
    border-left: 0!important;
    border-right: 0!important;
	}
	
a,
a.sang,
#menu li:hover div a
	{
	color:#075d99;
	}

a.pagination
	{
	color:#075d99;
	text-decoration: none;
	font-weight: normal;
	}

a.sang:visited
	{
	color:#757575;
	}

a:hover,
a.sang:hover,
#menu li:hover div a:hover
	{
	color:#075d99;
	text-decoration:underline;
	}
	
pre 
	{
    border-style: none;
    clear: both;
    font-family: 'Droid Sans Mono', monospace;
	font-size: 0.8em !important;
    margin-bottom: 35px;
	}

/* Alerts */

.alert-box 
	{
  /* background-position: 2% 7px;
  background-repeat: no-repeat;
  background-size: auto 2rem;
  background-color: #fff; */
  border: 0;
  /* text-align: left;
  padding-left: 4rem; */
  }

.alert-box .close 
	{
    background: none; 
    top: 20px;
	}

.alert-box.alert 
	{
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAARVBMVEX////7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0NAQECdhUHYsUKGdEG1l0JLSEBuYkHkukPKU8NPAAAADnRSTlMA4EDAoCAQ8IBgkDDQUFItelQAAAC0SURBVHherZBLDsMwCAVD7Nj5gvPr/Y/a0FpGLTibdnbozQJN829agPZu7/CiuxE8C76+T/hiqgruLbjqh5ip/TljZrb3AQuDKYAIYO09L3TBRq/3EHk4shCDEkZkTqITmdGMLIIO7r8FbzfaiDappSNjIkpZcCqyCDo4WAJYkR8prTp4ADSBUCIX9uPY5epL5AJdyBWDRDYFHCWyCiXBObKwrh+nl4g2TiLVhSXW97g0v/MEHIQbCYeFmYAAAAAASUVORK5CYII=);
    border-top: 1px solid #f22613;
    border-bottom: 1px solid #f22613;
    color: #333; 
	}

.alert-box.info 
	{
    background-color: #fff;
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAADBklEQVR42u3YyWsTURwHcP8aQUWtWlu7JEbtpngQvIqXevDWm1fXehO12BTErdQiVMFQ8ODBusWkmSa1lVrTxdrG0FA9WJtkljfL19/LTDKMibl0EorkwReSCQ8+fN+bl2G2AdhSqYH+P1CpAS0DfXUI+ufzUCfaoQptYMIxsMhRsE/d0L4/BNR0qcnug4y159CmTkOLdkKNdnBQAaNEjkAZ90EOH4YcOQ51dQQVBRnLN6DHuqDFOqGZGEpbaVDICynkAVvoRUVAxuqQE8PjXC7C/AX64KG0gq3ch6sgQ1zkEBtTph2FY8JeApkYKdgCMdgMPTMP10D64kUOsTDtDsw/27FAIge9b4Y8e8EdELS0jTAh5TF2Ow5Q9l0TDDWNTYOMjSkLQREcEAdGCRfvHdFcLgI1EegQtPXY5kFactAE2JDyGHvvONrhILZ81w3QIxNQCEfw2JvYxpRYKrMdSqNLoNSzPMBGTJwEmz4HuSSGMnkWYrgjv1Rm3jZATQ5vHqT//sgRVhtmI8p0NwADbOF6EUaOX4GiZCHGzhAkD2ogUD20XxNw5baXhRN2G2EvR+QwhqFDme91YJgiQfpyCTamkTAHaQm97p1DauIBR1jxWI14CHMNuqZCmbsKmcKYBLkYQzkA9m3APRA/P6TxrvztbCfYkoOoqgKVydTQ5ZIYMdgKQ91wD8SHvj7JAYXb2T5jmqEkhiEnHnNIESb7po72joCK/Ntray8sRD7UBkVeGoBEIQilwYFRUwFU9HmIrdzjCHtpKNJXP48FqSfIfspe2jf+Sj4P2UOMnOKQfCOE6Ye0eMdqZR+yr/fwc8icXA2QmnzCD7pCI+JiH8SFPt4KYXYjO7YTLDFYPZCensu3QakjzC2I8zcJsguZsR3IvNoOfWO2eiA+tJ9jfI9Q+qEkn1JGoCz1UW5D+/HSnFhNUCqVQjwezyUajSIUChW+02/VB42OjqJMaqCtB5qZmUEgEIDf73eEXxMEofogPtLpNHp6euDz+Xhyn+lauUm1tx81UMXzBw5wT9JYWi53AAAAAElFTkSuQmCC); */
    border-top: 1px solid #89c4f4;
    border-bottom: 1px solid #89c4f4;
    color: #333; 
	}

.alert-box.success 
	{
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAqFBMVEX////w8PDw8PDw8PDw8PDw8PDw8PDw8PDW1tbn5+ff398PnVjd3d3i4uIPnVjk5OQPnVjg4OAPnVgzqW8PnVgPnVjT09Pw8PDG4NOp1sBjvJHu7u4PmVYqp2ri6+YcomFHsn4bmlzHzsoPnFeuxbl9tJk0n2t/xqSVvqqNzK1ZqYKJuaJVt4c4rHQnnWPl5eXj4+MPm1fe3t6b0bfc3NxBo3TY2NjX19eKj23kAAAAFXRSTlMA8BCwcFCgkP4f3NDnrzCHoM8Qc/Avz3otAAAA9klEQVR4Xq2T2XKDMAwAMRACNGdbyUDus/d9/f+f1VHEiFamfcm+7qIZGTs4IWEcGeswURz6dGIbJCrp0MeC6QTBCADO2Hetokv+vNXbyvnLAc9v8cA+NH4/veAFEr/f7HIe0OJvETMKYhLlLw8fiNinICKxnHHCfr92QY8CcwwAloX41cFjSoElCnBU89pvkeCAeAPH4or89Bp1YG+g5uUOPQEP5wWbgZzjPRDiU1mTmD/wggyvGVspZgCP4rGvjrpYuAWFTP+sounzwPO7n8SnNEBdmGesGZLUV+6V/ZilLt7F+6/95BMxHf71cCZfefbf0zsl3w3QOjVy6QFpAAAAAElFTkSuQmCC);
    border-top: 1px solid #87d37c;
    border-bottom: 1px solid #87d37c;
    color: #333; 
	}


/* Pagination på filter på bandsidene */

ul.pagination li.current a, 
ul.pagination li.current button 
	{
    background: #aa2d24 none repeat scroll 0 0;
	}
	
ul.pagination li.current a:hover, 
ul.pagination li.current a:focus, 
ul.pagination li.current button:hover, 
ul.pagination li.current button:focus 
	{
	background: #aa2d24; 
	}
	
ul.pagination li a, ul.pagination li button 
	{
	color:#494949;
	}
	
ul.pagination li:hover a,
ul.pagination li a:focus, 
ul.pagination li:hover button,
ul.pagination li button:focus 
	{
	background: #895c00;
	color:#FFFFFF;
	}


	
/* Tooltip på sangsidene, chords
   ========================================================================== */

span.dropt
	{
	color:#33d;
	}

span.hili {
  color: #000000;
  font-weight: bold;
}


span.dropt:hover
	{
	text-decoration:none;
	background:#fff;
	z-index:6;
	-webkit-transition:top 0;
	top:0;
	}

span.dropt span
	{
	position:absolute;
	left:-9999px;
	margin:20px 0 0 0;
	padding:3px 3px 3px 3px;
	border-style:solid;
	border-color:black;
	border-width:1px;
	z-index:6;
	}

span.dropt:hover span
	{
	left:20%;
	background:#fff;
	}

span.dropt span
	{
	position:absolute;
	left:-9999px;
	margin:4px 0 0 0;
	padding:3px 3px 3px 3px;
	border-style:solid;
	border-color:black;
	border-width:1px;
	}

span.dropt:hover span
	{
	margin:20px 0 0 20px;
	background:#fff;
	z-index:6;
	}



/* Footer
   ========================================================================== */	

footer.row
	{
	max-width: 75rem;
	}

footer.row div
	{
	background-color:#ffffff;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	color: #a4a4a4;	
	}
	
div.black
	{
	background-color:transparent!important;
	border-left:none!important;
	border-right:none!important;
	border-top:solid 1px #000000;
	margin-bottom:20px;
	}
	
hr.footer
	{ 
	border: 0; 
	height: 0; 
	border-top: 1px solid #000000;
	border-bottom: 1px solid #797979; 
	margin: 1.25rem 0 0.1rem;
	}

footer div a 
	{
    color: #a4a4a4;
	}

footer div a:hover {
    color: #c0c0c0;
    text-decoration: underline;
}



/* Rate CSS (http://www.cssscript.com/five-star-rating-system-with-pure-css-and-radio-button-hack/)
   ========================================================================== */ 
	
.starwrapper 
	{
	/* padding: 20px; */
	/* margin: 100px auto; */
	/* width: 400px; */
	/* min-height: 200px; */
	/* border-radius: 5px; */
	/* box-shadow: 0 0 10px rgba(0,0,0,.1); */
	/* background-color: #fff; */
	}
	
.starwrapper label
	{
    margin-left: 0!important;
    margin-right: 0!important;
	}

.rating
	{
	overflow: hidden;
	vertical-align: bottom;
	display: inline-block;
	width: auto;
	height: 30px;
	text-align:left;
	}

.rating > input
	{
	opacity: 0;
	margin-right: -100%;
	}

.rating > label
	{
	position: relative;
	display: block;
	float: right;
	background: url('/images/star-off-big.png');
	background-size: 30px 30px;
	}

.rating > label:before
	{
	display: block;
	opacity: 0;
	content: '';
	width: 30px;
	height: 30px;
	background: url('/images/star-on-big.png');
	background-size: 30px 30px;
	transition: opacity 0.2s linear;
	}

.rating > label:hover:before,
.rating > label:hover ~ label:before,
.rating:not(:hover) > :checked ~ label:before
	{
	opacity: 1;
	}



/* Image hoover effect (http://zurb.com/building-blocks/image-hover-effects)
   ========================================================================== */

.image-wrapper 
	{
  	width: 100%;
  	height: 100%;
  	border: 0;
  	overflow: hidden;
  	position: relative;
  	text-align: center;
  	border-radius: 4px;
	padding:4px; /* Sem */
	}

.image-overlay-content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0; }

.overlay-fade-in p {
  letter-spacing: 0.15em;
  color: #f4f4f4;
  font-size: 28px;
  opacity: 0;
  transition: all 0.2s linear; }
.overlay-fade-in img {
  transition: all 0.2s linear; }
.overlay-fade-in .image-overlay-content {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out; }
.overlay-fade-in h2 {
  color: #f2f2f2;
  font-size: 1.8rem;
  margin-top: 40%;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  background: rgba(0, 0, 0, 0.7); }
.overlay-fade-in .button {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #FFF;
  color: #222;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
  position: relative;
  border: 1px solid #999;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
  .overlay-fade-in .button:hover {
    box-shadow: 0 0 5px #000; }
.overlay-fade-in:hover img {
  transform: scale(1.2); }
.overlay-fade-in:hover .image-overlay-content {
  opacity: 1; }
.overlay-fade-in:hover h2, .overlay-fade-in p, .overlay-fade-in .button {
  opacity: 1; }
.overlay-fade-in:hover p {
  transition-delay: 0.1s; }
.overlay-fade-in:hover .button {
  transition-delay: 0.2s; }

.overlay-slide-in-left img {
  transition: all 0.3s ease-in-out; }
.overlay-slide-in-left .image-overlay-content {
  background-image: url(http://www.awwwards.com/awards/images/2015/04/pattern.jpg);
  background-color: rgba(0, 0, 0, 0.3);
  transform: translateX(-110%);
  opacity: 1;
  transition: all 0.4s ease-in-out;
  box-shadow: 0 0 7px #ccc; }
.overlay-slide-in-left h2 {
  font-size: 1.8rem;
  background: rgba(255, 255, 255, 0.7);
  margin-top: 40%;
  color: #000;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }
.overlay-slide-in-left p {
  opacity: 0;
  color: #333;
  transition: all 0.2s linear; }
.overlay-slide-in-left .button {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
  position: relative;
  border-radius: 7px; }
  .overlay-slide-in-left .button:hover {
    background-color: #444; }
.overlay-slide-in-left:hover .image-overlay-content {
  transform: translateX(0px); }
.overlay-slide-in-left:hover img {
  transform: translateX(80%);
  transition-delay: 0.1s; }
.overlay-slide-in-left:hover p {
  opacity: 1;
  transition-delay: 0.4s; }

.overlay-fade-in-new-background .button {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  border-radius: 5px;
  box-shadow: 0 0 1px #000;
  position: relative;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
  .overlay-fade-in-new-background .button:hover {
    box-shadow: 0 0 5px #fff;
    background-color: #222; }
.overlay-fade-in-new-background p {
  font-size: 28px; }
.overlay-fade-in-new-background .image-overlay-content {
  opacity: 0;
  /* background-image: url(http://subtlepatterns.com/patterns/gplaypattern.png); */ /* Fjernet av Sem */
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 0.4s ease-in-out; }

.overlay-fade-in-new-background h2 
	{
  	color: #000;
  	font-size: 1.6rem;
  	margin-top: 10%;
  	opacity: 0;
  	transition: all 0.2s ease-in-out; 
	}
	
.overlay-fade-in-new-background p {
  opacity: 0;
  transition: all 0.2s linear; }
.overlay-fade-in-new-background img {
  transition: all 0.2s ease-in-out; }
.overlay-fade-in-new-background:hover img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
  transform: scale(1.5); }
.overlay-fade-in-new-background:hover .image-overlay-content {
  opacity: 1; }
.overlay-fade-in-new-background:hover h2, .overlay-fade-in-new-background p, .overlay-fade-in-new-background .button {
  opacity: 1; }
.overlay-fade-in-new-background:hover p {
  transition-delay: 0.1s; }
.overlay-fade-in-new-background:hover .button {
  transition-delay: 0.2s; }
  
  
  /* Drop-down navigation (http://code.tutsplus.com/tutorials/how-to-build-a-kick-butt-css3-mega-drop-down-menu--net-15129)
   ========================================================================== */

#menu 
	{
    list-style:none;
    margin:0 auto;
    height:43px;
    padding:0;
    /* background: #000000;
	border-bottom: 1px solid #363636; */
	}
 
#menu li 
	{
	z-index: 100;
    float:left;
    text-align:center;
    position:relative;
    padding: 4px 10px 4px 10px;
    margin-right:30px;
    margin-top:7px;
    border:none;
	}
 
#menu li:hover 
	{
	z-index: 100;	
    border: 1px solid #777777;
    padding: 4px 9px 4px 9px;
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	}
 
#menu li a 
	{
    color: #a4a4a4;
    outline:0;
	}
 
#menu li:hover a 
	{
    color:#161616;
	}

#menu li .drop 
	{
	z-index: 100;	
	}

#menu li:hover .drop 
	{
	z-index: 100;
	}
 
.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns 
	{
	z-index: 100;	
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 5px 10px 5px;
    border:1px solid #777777;
    border-top:none;
    background:#F4F4F4;
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
	}
 
.dropdown_1column {width: 200px;}
.dropdown_2columns {width: 310px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}
 
#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns 
	{
	z-index: 100;	
    left:-1px;
    top:auto;
	}
 
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 
	{
	z-index: 100;	
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
	}

.col_1 {width:180px;}
.col_2 {width:290px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}
 
#menu .menu_right 
	{
	z-index: 100;	
    float:right;
    margin-right:0px;
	}

#menu li:hover .align_right 
	{
	z-index: 100;	
    left:auto;
    right:-1px;
    top:auto;
	}

#menu p, #menu h2, #menu h3, #menu ul li 
	{
    text-align:left;
	}
 
#menu li ul 
	{
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
	}

#menu li ul li 
	{
    position:relative;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    /* width:130px; */
	}
	
#menu li ul li:hover 
	{
    background:none;
    border:none;
    padding:0;
    margin:0;
	}
