/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}

/*

palette
-------
brown 		#736247
dark brown	#5C4728
green		#96B68D
dark green 	#708A6B

*/

html,body{height:100%;}
body {text-align:center;background:#BBBAB2;margin:20px;
	color:#5C4728;font-family:"Apollo MT Std", "Apollo MT", Apollo, Georiga, sans;font-size:16px;line-height:20px;}
a {color:#708A6B;text-decoration:none;}
a:hover {text-decoration:underline;}

hr {background:url(bg-dashed.png) repeat-x;border:none;margin:28px 0;}

section.page {width:960px;margin:0 auto;background:url(bg.jpg);position:relative;padding:10px;
	box-shadow: 1px 1px 12px #444;-moz-box-shadow: 1px 1px 12px #444;-webkit-box-shadow: 1px 1px 12px #444;}
.border {height:100%;border:3px solid #736247;padding:4px;}
#border2 {border-width:1px;}
#bordertop {background:url(bg-frame-top.gif) no-repeat;width:980px;height:60px;_width:960px;_height:32px;position:absolute;top:10px;left:10px;}

section.page header {padding-top:10px;position:relative;}
section.page header h1 a {display:block;width:220px;height:205px;overflow:hidden;text-indent:-9999px;background:url(logo.png) no-repeat;margin:30px auto;}

section.page div > h1 {display:none;}

nav {display:block;background:url(bg-menu.png) no-repeat;width:187px;height:159px;_height:159px;font-size:16px;line-height:19px;
	position:absolute;left:-48px;top:80px;_left:-518px;padding:18px 8px;text-align:left;
	/*box-shadow: 1px 1px 8px #666;-moz-box-shadow: 1px 1px 8px #666;-webkit-box-shadow: 1px 1px 8px #666;
	background:#96B68D;background:rgba(150, 182, 141, 0.9);*/ }
nav a {color:#5C4728;text-decoration:none;padding:4px 20px;line-height:19px;}
nav a:hover {text-decoration:underline;}
nav a.selected {color:#fff;font-style:italic;}

section.content {width:600px;min-height:600px;margin:0 auto;padding:50px 0 50px 0;text-align:left;text-shadow:1px 1px 0 #f9f9f9;position:relative;overflow:hidden;}

section.content a {color:#5C4728;background:#96B68D;text-shadow:none;padding:1px 3px;text-decoration:none;}
section.content a:hover {background:#5C4728;color:#fff;text-decoration:none;}

section.content p {margin:10px 0;clear:both;}
section.content h1, section.content h2, section.content h3, section.content h4, section.content h5 {margin:10px 0;font-weight:bold;}
section.content h1 {font-size:22px;}
section.content h2 {font-size:18px;}
section.content h4 {font-style:italic;font-size:19px;line-height:23px;font-weight:normal;
	padding-bottom:26px;margin-bottom:16px;background:url(bg-dotted.png) repeat-x bottom;}
section.content h5 {font-variant:small-caps;}

section.content ul {list-style:square;padding-left:20px;margin:10px 0;}

section.content blockquote {font-style:italic;margin:10px 0;}

section.content .left {float:left;width:280px;clear:none;}
section.content .right {float:right;width:280px;clear:none;}
section.content .center {text-align:center;}

section.content .multicolumn {
	-moz-column-count: 2;-moz-column-gap: 20px;
	-webkit-column-count: 2;-webkit-column-gap: 40px;
	column-count: 2;column-gap: 40px;
}

article.post {margin:16px auto 16px auto;
	padding-bottom:26px;background:url(bg-dashed.png) repeat-x bottom;}
article.post header {position:relative;overflow:hidden;}
article.post header h2 a {background:none;float:left;padding:0;color:#708A6B;}
article.post header h2 a:hover {background:none;text-decoration:underline;color:#708A6B;}
article.post header .date {font-size:12px;font-style:italic;float:right;color:#708A6B;}

article.post:last-child {background:none !important;}

article.post blockquote, body.post section.content blockquote {background:#fff;color:#333;text-shadow:-1px -1px 0 #eee;padding:20px 30px;width:460px;
	position:relative;left:50px;margin:28px 0;font-size:14px;font-family:"Courier New", Courier, monospace;
	transform:rotate(-1deg);-moz-transform:rotate(-1deg);-webkit-transform:rotate(-1deg);
	box-shadow: 1px 1px 6px #666;-moz-box-shadow: 1px 1px 6px #666;-webkit-box-shadow: 1px 1px 6px #666;}

article.post a, body.post section.content a,
article.post a:hover, body.post section.content a:hover {background:none;text-decoration:underline;text-shadow:-1px 1px 0 #f9f9f9;color:#708A6B;}
article.post a:hover, body.post section.content a:hover {color:#96B68D;}

footer {width:600px;height:16px;font-size:15px;margin:16px auto 30px auto;
	padding-top:16px;background:url(bg-dashed.png) repeat-x top;position:relative;}	
footer p.name {display:none;}
footer p.email {position:absolute;left:0;top:16px;}
footer p.email a {color:#5C4728;background:none;}
footer p.address {font-style:italic;position:absolute;top:16px;text-align:center;width:100%;left:0;}
footer p.address span.street-address {display:none;}
footer p.address span.postal-code {display:none;}
footer p.phone {position:absolute;right:0;top:16px;}
footer p.phone abbr {color:#708A6B;}

#end {height:40px;}

.replaced {display:none;}


/* page customizations */

body.page.home section.page div > h1 {display:block;width:190px;height:60px;overflow:hidden;text-indent:-9999px;position:absolute;left:120px;background:url(text-welcome.png) no-repeat;}

body.page.services section.content h2 {cursor:pointer;font-variant:small-caps;font-weight:normal;background:url(arrow-right.png) no-repeat center right;padding-right:18px;float:left;clear:both;white-space:nowrap;}
body.services section.content h2.open {background-image:url(arrow-down.png);}

body.blog.blog section.page div > h1 {display:block;width:536px;height:57px;overflow:hidden;text-indent:-9999px;position:absolute;left:120px;background:url(text-change.png) no-repeat;}
body.blog.post section.page div > h1 {display:none;}

body.page.contact section.page div > h1 {display:block;width:308px;height:450px;overflow:hidden;text-indent:-9999px;position:absolute;right:-48px;background:url(cards.png) no-repeat;z-index:999;}
body.page.contact section.content ul {list-style:none;padding-left:0;}
body.page.contact section.content ul a {background:none;color:#708A6B;font-style:italic;}
body.page.contact section.content ul a:hover {background:none;color:#708A6B;}
body.page.contact section.content li {float:left;width:180px;}

body.page.clients blockquote {width:280px;float:left;}
body.page.clients blockquote:nth-of-type(even) {float:right;}
body.page.clients blockquote:nth-of-type(odd) {clear:both;}
body.page.clients blockquote .author {font-style:normal;background:none;color:#708A6B;}
body.page.clients blockquote .author em {font-style:italic;font-size:13px;}
body.page.clients blockquote a {font-style:normal;}

/* multi-columns */
body.page.about #body blockquote, body.page.home #body blockquote, #multicolumn {
	-moz-column-count:2;
	-moz-column-gap:40px;
	-webkit-column-count:2;
	-webkit-column-gap:40px;
	column-count:2;
	column-gap:40px;
	font-style:normal;
	margin:auto;
}
body.page.about #body blockquote p, body.page.home #body blockquote p {
    display:table;
}

/* modal */

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {padding:4px 4px 14px 4px;overflow:hidden;position:relative;width:100%;height:100%;}
#simplemodal-container #basicModalContent {padding:0;}
/*#simplemodal-container .simplemodal-close {color:#fff;position:absolute;top:0;right:0;text-decoration:none;font-size:18px;padding:10px 15px;}