/**************************************
 * Reset
 * 
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/************************************
 * Basic elements
 *
 */
html, body { min-height: 100%;}
body {
	color: white;
	font: normal 100%/1.3 Helvetica, Arial, sans-serif;
	background: #89866f url('images/bg-body.gif') repeat-x top left; 
}

p, li { font-size: 0.75em; }
p { margin-bottom: 1.2em; }
a { color: #77767a; text-decoration: none; }
a:link { }
a:visited { }
a:hover { text-decoration: underline; }
a:active { }

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: bold; line-height: 1.3; }
h1 { font-size: 20px; margin-bottom: 3em;}
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 12px; }

sub { vertical-align: baseline; position: relative; bottom: -0.25em; font-size: smaller; }
sup { vertical-align: baseline; position: relative; bottom: 0.33em; font-size: smaller; }

ul, ol { margin: 1em 0 1em 1em; padding-left: 1em; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
ol li, ul li { margin: 0.1em 0; line-height: 1.3; }
li li {	font-size: 1em; }
li ul {	margin: 0; }

address { font-style: normal; font-size: 0.75em; text-align: center; }

td { font-size: 0.75em; padding-right: 0.5em; vertical-align: top;}
td p, td li { font-size: 1em; }

/************************************ 
 * Styles
 *
 */

p.slogan { font-style: italic; font-size: 0.875em; margin-bottom: 3.5em; }


/************************************
 * Layout
 *
 */

#wrapper { text-align: left; position: relative; height: 100%; }

#page { margin: 0 auto; text-align: left; position: relative; width: 960px; clear: both; padding-top: 40px; }
.page-left { width: 356px; float: left; text-align: center; }
.page-right { width: 588px; float: right; }

div.box { width: 506px; height: 168px; position: relative; margin-bottom: 20px; }
div.box a.website { display: block; width: 300px; height: 52px; }
div.box a.album { display: block; width: 150px; height: 150px; position: absolute; right: 12px; top: 3px; }
div.box a.button { 
	background: url('images/button-osta.png') no-repeat left top; 
	display: block; cursor: pointer;
	width: 243px; height: 54px;
	overflow: hidden; position: absolute; top: 106px; left: 3px; 
	text-indent: -9200px;
}
div.box a.button span.button-hover {
	display: block;
	position: absolute; top: 0; left; 0; 
	width: 243px; height: 54px;
	background: url('images/button-osta.png') no-repeat 0 -54px; 
}

#box-bk-mov { background: url('images/bg-box-bk-mov.png') no-repeat left top; }
#box-bk { background: url('images/bg-box-bk.png') no-repeat left top; }
#box-mary { background: url('images/bg-box-mary.png') no-repeat left top; }
#box-sn { background: url('images/bg-box-sn.png') no-repeat left top; }

#facebook-box { margin: 1em auto; width: 253px; height: 90px; background: url('images/bg-facebook-box.png') no-repeat 5px 0; }
#facebook-wrapper { padding: 12px; }