/* CSS Document */
#container{width:960px; margin:0 auto;}

/** HEADER */
#header {
	width: 960px;
	height: 126px;
	margin: 0px auto;
	background: url(head.jpg) no-repeat center top;
}	
/** LOGO */
#logo {
	float: left;
	width: 460px;
	height: 140px;
	background: url(logo.png) no-repeat left top;
}
#logo h1, #logo p {
	margin: 0px;
	padding: 0px;
	line-height: normal;
	text-indent: -999em;
}
#logo h1 a {
	display: block;
	width: 100%;
	height: 130px;
}
/** MENU */
#menu {
	float: left;
	width:500px;
	height: 70px;
	margin-top:53px;
}
#menus ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menus li {
	display: inline;
}
#menus a {
	display: block;
	width:500px;
	float: left;
	height: 70px;
}
#menus span {
	display: none;
}

 /* main page */
#topbar{width:auto; display:block; height:5px;}
#main{width:auto; display:block; padding:10px 0;}
#columnone{width:450px; margin-right:20px; float:left;}
#columntwo{width:400px; margin-right:60px; float:left;}
#columnthree{width:30px; height:210px; float:left; padding-top:18px}

div.spacer{clear:both; height:10px; display:block;}

/** FOOTER */
#footer {
	width:auto;
	display:block;
	padding:10px 0;
}
#footer p {
	margin: 0px;
	padding: 10px 0px;
	text-align: center;
	line-height: normal;
	color: #666666;
}
#footer a {
	color:#333333;
	text-decoration:none;
}



/** menu items and hover **/
a.web {
	float:left;
	width: 77px;
	height: 70px;
	background: url(assetts/images/web.jpg) no-repeat 0 0px;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}
a:hover.web {background-position: 0 -70px;}

a.identity {
	float:left;
	width: 101px;
	height: 70px;
	background: url(assetts/images/identity.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}
a:hover.identity {background-position: 0 -70px;}

a.photography {
	float:left;
	width: 175px;
	height: 70px;
	background: url(assetts/images/photography.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}
a:hover.photography {background-position: 0 -70px;}

a.etc {
	float:left;
	width: 140px;
	height: 70px;
	background: url(assetts/images/etc.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}
a:hover.etc {background-position: 0 -70px;}

a.about {
	float:left;
	width: 30px;
	height: 70px;
	background: url(assetts/images/about.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}
a:hover.about {background-position: -30px 0;}

a.friends {
	float:left;
	width: 30px;
	height: 70px;
	background: url(assetts/images/friends.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}
a:hover.friends {background-position: -30px 0;}

a.contact {
	float:left;
	width: 30px;
	height: 70px;
	background: url(assetts/images/contact.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
}
a:hover.contact {background-position: -30px 0;}