body {
	background: #fff;
	margin:0px;
	}
	
/*div styles*/
#top {
	width: 100%;
	height: 70px;
}
#navbar {
	width: 906px;
	margin: auto;
	height: 70px;
}
#title {
	margin: auto;
	float: left;
	width: 250px;
	height: 70px;
}
#content {
	width: 100%;
	background-color: #FFFFFF;
	height: 500px;
}
#main {
	margin: auto;
	width: 900px;
	height: 500px;
}
#intro {
	margin: auto;
	width: 500px;
	height: 500px;
}
#header {
	width: 900px;
	height: 75px;
	text-align: center;
}
#thumbs {
	width: 900px;
	height: 380px;
	overflow-x: auto;
	overflow: auto;
}
#contactimg {
	width: 454px;
	height: 352px;
	margin: 10px auto auto;
}
#description {
	width: 900px;
	height: 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
	padding-bottom: 10px;
}
#description a{
	text-decoration: underline;
	color: #000;
}
#philosophy {
	margin: auto;
	width: 500px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #000;
}
#servwrap {
	margin: auto;
	width: 750px;
	padding-top: 30px;
	padding-left: 50px;
}
#services {
	float: left;
	width: 250px;
	margin: auto;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #000;
}
#media {
	width: 66px;
	height: 30px;
	margin: auto;
	padding: 0px;
}
#copyright {
	margin: auto;
	width: 500px;
	height: 30px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 9px;
	color: #000;
	text-align: center;
}


/* nav bar */
div#menu{
	margin: auto;
	float: left;
	width: 328px;
	height: 40px;
	}

a.menubutton#philosophy {
display:block; 
height:40px; 
width:100px; 
overflow:hidden; 
float:left;
}
a.menubutton#philosophy:hover { 
display:block; 
text-indent:-100px; 
}

a.menubutton#web-design {
margin: 0px;
display:block; 
height:40px; 
width:100px; 
overflow:hidden; 
float:left;
}
a.menubutton#web-design:hover { 
margin: 0px;
display:block; 
text-indent:-100px; 
}

a.menubutton#logos {
display:block; 
height:40px; 
width:70px; 
overflow:hidden; 
float:left;
}
a.menubutton#logos:hover { 
display:block; 
text-indent:-70px; 
}

a.menubutton#print {
display:block; 
height:40px; 
width:55px; 
overflow:hidden; 
float:left;
}
a.menubutton#print:hover { 
display:block; 
text-indent:-55px; 
}

a.menubutton#services {
display:block; 
height:40px; 
width:80px; 
overflow:hidden; 
float:left;
}
a.menubutton#services:hover { 
display:block; 
text-indent:-80px; 
}

a.menubutton#newsblog {
display:block; 
height:40px; 
width:90px; 
overflow:hidden; 
float:left;
}
a.menubutton#newsblog:hover { 
display:block; 
text-indent:-90px; 
}

a.menubutton#contact {
display:block; 
height:40px; 
width:80px; 
overflow:hidden; 
float:left;
}
a.menubutton#contact:hover { 
display:block; 
text-indent:-80px; 
}

a.menubutton#home {
display:block; 
height:40px; 
width:65px; 
overflow:hidden; 
float:left;
}
a.menubutton#home:hover { 
display:block; 
text-indent:-65px; 
}

img.menuimg{
border:none;
}
img.social {
	margin-right: 4px;
	margin-left: 4px;
	float:left;
	border: none;
}
img.logo {
	margin: 25px;
	float:left;
}

/*text*/
h1,h2,h3,h4 {
	font-color: #000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #000;
	margin: 5px;
	}
.website {
	margin: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #333;
}
.website a {
	text-decoration: underline;
	color: #000;
}
.website a:hover {
	text-decoration: underline;
	color: #000;
}
.print {
	margin: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #333;
	text-align: center;
}
.servelist {
	margin: 3px;
	list-display: disc;
}