/*NOTES ---------------------------------

CSS by Colette Sherley | www.somethingcreative.co.nz

CONTENTS ---------------------------

=1: Reset all elements to a common value
=2: Default Styles
=3: Main Layout Styles
=4: Header Styles
=5: body_bg
=6: Page related styles
=6a: home page
=6b: portfolio page
=6c: contact page
=7: footer

*/

/* -- =1: reset all elements to a common value ----------------------------------------------------- */
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,a,span,footer{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, a, span{list-style:none; text-decoration:none; outline-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;}
sup,sub {line-height:1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


/* -- =2: Default Styles --------------------------------------------------------------------------- */
body {
	font-size:10px;
	font-family: Verdana, Sans Serif;
}

p { color:#fff; line-height:165%; padding-bottom:10px; padding-top:10px; }

em { color:#000; }

h1 { font-size: 2em; }

h2 { font-size: 1em; color:#000; }

h3 { font-size: 1em; color:#000; }

h4 { font-size: 1em; color:#000; }

span, a, li { 
	color: #333;
	outline-style:none;
	display: inline;
}

a:hover { color: #999; }


/* -- =3: Main Layout Styles ---------------------------------------------------------------------------- */
#main_container {
	width:810px;
	height:640px;
	margin:auto;
}

#content_container {
	width:810px;
	height:575px;
	background-image: url(../images/body_bg.png);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
}

/* =4: Header Styles------------------------------------------------------------------------------ */

#header_container {
	float:left;
	padding-bottom:7px;
}

/* =5: body_bg------------------------------------------------------------------------------ */

#body_bg {
	width:810px;
	height:10px;
	padding-left:16px;
}


/* =6: Page related styles ------------------------------------------------------------------------- */

/* =6a: home page */

#text_container{
	width:212px;
	margin:15px 0 0 30px;
	padding-top:200px;
}

#text_container p{
	padding-right:45px;
	clear:both;
}


/* =7: Footer ------------------------------------------------------------------------- */
#footer_container {
	background-image: url(../images/bottom_bg.png);
	width:810px;
	height:20px;
	float:left;
}

#beatnik{
	float:right;
	padding-right:10px;
	clear:both;
}

#beatnik p{
	vertical-align:text-center;
	clear:both;
}

#beatnik a{
	color:#999;
	font-family:times;
	font-size:10px;
	clear:both;
}

#beatnik a:hover{
	color:#333;
	clear:both;
}

#footer_container p, #footer_container a{
	color:#333;
	font-family:verdana;
	font-size:10px;
	margin-top:20px;
	clear:both;
}

#footer_container a:hover{
	color:#999;
	clear:both;
}