/* AP&W CSS ------------------------------------------------------------------------------------

Colors:
Red			#ac5c2d
Md Red		#945935
Dk Red		#623f29
Lt Red		#d38742

Index
1. Reset
2. Typography
3. Layout
4. Clearfix

---------------------

1. Reset
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    font-size: 10px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted #999;
}

a {
	text-decoration: none;
}

a:hover {
	border-bottom: 1px dotted;
}

body {
	background: url('../images/bg-site.jpg') repeat #a3a3a3;
}

/*
2. Typography */

h1, h2, aside li, button, ul.services ul li, ul.services ul li a, p.callout {
	font-family: Georgia, Times, "Times New Roman", serif
}

p, li, a, h3, dd, form input, form textarea, dt {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 13px;
	line-height: 22px;
}

section.main p, section.main li {
	color: #fff;
}

p a, li a, dd a, h1.gallhead a {
	text-decoration: none;
	color: #ac5c2d;
	border-bottom: 1px dashed #ac5c2d;
	text-shadow: 0 1px 1px #fff;
}

p a:hover, li a:hover, dd a:hover, h1.gallhead a:hover {
	text-decoration: underline;
	color: #623f29;
	border-bottom: none;
	padding-bottom: 1px;
}

h1 {
	margin-bottom: 15px;
	font-weight: normal;
}

header h1 {
	text-shadow: 1px 1px 1px #ececec;
	font-size: 30px;
	line-height: 37px;
	font-style: italic;
	color: #777;
	display: block;
	width: 470px;
	position: absolute;
	bottom: -21px;
	right: 0;
}

span.amp {
	font-family: Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif;
	font-style: italic;
}

article h1, h1.gallhead {
	text-shadow: -1px 1px 1px #ececec;
	font-size: 22px;
	color: #444;
	margin-top: 12px;
	margin-bottom: 20px;
}

h1.gallhead {
	padding: 20px 0 0 20px;
	margin-top: 0;
	border-top: 1px solid #ddd;
}

h1.gallhead a {
	float: right;
	margin-right: 20px;
}

article p {
	margin-bottom: 20px;
}

section.main article h2 {
	font-size: 17px;
	margin-bottom: 10px;
	font-style: italic;
	font-weight: normal;
	color: #444;
	text-shadow: -1px 1px 1px #ececec;
}

aside h1 {
	font-size: 20px;
	margin: -2px 10px 11px;
	text-align: center;
	border-bottom: 1px solid #a0a0a0;
	color: #fff;
	padding: 0 0 10px;
	text-shadow:0 1px 1px #666;
}

h2.runner {
	display: block;
	float: left;
	clear: both;
	text-align: center;
	font-size: 14px;
	padding: 0 0 10px;
	border-top: 1px solid #999;
	color: #fff;
	font-weight: normal;
	width: 100%;
	margin-top: 20px;
	letter-spacing: -0.02em;
}

h2.runner em {
	display: block;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #909090;
	text-shadow:0 1px 1px #fff;
	color: #444;
	text-align: center;
	padding: 10px 0 10px;
	margin: 0 0 15px;
	font-size: 15px;
}

section.main aside li, ul.services ul li {
	display: list-item;
	background: url('../images/bolt.png') no-repeat 13px 5px;
	font-size: 15px;
	line-height: 21px;
	padding: 0 10px 17px 30px;
	font-style: italic;
	margin: 0;
	width: 198px;
	color: #444;
	clear: none;
	float: left;
	text-shadow: 0 1px 1px #fff;
	border: 0;
}

section.contact article h1 {
	padding-left: 168px;
	margin-bottom: 15px;
}

section.contact article h2 {
	color: #777;
	font-size: 14px;
	line-height: 15px;
	margin-bottom: 5px;
	font-weight: normal;
	font-style: italic;
}

section.contact article p {
	color: #777;
	text-shadow: none;
}

section.contact article dt {
	float: left;
	width: 60px;
	font-size: 13px;
	line-height: 15px;
	height: 15px;
	text-transform: lowercase;
	color: #aaa;
	clear: left;
	display: inline;
	text-align: right;
	margin: 0 20px 20px 0;
	*zoom: 1;
	*margin: 0 20px 7px 0;
}

section.contact article dd {
	float: left;
	color: #333;
	font-size: 15px;
	line-height: 15px;
	display: block;
	text-align: left;
	margin: 0 0 20px 0;
}

section.contact article dd a {
	font-size: 15px;
	line-height: 15px;
}

section.contact article dd span {
	color: #777;
}

footer p {
	float: right;
	color: #999;
	font-size: 11px;
}

