@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: 686868;
}
body {
	background-color: #FFF;
}
a img {border: none;
}
#button_home {
	position: absolute;
	top: 68px;
	left: 280px;
	width: 120px;
	height: 40px;
	display: block;
	background: url("PNG/Nav/button_home.png");
}
#button_home:hover {background: url("PNG/Nav/button_home_hover.png");
}
#button_home span {
	display: none;
}
#button_about {
	position: absolute;
	top: 68px;
	left: 400px;
	width: 120px;
	height: 40px;
	display: block;
	background: url("PNG/Nav/button_about.png");
}
#button_about:hover {background: url("PNG/Nav/button_about_hover.png");
}
#button_portfolio {
	position: absolute;
	top: 68px;
	left: 520px;
	width: 120px;
	height: 40px;
	display: block;
	background: url("PNG/Nav/button_portfolio.png");
}
#button_portfolio:hover {background: url("PNG/Nav/button_portfolio_hover.png");
}
#button_services {
	position: absolute;
	top: 68px;
	left: 640px;
	width: 120px;
	height: 40px;
	display: block;
	background: url("PNG/Nav/button_services.png");
}
#button_services:hover {background: url("PNG/Nav/button_services_hover.png");
}
#button_insight {
	position: absolute;
	top: 68px;
	left: 760px;
	width: 120px;
	height: 40px;
	display: block;
	background: url("PNG/Nav/button_insight.png");
}
#button_insight:hover {background: url("PNG/Nav/button_insight_hover.png");
}
#button_contact {
	position: absolute;
	top: 68px;
	left: 880px;
	width: 120px;
	height: 40px;
	display: block;
	background: url("PNG/Nav/button_contact.png");
}
#button_contact:hover {background: url("PNG/Nav/button_contact_hover.png");
}
a:link {
	color: #686868;
}
a:hover {
	color: #000;
}
a:visited {
	color: #686868;
}
#apDiv1 {
	position:absolute;
	left:116px;
	top:9px;
	width:155px;
	height:53px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:318px;
	top:65px;
	width:704px;
	height:54px;
	z-index:1;
}
#footer {
	z-index: 1
}
#apDiv3 {
	position:relative;
	top: -10px;
	left: 30px;
	width:399px;
	height:13px;
	z-index:1;
	color: #686868;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	z-index: 0;
}
#apDiv4 {
	position:relative;
	top: -22px;
	left: 530px;
	width:524px;
	height:13px;
	z-index:2;
	color:#686868;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
#Boxes {
	display:inline-block;
}
#Boxes h1 {
	margin: 20px;
	color: #686868;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-align: center;
	
}

#Boxes img {
	margin: 10px;
	margin-top: -10px;
}

#Boxes p {
	margin: 20px;
	margin-top: 0px;
	display: block;
	color: #686868;
	float: bottom right;
	text-align: right;
	z-index: 0;
}

#Boxes p img {
	float: left;
	margin-left: -15px;
}		
#Box1 {
	background: url("PNG/Box_straight.png");
	width: 250px;
	height: 190px;
	float: left;
	margin-top: -25px;
	position: relative;
	z-index: 0;
}

#Box2 {
	background: url("PNG/Box_straight.png");
	width: 250px;
	height: 190px;
	float: left;
	margin-top: -25px;
	position: relative;
	z-index: 0;
}
#Box3 {
	background: url("PNG/Box_straight.png");
	width: 250px;
	height: 190px;
	float: left;
	margin-top: -25px;
	z-index: 0;
	position: relative;
	z-index: 0;
}
#Box4 {
	background: url("PNG/Box_straight.png");
	width: 250px;
	height: 190px;
	float: left;
	margin-top: -25px;
	position: relative;
	z-index: 0;
}
	
#rollover1 {
	background: url("PNG/webdesign_bw.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 225px; 
	height: 170px;
	float: bottom;
	margin-top: -160px;
	margin-left: 10px;
	position: relative;
	z-index: 1;
}
a:hover #rollover1{
	background: url("PNG/webdesign.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	z-index: 1;
}
#rollover2 {
	background: url("PNG/social_bw.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 225px; 
	height: 170px;
	float: bottom;
	margin-top: -155px;
	margin-left: 0px;
	position: relative;
	z-index: 1;
}
a:hover #rollover2{
	background: url("PNG/social.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	z-index: 1;
}
#rollover3 {
	background: url("PNG/SEO_bw.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 225px; 
	height: 170px;
	float: left;
	margin-top: -165px;
	margin-left: 10px;
	position: relative;
	z-index: 1;
}
a:hover #rollover3{
	background: url("PNG/SEO.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	z-index: 1;
}
#rollover4 {
	background: url("PNG/blog_bw.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 225px; 
	height: 170px;
	float: left;
	margin-top: -155px;
	margin-left: 10px;
	position: relative;
	z-index: 1;
}
a:hover #rollover4{
	background: url("PNG/blog.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	z-index: 1;
}

#social {
	float: right;
	height: 24px;
	width: 200px;
	position: relative;
	top: 30px;
	margin-right: 0px;
}
#social li {
	display: inline;
	list-style-type: none;
}

#social ul li#facebook a {
	background: url("PNG/Icons/Facebook.png") no-repeat scroll center bottom transparent;
	float: left;
	height: 24px;
	width: 24px;
	margin: 0 3px;
}
#social ul li#facebook a:hover {
	background: url("PNG/Icons/facebook_color.png") no-repeat scroll center bottom transparent;
	float: left;
	height: 24px;
	width: 24px;
	margin: -10px 3px;
}

#social ul li#twitter a {
	background: url("PNG/Icons/twitter.png") no-repeat scroll center bottom transparent;
	float: left;
	height: 24px;
	width: 24px;
	margin: 0 3px;
}
#social ul li#twitter a:hover {
	background: url("PNG/Icons/twitter_color.png") no-repeat scroll center bottom transparent;
	float: left;
	height: 24px;
	width: 24px;
	margin: -10px 3px;
}
#social ul li#flickr a {
	background: url("PNG/Icons/flickr.png") no-repeat scroll center bottom transparent;
	float: left;
	height: 24px;
	width: 24px;
	margin: 0 3px;
}
#social ul li#flickr a:hover {
	background: url("PNG/Icons/flickr_color.png") no-repeat scroll center bottom transparent;
	float: left;
	height: 24px;
	width: 24px;
	margin: -10px 3px;
}
#social ul li#linkedin a {
	background: url("PNG/Icons/linkedin.png") no-repeat scroll center bottom transparent;
	float: left;
	height: 24px;
	width: 24px;
	margin: 0 3px;
}
#social ul li#linkedin a:hover {
	background: url("PNG/Icons/linkedin_color.png") no-repeat scroll center bottom transparent;
	float: left;
	height: 24px;
	width: 24px;
	margin: -10px 3px;
}
#social ul li#rss a {
	background: url("PNG/Icons/rss.png") no-repeat scroll center bottom transparent;
	float: left;
	height: 24px;
	width: 24px;
	margin: 0 3px;
}
#social ul li#rss a:hover {
	background: url("PNG/Icons/rss_color.png") no-repeat scroll center bottom transparent;
	float: left;
	height: 24px;
	width: 24px;
	margin: -10px 3px;
}
#wrap {
	margin: 0 auto;
	width: 1000px;
	bottom: 0px;
}
#nav {
	position:relative;
	top: -105px;
}