@charset "utf-8";
/* CSS Document */
body {
margin:0;
padding:0;
font:Verdana, Arial, Helvetica, sans-serif;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#header {
	background-image:none;
	position:relative;
	width:952px;
	height:100px;
	margin: 0 auto;
}

#header-logo {
	background-image:url(../images/focuscanvas_logo.png);
	position:relative;
	width:166px;
	height:100px;
	margin: 0 auto;
	float:left;
}
#header-headline {
	position:relative;
	width:774px;
	height:90px;
	margin: 0 auto;
	float:left;
	padding-top:10px;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-style: normal;
	line-height: normal;
	text-align:right;
	font-weight:100;
	}
	
	h2{
		font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: normal;
	line-height: normal;
	text-align:left;
	font-weight:100;
	}
	
	h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	text-align:left;
	font-weight:100;
	padding-left:20px;
	padding-top:20px;
	}
		h4{
		width:120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	text-align:left;
	font-weight:100;
	padding-left:30px;
	line-height: 22px;
	}
ul {
padding:0;
margin:0;
list-style:none;
}

#nav {
font-weight:bold;
background-image:url(nav.png);
text-align:left;
width:952px;
height: 28px;
margin:0 auto;
display: block;
overflow:hidden;
}

#nav li {display:inline;}

#nav li a {
padding-top: 28px;
float:left;
background-image:url(nav.png);
width:136px;
overflow:hidden;
height:0;
background-repeat:no-repeat;
font:small;
}

#home a {
background-position: 0 0;
}

#home a:hover {
background-position: 0 -28px;
}

#nav.home #home a {
background-position: 0 -28px;
}

#products a {
background-position: -136px 0;
}

#products a:hover {
background-position: -136px -28px;
}

#nav.products #products a {
background-position: -136px -28px;
}

#sizes a {
background-position: -272px 0;
}

#sizes a:hover {
background-position: -272px -28px;
}

#nav.sizes #sizes a {
background-position: -272px -28px;
}

#reviews a {
background-position: -408px 0;
}

#reviews a:hover {
background-position: -408px -28px;
}

#nav.reviews #reviews a {
background-position: -408px -28px;
}

#faq a {
background-position: -544px 0;
}

#faq a:hover {
background-position: -544px -28px;
}

#nav.faq #faq a {
background-position: -544px -28px;
}

#about a {
background-position: -680px 0;
}

#about a:hover {
background-position: -680px -28px;
}

#nav.about #about a {
background-position: -680px -28px;
}

#contact a {
background-position: -816px 0;
}

#contact a:hover {
background-position: -816px -28px;
}

#nav.contact #contact a {
background-position: -816px -28px;
}