/* CSS Document */
html {
	height:100%;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #de8b37;
}
#main-wrapper {
	height: 713px;
	width: 840px;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
	background: #de8b37 url(../images/full-bg.jpg) top left no-repeat;
}
a img {border: 0;}
.hidden {display: none;}
h1 {
	position: relative;
	float: right;
	margin-right: 55px;
	margin-top: 48px;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
}
h1 a {
	text-indent: -5000px;
	display: block;
	overflow: hidden;
	height: 130px;
	width: 190px;
}
#main-menu {
	float: left;
	width: 541px;
	height: 95px;
	left: 62px;
	top: 53px;
	background: #fff url(../images/main-menu.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}
#main-menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 0px;
}
#main-menu li, #main-menu a{
	height: 95px;
	display: block;
}
#mm-about {left: 0px; width: 98px; text-indent: -5000px; overflow: hidden;}
#mm-portfolio {left: 98px; width: 122px; text-indent: -5000px; overflow: hidden;}
#mm-clients {left: 220px; width: 93px; text-indent: -5000px; overflow: hidden;}
#mm-process {left: 313px; width: 99px; text-indent: -5000px; overflow: hidden;}
#mm-contact {left: 412px; width: 129px; text-indent: -5000px; overflow: hidden;}

/* Sprite Hovers */
#mm-about a:hover {background: transparent url(../images/main-menu.jpg) -0px -95px no-repeat;}
#mm-portfolio a:hover {background: transparent url(../images/main-menu.jpg) -98px -95px no-repeat;}
#mm-clients a:hover {background: transparent url(../images/main-menu.jpg) -220px -95px no-repeat;}
#mm-process a:hover {background: transparent url(../images/main-menu.jpg) -313px -95px no-repeat;}
#mm-contact a:hover {background: transparent url(../images/main-menu.jpg) -412px -95px no-repeat;}

/* Sprite Hovers 
#mm-about a:hover {background: transparent url(../images/main-menu.jpg) -0px -190px no-repeat;}
#mm-portfolio a:hover {background: transparent url(../images/main-menu.jpg) -98px -190px no-repeat;}
#mm-clients a:hover {background: transparent url(../images/main-menu.jpg) -220px -190px no-repeat;}
#mm-process a:hover {background: transparent url(../images/main-menu.jpg) -313px -190px no-repeat;}
#mm-contact a:hover {background: transparent url(../images/main-menu.jpg) -412px -190px no-repeat;}
*/

body.home #menu-container, #portfolio-menu {
	float: right;
	width: 140px;
	height: 80px;
	left: 238px;
	top: 93px;
	background: #fff url(../images/portfolio-menu.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}
body.home #menu-container {background: none;}
#portfolio-menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
}
#portfolio-menu a{
	height: 23px;
	display: block;
}
#pm-web {left: 0px; top: 10px; height: 23px; width: 160px; text-indent: -5000px; overflow: hidden;}
#pm-print {left: 0px; top: 33px; height: 23px; width: 160px; text-indent: -5000px; overflow: hidden;}
#pm-identity {left: 0px; top: 56px; height: 23px; width: 160px;  text-indent: -5000px; overflow: hidden;}

/* Sprite Hovers */
#pm-web a:hover {background: transparent url(../images/portfolio-menu.jpg) -0px -90px no-repeat;}
#pm-print a:hover {background: transparent url(../images/portfolio-menu.jpg) -0px -113px no-repeat;}
#pm-identity a:hover {background: transparent url(../images/portfolio-menu.jpg) -0px -136px no-repeat;}

#side-contact {
	position: relative;
	left: -510px;
	top: 171px;
	background: #f9ba6d url(../images/phone-email.jpg) top left no-repeat;
	width: 25px;
	height: 335px;
	overflow: hidden;
	text-indent: -9000px;
}
#side-contact .email a{position: relative; height: 280px; width: 25px; top: 55px; display: block;}

#content-box {
	position: relative;
	float: left;
	left: 69px;
	top: 1px;
}
body.portfolio #content-box {top: 83px; left: 108px;}
.viewlarger {
	float: left;
	clear: left;
	margin-left: 50px;
	width: 127px;
	height: 17px;
}
.viewlarger a {
	display: block;
	text-indent: -4000px;
	overflow: hidden;
	background: transparent url(../images/viewlarger.gif) top left no-repeat;
	width: 127px;
	height: 17px;
}
.viewlarger a:hover {
	background-position: 0 -17px;
}
/*body.home #content-box {top: 83px;}*/
#photo-farm {
	position: relative;
	float: left;
	clear: left;
	top: 56px;
	display: block;
	left: 59px;
	height: 28px;
	width: 140px;
	background: transparent url(../images/photo-farm.jpg) top left no-repeat;
	overflow: hidden;
}
body.portfolio #photo-farm {top: 192px;}
#photo-farm a {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
	height: 28px;
	width: 140px;
	text-indent: -5000px;
	background: transparent url(../images/photo-farm.jpg) top left no-repeat;
	overflow: hidden;
}
#photo-farm a:hover {background: transparent url(../images/photo-farm.jpg) -0px -28px no-repeat;}
#copyright {
	position: absolute;
	background: transparent url(../images/copyright.gif) top left no-repeat;
	width: 12px;
	height: 171px;
}
.testimonials {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#411F01;
 text-align: left;
 width: 150px;
}