* {
	margin: 0;
}

html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -49px;
}

.footer, .push {
	height: 49px;
}

.footer {
	background: url(images/footer.png) repeat-x;
	
}

.push {
	clear: both;
}

.spacer {
	height: 50px;
	clear: both;
}

#page {
	width: 900px;
	margin: 0 auto;
	margin-bottom: 30px;
	font-size: 1.4em; 
}

#content {
	height: 50px;
}

body {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 62.5%;
	background-color: white;
}


.header-wrap {
	background: url(images/header.png) repeat-x;
	height: 55px;
	margin-top: -10px;
}

#header img {
	margin-top: 18px;
	*margin-top: 5px;
	float: left;
}



#header {
	height: 55px;
	margin-top: -13px;
	*margin-top: 0;
	position: absolute;
	top: 0;
}

#intro {
	width: 900px;
	height: 230px;
	background: url(images/intro.jpg) no-repeat;
	margin-bottom: 50px;
}

.footer {
	height: 49px;
	font-size: 1.2em;
	color: #ffffff;
}

.footer p, .footer a {
	padding-top: 20px;
	text-align: center;
	color: #ffffff;
}

.footer a:hover {
	border-bottom: 1px dotted #ffffff;
}

ul#nav {
	list-style: none;
	margin: 10px 0 0 430px;	
	padding-top: 15px;
	*padding-top: 0;
	color: white;
	font-weight: normal;
}

ul#nav li {
	display: inline;
	padding-right: 15px;
	height: 55px;
}

ul#nav li a {
	color: white;
	text-decoration: none;
	height: 55px;
}

ul#nav li a:hover {
	text-decoration: none;
}

p {
	padding-bottom: 10px;
}

#about ul {
	list-style: none;
}

a img {
	text-decoration: none;
	border: none;
}


a {
	color: #990000;
	text-decoration: none;
}


ul {
	list-style-image: url(images/asterix.png);
	*list-style-image: none;
	list-style-position: inside;
}

ul.contentlist {
	margin: 20px 0 20px 20px;	
}

ul.contentlist li {
	padding: 5px;
}

ul.contentlist li a {
	border-bottom: 1px dashed black;
}

ul.contentlist li a:hover {
	color: #666666;
}

ul.services {
	list-style: none;
	margin-top: 20px;


}

/* ---------- Headings ---------- */

h2 {
	font-size: 1.4em;
	color: #990000;
}

h3 {
	font-size: 1.2em;
	color: black;
}


/* ---------- Columns ---------- */


#column1 {
	width: 430px;
	float: left;
	
}



#column2 {
	width: 430px;
	float: right;
}

#column2 p {
	margin-left: 25px;
}

.pics { 
	height: 264px;
	width: 470px; 
	padding:0; 
	margin:0; 
	overflow: hidden 	
}
.pics img { 
	height: 254px; 
	width: 336px; 
	padding: 10px; 
}

#column1 p {
	padding-left: 25px;
	padding-top: 25px;
	font-size: 1.1em;
}

/* ---------- Slideshow ---------- */



/* ---------- Accordion ---------- */

.accordion {
	float: left;
	width: 430px;
	border-bottom: solid 1px #c4c4c4;
}

.accordion h3 {
	background: #990000 url(images/downarrow.png) no-repeat right;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100%;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}

.accordion h3 a {
	color: #000000;
}

.accordion h3 a:hover {
	color: #ffffff;
}

.accordion h3:active {
	background-position: right 5px;
}

.accordion p {
	background: #ebebeb;
	margin: 0;
	padding: 10px; 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}

/* ---------- About Page ----------- */

ul.floatleft {
	float: left;
	list-style: none;
}

#aboutcontent {
	float: right;
	width: 590px;
	margin-top: 5px;


}



.center {
	text-align: center;
}

.centerclear {
	clear: both;
	text-align: center;
}

#services {
	width: 
}	

#projects {
	margin-top: 20px;
}


#projects h2, #projects h3 {
	margin: 0;
	padding: 0;
}

#project1 {
	background: url(images/theessex.jpg) no-repeat left;
	height: 210px;
	padding: 15px 0 10px 280px;
}

#project2 {
	background: url(images/111massave.jpg) no-repeat left;
	height: 200px;
	padding: 10px 0 10px 280px;
}

#project3 {
	background: url(images/thewillard.jpg) no-repeat left;
	height: 200px;
	padding: 10px 0 10px 280px;
}

#project4 {
	background: url(images/reporters.jpg) no-repeat left;
	height: 200px;
	padding: 10px 0 10px 280px;
}

#project5 {
	background: url(images/libertysquare.jpg) no-repeat left;
	height: 200px;
	padding: 10px 0 10px 280px;
}

#project6 {
	background: url(images/bayview.jpg) no-repeat left;
	height: 200px;
	padding: 10px 0 10px 280px;
}

/* ----- Contact Form ----- */



#contact-area {
	width: 600px;
	margin-top: 25px;
	margin-left: 50px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Georgia, serif;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}



#contacttable {
	margin-left: 100px;
	margin-bottom: 50px;
}

table ul {
	list-style: none;
}

table th {
	text-align: left;
}