html,
body
{
	font: 11px/135% "Helvetica", "Trebuchet MS", Verdana, sans-serif;
	line-height: 135%;
	background-color: #fff;
	color: #000;
}

a { color: #333; }

hr,
p { margin-bottom: .75em; }

p strong { font-weight: bold !important; }
p.title { margin-bottom: 0 !important; }

#hd
{
	position: relative;
	margin-top: 2em;
}

#hd h1 {
	background: url('../images/iandersoncreative.png') no-repeat scroll top left;
	width: 304px;
	height: 34px;
	position: relative;
	left: 447px;
}
	#hd h1 span { display: none; }
	
#surfer {
	background: url('../images/div-surfer.png') no-repeat scroll top left;
	float: left;
	display: inline;
	width: 212px;
	height: auto;
}

	#surfer p
	{
		margin: 100px 0 0 25px !important;
	}

#right {
	background: url('../images/div-right.png') no-repeat scroll top left;
	float: left;
	display: inline;
	width: 616px;
	height: 150px;
	z-index: 1;
}

ul#works { padding-bottom: .5em; }

ul#works li
{
	float: left;
	display: inline;
}

ul#works li a {
	display: block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin: 1em .65em .25em;
	border: 1px solid #000;
}

ul#works li a:hover { border: 1px solid #999; }

#home {
	background: url('../images/img-home.png') no-repeat scroll top left;
	width: 750px;
	height: 272px;
}

#footer-stipe-tex {
	background: url('../images/footer-stipe-tex.png') no-repeat scroll top left;
	float: left;
	display: inline;
	position: relative;
	width: 579px;
	height: 184px;
}

#footer-stipe {
	background: url('../images/footer-stipe.png') no-repeat scroll top left;
	float: left;
	display: inline;
	position: relative;
	width: 579px;
	height: 184px;
}
	#footer-stipe-tex p,
	#footer-stipe p
	{
		position: relative;
		top: 108px;
	}
		#footer-stipe p img { padding-right: 1em; }

#footer-sayitloud {
	background: url('../images/footer-sayitloud.png') no-repeat scroll top left;
	float: left;
	display: inline;
	width: 222px;
	height: 184px;
}

#nav {
	background: url('../images/actual-nav.png') no-repeat top left;
	width: 350px;
	height: 32px;
	position: relative;
	top: 42px;
	left: 160px;
}

#nav li
{
	float: left;
	display: inline;
}

#nav li a
{
	display: block;
	width: 100%;
	height: 27px;
}

#nav li a span { display: none; }

#nav li#btn-1 { width: 89px; }
#nav li#btn-2 { width: 79px; }
#nav li#btn-3 { width: 85px; }
#nav li#btn-4 { width: 97px; }
	
#nav li#btn-1 a:hover { background: url('../images/actual-nav.png') no-repeat left -32px; }
#nav li#btn-2 a:hover { background: url('../images/actual-nav.png') no-repeat -89px -32px; }
#nav li#btn-3 a:hover { background: url('../images/actual-nav.png') no-repeat -168px -32px; }
#nav li#btn-4 a:hover { background: url('../images/actual-nav.png') no-repeat -253px -32px; }
	
.clear
{
	clear: both;
	width: 100%;
	height: 0;
	overflow: hidden;
}

img.img-left
{
	float: left;
	display: inline;
	margin: 0 .75em .25em 0;
}

.frametop { background: url('../images/nw.png') no-repeat top left; }

.frametop div
{
	font-size: 0;
	background: url('../images/ne.png') no-repeat top right;
	height: 73px;
}

.framebottom { background: url('../images/sw.png') no-repeat bottom left; }

.framebottom div
{
	font-size: 0;
	background: url('../images/se.png') no-repeat bottom right;
	height: 74px;
}