/* structure */

body {
	margin-top:0px;
}

#frame {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index:0;
}

#background {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index:-1;
}

#nav-background {
	background:url(images/nav-bg.png) repeat-x;
	width:100%;
	height:35px;
}

#nav {
	position:absolute;
	float:left;
	margin-left:80px;
	margin-top:-22px;
	z-index:1;
}

.logo {
	position:relative;
	margin-top:65px;
	margin-left:0px;
	z-index:1;
}

.logo-followon {
	position:relative;
	margin-top:70px;
	margin-left:0px;
	z-index:1;
}


/* navigation */

ul {
	list-style:none;
	display:inline;
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	}
	
li {
	float:left;
	display:inline;
	height:11px;
}
	
li a:link, li a:visited {
	text-indent:-3000px;
	overflow:hidden;
	display:block;
	}
	
li.about a:link, li.about a:visited {
	background:url(images/about.png) 0 0 no-repeat;
	width:37px;
	}
	
li.about a:link:hover, li.about a:visited:hover {
	background:url(images/about2.png) 0 0 no-repeat;
	}
	
li.arrow {
	background:url(images/arrow.gif) 0 0 no-repeat;
	width:18px;
	}
		
li.approachable a:link, li.approachable a:visited {
	background:url(images/about-approachable.png) 0 0 no-repeat;
	width:68px;
	}
	
li.approachable a:link:hover, li.approachable a:visited:hover {
	background:url(images/about-approachable2.png) 0 0 no-repeat;
	}
	
li.mature a:link, li.mature a:visited {
	background:url(images/about-mature.png) 0 0 no-repeat;
	width:46px;
	}

li.mature a:link:hover, li.mature a:visited:hover {
	background:url(images/about-mature2.png) 0 0 no-repeat;
	}
	
li.passionate a:link, li.passionate a:visited {
	background:url(images/about-passionate.png) 0 0 no-repeat;
	width:64px;
	}

li.passionate a:link:hover, li.passionate a:visited:hover {
	background:url(images/about-passionate2.png) 0 0 no-repeat;
	}
	
li.calm a:link, li.calm a:visited {
	background:url(images/about-calm.png) 0 0 no-repeat;
	width:38px;
	}

li.calm a:link:hover, li.calm a:visited:hover {
	background:url(images/about-calm2.png) 0 0 no-repeat;
	}
	
li.collaborative a:link, li.collaborative a:visited {
	background:url(images/about-collaborative.png) 0 0 no-repeat;
	width:72px;
	}

li.collaborative a:link:hover, li.collaborative a:visited:hover {
	background:url(images/about-collaborative2.png) 0 0 no-repeat;
	}

li.work a:link, li.work a:visited {
	background:url(images/work.png) 0 0 no-repeat;
	width:32px;
	margin-left:30px;
	}

li.work a:link:hover, li.work a:visited:hover {
	background:url(images/work2.png) 0 0 no-repeat;
	}
	
li.branding a:link, li.branding a:visited {
	background:url(images/portfolio-branding.png) 0 0 no-repeat;
	width:53px;
	}

li.branding a:link:hover, li.branding a:visited:hover {
	background:url(images/portfolio-branding2.png) 0 0 no-repeat;
	}

li.design a:link, li.design a:visited {
	background:url(images/portfolio-design.png) 0 0 no-repeat;
	width:46px;
	}

li.design a:link:hover, li.design a:visited:hover {
	background:url(images/portfolio-design2.png) 0 0 no-repeat;
	}
	
li.illustration a:link, li.illustration a:visited {
	background:url(images/portfolio-illustration.png) 0 0 no-repeat;
	width:62px;
	}

li.illustration a:link:hover, li.illustration a:visited:hover {
	background:url(images/portfolio-illustration2.png) 0 0 no-repeat;
	}
	
li.interactive a:link, li.interactive a:visited {
	background:url(images/portfolio-interactive.png) 0 0 no-repeat;
	width:53px;
	}

li.interactive a:link:hover, li.interactive a:visited:hover {
	background:url(images/portfolio-interactive2.png) 0 0 no-repeat;
	}



li.contact a:link, li.contact a:visited {
	background:url(images/contact.png) 0 0 no-repeat;
	width:49px;
	margin-left:30px;
	margin-right:40px;
	}

li.contact a:link:hover, li.contact a:visited:hover {
	background:url(images/contact2.png) 0 0 no-repeat;
	}
	
li.careers a:link, li.careers a:visited {
	background:url(images/nav-careers.png) 0 0 no-repeat;
	width:48px;
	margin-left:30px;
	}

