@import url(reset.css);
@import url(960.css);
@import url(fonts.css);

/* generic styles */
body {
	background: #fff url('../images/top-gradient4.jpg') repeat-x;
	font-family: arial, 'helvetica neue', helvetica, sans-serif;
	font-size: 13px;
	color: #797a7f;
}
h1, h2, h3 {
	line-height: 1.2;
}
h1, p {
	margin-bottom: 20px;
}
h2, h3 {
	margin-bottom: 10px;
}
a {
	color: #797a7f;;
	font-weight: normal;
}
h1 {
	color: #514034;
	font: 25px 'Colaborate-ThinRegular', Arial, sans-serif;letter-spacing: 0;
}
#home-intro h1 {
	font-size: 35px;
}
p {
	line-height: 1.5;
}
h2 {
	font: 16px 'Colaborate-ThinRegular', Arial, sans-serif;letter-spacing: 0;	
	color: #B6B88B;
}
#header {
    margin-top: 45px;
}
#footer {
	margin-top: 30px;
	padding-top: 35px;
	text-align: left;
	background: #3e3e3e url('../images/grass-border.jpg') repeat-x top;
	height: 100px;
}
#footer h2 {
	font-size: 14px;
	margin-bottom: 5px;
}
#footer p  {
	color: #ccc;
	font-size: 11px
}
#footer a {
	text-decoration: none;
	color: #ccc;	
}
#footer a:hover {
	text-decoration: underline;
}
#footer #copyright {
	text-align: right; 
}
#footer-border {
	background: url('../images/footer-bottom-bg.jpg') repeat-x;
	height: 4px;
}
#page 
{
	margin-top: 40px;
}
.note {
	font-size: 11px;
}
/* navigation */
#nav {
	margin-top: 80px;
	padding-bottom: 4px;
	border-bottom: 1px solid #b6b88b;
}
#nav ul { 
	float:right
}
#nav { 
/* 	margin-left: -15px; */
}
#nav ul li {
	float: left;
	display: block;
	background: none;
	margin-left: 20px;
}
#nav ul li a {
	color: #b6b88b;
	text-decoration: none;
	font: 16px 'Colaborate-ThinRegular', Arial, sans-serif;	
}
#nav ul li a.active {
	color: #21417f;
}
#nav ul li a:hover {
	color: #21417f;
}

/* other navigational buttons */
a.button-cta {
	background: #2262a2 url('../images/button-cta.jpg') no-repeat;
	text-align: center;
	width: 193px;
	height: 22px;
	text-decoration: none;
	display: block;
	color: #fff;
	padding-top: 6px;
	font: 16px 'Colaborate-ThinRegular', Arial, sans-serif;letter-spacing: 0;		
}
a.button-cta:hover {
/*	text-decoration: underline; */
	background: #2262a2 url('../images/button-cta-hover.jpg') no-repeat;	
	color: #514034;
}
a.button-prev {
	width: 30px;
	height: 30px;
	display: block;	
	background: url('../images/button-prev.gif');
	float: left;
	margin-top: 150px;
	margin-right: 1px;
}
a.button-prev:hover {
	background: url('../images/button-prev-hover.gif');
}
a.button-next {
	width: 30px;
	height: 30px;
	display: block;
	background: url('../images/button-next.gif') ;
	float: left;
	margin-top: 150px;	
	margin-left: 1px;
}
a.button-next:hover {
	background: url('../images/button-next-hover.gif');
}
#home-content { 
	text-align: right;
	margin-top: 20px;
	margin-bottom: 20px;
}
.blue-border {
	margin-bottom: 10px;
}
#about .blue-border {
	border: 1px solid #b6b88b;
	padding: 3px;	
}
#home-content .blue-border {
	margin-left: 10px;
}
/* home */
#home-intro {
	margin-top: 50px;
}
/* contact */
#contact h3 {
	margin-bottom: 3px;
}
/* testimonials & press*/
#testimonials
{
	background: url('../images/testimonial-bg.jpg') no-repeat;
	padding: 20px, 0;
	width: 455px;
	height: auto;
	color: #444;
	float: left;
}
#testimonials li {
	margin: 15px;
	height: 540px;	
}
#testimonials p {
	font-size: 12px;
}
p.footnote, h2.headnote {
	margin-left: 31px;
}
#next, #prev {
	float: left;
	display: block;
}
#press h3, #press p, #press a {
	margin-bottom: 0px; 
/*	font-size: 11px;*/
	line-height: 1.5;	
}
ul#press li
{
	margin-bottom: 20px;
}
#press-column h2 {
	margin-top: 10px;
}
#press-column .blue-border {
	margin-left: -10px;
}
/* press file icons */
a.pdf {
	background: url("../images/file-red.gif") no-repeat;
	padding-left: 16px;
}
a.ppt {
	background: url("../images/file-blue.gif") no-repeat;
	padding-left: 16px;
}
a.jpg {
	background: url("../images/file-orange.gif") no-repeat;
	padding-left: 16px;
}
a.external {
	background: url("../images/window.gif") no-repeat;
	padding-left: 16px;
}
/* latest projects */
ul.list {
	margin-top: 10px;
	margin-bottom: 15px;
}
ul.list li {
	margin-bottom: 5px;
}
#project {
	overflow: hidden;
	margin-bottom: 20px;
}
#project ul.project-images {
	width: 244px;
	float: left;
}
#project p {
	margin-bottom: 5px;
}
.project-images li
{	
	float: left !important;
}
.project-images img
{
	padding: 3px;	
	border: 1px solid #b6b88b;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 90px
}
ul.project-images {
	margin: 0 !important;
}

#project ul, #project p {
	margin-bottom: 10px;
}
#project li {
	margin-left: 20px;
	list-style-position: inside;
}
#project-sidebar h3 {
	margin-top: 20px;
}
h1.prev-projects {
	margin-top: 40px;
}
/* process */
#process-images img {
	margin-bottom: 30px;
}
#process-images .blue-border {
	margin-left: 10px;
}
#process li, #project li
{
	list-style-type: circle;
	line-height: 1.5;
	list-style-position:inside;	
}