/* clubsnus.com (v1), Start: 22.06.2010 */

/* GLOBALS
----------------------------------------------------------------------------------------------------  */
/* 10px = 1em */
body { font-family: Arial, Helvetica, sans-serif; color: #333; background: #e6e6e6 url(../img/bg.jpg) repeat-x center top; }

h1, h2, h3, h4 { line-height: 1.2em; }
h1, h2, h3 { letter-spacing: -.025em; margin-bottom: .5em; }
h1 { font-size: 2.4em; }
h2 { font-size: 2.4em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.4em; font-weight: bold; }

/* POSITION
----------------------------------------------------------------------------------------------------  */
#header, #body, #footer, #content, .wrap { position: relative; }
#styleswitcher, #language, #logo, .globalnav, .mainnav, #claim, #credits { position: absolute; }
#madeby { position: fixed; }

/* LAYOUT
----------------------------------------------------------------------------------------------------  */
#wrapper { background: url(../img/splash.jpg) no-repeat center top; margin: auto; text-align: left; width: auto; height: 840px; clear: left; position: relative; }

.wrap { margin: auto; }
.template { width: 960px; }

#body { width: 440px; }

#footer { color: #808080; text-align: center; margin-bottom: 2em; }
#footer a { color: #666; }

#madeby { right: 0; bottom: 20px; }
#madeby p { background: url(../img/madeby.png) no-repeat; width: 20px; height: 44px; text-indent: -999em; cursor: pointer; overflow: hidden; }
#madeby p:hover { background-position: -20px top; }

/* CONTENT
----------------------------------------------------------------------------------------------------  */
#content { padding-top: 120px; padding-bottom: 140px; }

#content h1, #content h2, #content h3, #content h4, #content p, #content ul { }
#content h1 { color: #005b99; font-weight: bold; }

#content p { font-size: 1.4em; margin-bottom: 1.2em; line-height: 1.285em; }
#content p a { color: #005b99; white-space: nowrap; }
#content p a:hover { text-decoration: underline; }

#content .button { color: #fff !important; padding: .15em .3em; display: inline-block; }
#content .button:hover { text-decoration: none; }

/* FX
----------------------------------------------------------------------------------------------------  */
.fx {
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	
	box-shadow: 0 0 .3em rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 .3em rgba(0,0,0,.6);
	-webkit-box-shadow: 0 0 .3em rgba(0,0,0,.6);
}
.fx.border { }
.fx.light { text-shadow: 0 1px 1px rgba(255,255,255,.3); }
.fx.dark { text-shadow: 0 1px 1px rgba(0,0,0,.3); }
.fx.shadow { }
.fx.blue {
	background-color: #015d9a !important;
	background: -moz-linear-gradient(top,  #015d9a,  #013973);
	background: -webkit-gradient(linear, left top, left bottom, from(#015d9a), to(#013973));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#015d9a', endColorstr='#013973') !important;
}
.fx.blue:hover {
	background-color: #027bcc !important;
	background: -moz-linear-gradient(top,  #027bcc,  #01458c);
	background: -webkit-gradient(linear, left top, left bottom, from(#027bcc), to(#01458c));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#027bcc', endColorstr='#01458c') !important;
}