@media screen, handheld, projector{

	html{height:100%;margin:0;padding:0;text-align:center;background:#564f3b url('../images/canvas.png') repeat-x;color:#ccc}
	body{margin:0 auto;padding:0;width:1004px;position:relative;text-align:left;font:normal 12px/20px verdana,tahoma,sans-serif}

	a.adminEdit img{padding:0 0 0 6px;border:none}

	a{color:#ccc}
	a:hover{color:#6fc;text-decoration:none}

	q:before,
	q:after{content:''}

	p#skipContent{position:absolute;top:-999em}

	h1#logo{border-bottom:1px solid #3e3d31;margin:0 16px;padding:0;height:51px;text-align:center;background:url('../images/logo.png') no-repeat 50% 0}
	h1#logo a{display:block;margin:0 auto;position:relative;width:161px;height:100%;overflow:hidden;line-height:999em}

	ul#mainMenu{margin:0;padding:0;position:absolute;top:26px;left:16px;width:300px;list-style:none;height:17px;overflow:hidden}
	ul#mainMenu li{margin:0 15px 0 0;padding:0;float:left;height:100%;overflow:hidden}
	ul#mainMenu li a{display:block;line-height:999em;height:100%;background:url('../images/tilemap-menu.png') no-repeat 0 0}
	ul#mainMenu li#home   a{width:51px;background-position:0      0}
	ul#mainMenu li#brands a{width:58px;background-position:-100px 0}
	ul#mainMenu li#press  a{width:45px;background-position:-200px 0}
	ul#mainMenu li#home        a:hover{background-position:0      -100px}
	ul#mainMenu li#brands      a:hover{background-position:-100px -100px}
	ul#mainMenu li#press       a:hover{background-position:-200px -100px}
	ul#mainMenu li#home       strong a{background-position:0      -200px}
	ul#mainMenu li#brands     strong a{background-position:-100px -200px}
	ul#mainMenu li#press      strong a{background-position:-200px -200px}

	ul#subMenu{margin:0;padding:0;position:absolute;top:58px;left:16px;width:300px;list-style:none}
	ul#subMenu li{margin:0;padding:0;float:left;margin:0 16px 0 0}
	ul#subMenu li a{color:#999;text-decoration:none}
	ul#subMenu li a:hover,
	ul#subMenu li strong a{color:#0c9;font-weight:normal}

	ul#quickLinks{white-space:nowrap;position:absolute;list-style:none;top:26px;right:16px;margin:0 -8px 0 0;padding:0;width:200px;text-align:right;font-size:0}
	ul#quickLinks li{position:relative;margin:0;padding:0;display:inline;border-right:1px solid #999;font-size:11px}
	ul#quickLinks li.last{border:none}
	ul#quickLinks li a{color:#999;text-decoration:none;margin:0 8px}
	ul#quickLinks li strong a{color:#6fc;font-weight:normal}
	ul#quickLinks li a:hover{color:#0c9}

	p#backOverview{margin:0;padding:0}
	p#backOverview a{display:block;position:absolute;top:62px;right:16px;width:82px;height:11px;line-height:999em;overflow:hidden;background:url('../images/tilemap-overview.png') no-repeat 0 0}
	p#backOverview a:hover{background-position:0 -11px}

	div#content{margin:32px 0 0;position:relative;}
	div#content div.collapseText{position:absolute;top:0;right:16px;overflow:hidden;width:272px;height:120px;background:url('../images/tilemap-text.png') no-repeat 0 0;z-index:30}
	div#content div.collapseText h1{margin:11px 12px 0;padding:0;height:27px;font:normal 22px/24px arial,tahoma,sans-serif;color:#6fc}
	div#content div.collapseText h2{margin:0 12px 12px;height:9em;font:normal 12px/20px verdana,tahoma,sans-serif;color:#6fc}
	div#content div.collapseText q{font:normal 20px/24px arial,tahoma,sans-serif;display:block;margin:18px 12px;padding:0}
	div#content div.collapseText p{margin:0 12px}
	div#content div.collapseText a.collapseButton{z-index:99;position:absolute;top:94px;left:50%;margin:0 0 0 -25px;width:50px;height:16px;background:url('../images/tilemap-arrows.png') no-repeat 50% 0;display:block}
	div#content div.collapseText a.collapseButton:hover{background-position:50% -20px}

	div#content div#collapsed{height:550px;overflow:hidden;background-position:-272px 0}
	div#content div#collapsed a.collapseButton{background-position:50% -40px;top:526px}
	div#content div#collapsed a.collapseButton:hover{background-position:50% -60px}
	div#content div#collapsed h2{height:auto}

	div.homeContent{height:396px;background:url('../images/home-canvas-content.png') no-repeat}
	div.homeContent p.images{margin:0;padding:0;text-align:center;font-size:22px}
	div.homeContent p.images img{vertical-align:bottom}
	div.homeContent div#contactContent{height:396px;overflow:hidden;background-position:100% 0}
	div.homeContent div#contactContent h2{height:auto}

	/* div.brandsContent{height:396px;overflow:hidden;text-align:center} */
	div.brandsContent h2{font:normal 22px/24px arial,tahoma,sans-serif;color:#6fc;margin:8px 0 0}
	div.brandsContent p{position:relative;margin:0 16px}
	div.brandsContent p a.readMore{text-decoration:none}
	div.brandsContent p a.readMore:hover{text-decoration:underline}
	div.brandsContent p a.arrow{background:url('../images/tilemap-arrows-carousel.png') no-repeat 0 0;font-size:1px;overflow:hidden;line-height:99em;display:block;width:248px;height:12px;position:absolute;bottom:0}
	div.brandsContent p a.previous       {background-position:00px -00px;left:0}
	div.brandsContent p a.previous:hover {background-position:00px -21px}
	div.brandsContent p a.previous:active{background-position:00px -42px}
	div.brandsContent p a.next           {background-position:100% -00px;right:0}
	div.brandsContent p a.next:hover     {background-position:100% -21px}
	div.brandsContent p a.next:active    {background-position:100% -42px}
  
  div.brandsContent a img, a div, a h3 {
    border: none;
    text-decoration: none;
  }
  div.brandsContent {
    padding-left: 8px;
  }
  
  .brandBlock {
    padding-left: 24px;
    padding-bottom: 32px;
    width: 216px;
    line-height:18px;
  }
  .brandBlock img {
  
      background-color: white;
  }
  .brandBlock h3 {
    color:#66FFCC;
    font-family:arial,tahoma,sans-serif;
    font-size:14.5px;
    text-decoration: none;
    margin: 0;
    padding: 0;
		padding-top: 5px;
		padding-bottom: 1px;
    font-weight: normal;
  }

 .brandBlockText {
	float: left;
    clear: none;
	padding-left: 630px;
}

.brandBlockMain {
    padding-left: 10px;
    padding-bottom: 32px;
    line-height:18px;
    float: left;
    clear: none;
  }
  
  .brandBlockMain img {
  
      background-color: white;
  }
  .brandBlockMain h3 {
    color:#66FFCC;
    font-family:arial,tahoma,sans-serif;
    font-size:14.5px;
    text-decoration: none;
    margin: 0;
    padding: 0;
		padding-top: 5px;
		padding-bottom: 1px;
    font-weight: normal;
  }
 
  
	div.brandsContentZoom{height:556px;overflow:hidden}
	div.brandsContentZoom div.collapseText h2{height:auto !important;margin:0 0 12px 0}
	div.brandsContentZoom div.collapseText em{margin:-10px 0 0;color:#FFF;display:block;height:48px;overflow:hidden}
	div.brandsContentZoom p#imageContainer{margin:0;padding:0;text-align:center}

	div.pressContent{height:396px;overflow:hidden;text-align:center;width:100%}
	div.pressContent div div{width:250px;height:300px;float:left;text-align:center;overflow:hidden}
	div.pressContent div div h2{font:normal 22px/24px arial,tahoma,sans-serif;color:#6fc;margin:8px 0 0}
	div.pressContent div div p{position:relative;margin:0 16px}

	div.pressContentZoom{height:556px;overflow:hidden}
	div.pressContentZoom div h2{height:auto !important}
	div.pressContentZoom div h3{font:italic normal 12px verdana;color:#fff;height:999em;margin:-8px 12px 0}
	div.pressContentZoom div#collapsed h3{height:auto}
	div.pressContentZoom p.detail{margin:0 16px;padding:0}
	div.pressContentZoom p.detail img{padding:0 0 8px;background:url('../images/press-detail-shadow.png') no-repeat 0 100%}
	div.pressContentZoom p.cover{position:absolute;bottom:26px;right:42px;width:216px;margin:0;padding:0}
	div.pressContentZoom p.cover img{padding:0 0 8px;background:url('../images/press-cover-shadow.png') no-repeat 0 100%}
	div.pressContentZoom p.cover a{text-decoration:none;display:block;margin:2px 0 0;background:url('../images/icon-pdf.png') no-repeat 0 0;text-indent:20px}

	div#bigFoot{background:url('../images/bigfoot-canvas.png') no-repeat 0 0;height:160px}
	div#bigFoot div#openingHours{height:140px;width:272px;overflow:hidden;float:left;margin:0 0 0 16px}
	div#bigFoot div#openingHours h2{margin:9px 14px 0;padding:0;font:normal 12px/20px verdana,tahoma,sans-serif;color:#6fc}
	div#bigFoot div#openingHours p{margin:0 14px 0;padding:0;height:36px}
	div#bigFoot div#openingHours dl{margin:0 0 0 14px;padding:0}
	* html div#bigFoot div#openingHours{width:256px}
	div#bigFoot div#openingHours dl dt{margin:0;padding:0;float:left;width:80px;overflow:hidden;clear:left;position:relative}
	div#bigFoot div#openingHours dl dt img{position:absolute !important;top:3px !important;right:0px !important}	
	div#bigFoot div#openingHours dl dd{margin:0;padding:0}

	div#bigFoot div#quote{display:block;height:140px;width:388px;overflow:hidden;float:left;margin:8px 20px;position:relative}
	div#bigFoot div#quote q{font:normal 20px/24px arial,tahoma,sans-serif;display:block;margin:0;padding:0}
	div#bigFoot div#quote cite{font:normal italic 12px verdana,tahoma,sans-serif;position:relative;top:-3px}

	div#bigFoot form#signup{height:140px;width:272px;overflow:hidden;float:left;position:relative}
	div#bigFoot form#signup fieldset{border:none;margin:0;padding:33px 0 0;width:272px}
	div#bigFoot form#signup fieldset legend strong{display:block;position:absolute;width:200px;top:8px;left:13px;font:normal 20px/28px arial,tahoma,sans-serif;color:#6fc}
	div#bigFoot form#signup fieldset p{margin:0 13px 0;padding:0;height:50px;overflow:hidden}
	div#bigFoot form#signup fieldset dl{margin:0 0 0 13px;padding:0;width:264px;height:60px}
	div#bigFoot form#signup fieldset dl dt{margin:0;height:26px;float:left;width:40px;overflow:hidden;clear:both}
	div#bigFoot form#signup fieldset dl dd{margin:0;height:26px;float:right;width:216px;overflow:hidden}
	div#bigFoot form#signup fieldset dl dd input{width:148px;height:20px;background:#484332;color:#EEE;line-height:20px;border:none;padding:0;margin:0}
	div#bigFoot form#signup fieldset button{position:absolute;top:112px;cursor:pointer;left:221px;border:none;text-indent:-2px;color:#57513D;background:url('../images/send-button.png') no-repeat 0 0;width:32px;height:16px;font-size:1px;line-height:999em;overflow:hidden;padding:0;margin:0}

	p#smallFoot{margin:0 16px;padding:8px;font-size:9px;text-align:center;color:#999;border-top:1px solid #726c5b}
	p#smallFoot a{color:#999;text-decoration:underline}

	p#mp3Player{font-size:9px;color:#999;line-height:24px;margin:0;padding:0;padding-top:6.5px;position:absolute;left:16px}
	a#mp3PlayerEdit{margin:0;padding:0;position:absolute;top:650px;left:0}

	/* sIFR */
	.sIFR-flash{visibility:visible!important;margin:0;padding:0}
	.sIFR-replaced,.sIFR-ignore{visibility: visible !important}
	.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden}
	.sIFR-active div#content h1,
	.sIFR-active div#bigFoot div#quote q,
	.sIFR-active div#content div.collapseText q,
	.sIFR-active form#signup fieldset legend strong{visibility:hidden;line-height:1em;font-family:verdana}
}

@media print{

	html{font:normal 1em georgia, times, serif}
	h1{font-size:1.3em;border-bottom:2px solid #000}
	h1 a{color:#000;text-decoration:none}
	h2{font-size:1.2em}
	a{color:#008;border-bottom:1px dotted #000}

	p#skipContent, ul#mainMenu, ul#subMenu, ul#quickLinks, p#backOverview, div#bigFoot form#signup, #mp3Player, .sIFR-flash, a.adminEdit, object, embed{display:none}
	span.sIFR-alternate{visibility:visible!important;display:block!important;position:static!important;left:auto!important;top:auto!important}
}