@charset "utf-8";
/*
You want pixels (px):  	Declare this percent (%):
	10 					77
	11 					85
	12				 	93 (was 93)
	13 					100
	14				 	108 (was 107)
	15 					116 (was 114)
	16				 	123.1 (was 122)
	17				 	131 (was 129)
	18 					138.5 (was 136)
	19 					146.5 (was 144)
	20				 	153.9 (was 152)
	21 					161.6 (was 159)
	22				 	167
	23				 	174
	24				 	182
	25 					189
	26				 	197 
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	color: #666;
	font-size: 13px;
	background: #B4B0AF url(../images/page_bg.png) no-repeat center 20px;
}

ul {
	margin-left: 30px;
	margin-bottom: 15px;
	list-style-type: disc;
}
ol {
	margin-left: 30px;
	margin-bottom: 15px;
	list-style-type: decimal;
}


#wrapper {
	width: 904px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 35px;
	margin-bottom: 30px;
	position: relative;
	left: 1px;
}
#header {
	background: url(../images/header_bg-trans.png);
	height: 98px;
	width: 904px;
}
h1 {
	background: url(../images/logo-trans.png) no-repeat;
	height: 56px;
	width: 186px;
	position: relative;
	left: 36px;
	top: 22px;
}
h1 span {
	height: 0px;
	width: 0px;
	overflow: hidden;
	display: block;
}
h3 {
	font-size: 123.1%;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: solid 1px #ccc;
	margin: 20px 0 10px 0;
	clear: left;
}
h3 a {
	color: #666;
	text-decoration: none;
}
h3 a:hover {
	color: #333;
	text-decoration: none;
}
dl {
	margin-right: 35px;
	margin-left: 35px;
	margin-top: 0px;
}
dt {
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 7px;
	font-size: 108%;
}


#nav {
	position: absolute;
	right: 100px;
	top: 61px;
	margin: 0;
}
#nav li {
	float: left;
	list-style-type: none;
}
#nav li:hover {
	background: url(../images/navicon-hover.gif) no-repeat 0px 0px;
}
#nav a  {
	display: block;
	float: left;
	margin-right: 12px;
	padding-left: 20px;
}
#nav a span {
	display: block;
	height: 0px;
	width: 0px;
	overflow: hidden;
}
#nav li.here {
	background: url(../images/navicon-trans.png) no-repeat 0px 0px;
}
#nav li ul {
	background-color: #252D47;
	position: absolute;
	left: -999em;
	top: 17px;
	margin: 0;
	padding: 6px;
}
#nav li li {
	padding: 0;
	margin: 8px 0;
	display: block;
	float: none;
}	
#nav li li a { /* keeps the anchor inside the LI */
	float: none;
}
#nav li:hover ul {
	left: 0;
}
#btn-portfolio {
	background: url(../images/buttons/btn_portfolio.gif) no-repeat 22px 0px;
	height: 17px;
	width: 88px;
}
#btn-about {
	background: url(../images/buttons/btn_about.gif) no-repeat 22px 0px;
	height: 17px;
	width: 59px;
}
#btn-services {
	background: url(../images/buttons/btn_services.gif) no-repeat 22px 0px;
	height: 17px;
	width: 79px;
}
#btn-resources {
	background: url(../images/buttons/btn_resources.gif) no-repeat 22px 0px;
	height: 17px;
	width: 98px;
}
#btn-commercial {
	background: url(../images/buttons/btn_commercial.gif) no-repeat 22px 0px;
	height: 17px;
	width: 108px;
}
#btn-residential {
	background: url(../images/buttons/btn_residential.gif) no-repeat 22px 0px;
	height: 17px;
	width: 108px;
}
#btn-home {
	background: url(../images/buttons/btn_home.gif) no-repeat;
	position: absolute;
	top: 0px;
	right: -70px;
	height: 17px;
	width: 20px;
}
#btn-contact {
	background: url(../images/buttons/btn_contact2.gif) no-repeat 22px 0px;
	height: 17px;
	width: 81px;
	padding-left: 22px;
}
#content {
	font-size: 100%;
	padding-bottom: 15px;
	border-bottom: solid 1px white;
	padding-left: 25px;
	padding-right: 25px;
	overflow: hidden;
	width: 854px;
}
#content #inner { /* separate inner DIV required to get inset image to 'pop out' to the right */
	padding-right: 75px;
	padding-left: 75px;
}


#page-home #content {
	background: #FFF url(../images/folio_home1.jpg) no-repeat;
	padding-top: 530px;
}
#page-about #content {
	background: #FFF url(../images/folio_about.jpg) no-repeat;
	padding-top: 530px;
}

