h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }

body {
	margin: 5px 0 5px 0;
	background: #857a83;
}
.clear {
	clear: both;
}

.alignCenter {
	width: 835px;
	margin: 0px auto;
	text-align: left;
}

.container {
	width: 835px;
	margin: 0px auto;
	text-align: left;
}

.regionHeader {
	background: #4b3b44;
	height: 100px;
}
.regionHeader .logo {
	float: right;
	text-indent: -9000px;
	background: url('../images/orangelogo.png') no-repeat;
	width: 198px;
	height: 50px;
	margin: 24px 40px 0 0;
}

#about .regionHeader .logo {
	background-image: url('../images/greenlogo.png');
}
#services .regionHeader .logo {
	background-image: url('../images/pinklogo.png');
}
#team .regionHeader .logo {
	background-image: url('../images/bluelogo.png');
}
#gallery .regionHeader .logo {
	background-image: url('../images/yellowlogo.png');
}


.regionNav {
	border-top: 4px solid #684956;
}
.regionNav ul {
	list-style: none;
	height: 30px;
}
.regionNav ul li {
	display: inline;
	font-family: Arvo, arial, helvetica, sans-serif;
}
.regionNav ul li a {
	display: block;
	float: left;
	background: url('../images/nav-sprite.png') no-repeat;
	border-left: 6px solid #684956;
	padding-left: 5px;
	width: 157px;
	color: #fff;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
}
.regionNav ul li:first-child a {
	border-left: 0;
}
#about .regionNav ul li.about a,
.regionNav ul li.about a:hover {
	background-position: -162px 0;
}
#services .regionNav ul li.services a,
.regionNav ul li.services a:hover {
	background-position: -324px 0;
}

#team .regionNav ul li.team a,
.regionNav ul li.team a:hover {
	background-position: -486px 0;
}

#contact .regionNav ul li.contact a,
.regionNav ul li.contact a:hover {
	background-position: -648px 0;
}

#gallery .regionNav ul li.gallery a,
.regionNav ul li.gallery a:hover {
	background-position: -810px 0;
}
.regionNav ul li.gallery a {
	border-right: 1px solid #684956;	
}

span.email {
	color: #f2933f;
	font-size:16px;
	font-weight:bold;
}
span.phone {
	font-size:16px;
	font-weight:bold;
}
.regionContent {
	background: #684956;
	padding: 40px 40px 20px 40px;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	overflow: hidden;
	clear:both;
}
.regionContent p {
	font-family: arial, helvetica, sans-serif;
	line-height: 22px;
}
body#about .regionContent p  {
	font-size: 17px;
}
.regionContent a {
	color: #000;
	text-decoration: none;
}
.regionContent a:hover {
	color: #666;
}

#homepageProducts {
	width: 756px;
	height: 173px;
	margin: 0 0 30px 20px;
	background-color:#665864;
}

h1 {
	font-family: Arvo, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 36px;
	color: #fff;
	margin: 10px 0 20px 0;
}

table.portfolio td {
	padding: 3px;
	
}

.columnLeft {
	float: left;
	width: 230px;
	margin: -20px 0 0 0;
	padding: 0 0 0 60px;
}
.columnRight {
	float: right;
	text-align: left;
	width: 400px;
}
.columnLeft a {
	color: #fff;
}
.columnLeft a:hover {
	color: #666;
}

.servicesContainer {
	width: 170px;
	padding: 0 7px 0 11px ;
	float:left;
}

.servicesContainer  ul{
	text-indent: 0px;
	font-size: 11px;
	padding: 0 10px 0 30px;
}

.servicesContainer h1{
	text-indent: -9000px;
	height: 170px;
	width: 170px;
}

.servicesContainer #design h1{
	background: url('../images/services/design.png') no-repeat;
}

.servicesContainer #sourcing h1{
	background: url('../images/services/sourcing.png') no-repeat;
}

.servicesContainer #manufacturing h1{
	background: url('../images/services/manufacturing.png') no-repeat;
}

.servicesContainer #marketing h1{
	background: url('../images/services/marketing.png') no-repeat;
}

.formContact fieldset {
	border: 0;
	margin: 20px 0 0 0;
}
.formContact ul {
	list-style: none;
}
.formContact ul li {
	margin: 0 0 8px 0;
}
.formContact ul li label {
	display: block;
	float: left;
	width: 90px;
	padding: 0 10px 0 0;
	text-align: right;
	line-height: 20px;
}
.formContact ul li input {
	width: 281px;
	height: 18px;
	background: #8e838c;
	border: 0;
	padding: 2px 4px 2px 4px;
	font-size: 12px;
	font-weight: bold;
}
.formContact ul li input.submit {
	background: #f2933f;
	color: #fffcff;
	width: 289px;
	height: 20px;
}
.formContact ul li textarea {
	width: 281px;
	height: 90px;
	background: #8e838c;
	border: 0;
	padding: 2px 4px 2px 4px;
	font-size: 12px;
	font-weight: bold;
}

.teamContainer .personImg{
	float:left;	
}

.teamContainer .person{
	float: left;
	width: 321px;
	height:172px;
	margin: 0 30px 30px 25px;
	text-indent:-9000px;
}

.teamContainer .person a{
	display:block;
	height:172px;
}

.workContainer a{
	float: left;
	display:block;
	width: 311px;
	height:172px;
	margin: 0 40px 30px 25px;
}

.workColLeft {
	float:left;
	width: 540px;
	padding: 0 30px 0 20px; 
}
.workColLeft h2 {
	font-size: 16px;
	font-weight:bold;
}

.workColLeft ul {
	padding: 0 0 0 50px;
}

.workColLeft p.bold {
	font-weight:bold;
}

.workColRight {
	float:left;
	width: 160px;
}

.workColRight img{
	padding: 30px 0 0 0;
}


.teamContainer .person #andrew{
	background: url('../images/people/andrew.png') no-repeat;
}
.teamContainer .person #mark{
	background: url('../images/people/mark.png') no-repeat;
}
.teamContainer .person #suzanne{
	background: url('../images/people/suzanne.png') no-repeat;
}
.teamContainer .person #paley{
	background: url('../images/people/paley.png') no-repeat;
}

.teamContainer .personDetail {
	float: left;
	margin: 0 0 0 40px;
	width: 520px;
}
.teamContainer .personDetail ul {
	text-indent: 40px;
	margin: 10px 0 10px 0;	
}
.teamContainer .personDetail ul li {
	line-height: 18px;
	font-size: 11px;
}
.teamContainer .personDetail ul li ul {
	text-indent: 60px;
	margin: 0;
}
.teamContainer h2 {
	font-size: 14px;
}
.teamContainer h3 {
	font-size: 13px;
	border: 0;
	color: #fff;
}
.teamContainer p {
	margin: 5px 0 0 0;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
}

.regionFooter {
	height: 65px;
	background: url('../images/footer.png') no-repeat;
	display: block;
	text-indent: -9000px;
}

.clientName {
	color:#E5A431;
	font-weight:bold;
}

/*
#slider1 .panel img {
	width: 720px;	
}*/

#slideshow {
    position:relative;
    height: 220px;
    left: -15px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}