footer nav, footer ul {
	background: none;
	float: left;
}

footer li {
	float: left;
	color: #999;
	display: block;
	margin-right: 10px;
}

footer li a {
	border-bottom: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	margin-right: 10px;
	text-shadow: none;
}

footer li a:hover {
	color: #fff;
}

/*
3. Layout */

section.main, div.contactinn, section.contact, footer, div.footerinn {
	display: block;
	position: relative;
	margin: 0 auto;
}

section.main {
	background: url('../images/bg-main.jpg') no-repeat top center;
	width: 960px;
	padding: 50px 0;
	*zoom: 1;
	*padding: 50px 0 15px;
}

header {
	display: block;
	height: 146px;
	margin-bottom: 45px;
	position: relative;
}

header img {
	float: left;
	border-left: 1px solid #624e42;
	border-bottom: 1px solid #624e42;
	-moz-box-shadow: -5px 5px 15px #777;
	-webkit-box-shadow: -5px 5px 15px #777;
}

header nav {
	float: right;
	width: 480px;
	height: 27px;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	background: url('../images/bg-nav.gif') no-repeat #999;
}

header nav ul {
	overflow: hidden;
	display: block;
	height: 27px;
}

header nav li {
	float: left;
	display: block;
	margin-left: 54px;
	height: 27px;
}

header nav li:first-child {
	margin-left: 0;
}

header nav li a {
	padding: 7px 10px;
	display: block;
	height: 27px;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-shadow: none;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	border: none;
}

header nav li a:hover {
	background: #999;
	color: #fff;
	padding: 7px 10px;
	text-decoration: none;
	text-shadow: none;
}

header nav li a.on {
	background: #945935;
	color: #fff;
	text-shadow: none;
}

div.galldiv {
	border-top: 1px solid #777;
}

div.galltop {
	border-top: 1px solid #999;
}

ul.homephotos, ul.gallery {
	background: #945935;
	display: block;
	margin-bottom: 40px;
	padding: 15px 18px;
	width: 922px;
	height: 148px;
	border: 1px solid #623f29;
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	overflow: hidden;
}

ul.homephotos li, ul.gallery li {
	margin-left: 22px;
	display: block;
	float: left;
	overflow: hidden;
	height: 139px;
	border: 1px solid #d38742;
	-moz-box-shadow: 0 5px 5px #623f29;
	-webkit-box-shadow: 0 5px 5px #623f29;
}

ul.homephotos li a, ul.gallery li a {
	border: none;
	display: block;
	height: 139px;
	overflow: hidden;
	width: 290px;
}

ul.homephotos li a img {
	border: none !important;
	text-decoration: none !important;
}

ul.homephotos li:hover, ul.gallery li:hover {
	border: 1px solid #ececec !important;
	text-decoration: none !important;
}

ul.homephotos li:first-child, ul.gallery li.one {
	margin-left: 0;
	clear: left;
	-moz-box-shadow: -5px 5px 5px #623f29;
	-webkit-box-shadow: -5px 5px 5px #623f29;
}

ul.homephotos li:last-child, ul.gallery li.three {
	-moz-box-shadow: 5px 5px 5px #623f29;
	-webkit-box-shadow: 5px 5px 5px #623f29;
}

img[src$="th21.jpg"] {
	position: relative;
	top: -40px;
}

section.main article {
	float: left;
	display: block;
	width: 450px;
	margin-right: 30px;
}

section.main aside, ul.services ul {
	display: block;
	float: left;
	width: 478px;
	padding: 15px 0;
	border: 1px solid #c5c5c5;
	border-top: 1px solid #999;
	border-left: 1px solid #b0b0b0;
}

section.main aside, ul.services li:first-child ul {
	background: url('../images/bg-smooth.jpg') no-repeat 0 0 #afafaf;
}

/* Services Styles */

ul.services {
	width: 799px;
	display: block;
	float: right;
	border-top: 1px solid #999;
}

ul.services li {
	position: relative;
	padding: 20px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #777;
	margin: 0;
}

section.main ul.services li article {
	padding: 0;
	float:left;
	width: 280px;
}

ul.services li.last {
	border-bottom: 0;
}

ul.services h1 {
	font-size: 18px;
	line-height: 22px;
	color: #333;
	text-shadow: 1px 1px 1px #eee;
	margin: 0 0 10px;
}

ul.services p {
	margin-bottom: 20px;
}

a.servimg, a.servimg:hover, section.contact article img {
	display: block;
	overflow: hidden;
	width: 115px;
	height: 115px;
	position: absolute;
	left: -135px;
	margin: 5px 0 0 0;
	padding: 0;
	border: 1px solid #999;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #666;
	-moz-box-shadow: 0 5px 10px #888;
	-webkit-box-shadow: 0 5px 10px #888;
}

