/*
The Sunmachine CSS stylesheet
Version:1.2
Author: Stephen Greene
AuthorURI: http://www.thesunmachine.com/
*/

/* Reset */
/* Thanks for the inspiration Eric Meyer, revised by The Sunmachine */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:none;}a img{border:none;}/* And the rest */ *{margin:0;padding:0;}

/* Scroll Here 1.2 apdapted from the jQuery Scroller by Kewin Liew */
#mask{width:500%; /*height:100%;*/ background-color: transparent;}
#artboard{width:100%; /*height:100%;*/ position:absolute;/*top:75px;*/left:0; overflow:hidden;}
.item{width:20%; /*height:510px;*/ float:left;}
.content{width:960px;/*height:520px;*/top:10px;margin:0 auto;position:relative;}
.drop{clear:both;}

/* Bodystyle */
body{font-size:62.5%;color:#131313;font-family:'Droid Sans','Lucida Grande','Lucida Sans','Helvetica Neue',Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;background-image:url('../images/page-head.jpg');background-color:#fff;background-repeat:no-repeat;background-position:top left;}

/* Centre */
.wrapper{width:100%;margin:0 auto;text-align:left;}

/* Colours */
.blue, .blue:hover{color:#07a;}
.warm, .warm:hover{color:#a65;}

/* Main colour backgrounds */
body#white{color:#555;}

/* Page identity */
.page-id{width:440px;height:60px;margin:1em 0 0 0;padding:0;float:left;background-image:url('../images/thesunmachine.gif');background-color:transparent;background-repeat:no-repeat;background-position:top right;}
/* Navigation */
body#white .nav{color:#666;margin-bottom:0;}
body#white .nav a:hover{border-bottom:1px dotted #f93;color:#f93;}
.nav ul{padding:1.4em 0 1.4em 0;font-size:1.3em;}

.nav li{display:inline;font-weight:bold;}
.nav a.selected{font-weight:bold;color:#07a;}

/* Headings */
h1,h2,h3,h4{margin:0;}
h1{font-size:1.3em;display:none;}/* hide for SEO */
h2{font-size:6.2em;font-weight:normal;text-transform:lowercase;color:#f93;}
h3{font-size:2em;font-weight:normal;margin-bottom:.4em;margin-right:2em;color:#666;line-height:1.3em;}
h4{font-size:1.9em;font-weight:bold;margin-bottom:.2em;}

/* Web fonts */
h2{font-family:'Lobster',Georgia,Times,Century,'Liberations Serif','Free Serif',serif;}
h3,h4{font-family:'Droid Sans',Arial,Helvetica,'Helvetica Neue','Liberations Sans','FreeSans',sans-serif;}
h2{font-family:'Lobster',Georgia,Times,Century,'Liberations Serif','Free Serif',serif;}

/* Text elements */
p{margin:0 2.2em 1.6em 0;font-size:1.3em;line-height:1.4em;}
a, a:link{color:#131313;border-bottom:1px dotted #777;}
a:visited{color:#131313;}
a:focus,a:hover{color:#379;border-bottom:1px dotted #07a;}
a{color:inherit;text-decoration:none;}
	
/* Lists */
ul, ol{margin:0 0 .4em 0;}
ul{list-style-image:none;list-style-position:outside;list-style-type:disc;font-size:1.2em;line-height:1.5em;}

/* Misc classes */
.lift{margin-top:-1.2em;margin-bottom:2em;}
.sink{margin-top:1.4em;}
.grab{margin-bottom:.4em;}
.pull{margin-top:-1.2em;}
.small{font-size:1.1em;}
.pad{font-size:1.2em;text-align:center;padding:.3em;margin:0 0 1.6em 0;}
.seo{display:none;}
.left li{margin-left:-1.4em;}

/* Simple grid */
.container{width:950px;margin-left:auto;margin-right:auto;}
.alpha{margin-left:0px;}
.omega{margin-right:0px;}

.grid_1,
.grid_2,
.grid_3,
.grid_4{display:inline; float:left; position:relative; margin-left:5px; margin-right:5px;}

.container .grid_1{width:220px;}
.container .grid_2{width:440px;}
.container .grid_3{width:660px;}
.container .grid_4{width:880px;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}