/*******************************
 * Site: Site Name
 * Host: host.host
 * CSS Author: Jeremy Freehill 
 *******************************/

/*** Eric Meyer's CSS Reset ***/ 
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*** GLOBAL ***/

html {
	height: 100%;
}

body { padding: 0; width: 100%; height: 100%;
	position: relative;
	background: url(../img/bg.png) repeat-x 0 117px;
}

p, h1, h2, h3, h4, a, em {
	color: #000;
	font: 22px "Arial Narrow", Helvetica, "Gill Sans", sans-serif;
}

h1, h2, em {
	font-family: Gill Sans;
	font-weight: lighter;
	font-size: 58px;
	padding-top: 22px;
}

h2 {
	font-size: 46px;
}

em {
	font-weight: normal;
	font-style: normal;
	color: #e1990a;
}

a:link, a:active {
	text-decoration: none;
	color: #e1990a;
}

a:hover {
	color: #f06;
}

#header {
	height: 160px;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 0;
}

.fixed {
	width: 700px;
	height: 110px;
	position: fixed;
	padding-top: 5px;
	border-left: 3px double #000;
	padding-left: 10px;
}

#pics {
	width: 7200px;
	padding: 0 30px;
}

#pics li {
	float: left;
	position: relative;
	border-top: 1px solid #3d3d3d;
	border-bottom: 1px solid #e4e4e4;
	padding: 3px 0 2px;
}

#footer {
	position: fixed;
	top: 763px;
	right: 2em;
}