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

body	{
	margin: 0;
	padding: 0;
	background: #000000 url(../images/stripe.gif) top repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 20px;
	color: #000000;
	font-size: 12px;
}
#wrapper	{
	width: 800px;
	margin:0 auto;
}
#container {
	background: #FFFFFF;
	width: 800px;
	float:left;
}
#header	{
	background: url(../images/header.jpg) top left no-repeat;
	width: 800px;
	height: 231px;
	float:left;
}
#nav {
	width: 660px;
	float: left;
	padding: 0 0 0 387px;
	margin: 0 70px 0 70px;
}
.nav-home	{
	float: left;
	height: 17px;
	width: 48px;
	margin: 0 40px 0 0;
}
.nav-portfolio	{
	float: left;
	height: 17px;
	width: 80px;
	margin: 0 40px 0 0;
}
.nav-portfolio a	{
	background: url(../images/portfolio2.jpg) top left no-repeat;
	float: left;
	height: 17px;
	width: 80px;
	border:none;
}
.nav-portfolio a:hover	{
	background: url(../images/portfolio.jpg) top left no-repeat;
	height: 17px;
	width: 80px;
	float: left;
	margin: 0;
}
.nav-contact	{
	float: left;
	height: 17px;
	width: 68px;
	margin: 0 40px 0 0;
}
#content	{
	width: 660px;
	float: left;
	margin: 30px 70px 0 70px;
}
#content-text	{
	width: 660px;
	float: left;
	margin: 60px 0 220px 0;
}
#content-text a	{
	color: #000000;
	text-decoration:none;
}
#content-text a:hover	{
	color: #a2968a;
	text-decoration:none;
}
#portfolionav	{
	width: 157px;
	height: 80px;
	float: left;
}
.portfolionav-identity	{
	float: left;
	width: 100px;
	height: 25px;
	margin: 30px 0 0 0;
}
.portfolionav-print	{
	float: left;
	width: 100px;
	height: 25px;
}
.portfolionav-web	{
	float: left;
	width: 100px;
	height: 25px;
}
#portfolio	{
	width: 503px;
	height: 380px;
	float: left;
}
#squarenav	{
	width: 660px;
	float: left;
	margin: 10px 70px 0 70px;
}
.squarenav-black	{
	background: url(../images/blacksquare.gif) top left no-repeat;
	width: 10px;
	height: 10px;
	float: right;
	margin: 0 1px;
}
.squarenav-grey	{
	background: url(../images/greysquare.gif) top left no-repeat;
	width: 10px;
	height: 10px;
	float: right;
	margin: 0 1px;
}
.squarenav-grey	a	{
	background: url(../images/greysquare.gif) top left no-repeat;
	width: 10px;
	height: 10px;
	float: right;
	margin: 0 1px;
}
.squarenav-grey a:hover	{
	background: url(../images/blacksquare.gif) top left no-repeat;
	width: 10px;
	height: 10px;
	float: right;
	margin: 0 1px;
}
.squarenav-right	{
	background: url(../images/right-arrow.jpg) top left no-repeat;
	width: 10px;
	height: 10px;
	float: right;
	margin: 0 0 0 1px;
}
.squarenav-right a	{
	background: url(../images/right-arrow.jpg) top left no-repeat;
	width: 10px;
	height: 10px;
	float: right;
	margin: 0 0 0 1px;
}
.squarenav-right a:hover	{
	background: url(../images/right-arrowblack.gif) top left no-repeat;
	width: 10px;
	height: 10px;
	float: right;
	margin: 0 0 0 1px;
}
.squarenav-left	{
	background: url(../images/left-arrow.jpg) top left no-repeat;
	width: 10px;
	height: 10px;
	float: right;
	margin: 0 0 0 1px;
}
.squarenav-left a	{
	background: url(../images/left-arrow.jpg) top left no-repeat;
	width: 10px;
	height: 10px;
	float: right;
	margin: 0 1px;
}
.squarenav-left a:hover	{
	background: url(../images/left-arrowblack.gif) top left no-repeat;
	width: 10px;
	height: 10px;
	float: right;
	margin: 0 1px;
}
.squarenav-visit	{
	color: #a2968a;
	text-align: left;
	font-size: 9px;
	float: left;
	margin: -10px 0 0 157px;
}
.squarenav-visit a	{
	color: #a2968a;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	float: left;
	text-decoration: none;
}
.squarenav-visit a:hover	{
	color: #000000;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	float: left;
}
#footer	{
	width: 800px;
	height: 41px;
	background: url(../images/footer.gif) no-repeat;
	float: left;
	margin: 40px 0 0 0;
	color: #a2968a;
	text-align: right;
	font-size: 8px;
}
.footer-text {
	padding: 15px 70px 0 0;
}