#page-casinowharf #content {
	background: #FFF url(../projects/casinowharf/folio.jpg) no-repeat;
	padding-top: 530px;
}

#page-boathouseedgartown #content {
	background: #FFF url(../projects/boathouseedgartown/folio.jpg) no-repeat;
	padding-top: 530px;
}

#page-ranchrenovation #content {
	background: #FFF url(../projects/ranchrenovation/folio.jpg) no-repeat;
	padding-top: 530px;
}

#page-capecodresidence #content {
	background: #FFF url(../projects/capecodresidence/folio.jpg) no-repeat;
	padding-top: 530px;
}

#page-yarmouthinn #content {
	background: #FFF url(../projects/oldyarmouthinn/folio.jpg) no-repeat;
	padding-top: 530px;
}
#page-smallfriends #content {
	background: #FFF url(../projects/smallfriendsnantucket/folio.jpg) no-repeat;
	padding-top: 530px;
}
#page-waterfrontresidence #content {
	background: #FFF url(../projects/waterfrontresidence/folio.jpg) no-repeat;
	padding-top: 530px;
}
#page-fourseasonroom #content {
	background: #FFF url(../projects/fourseasonroom/folio.jpg) no-repeat;
	padding-top: 530px;
}

#page-resources #content {
	background: #FFF url(../images/folio_resources.jpg) no-repeat;
	padding-top: 530px;
}
#page-services #content {
	background: #FFF url(../images/folio_services.jpg) no-repeat;
	padding-top: 530px;
}
#page-contact #content {
	background: #FFF url(../images/folio_contact.jpg) no-repeat;
	padding-top: 530px;
}
#page-commercial #content {
	background: #FFF url(../images/folio_commercial.jpg) no-repeat;
	padding-top: 530px;
}
#page-residential #content {
	background: #FFF url(../images/folio_residential.jpg) no-repeat;
	padding-top: 530px;
}


#page-resources #content table{
	margin-bottom: 30px;
}

#page-resources #content a{
	color: #666;
}

#page-resources #content a:hover{
	color: #000;
}

#page-resources #content h6{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 90%;
	
}

#page-resources #content ul{
	margin: 0 0 30px 0;
}

#page-resources #content li{
	list-style-type: none;
}


#headline {
	background: url(../images/headline_icon.jpg) no-repeat 0px 4px;
	padding-left: 60px;
	margin-left: -64px;
	width: 450px;
	font-size: 300%;

}
/*#content p#leadin {
	font-size: 108%;
	line-height: 1.5em;
}
*/.insetright {
	float: right;
	margin-left: 20px;
}

.insetright p {
	margin: 0;
	font-size: 77%;
	color: #999;
	text-align: center;
}
.subslimbox {
	display: none;
	height: 0px;
	width: 0px;
	overflow: hidden;
}


#bottompics {
	background: #FFF;
	padding-left: 4px;
	padding-top: 1px;
	clear: both;
}
#bottompics img {
	margin-right: 5px;
}
#bottompics img.last {
	margin: 0px;
	padding: 0px;
}
#footer {
	background: url(../images/footer.png) no-repeat;
	text-align: center;
	font-size: 85%;
	padding-top: 65px;
	color: #333;
	min-height: 10px; /* fixes disappearing content bug in IE: http://www.cayenne.co.uk/ie7/disappearing-content.html */
}
#footer p {
	margin-bottom: 0px;
}
#footer a {
	color: #333;
}
#projectgallery {
	margin: 10px 0 30px 0;
	padding: 0px;
}
#projectgallery li {
	float: left;
	margin-right: 16px;
	margin-bottom: 20px;
	margin-left: 16px;
	border: 1px solid #E0E0E0;
	list-style: none;
}
#projectgallery img {
	padding: 10px;	
	display: block;
}
#projectgallery p {
	text-align: center;
	font-size: 85%;
	font-weight: bold;
	margin: 0px 0px 10px;
}

#testimonials {
	font-style: italic;
	margin-left: 70px;
	font-size: 93%;
	margin-top: 20px;
	margin-right: 130px;
}
#page-contact form {
	width: 450px;
}
fieldset {
	border: 1px solid #CCC;
	padding: 20px 0;
}
legend {
	font-weight: bold;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 130%;
	color: #666;
}
#content form ul{
	margin: 0;
	padding: 0px;
}
#content form li{
	list-style: none;
	padding: 0 15px;
	margin: 10px 0;
}
form label {
	clear: left;
	float: left;
	width: 180px;
}
form input , form textarea{
	clear: right;
	width: 200px;
	margin-left: 20px;
}
#submit {
	width: 150px;
	margin-left: 200px;
}