
@import url(typography.css);


/* General */
body{
	text-align:center;
	margin:0;
	padding:0;
	}
	
#positionWrap{
	margin:0 auto;
	width:900px;
	text-align:left;
	}
a, a img{
	border:none;
	outline:none;
	text-decoration:none;
	}	
.clear{clear:both;}	
	

#logo{margin:10px 0 10px 20px;}	

.featureDivider{
	margin:10px 0 20px;
	}
li{margin-bottom:10px;}


/* Main Navigation */

#mainNav{
	background-image:url(images/bannerBg.gif);
	background-repeat:no-repeat;
	width:900px;
	height:73px;
	float:left;
	}
#mainNav ul{
	padding:0;
	margin:48px 0 0;
	float:left;
	}
#mainNav li{
	list-style-type:none;
	display:inline;
	}

/* Main Content */
#content{
	border-left:1px solid #74bbce;
	border-right:1px solid #74bbce;
	background-image:url(images/contentBg.gif);
	width:898px;
	}
	
#copy{
	float:right;
	width:495px;
	padding:135px 30px 30px;
	background-repeat:no-repeat;
	background-color:#f5f5f5;
}

#features{
	width:283px;
	padding:30px;
	float:left;
	display:inline;
}



/* footer */
#footer{
	background-image:url(images/footerBg.gif);
	background-repeat:no-repeat;
	width:900px;
	height:73px;
	padding:20px;
	text-align:center;
	}
#footer ul{
	padding:0;
	margin:5px 0;
	}
#footer li{
	display:inline;
	list-style-type:none;
	margin:0 15px;
}	
	
	
	
/* Page Specific */
#indexPage #mainNav{
	background-image:url(images/indexBannerBg.jpg);
	}
#indexPage #copy{
	background-image:url(images/indexCopyBg.jpg);
	padding:185px 30px 30px;
}

#servicesPage #copy{
	background-image:url(images/servicesCopyBg.jpg);
}
.highlight{
	width:225px;
	margin:0 20px 0 0;
	float:left;
	}
#servicesPage #copy{background-image:url(images/servicesCopyBg.jpg);}
#aboutPage #copy{ background-image:url(images/aboutCopyBg.jpg);}
#caseStudiesPage #copy{ background-image:url(images/caseStudiesCopyBg.jpg);}
#contactPage #copy{ background-image:url(images/contactCopyBg.jpg);}

/* Forms */

#features form {margin-top:15px;}
#features fieldset{
	border:none;
	margin:0;
	}
input,textarea {
	width: 215px;
	float: left;
	margin-bottom: 10px;
	border:1px solid #f7cb5e;
	padding:3px;
	background-color:#f5f5f5;
}
textarea{
	width:266px;
	height:100px;
	}
label {
	width: 35px;
	padding:6px 15px 0 0;
	float:left;
}
.submit{
	width:45px;
	}


/* Misc. */
#vs{
	float:right;
	margin:0;
	}