/* Schelmish UK website stylesheet v1.0 (General)
Author: Rob mason t/a Sponge Project
spongeproject.co.uk
*/

/* General rest */
* { margin:0; padding: 0; }

/* General styles */
body { background: #000 url('../images/back-main.jpg') no-repeat fixed center center; text-align: justify; color: #bbb; font: 62.5% Georgia, "Palatino Linotpye", "Times New Roman", serif; }
h1, h2, h3 { letter-spacing: 0.05em; line-height: 1.5em; }
h1 { font-size: 8em; text-transform: uppercase; color: #fd0100; position: absolute; left: -9000px; top: -9000px; }
h2 { font-size: 1.8em; margin: 0 0 1em 0; font-style: italic; font-weight: bold; text-transform: uppercase; color: #fff; }
h3 { font-size: 1.5em; margin: 0 0 1em 0; padding-top: 0.5em; clear: both; color: #fff; }
p { margin: 0 0 1.5em 0; font-size: 1.5em; letter-spacing: 0.05em; line-height: 1.5em; }
li { margin: 0 0 1.5em 0; padding: 0 0 0 20px; font-size: 1.5em; letter-spacing: 0.05em; line-height: 1.5em; list-style: none; background: url('../images/bullet.gif') no-repeat 0 4px; }
em { font-style: italic; color: #fd0100; }
q { font-style: italic;}
a { color: #fff; }
a:hover  { color: #bbb; }
a:active, a:focus {  }
abbr { cursor: help; }
img { border: 0; }

/* Wrapper */
#wrap { margin: 0 auto; width: 780px; }

/* Splash page-only elements */
#frontinner  a { display: block; width: 100%; background: url('../images/celtic-cross.jpg') no-repeat center center; height: 570px; }

/* Header */
#header { margin: 2em 0; }
#header img { float: left; padding: 0 2em 0 0 ; }
#header p { margin: 0 0 0.3em 0; padding-top: 1em; color: #fff; }

/* Navigation */
#nav ul { }
#nav  li { display: inline; font-size: 1em; padding: 0; background-image: none; }
#nav  li  a { color: #fd0100; text-decoration: none; padding: 0.5em 0.2em; letter-spacing: 0.02em; }
#nav  li  a:hover{ color: #fff; background: url('../images/nav-back.png') no-repeat center center; }
#nav  li  .active { color: #fff; font-weight: bold; background: url('../images/nav-back.png') no-repeat center center; font-size: 1.4em; }

/* Main area */
#main { }
#main h2 { font-style: italic; clear: both; text-align: center; }

/* Contact elements */
.emailuslink a { clear: both; display: block; width: 374px; margin: 0 auto; padding: 0.5em 0; font-size: 1em; font-style: italic; text-align: center; font-weight: bold; text-transform: uppercase; color: #fd0100; text-decoration: none; }
.emailuslink a:hover{ color: #fff; background: url('../images/front-back.png') no-repeat center center;  }
#contactus ul  li { float: left; list-style: none; text-align: center; line-height: 1.5em; }
#contactus li { width: 374px; min-height: 70px; margin: 0 0 1em 0.5em; padding: 1em 0; font-size: 3em; letter-spacing: 0.07em; font-style: italic; font-weight: bold; text-transform: uppercase; color: #fd0100; background: url('../images/back-transparent.png') repeat top left; text-decoration: none; }
#contactus a { text-decoration: none; color: #fd0100; display: block; }
#contactus a:hover { color: #fff;}

/* General classes */
.center { text-align: center; }
.intro { text-align: center; font-size: 1.9em; font-style: italic; } 

/* General image treatment */
.imageholder { text-align: center; }
.bandimage { padding: 2em; background: url('../images/back-transparent.png') repeat top left; }
.imgfloatright { float: right; margin: 0 0 1em 2em; padding: 1.5em; background: url('../images/back-transparent.png') repeat top left; }
.pics { width: 300px; padding: 0; margin: 0 0 5em 3em; float: right; } 
.pics img { padding: 2em; background: url('../images/back-transparent.png') repeat top left; width: 300px; display: none; z-index: 3; }

/*Table */
table { width: 780px; font-size: 1.5em; letter-spacing: 0.05em; line-height: 1.5em; }
td { padding: 0.5em; border-bottom: solid 1px #111; }
th { padding: 0.5em; border-bottom: solid 1px #fff; }
tr.headings { font-style: italic; }
caption { display: none; }

/* jQuery tooltip */
#tooltip { position: absolute; z-index: 3000; color: #fff; background: #FD0100; padding: 10px; max-width: 300px; font-style: italic; }
#tooltip { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Footer */
#footer { padding-top: 2em; background: url('../images/back-footer.png') repeat-x top left; text-align: center; }
/*  Sticky Footer Solution by Steve Hatcher; http://stever.ca or http://www.cssstickyfooter.com */
html, body, #wrap { height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main { padding-bottom: 120px; }  /* must be same height as the footer */
#footer { position: relative; margin-top: -120px; /* negative value of footer height */ height: 120px; clear:both; } 
/* CLEAR FIX*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	
/* CSS3 stuff*/
#front a, .emailuslink a, #footernav  li  a, #nav  li  a, .buylink a   { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }