/* Helensvale BMX
	- www.helensvalebmx.com */
	
/* Page Reset
 - - - - - - - - - - - - - - - */
/* Page Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,button,input,textarea,p,blockquote,th,td,img,abbr{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sub{vertical-align:text-bottom;}
button,input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
a{outline:none;}
::-moz-selection{background:#EBEBEB;color:#999;}
::selection{background:#00FF00; color:#fff; }
code::-moz-selection{background:#FFFF00; }
code::selection{background:#CC0000;}

/* Page Fonts */
html body,body,td,th,p,div{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size:small;*font-size:small;*font:x-small; font-size:12px; color:#757575;}
table{font-size:inherit; font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Base Elements */
h1 { font-size:36px; color:#3E3E3E; font-family:arial,sans-serif; font-weight:bold; line-height:36px; }
h2 { font-size:28px; }
h1, h2 { letter-spacing:-0.05em; line-height:40px; }
h3 { font-size:18px; }
h4 { font-size:14px; }
strong { font-weight:bold; }
p { line-height:1.75em; margin-bottom:5px; }
a { color:#555; text-decoration:none; }
a:hover	{ color:#566a76; text-decoration:underline; }
hr { width:100%; height:1px; margin:0; padding:0; border-top:1px #ccc dotted; border-bottom:0; }
del { color:#cc4400; text-decoration:line-through; }

body#splash { margin-top:20px; background:url(../imgs/splash/22062010/helensvale-bmx.jpg) top center no-repeat #020202; margin-bottom:40px; }

h1 { width:200px; height:200px; overflow:auto; position:absolute; top:-200px; left:-200px; }
h2, h2 a { display:block; width:800px; height:330px; }
h2 { position:absolute; top: 80px; left:50%; margin-left:-400px; }
h2 a { text-indent:-9999px; }

div.btns { left:50%; margin-left:-480px; position:absolute; top:0px; width:960px; }
div.btns a {
	position:absolute;
	display:block;
	text-indent:-9999px;
	width:250px;
	height:90px;
	background:url(../imgs/splash/22062010/btns.png) no-repeat;
	top:660px;
	z-index:11;
}
div.btns a.shop { right:490px; background-position:0 0; }
div.btns a.shop:hover { background-position:0 -90px; }
div.btns a.blog { right:215px; background-position:0 -180px; }
div.btns a.blog:hover { background-position:0 -270px; }

div.links { position:absolute; top:20px; left:20px; z-index:3; }
div.links li { display:inline; margin-left:15px; font-size:10px; }
div.links li.first { text-transform:uppercase; }
div.links a { color:#3a84b1; }
div.links a:hover { color:#3a84b1; }

div.credits { left:50%; margin-left:-260px; position:absolute; top:800px; width:540px; margin-bottom:40px; }
div.credits ul { display:block; }
div.credits li { display:inline; float:left; margin:0 14px 0 0; font-size:8pt; }
div.credits li.last { margin-left:15px; }