/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml/core/base.min.css);

/* import screen layout | Screen-Layout einbinden */
@import url(yaml/navigation/hlist.css);

@import url(yaml/screen/typography.css);
@import url(fonts/fonts.css);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic|Alegreya+Sans:700);
/*@import url(screen/screen-PAGE-layout.css);*/

@media screen {

	/* force vertical scrollbar */
	body {
		overflow-y: scroll;
	}

	/* Layout Module Configuration & fallback for media queries */
	.ym-wrapper {
		width: 960px;
		margin: 20px auto;
		position: relative;
		background-color: #ffffff;
		box-shadow: 0px 0px 10px 2px #ccc;
	}

	.ym-wbox { padding: 15px 15px; }

	/*
	 * |-------------------------------------------------------|
	 * | content                             | sidebar         |
	 * | col 1 | flexible                    | col 3 | fixed   |
	 * |                                     |                 |
	 * |-------------------------------------------------------|
	 */
	
	.ym-column { 
	  display: block;
	  overflow: hidden;
	  padding-right: 315px; /* column width */
	  width: auto;
	}
	
	.ym-col1 {  /* content */
	  position: relative;
	  float: left;
	  width: 100%;
	}
		.ym-col1 .ym-cbox {
			padding-left: 5px;
		}
	
	.ym-col3 { /* sidebar */
	  position: relative;
	  float: left;
	  width: 315px; /* column width */
	  margin: 0 -315px 0 0;
	}
		.ym-col3 .ym-cbox {
			padding-top: 16px;
			padding-right: 0;
		}
		.ym-grid .ym-gbox { padding-left: 7px; padding-right: 7px; }
	
	#breadcrumb { height: 20px; padding: 3px 10px; line-height: 20px; font-weight: normal; }
  	#breadcrumb p {
		display: inline;
		line-height: 20px;
		margin: 0;
	}
	#breadcrumb ul {
		display: inline;
		list-style: none;
		margin: 0;
	}
	#breadcrumb ul li {
		margin: 0;
		display: inline-block;
		list-style: none;
		font-size: 11px;
	}
	#breadcrumb ul li:after {
		display: inline-block;
		margin-left: 7px;
		/*vertical-align: middle;*/
		content: ">";
		padding-bottom: 3px;
		font-size: 10px;
	}
	#breadcrumb ul li.last:after {
		margin-left: 0;
		content: "";
	}
	#breadcrumb ul li a {
		font-weight: bold;
		color: #880000;
	}
	#breadcrumb ul li.last span, #breadcrumb ul li.last a {
		font-style: italic;
		color: #666666;
}
	header .ym-wrapper {
		background-image: url(../images/customerservice.png);
		background-repeat: no-repeat;
		background-position: 790px 124%;
		background-color: transparent;
		box-shadow: none;
		margin-top: 0px;
		height: 107px;
		margin-bottom: 0;
	}
		header .ym-wbox {
			padding: 0;
		}
		header #topnav {
			position: absolute;
			right: 0px;
			top: 66px;
			line-height: 19px;
            padding-left:28px;
			z-index: 2;
		}
        header #topnav a{
            font-size:  13px;
            font-family: 'Alegreya Sans', verdana, sans-serif;
            font-weight: 700;
            color: #000000;
        }
        header #logo_container{
            margin-top: 6px;
        }
        header #logo_container .claim{
            display: block;
            height: 71px;
            left: 118px;
            position: absolute;
        }
		header .wyndham_logo {
			display: block;
			height: 14px;
			position: absolute;
			right: 0;
			top: 9px;
			width: 65px;
		}
		header .right {
		position: absolute;
		bottom: 8px;
		right: 175px;
		text-align: left;
		overflow: hidden;
		z-index: 1;
		}
        header .right .call{
            font-weight: bold; 
            font-size: 11px;
            line-height: 14px;
            font-family: NotoSans, Verdana, Sans-serif;
        }
        header .right .low-prio-copy{
            color: #666;
            font: 11px/12px "Trebuchet MS",verdana,sans-serif; 
        }
			.low-prio-copy {
			font: 11px/12px "Trebuchet MS",verdana,sans-serif;
			font-style: italic;
			color: 
			#666;
			}
			
			
			
				.dropdown {
					position: relative;
					list-style: none;
					/*width: 280px;*/
					width: 100%;
					margin: 0;
					padding: 3px 0 0;
					font-size: 13px;
					line-height: 18px;
				}
				.dropdown li { margin: 0; }
				.dropdown a {
					display: block;
					font: normal normal 300 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
					color: #8C8C8C;
					line-height: 18px;
					height: 18px;
					text-decoration: none;
				}
				.dropdown li.current { z-index: 1001; margin: 0; /* the current li always needs to sit on top of the dropdown after it's displayed on hover */ }
				.dropdown li.current > a {
					padding: 0 25px 0 5px;
					overflow: hidden;
					border: 1px solid #dae1e1;
					border-color: #dae1e1 #979FA0 #979FA0 #dae1e1;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					background: #fff url(bkg_dropdown_arrows.jpg) right top no-repeat; /* this image is created with the exact height of the dropdown current li */
				}
				.dropdown li.current:hover a {
					-webkit-border-bottom-left-radius: 0px;
					-webkit-border-bottom-right-radius: 0px;
					-moz-border-radius-bottomleft: 0px;
					-moz-border-radius-bottomright: 0px;
					text-shadow: 1px 1px 1px #fff;
					border-bottom-color: #dae1e1;
				}
				.dropdown li ul {
					display: none;
					position: absolute;
					list-style: none;
					top: 22px; /* based on the height of our visible li element */
					width: 100%;
					max-height: 300px; /* if the dropdown gets taller than this value the scrollbars appear */
					overflow: auto; 
					margin: 0 !important; 
					padding: 3px 0;
					z-index: 1000; /* irrelevant to this demo but needed for floating on top of other elements on a page */
					background-color: #fff;
					background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgb(255, 255, 255)), to(rgb(239, 239, 239)));
				}
				.dropdown li ul {
					-webkit-box-shadow: 2px 2px 5px #ccc;
					-moz-box-shadow: 2px 2px 5px #ccc;
					box-shadow: 2px 2px 5px #ccc;
				}
				.dropdown li ul li { width: auto; margin: 0 5px 0 4px; }
				.dropdown li ul a { padding: 0 5px; color: #8F8F8F; white-space: nowrap; }
				.dropdown li ul a:hover { text-decoration: underline; }
				.dropdown li ul a.active { font-weight: bold; color: #336699; }
				.dropdown li.current:hover ul {
					display: block;
					border: 1px solid;
					border-color: #dae1e1 #979FA0 #979FA0 #dae1e1; 
					/* I change the border radius to make it appear that the dropdown just extends while in reality it's 2 elements next to one another */
					-webkit-border-bottom-left-radius: 4px;
					-webkit-border-bottom-right-radius: 4px;
					-moz-border-radius-bottomleft: 4px;
					-moz-border-radius-bottomright: 4px;
				}
			
			
			
			
			
			
		header #logo_container { width: 500px; float: left;}
			header #logo { margin-top: 0; }
			header #claim { width: 400px; }
	
	.ym-col3 .ym-gl .ym-gbox-left { padding-left: 5px; }

	.ym-col3 #product_list { width: 100%; overflow: hidden; }
	.ym-col3 #product_list h3 { margin-left: 3px; }
	
		#product_list .scrollable {
			width: 100%;
			height:585px;
		}
				
			#product_list .prev, #product_list .next {
				margin-top: 7px;
				cursor: pointer;
				color: #000000;
				font-weight: bold;
			}
			#product_list .prev:hover, #product_list .next:hover { color: #800; }
			#product_list .prev.disabled, #product_list .next.disabled { cursor: default; color: #000000 !important; }
			#product_list .prev { float: left; }
			#product_list .next { float: right; }

		.ym-col3 #product_list .product { width: 133px; height: 130px; position: relative; }
		.ym-col3 #product_list .product a { color: #000000; }
		.ym-col3 #product_list .product a:hover { color: #800; background: none; }
		.ym-col3 #product_list .product img { margin-bottom: 3px; }
		.ym-col3 #product_list .product .quality {
			display: block;
			position: absolute;
			top: 5px;
			right: 5px;
			width: 90px;
			height: 18px;
			background-image: url(../images/star.png);
			background-repeat: repeat-x;
			background-position: 0 -28px;
			text-indent: -9999em;
		}
		.ym-col3 #product_list .product .quality span {
			height: 18px;
			display: block;
			background-image: url(../images/star.png);
			background-position: 0 0;
		}
		.ym-col3 #product_list .product .quality .q1 {
			width: 18px;
		}
		.ym-col3 #product_list .product .quality .q2 {
			width: 36px;
		}
		.ym-col3 #product_list .product .quality .q3 {
			width: 54px;
		}
		.ym-col3 #product_list .product .quality .q4 {
			width: 72px;
		}
		.ym-col3 #product_list .product .quality .q5 {
			width: 90px;
		}
        
    nav #mainnav {
        behavior: url(/assets/pie/PIE.htc);
        background: #FFDC25 url("/assets/images/main_menu_sprite.png") repeat-x 0 -64px;
        background: -ms-linear-gradient(top, #FCDB00 0%, #F7E575 100%);
        background: -moz-linear-gradient(top, #FCDB00 0%, #F7E575 100%);
        background: -o-linear-gradient(top, #FCDB00 0%, #F7E575 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FCDB00), color-stop(1, #F7E575));
        background: -webkit-linear-gradient(top, #FCDB00 0%, #F7E575 100%);
        background: linear-gradient(to bottom, #FCDB00 0%, #F7E575 100%);
        margin: 0 0 5px;
        border: 4px solid #F3E472;
        border-bottom: 4px solid #F8E164;
        height: 32px;
        position: relative;
        z-index: 2;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0px 1px 3px #999999;
        -moz-box-shadow: 0px 1px 3px #999999;
        box-shadow: 0px 1px 3px #999999;
    }
    nav #mainnav a {
        padding: 0px 16px 0px 14px;
        display: block;
        float: left;
        overflow: hidden;
        line-height: 22px;
        font-size: 12px;
        text-decoration: none;
        font-family: "PFBeauSansProRegular",sans-serif;
        text-transform: uppercase;
        background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAUCAIAAAAoW3v1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADFJREFUeNpi/P8qi4GBgYWBkQuZYoLyuFF4XNh4ECUMTGDq/zcw9e8bHt5XXHIAAQYAvZIUpMaB4uIAAAAASUVORK5CYII=") top right no-repeat;
        margin: 6px 0 4px 0;
        font-weight: normal;
    }

	/*nav .ym-wrapper { box-shadow: box-shadow: 0px 0px 10px 2px #ccc; margin-top: 0; }*/
    
    nav .ym-wrapper{
        margin-top: 0px;
        background-color: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
	
	nav .ym-hlist { 
	   background-color: #af0000; 
       color: #ffffff; 
       z-index: 2;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0px 1px 3px #999999;
        -moz-box-shadow: 0px 1px 3px #999999;
        box-shadow: 0px 1px 3px #999999;
       }
	nav .ym-hlist ul { padding: 0; height: 32px; }
	nav .ym-hlist ul li { 
	   margin-right: 1px; 
       padding: 0px 0px 0px 0px;
       margin: 6px 0 4px 0; 
       text-transform: uppercase; 
       height: 22px; 
    }
	nav .ym-hlist ul li.first { 
	   padding-left: 10px; 
       padding-right: 05px; 
       margin-right: 5px; 
       /**
 * background-image: url(../images/Menu_BG_gelbverlauf.gif); 
 */
       background-repeat: repeat-x; }
	nav .ym-hlist ul li.active {
		background-color: transparent;
		border-radius: 0;
	}
	nav .ym-hlist ul li.active strong { color: #FC0; }


    nav .ym-hlist ul li:after { content: "|"; margin: 0 5px; }

	nav .ym-hlist ul li.first:after, nav .ym-hlist ul li.last:after { content: "|"; margin: 0; }
	nav .ym-hlist ul li.first:after { content: "|"; margin: 0 0px 0 10px; }
	nav .ym-hlist ul li a, nav .ym-hlist ul li strong { color: #ffffff; display: inline-block; padding-left: 3px; padding-right: 3px; }
	/**
	 * nav .ym-hlist ul li.first, nav .ym-hlist ul li.first a, nav .ym-hlist ul li.first a:hover { color: #a60000; }
	 */	
	nav .ym-hlist ul li a:focus,
	nav .ym-hlist ul li a:hover,
	nav .ym-hlist ul li a:active  {
		color: #FC0;
		background-color: transparent;
		border-radius: 0;
	}
    nav #breadcrumb{
        background-color: #ffffff;
    }
	.ym-searchform {
		line-height: 20px;
		padding: 6px 5px 4px 0;
	}
	.ym-searchform .ym-searchfield { line-height: 14px; width: 100px; }
	
	#featured_video { margin-bottom: 15px; }
		#featured_video .more { display: none; }
	
	#related_videos { margin-top: 15px; }
	
	.video_list {
		width: 600px;
		height: 123px;
		padding: 5px 0;
	}
	
	.video_list .video {
		overflow: hidden;
		height: 100%;
	}
	.video_list .video.active, .video_list .video a:hover {
		color: #800;
	}
	
	.video_list h3 {
		font-size: 100%;
		font-family: Verdana, Geneva, sans-serif;
		font-weight: bold;
		color: #a60000;
		margin-bottom: 3px;
		line-height: 1.1em;
	}
	.video_list p {
		margin: 0;
		line-height: 1.3em;
	}
	.video_list .video a {
		color: #000000;
	}
	.video_list .video.active a { color: #800; }
	.video_list .more {
		display: none;
	}
	.video_list img {
		display: block;
		margin-bottom: 5px;
	}
	.video_list .scrollable {
		width: 546px;
		height:122px;
	}
	
	.video_infowindow h3.headline { color: #af0000; line-height: 1em; margin-bottom: 10px; }
	.video_infowindow .float-left { margin-top: 0; }
	.video_infowindow .description { margin-top: 10px; }
	.video_infowindow a { color: #af0000; }
	.video_infowindow a:hover { background-color: transparent; }
	.video_infowindow .more a:before {
		content: "» ";
	}
	
	footer { margin-top: 30px; }
	footer .ym-wbox { padding: 7px;
			background-color: #FFE143;
background-image: -ms-linear-gradient(top, #FFE143 0%, #FFF8D3 100%);
background-image: -moz-linear-gradient(top, #FFE143 0%, #FFF8D3 100%);
background-image: -o-linear-gradient(top, #FFE143 0%, #FFF8D3 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFE143), color-stop(1, #FFF8D3));
background-image: -webkit-linear-gradient(top, #FFE143 0%, #FFF8D3 100%);
background-image: linear-gradient(to bottom, #FFE143 0%, #FFF8D3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFE143', EndColorStr='#FFF8D3');
}
	footer .ym-wbox .ym-wbox {
		position: relative; padding-bottom: 50px;
	}
	footer a {
		color: #000000;
	}
footer .columns,
footer .social {
	margin-bottom: 32px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
footer .footer_links {
	position: absolute;
	bottom: 7px;
}
footer .footer_links a {
	color: #888888;
}

footer .social {
	margin-bottom: 48px;
	top: -25px;
	left: 5px;
}
footer .links a {
	font-weight: bold;
}

footer div.col.novas-links {
	width: 692px;
	font-size: 9px;
}

footer a.icon {
	background: url(../images/footerIcons.png) no-repeat scroll 0 0;
	font-weight:normal;
	height: 51px;
	display: block;
	line-height: 75px;
	padding-left: 59px;
	overflow: hidden;
}

footer a.icon.facebook { background-position: 0 0; }
footer a.icon.twitter { background-position: 0 -51px; }
footer a.icon.email { background-position: 0 -102px; }
footer a.icon.novasol { background-position: 0 -204px; }

	footer .logo {
width: 140px;
float: left;
margin-right: 15px;
}
footer .address {float: left;}
footer .wyndham_logo {
float: left;
font-style: italic;
line-height: 20px;
margin: 20px 0 0 38px;
width: 115px;
display: block;
font-weight: normal;
color: 
black;
}	
footer .links {
/*position: absolute;
right: 16px;
bottom: 6px;
z-index: 2;
*/
}
	
	.introduction { margin-top: 20px; border-top: 1px solid #800; }
	
	/*
	root element for the scrollable.  when scrolling occurs this
	element stays still.
	*/
	.scrollable {
	  /* required settings */
	  position:relative;
	  overflow:hidden;
	}
	 
	/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable
	items.  it's enough that you set width and height for the root element
	and not for this element.
	*/
	.scrollable .items {
	  /* this cannot be too large */
	  width:20000em;
	  height: 100%;
	  position:absolute;
	}
	
	.scrollable.vertical .items {
		width: 100%;
		height: 20.000em;
	}
	 
	/*
	a single item. must be floated in horizontal scrolling.  typically,
	this element is the one that *you* will style the most.
	*/
	.scrollable .items div.block {
		height: 100%;
	  float:left;
	  margin: 0;
	}
	
	.scrollable .items div.block > div {
		float: left;
		margin: 0 5px;
	}
	
	/* this makes it possible to add next button beside scrollable */
	.scrollable {
		float:left;
	}
	
	/* prev, next, prevPage and nextPage buttons */
	a.browse {
		display:block;
		width:22px;
		height:123px;
		float:left;
		margin: 0 5px;
		cursor:pointer;
		font-size:1px;
	}
	
	/* right */
	a.right { background-image: url(../images/scroll-right.jpg); clear:right; margin-right: 0px;}
	a.right:hover {  }
	a.right:active {  }
	
	
	/* left */
	a.left { background-image: url(../images/scroll-left.jpg); margin-left: 0px; }
	a.left:hover  {  }
	a.left:active {  }
	
	/* disabled navigational button */
	a.disabled {
		filter: alpha(opacity=50) !important;
		-moz-opacity: 0.5 !important;
		opacity: 0.5 !important;
	}
	
	a.flag {
		display: block;
		line-height: 19px;
		padding-left: 28px;
		width: auto;
	}
	
	.flag {
		width: 24px;
		height: 19px;
		background-image: url(../images/icons/novasol_flag_sprite.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	.flag.flag-DK { background-position: 0 0; }			/*danmark*/
	.flag.flag-IT { background-position: 0 -19px;}		/* Italien */
	.flag.flag-IS { background-position: 0 -38px;}		/* Island */
	.flag.flag-HU { background-position: 0 -57px;}		/* Ungarn */
	.flag.flag-GR { background-position: 0 -76px;}		/* Grækenland */
	.flag.flag-DE { background-position: 0 -95px;}		/* Tyskland */
	.flag.flag-FR { background-position: 0 -114px;}	/* Frankrig */
	.flag.flag-FI { background-position: 0 -133px;}	/* Finland */
	.flag.flag-CZ { background-position: 0 -152px;}	/* Tjekkiet */
	.flag.flag-HR { background-position: 0 -171px;}	/* Kortaien */
	.flag.flag-BG { background-position: 0 -190px;}	/* Bulgarien */
	.flag.flag-BE { background-position: 0 -209px;}	/* Belgien */
	.flag.flag-AT { background-position: 0 -228px;}	/* Østrig */
	.flag.flag-CH { background-position: 0 -247px;}	/* Schweiz */
	.flag.flag-TR { background-position: 0 -266px;}	/* Tyrkiet */
	.flag.flag-SE { background-position: 0 -285px;}	/* sverige */
	.flag.flag-ES { background-position: 0 -304px;}	/* Spanien */
	.flag.flag-SK { background-position: 0 -323px;}	/* Slovakiet */
	.flag.flag-PL { background-position: 0 -342px;}	/* Polen */
	.flag.flag-NO { background-position: 0 -361px;}	/* Norge */
	.flag.flag-NL,																		/* Luxemburg - same flag as holland */
	.flag.flag-LU { background-position: 0 -380px;}	/* Holland */
	.flag.flag-SI { background-position: 0 -399px;}	/* Slovenien */
	.flag.flag-ME { background-position: 0 -418px;}	/* Montenegro */
	.flag.flag-AL { background-position: 0 -437px;}	/* Albanien */
	.flag.flag-BA { background-position: 0 -456px;} /* Bosnien */
	.flag.flag-EU { background-position: 0 -475px;} /* EU */
	.flag.flag-RS { background-position: 0 -494px;} /* Serbien */
	.flag.flag-GB { background-position: 0 -513px;} /* uk */
	.flag.flag-US { background-position: 0 -532px;} /* usa */
	.flag.flag-CY { background-position: 0 -551px;} /* Cyprus *//** fonts-ie78.css **/	
	
#full-fade {
position: fixed;
right: 0;
top: 0;
left: 0;
bottom: 0;
z-index: 999;
background: #F2EFE1;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
#overlay {
position: fixed;
right: 0;
top: 0;
left: 0;
bottom: 0;
z-index: 1000;
}

#overlay > .content-wrapper,
#overlay > .trans-border {
position: absolute;
left: 50%;
top: 50%;
}

#overlay > .trans-border {
background: #f2efe1;
filter: alpha(opacity=66); /* internet explorer */
-moz-opacity: 0.66;       /* mozilla, netscape */
opacity: 0.66;           /* fx, safari, opera */
}


#overlay > .content-wrapper {
border: 1px solid #cccac2;
background: #fff;
}

#overlay > .content-wrapper > button {
position: absolute;
top: 0;
right: 0;
height: 27px;
width: 27px;
background: transparent url(/site/redesign/img/overlayClose_Sprite.png) no-repeat scroll 0 0;
}

#overlay > .content-wrapper > button:hover {
background-position: 0 -27px;
}

#overlay > .content-wrapper > .content {
position: absolute;
top: 16px;
left:27px;
right: 27px;
bottom: 16px;
overflow: auto;
}

#overlay > .content-wrapper > .content > iframe {
border: none;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
vertical-align: bottom;
position: relative;
top: 2px;
}

#overlay > .content-wrapper > .content > .grid-row {
padding: 0;
margin: 0;
width:100%;
}

#overlay > .content-wrapper > .content > .grid-row .grid {
margin: 0;
}


#i18n ul {
margin: 0;
padding: 7px 0;
font-size: 13px;
list-style: none;
}
#i18n ul li {
margin: 0;
line-height: 1.5em;
width: 33%;
}
* html #i18n ul li {
position: relative;
}

#i18n ul li.col_start {
margin-top: -7.5em;
}

#i18n ul li.col-1 {
margin-left: 0;
}
#i18n ul li.col-2 {
margin-left: 33%;
}
#i18n ul li.col-3 {
margin-left: 66%;
}

