/* @group reset */

* { margin:  0; padding: 0; }
ul { list-style: none; }
a img, frameset { border: 0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .btn 
{ margin: 0; padding: 0; border: 0; font-style: inherit; font-weight: inherit; font-size: 100%; font-family: inherit; vertical-align:baseline }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }	
/* @end */
/* @group utility */
.clear {
	height: 1px;
	clear: both;
	margin-top: -1px;
	overflow: hidden;
}
.row:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.last { margin-bottom: 0; }
.hide { display: none; }
/* @end */
/* @group =base */
body {
	background: #fff url(../images/structure/bg-body.png) no-repeat 50% 0;
	color: #0078b6;
	font: 15px/20px Georgia, "Times New Roman", Times, serif;
}

	/* @group -links */
	a { color: #a5b900; text-decoration: none; }
	a:hover { text-decoration: underline; }
	/* @end */
	
	/* @group -basic text */
	p { margin: 0 0 20px 0; }
	em { font-style: italic; }
	/* @end */	

	/* @group -layout */
	#wrapper { background: url(../images/structure/bg-wrapper.png) no-repeat 50% 100%; }
	#container {
		margin: 504px auto 0;
		position: relative;
		width: 620px;
	}
	.primary {
		float: left;
		margin: 0 0 0 2px;
		width: 295px;
	}
	.secondary {
		float: right;
		margin: 0 2px 0 0;
		width: 286px;
	}
	#content {
		background: url(../images/structure/bg-content.png);
		margin: 0 auto;
		padding: 78px 82px 24px 82px;
		position: relative;
		width: 593px;
	}
	#footer {
		color: #0e3c76;
		margin: 0 auto;
		padding: 20px 0 87px;
		text-align: center;
		width: 620px;
	}
	/* @end */

	/* @group -special text */
	h1, .subtitle {
		display: block;
		left: -9999px;
		position: absolute;
		top: -9999px;
	}
	.happy-holidays {
		background: url(../images/structure/hdr-happy-holidays.png) no-repeat;
		display: block;
		height: 76px;
		text-indent: -9999px;
		width: 222px;
	}
	.drop {
		color: #0078b6;
		display: block;
		float: left;
		font-size: 72px;
		line-height: 60px;
		margin: 0 7px 0 0;
	}
	.download-wallpaper {
		background: url(../images/structure/hdr-download-wallpaper.png) no-repeat;
		clear: both;
		height: 24px;
		margin: 0 auto 13px;
		text-indent: -9999px;
		width: 423px;
	}
	/* @end */
	
	/* @group -content */
	.photos {
		float: left;
	}
	.photos li {
		background: url(../images/structure/bg-photo-frame.png) no-repeat;
		float: left;
		height: 68px;
		filter: alpha(opacity = 1);
		margin: 0 23px 23px 0;
		opacity: .01;
		padding: 6px 5px 5px;
		width: 89px;
	}
	.photos .alt { margin-right: 0; }
	.photos a {
		display: block;
		height: 68px;
		overflow: hidden;
		position: relative;
		width: 89px;
	}
	.photos img {
		display: block;
		left: -50%;
		position: absolute;
		top: -50%;
		width: 160px;
	}
	.view-all {
		clear: both;
		display: block;
		font-size: 12px;
		margin: 0 8px 36px 0;
		text-align: right;
	}
	.download {
		background: url(../images/structure/bg-wallpaper-preview.png) no-repeat 100% 0;
		margin: 0 auto;
		padding: 0 148px 0 0;
		text-align: right;
		width: 86px;
	}
	.girl {
		background: url(../images/structure/bg-girl.png) no-repeat;
		height: 239px;
		position: absolute;
		right: -122px;
		top: -116px;
		width: 207px;
	}
	.boy {
		background: url(../images/structure/bg-boy.png) no-repeat;
		height: 290px;
		left: -99px;
		position: absolute;
		top: 199px;
		width: 151px;
	}
	/* @end */
	
	/* @group -footer */
	#footer p { margin-bottom: 0; }
	.copy {
		display: block;
		font-style: normal;
	}
	/* @end */
/* @end */