/* 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #999;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */ 
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: "" "";
}

/* IE png fix */
img, div, input { behavior: url("iepngfix.htc") }

/* content */
body {text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:110%; background-color:#e4e4e4; background-image:url(images/bsod-outer-pattern.png); background-position:center;}
h2 {padding:0 0 15px 100px; font-weight:bold; font-size:125%;}
#content-wrapper {width:980px;  margin:0 auto; background: url(images/content-shadow.png) repeat-y;}
#header {width:940px; margin:0 auto; text-align:left; background-color:#353538; height:173px;}
#content {width:940px; margin:0 auto; text-align:left; background-color:#353538; background: url(images/bsod-2_main_bg.jpg) no-repeat; position:relative; padding-top:20px; background-color:#d6d6d6;}

#bsod-logo {  float:left; width: 230px; background:url(images/bsod-2_logo.png) no-repeat; height:173px;}
#bsod-logo p {text-align:center; padding-top:154px; font-weight:bold; font-size:12px; line-height:10px;}
#bsod-header-centre {  float:left; height:73px; background:url(images/bsod-2_header_centre.png); width:470px; padding-top:100px;}
#bsod-header-centre p { padding-top:2px; text-align:center; line-height:3 0px;}
#bsod-header-centre p#facebook-link {margin-top:5px;}
#bsod-header-centre p#facebook-link a{padding:2px 0 5px 30px; background: url(images/facebook.png) no-repeat;}
#bsod-header-centre span {padding-left:20px;}
#bsod-header-right {  float:left; background:url(images/bsod-2_header_right.jpg) no-repeat; height:173px; width:240px;}

#history {background: url(images/history_bg.png) no-repeat; behavior: url("iepngfix.htc"); position::relative;}
#history, #classes, #dancelist, #links, #downloads { width: 885px; padding:20px 20px 2px 20px; margin-bottom:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
#history, #classes { width: 600px;}

#commendation {position:absolute; width:270px; top:20px; left: 655px; -moz-border-radius:20px; -webkit-border-radius:20px; background-color:#2e667c; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#548ca2), to(#2e667c));}
#commendation h3 {margin:0; padding:10px;}
#commendation p{margin:0; padding:10px 0 10px 10px; width:250px; font-size:0.7em; line-height:120%}
#commendation p span{font-size:1.2em; padding:0 5px}
#commendation p em{font-size:1.2em; font-style:italic; text-align:right;}
#commendation p.signature{text-align:right;}
#commendation p.image{padding-right:0; text-align:center}
#commendation p.signature span{font-size:0.8em; display:block;}

#classes {background: url(images/our-classes_bg.png) no-repeat; behavior: url("iepngfix.htc");}
#classes p, #history p {padding:0 30px 0 100px; font-size:75%; line-height:120%; margin-bottom:20px; font-weight:bold; width:85%;text-shadow:1px 1px #333}

#dancelist {background: url(images/dances_bg.png) no-repeat; behavior: url("iepngfix.htc");}
#dancelist ul li {padding:0 30px 5px 100px; display:inline; float:left; width:15%; font-size:90%;}
#dancelist p {padding:15px 30px 0 100px; font-size:75%; margin-bottom:35px; font-weight:bold; clear:left;}

#links {background: url(images/links_bg.png) no-repeat; behavior: url("iepngfix.htc");}
#links p {padding:0 30px 0 100px; font-size:75%; line-height:130%; margin-bottom:20px;}

#contact {clear:left; height:105px; font-weight:bold; background-color:#6098ae; text-align:center; background: url(images/footer-bg.png) no-repeat;}
*html #contact {padding-top:8px;}
*+html #contact {padding-top:8px;}
#contact img {float:left; padding:20px 20px 0;}
#contact p {padding:20px 20px 0 20px;}

.pSmall {font-size:75%;}
a {color:#fff;}
a:hover {color:#CCC}

#christmas-voucher-wrapper {margin-left:100px}
#christmas-voucher {width:500px; height:353px; background:url(images/christmas-voucher-bg.jpg); text-align:center; position:relative; margin-bottom:20px; -moz-border-radius:20px; -webkit-border-radius:20px}
#christmas-voucher p{width:460px; padding-left:20px; font-size:14px; font-weight:bold;}
p#christmas-voucher-first-p {padding:200px 0 0 20px;}
/* Downloads */
#downloads {background: url(images/downloads_bg.png) no-repeat; behavior: url("iepngfix.htc");}
#downloads p {padding:0 30px 0 100px; font-size:75%; line-height:130%; margin-bottom:20px; font-weight:bold;}

table#tbDownloads {margin-left:100px; border: solid 1px #fff; border-collapse:collapse; width:800px; margin-bottom:15px;}

table#tbDownloads td {padding:3px; font-size:75%;}
table#tbDownloads tr.trHeading td {padding:3px; font-size:100%; font-weight:bold; background-color:#fff;}
table#tbDownloads tr.trHeading td a{color:#6098ae}
table#tbDownloads td.tdTrack {width:180px;}
table#tbDownloads td.tdArtist {width:250px;}
table#tbDownloads td.tdAlbum {width:250px;}
table#tbDownloads td.tdPrice {width:80px;}
table#tbDownloads td.tdDownload {}