li.careers a:link:hover, li.careers a:visited:hover {
	background:url(images/nav-careers2.png) 0 0 no-repeat;
	}
	
li.blog a:link, li.blog a:visited {
	background:url(images/nav-blog.png) 0 0 no-repeat;
	width:28px;
	margin-left:30px;
	}

li.blog a:link:hover, li.blog a:visited:hover {
	background:url(images/nav-blog2.png) 0 0 no-repeat;
	}
	
		
li.facebook {
	width:60px;
	margin-left:30px;
	margin-top:-6px;
	}	
	
li.twitter {
	width:60px;
	margin-left:30px;
	margin-top:-6px;
	}	

/* 2nd-level structure */

#container {
	height:960px;
	z-index:1;
	}
	
.content {
	background:url(images/content-bg.png) repeat;
	height:100%;
	width:204px;
	margin-left:-20px;
	margin-top:49px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:20px;
	z-index:1;
 	}
	
#staff {
	position:absolute;
	z-index:1;
	margin-left:370px;
	margin-top:-45px;
	width:420px;
	}
	
.row1 {
	position:relative;
	float:left;
	margin-left:0;
	margin-top:90px;
	}
	
.row2 {
	position:relative;
	float:left;
	margin-left:0;
	margin-top:90px;
	}
	
.row3 {
	position:relative;
	float:left;
	margin-left:0;
	margin-top:90px;
	}
	
.row4 {
	position:relative;
	float:left;
	margin-left:0;
	margin-top:90px;
	}
	
.row5 {
	position:relative;
	float:left;
	margin-left:0;
	margin-top:90px;
	}
	
/* text styling */

h1 {
	}
	
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#5f605e;
	padding-left:1px;
	}
	
h1.single {
	margin-top:10px;
	}
	
h1.tight {
	margin-top:-5px;
	}
	
a, a:link, a:visited {
	color:#db8e2e;
	text-decoration:none;
	}
	
a:hover, a:link:hover, a:visited:hover {
	color:#db8e2e;
	text-decoration:underline;
	}
		
	
/* staff photos */

#staff ul {
	list-style:none;
	display:inline;
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	}
	
#staff li {
	float:left;
	display:inline;
	width:110px;
	margin-right:30px;
}

li.active-staff {
	}

	
