body {
	background: repeat url(../images/bg.jpg);
	font: normal 11px/17px "Helvetica Neue", Helvetica, Arial, Verdana;
	color: #000;
	margin: 0;
	padding: 0;
}

/* Main */

#wrapper {
	width: 940px;
	margin: 0px auto;
}	

div {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
}

#header {
	margin: 0px auto;
	padding-left: 0px;
	margin-top: 20px;
}

/* Hover Transition Styles */

h1 {
	background: no-repeat url(../images/logoh.png);
	width: 197px;
	height:45px;
	position: relative;
	text-indent: -4000em;
}

h1 b {
	background: transparent url(../images/logo.png) no-repeat top left;
	width: 197px;
	height: 45px;
	position: absolute;
	top: 0;
	left: 0;
}

h2 {
	background: transparent url(../images/emailhover.jpg) no-repeat top left;
	width: 70px;
	height: 9px;
	padding-right: 40px;
	position: relative;
	text-indent: -1000em;
	overflow: hidden;
	float: left;
}

h2 b {
	background: transparent url(../images/email.jpg) no-repeat top left;
	width: 70px;
	height: 9px;
	position: absolute;
	top: 0;
	left: 0;
}

h3 {
	background: transparent url(../images/abouthover.jpg) no-repeat top left;
	width: 70px;
	height: 9px;
	padding-right: 40px;
	position: relative;
	text-indent: -1000em;
	overflow: hidden;
	float: left;
}

h3 b {
	background: transparent url(../images/about.jpg) no-repeat top left;
	width: 70px;
	height: 9px;
	position: absolute;
	top: 0;
	left: 0;
}

h4 {
	background: transparent url(../images/photohover.jpg) no-repeat top left;
	width: 70px;
	height: 9px;
	padding-right: 40px;
	position: relative;
	text-indent: -1000em;
	overflow: hidden;
	float: left;
}

h4 b {
	background: transparent url(../images/photo.jpg) no-repeat top left;
	width: 70px;
	height: 9px;
	position: absolute;
	top: 0;
	left: 0;
}

h5 {
	background: transparent url(../images/morehover.jpg) no-repeat top left;
	width: 70px;
	height: 9px;
	padding-right: 40px;
	position: relative;
	text-indent: -1000em;
	overflow: hidden;
	float: left;
}

h5 b {
	background: transparent url(../images/more.jpg) no-repeat top left;
	width: 70px;
	height: 9px;
	position: absolute;
	top: 0;
	left: 0;
}

span {
	font-size: 17px;
	color: #999;
	font-weight: lighter;
	-webkit-transition-property: color, left;
	-webkit-transition-duration: 1s, 1s;
}

strong {
	font-weight: normal;
	font-family: Helvetica;
}

span:hover {
	color: #333;
}


#footer {
	margin: 0px auto;
	width: 450px;
	padding-left: 160px;
	padding-top: 40px;	
}

#subfooter {
	font-size: 11px;
	color: #888;
	text-align: left;
}

#subfooter:hover {
	color: #757575;
	text-align: left;
}

#subfooter a {
	text-decoration: none;
	color: #777;
}

#subfooter a:hover {
	color: #333;
	text-decoration: underline;
	text-align: left;
}


/* Folio Image Display */

#pages {
	margin: 0px auto;
	height: 700px;
	margin-bottom: -30px
}

/* These are the Page Control Settings -10 when adding */

#controls {
	margin: 0px auto;
	padding-left: 370px;
}

#controls a, #controls a:link, #controls a:visited {
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 0 0px 10px;
}

#controls a b {
	margin: auto;
	text-align: center;
	padding-top: 100px;
	display: block;
	height: 10px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 0px;
	font-weight: normal;
}

#controls a.selected, #controls a.selected:hover {
	background: transparent url(../images/doton.png) no-repeat top center;
	color: white;
	height: 10px;
	cursor: default;
}

#controls a:hover {
	background: transparent url(../images/doton.png) no-repeat top center;
	height: 10px;
	width: 10px;
	color: white;
}


/* These are the Page Control items */


#controlshome b {
	background-image: url(../images/dot.png);
	width: 10px; height: 10px;
}

#controlsboarding b {
	background-image: url(../images/dot.png);
	width: 10px;
	height: 10px;
}

#controlsaction b {
	background-image: url(../images/dot.png);
	width: 10px;
	height: 10px;
}

#controlsbluray b {
	background-image: url(../images/dot.png);
	width: 10px;
	height: 10px;
}

#controlsspeed b {
	background-image: url(../images/dot.png);
	width: 10px;
	height: 10px;
}

#controlsletteropener b {
	background-image: url(../images/dot.png);
	width: 10px;
	height: 10px;
}

#controlsslides b {
	background-image: url(../images/dot.png);
	width: 10px;
	height: 10px;
}

#controlstouchtone b {
	background-image: url(../images/dot.png);
	width: 10px;
	height: 10px;
}

#controlsgraze b {
	background-image: url(../images/dot.png);
	width: 10px;
	height: 10px;
}

#controlsneon b {
	background-image: url(../images/dot.png);
	width: 10px;
	height: 10px;
}

#controlsold b {
	background-image: url(../images/dot.png);
	width: 10px;
	height: 10px;
}

#controlspen b {
	background-image: url(../images/dot.png);
	width: 10px;
	height: 10px;
}