/* Resets */
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; vertical-align:baseline; background:transparent;line-height:1.2em;}
body {font-size: 62.5%;font-family: Helvetica, Arial, sans-serif;	background:#7d1600 url(/img/bg-footer.jpg) top left repeat-y;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
:focus {outline:none;} 
ins {text-decoration:overline;} 
del {text-decoration:line-through;}
table {border-spacing:0;}
/* Setup of font families */
#content{
	font-family:Arial, Helvetica, sans-serif;
}
#footer,#header{
	font-family:Verdana, Geneva, sans-serif
}
/* Centers The Page Content */
.pageframe{
	width:812px;
	margin: 0 auto;
}
/* Header */
#header{
	background: url(/img/bg-header.jpg) top left no-repeat;
}
#header img{
	float: left;
	margin:8px 20px 13px 17px;
}
#header span{
	float: right;
	font-size: 19px;
	color: #b4b3b3;
	font-size: 1.9em;
	margin-top: 30px;
	clear: right;
}
	#header span.number{
		color: #fff;
		font-size: 3.4em;
		margin-top: 4px;
	}
#header ul{
	float: right;
	width: auto;
	margin:7px 0 0 0;
}
	#header li{
		float: left;
		cursor: pointer;
		height: 30px;
		overflow: hidden;
	}
		#header li.home{
			background: url(/img/bg-nav-home.png) 0 7px no-repeat;
			width: 71px;
		}
			#header li.home.active{
				background: url(/img/bg-nav-home-active.png) top left no-repeat;
			}
		#header li.portfolio{
			background: url(/img/bg-nav-portfolio.png) 0 7px no-repeat;
			width: 91px;
		}
			#header li.portfolio.active{
				background: url(/img/bg-nav-portfolio-active.png) top left no-repeat;
			}
		#header li.quote{
			background: url(/img/bg-nav-quote.png) 0 7px no-repeat;
			width: 191px;
		}
			#header li.quote.active{
				background: url(/img/bg-nav-quote-active.png) top left no-repeat;
			}
		#header li.about{
			background: url(/img/bg-nav-about.png) 0 7px no-repeat;
			width: 91px;
		}
			#header li.about.active{
				background: url(/img/bg-nav-about-active.png) top left no-repeat;
			}
		#header li.contact{
			background: url(/img/bg-nav-contact.png) 0 7px no-repeat;
			width: 95px;
		}
			#header li.contact.active{
				background: url(/img/bg-nav-contact-active.png) top left no-repeat;
			}
			#header li a{
				height: 30px;
				display: inline-block;
			}
			#header li span{
				visibility: hidden;
			}
/* Footer */
#footer{
	background:#7d1600 url(/img/bg-footer.jpg) top left repeat-y;
	padding: 20px 0 45px 0;
	font-size: 1.3em;
	color: #b9b9b9;
}
	#footer h2{
		font-size: 1.6em;
	}
	#footer ul{
		background: #000;
		float: left;
		width: 100%;
		padding: 3px 0;
		text-align: center;
	}
		#footer li{
			display:inline-block;
			padding: 3px 0;
			text-align: center;
			margin: 0 35px;
		}
			#footer li a{
				color: #fff;
			}
	#footer span{
		float: right;
	}