a.servimg:hover {
	border: 1px solid #d38742;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

a.servimg img {
	left: -50%;
	position: absolute;
	height: 100%;
}

p.seemore {
	width: auto !important;
	float: left;
}

p.seemore a {
	font-size: 12px !important;
	text-shadow: 0 1px 1px #eee;
}

ul.services ul {
	margin: 17px 0 20px;
	float: right;
	clear: right;
	width: 458px;
	background: #bbb;
	padding: 10px;
}

ul.services ul li {
	width: auto;
	background-position: 11px 11px;
	padding-bottom: 0;
	font-size: 15px;
	line-height: 35px;
	float: none;
}

/* Contact & Footer Styles */

section.contact {
	background: url('../images/border-main.gif') repeat-x top center #eee;
	padding-top: 14px;
	width: 100%;
}

div.contactinn {
	background: url('../images/bg-contact.gif') no-repeat center -7px #eee;
	width: 960px;
	padding: 30px 0 50px;
}

section.contact article {
	float: left;
	display: block;
	width: 450px;
	margin-right: 30px;
}

section.contact article img {
	float: left;
	margin: 1px 0 0 64px;
	height: 85px;
	width: 85px;
	left: 0;
}

section.contact article h2, section.contact article h3, section.contact article p, section.contact article dl {
	float: right;
	width: 280px;
}

section.contact article p {
	padding-right: 30px;
	width: 250px;
}

section.contact article dl {
	float: left;
	margin-left: 90px;
	margin-top: 10px;
}

section.contact aside {
	float: left;
	width: 476px;
	padding: 10px 0 20px;
	background: url('../images/bg-main.jpg') no-repeat -450px -100px #a3a3a3;
	border: 1px solid #ececec;
	border-bottom: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	-moz-box-shadow: 0 0 25px #ccc;
	-webkit-box-shadow: 0 0 25px #ccc;
}

section.contact aside h1, section.contact aside form {
	padding: 0 20px;
	border: none;
	text-align: left;
	margin: 2px 0 16px;
}

section.contact dt {
	position: relative;
	z-index: 10;
	display: block;
	overflow: hidden;
	margin-bottom: -30px;
	height: 30px;
	line-height: 30px;
}

section.contact dt label {
	color: #bbb;
	font-size: 13px;
	font-style: italic;
	height: 25px;
	padding: 0 0 0 5px;
	display: block;
}

section.contact dd {
	position: relative;
	z-index: 0;
	margin-bottom: 20px;
}

section.contact dd.submit {
	margin: 0;
}

form input, form textarea {
	background: #fff;
	color: #999;
	width: 425px;
	padding: 5px;
	height: 20px;
	font-size: 13px;
	border: 1px solid #ececec;
	border-top: 1px solid #b0b0b0;
	border-left: 1px solid #b0b0b0;
}

form dd.error input, form dd.error textarea, form input:focus, form textarea:focus {
	border: 1px solid #ac5c2d;
	-moz-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
}

form input:focus, form textarea:focus {
	border: 1px solid #999 !important;
	color: #000;
}

form dd.shady {
	display: none;
}

form textarea {
	height: 125px;
}

form p {
	float: right;
}

form p.error {
	color: #ac5c2d !important;
	font-style: italic;
}

form p.thanks {
	color: #fff !important;
	text-shadow: 1px 1px 1px #666;
}

form dd.submit p {
	padding-top: 12px;
	color: #444;
}

form button {
	float: left;
	clear: none;
	background: #ac5c2d;
	border: 1px solid #945935;
	border-top: 1px solid #b0b0b0;
	border-left: 1px solid #b0b0b0;
	-moz-box-shadow: 0 5px 10px #777;
	-webkit-box-shadow: 0 5px 10px #777;
	font-size: 18px;
	color: #fff;
	width: 153px;
	padding: 10px 0;
	text-align: center;
	cursor: pointer;
}

form button:hover {
	background: #fff;
	color: #ac5c2d;
	border: 1px solid #aaa;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
}

footer {
	background: #333;
	width: 100%;
}

div.footerinn {
	background: #333;
	width: 940px;
	padding: 12px 20px 20px 0;
	overflow: hidden;
}

/* Gallery Styles */

ul.gallery {
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.gallery li {
	margin-top: 10px;
	margin-bottom: 15px;
}

/*
4. Float Clearing
*/ 

.clearfix { display: inline-block; }

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
*/