#i18n a {
display: block;
width: auto;
padding-left: 28px;
/*margin-top: 10px;*/
line-height: 19px;
}

}


@media screen and ( max-width: 760px )  {

  /* linearization for column module */
  .linearize-level-1,
  .linearize-level-1 > [class*="ym-col"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }

  /* reset defined gutter values */
  .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
    overflow: hidden; /* optional for containing floats */
    padding: 0;
    margin: 0;
  }
}

@media all {
	body {
		font-family: Verdana,helvetica,sans-serif;
		font-size:70.00%;
		background-color: #E1F1FE;
		background-image: url("../images/background.jpg");
		background-size: 100% 100%;
		background-position: left top;
		background-repeat: repeat-x;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: "PFBeauSansProThin",verdana,sans-serif;
	}
	h2 { margin: 0 0 7px 0; }
	h3 { margin: 0 0 9px 0; }
	
	a { color: #800; }
	a:hover { background-color: transparent; color: #000000; }
	
	header h2 {
		font-smooth: never;
		font:24px/26px "PFBeauSansProThin",verdana,sans-serif;
		margin-bottom: 4px;
	}
	.box {
		display: inline-block;
		border-radius: 0.3em;
		border-width: 0;
		border-style: solid;
		border-color: #888;
		border-color: rgba(0,0,0,.3);
		-webkit-box-shadow: 0px 0px 10px 2px #ccc;
		-moz-box-shadow: 0px 0px 10px 2px #ccc;
		box-shadow: 0px 0px 10px 2px #ccc;
		color: inherit;
		padding: 3px;
		margin: 5px 0;
		background-color: #ffffff;
	}
	.box img { display: block;}
}