li.leigh a:link, li.leigh a:visited {
	background:url(images/staff-leigh.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.leigh a:link:hover, li.leigh a:visited:hover {
	background:url(images/staff-leigh2.jpg) 0 0 no-repeat;
	}
	
li.peter a:link, li.peter a:visited {
	background:url(images/staff-peter.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.peter a:link:hover, li.peter a:visited:hover {
	background:url(images/staff-peter2.jpg) 0 0 no-repeat;
	}

li.pip a:link, li.pip a:visited {
	background:url(images/staff-pip.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.pip a:link:hover, li.pip a:visited:hover {
	background:url(images/staff-pip2.jpg) 0 0 no-repeat;
	}
	
li.kate a:link, li.kate a:visited {
	background:url(images/staff-kate.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.kate a:link:hover, li.kate a:visited:hover {
	background:url(images/staff-kate2.jpg) 0 0 no-repeat;
	}
	
li.heather a:link, li.heather a:visited {
	background:url(images/staff-heather.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.heather a:link:hover, li.heather a:visited:hover {
	background:url(images/staff-heather2.jpg) 0 0 no-repeat;
	}

li.annette a:link, li.annette a:visited {
	background:url(images/staff-annette.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.annette a:link:hover, li.annette a:visited:hover {
	background:url(images/staff-annette2.jpg) 0 0 no-repeat;
	}
	
li.alick a:link, li.alick a:visited {
	background:url(images/staff-alick.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.alick a:link:hover, li.alick a:visited:hover {
	background:url(images/staff-alick2.jpg) 0 0 no-repeat;
	}

li.diane a:link, li.diane a:visited {
	background:url(images/staff-diane.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.diane a:link:hover, li.diane a:visited:hover {
	background:url(images/staff-diane2.jpg) 0 0 no-repeat;
	}
	
li.katie a:link, li.katie a:visited {
	background:url(images/staff-katie.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.katie a:link:hover, li.katie a:visited:hover {
	background:url(images/staff-katie2.jpg) 0 0 no-repeat;
	}
	
li.jeremy a:link, li.jeremy a:visited {
	background:url(images/staff-jeremy.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.jeremy a:link:hover, li.jeremy a:visited:hover {
	background:url(images/staff-jeremy2.jpg) 0 0 no-repeat;
	}
	
li.marcy a:link, li.marcy a:visited {
	background:url(images/staff-marcy.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.marcy a:link:hover, li.marcy a:visited:hover {
	background:url(images/staff-marcy2.jpg) 0 0 no-repeat;
	}
	
li.sarah a:link, li.sarah a:visited {
	background:url(images/staff-sarah.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.sarah a:link:hover, li.sarah a:visited:hover {
	background:url(images/staff-sarah2.jpg) 0 0 no-repeat;
	}

li.jenn a:link, li.jenn a:visited {
	background:url(images/staff-jenn.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.jenn a:link:hover, li.jenn a:visited:hover {
	background:url(images/staff-jenn2.jpg) 0 0 no-repeat;
	}

li.lydia a:link, li.lydia a:visited {
	background:url(images/staff-lydia.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.lydia a:link:hover, li.lydia a:visited:hover {
	background:url(images/staff-lydia2.jpg) 0 0 no-repeat;
	}

li.trish a:link, li.trish a:visited {
	background:url(images/staff-trish.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.trish a:link:hover, li.trish a:visited:hover {
	background:url(images/staff-trish2.jpg) 0 0 no-repeat;
	}
	
li.nick a:link, li.nick a:visited {
	background:url(images/staff-nick.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.nick a:link:hover, li.nick a:visited:hover {
	background:url(images/staff-nick2.jpg) 0 0 no-repeat;
	}

li.aneta a:link, li.aneta a:visited {
	background:url(images/staff-aneta.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.aneta a:link:hover, li.aneta a:visited:hover {
	background:url(images/staff-aneta2.jpg) 0 0 no-repeat;
	}
	
li.michael a:link, li.michael a:visited {
	background:url(images/staff-michael.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.michael a:link:hover, li.michael a:visited:hover {
	background:url(images/staff-michael2.jpg) 0 0 no-repeat;
	}
	
li.matt a:link, li.matt a:visited {
	background:url(images/staff-matt.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.matt a:link:hover, li.matt a:visited:hover {
	background:url(images/staff-matt2.jpg) 0 0 no-repeat;
	}	
	
li.sam a:link, li.sam a:visited {
	background:url(images/staff-sam.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.sam a:link:hover, li.sam a:visited:hover {
	background:url(images/staff-sam2.jpg) 0 0 no-repeat;
	}	

li.neil a:link, li.neil a:visited {
	background:url(images/staff-neil.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.neil a:link:hover, li.neil a:visited:hover {
	background:url(images/staff-neil2.jpg) 0 0 no-repeat;
	}		
	
li.claire a:link, li.claire a:visited {
	background:url(images/staff-claire.jpg) 0 0 no-repeat;
	height:73px;
	}
	
li.claire a:link:hover, li.claire a:visited:hover {
	background:url(images/staff-claire2.jpg) 0 0 no-repeat;
	}	
	
/* portfolio */

#portfolio-image {
	position:absolute;
	z-index:1;
	margin-left:346px;
	margin-top:47px;
	width:514px;
	float:right;
	}
	
img.thumb {
	margin-top:10px;
	}
	
img.big {
	float:right;
	}
	
.portfolio-arrows {
	z-index:1;

}

#portfolio-image ul {
	list-style:none;
	display:inline;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	float:right;
	}
	
#portfolio-image li {
	display:inline;
	width:8px;
	margin-left:2px;
	margin-bottom:10px;
}

li.number {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5f605e;
	margin-right:18px;
}

li.arrow-left a:link, li.arrow-left a:visited {
	background:url(images/portfolio-arrow-left.gif) 0 0 no-repeat;
	height:9px;
	}
	
li.arrow-left a:link:hover, li.arrow-left a:visited:hover {
	background:url(images/portfolio-arrow-left2.gif) 0 0 no-repeat;
	}

li.arrow-right a:link, li.arrow-right a:visited {
	background:url(images/portfolio-arrow-right.gif) 0 0 no-repeat;
	height:9px;
	}
	
li.arrow-right a:link:hover, li.arrow-right a:visited:hover {
	background:url(images/portfolio-arrow-right2.gif) 0 0 no-repeat;
	}
	
/* contact page form */
	
#contact {
position:absolute;
z-index:1;
margin-left:180px;
margin-top:71px;
width:170px;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#5f605e;
	background-color: #FFFFFF;
	height: 17px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:170px;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#5f605e;
	background-color: #FFFFFF;
	height: 14px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 167px;
	margin-top: 5px;
	padding-left:3px;
	padding-top:3px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#5f605e;
	background-color: #FFFFFF;
	height: 250px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 167px;
	margin-top: 5px;
	padding-left:3px;
	padding-top:3px;
}

.send {
	width: 40px;
	padding-top:0px;
	height: 17px;
	cursor:pointer;
}