body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {margin: 0px;padding: 0px;border: 0px;}
body {background: #dad9cd url(images/bg.jpg) 0 0 repeat-x;text-align: center;}
p, div, li, td, input, select, textarea {font-family: Helvetica, Arial, Verdana, Sans-Serif;font-size: 11pt;color: #000;line-height: 16pt;}
p, h1, h2, h3, h4, #main ul, #main ol, #main table {margin-bottom: 15px;font-weight: normal;}
a img, :link img, :visited img { border: none}
a:link, a:visited {color: #625f47;text-decoration: underline;}
a:hover, a:active {color: #9a9782;text-decoration: underline;}
div.clear {clear: both; overflow: hidden; height: 15px;}
ol, ul {list-style:none;}

#thumb {width:550px;}
.thumb {border:none; padding:10px;float:left;}

P {CLIP: RECT(2PX, -2PX, 3PX, 3PX)}
/* ----------------------------------- */
/* WRAPPER
/* ----------------------------------- */
#wrapper {width: 960px;margin: 0 auto;text-align: left;}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#top {height: 108px;background: transparent url(images/top.jpg) -50px 0 no-repeat;}
#top img {float: left;margin: 35px 0 0 42px;display: inline;display:block;}

#action-menu {float: right;margin: 26px 42px 0 0;display: inline;}
#action-menu li {font-size: 11px;float: left;list-style: none;margin-left: 15px;line-height: 21px;}
#action-menu a:link, #action-menu a:visited {color: #FFF;text-decoration: none;}
#action-menu a:hover, #action-menu a:active {text-decoration: underline;}
#action-quote {background: transparent url(images/icon-request-quote.gif) 0 0 no-repeat; padding-left: 21px;}
#action-friend {background: transparent url(images/icon-email.gif) 0 2px no-repeat;padding-left: 23px;}
#action-login {background: transparent url(images/icon-login.gif) 0 0 no-repeat; padding-left: 18px;}

#phone {text-align: right;font-size: 22px;line-height: 22px;color: #FFF;float: right;margin-right: 42px;display: inline;width: 450px;margin-top: 20px;}
#phone span {text-transform: uppercase;margin-right: 10px;color: #dad9cd;font-size: 10px;}

/* ----------------------------------- */
/* MENU
/* ----------------------------------- */
#menu {height: 78px;background: transparent url(images/main-top.gif) left bottom no-repeat;padding-left: 42px;padding-top: 16px;}
#menu li {float: left;list-style: none;height: 40px;margin-right: 44px;	line-height: 12px;padding-top: 8px;display: inline;}
#menu li a {font-size: 22px;text-decoration: none;text-transform: lowercase;}
#menu li a span {font-size: 9px;text-transform: uppercase;display: block;padding-top: 3px;}
#menu a:link, #menu a:visited {color: #3a3933;}
#menu a:hover, #menu a:active {color: #3a3933;}
#menu a:link span, #menu a:visited span {color: #807f77;}
#menu a:hover span, #menu a:active span {color: #3a3933;}
	
#menu-portfolio {background: transparent url(images/icon-portfolio.gif) 0 0 no-repeat;padding-left: 50px;}
#menu-services {background: transparent url(images/icon-services.gif) 0 0 no-repeat;padding-left: 45px;}
#menu-about {background: transparent url(images/icon-about.gif) 0 0 no-repeat;padding-left: 45px;}
#menu-blog {background: transparent url(images/icon-blog.gif) 0 0 no-repeat;padding-left: 45px;}
#menu-contact {background: transparent url(images/icon-contact.gif) 0 0 no-repeat;padding-left: 45px;margin-right: 0 !important;}

/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */
p.header {font-size: 8pt;color: #807f77;text-transform: uppercase;margin-bottom: 8px;}
#main {background: #FFF url(images/main.gif) 0 0 repeat-y;margin-bottom: 0px;}
#container {margin: 0 42px;}

/* ----------------------------------- */
/* HOME
/* ----------------------------------- */
#welcome {width: 605px;float: left;padding-top: 15px;border-top: 3px double #e3e3e3;}
#welcome h1 {font-size: 16pt;line-height: 20pt;}
#welcome p#tagline {font-size: 13pt;color: #4c4a33;}
#welcome p {font-size: 12pt;color: #807f77;line-height: 18pt;}

#services-intro {width: 220px;float: right;padding-top: 15px;border-top: 3px double #e3e3e3;}
#services-intro li {font-size: 12pt;list-style: none;padding-bottom: 10px;}
#services-intro li a {text-decoration: none;}

#recent-projects {border-top: 3px double #e3e3e3;border-bottom: 3px double #e3e3e3;padding-top: 10px;margin-bottom: 25px;}
#recent-projects h2 {font-size: 20pt;color: #000;text-transform: lowercase;border-bottom: 3px double #e3e3e3;padding-bottom: 7px;padding-top: 7px;}
#recent-projects h2 span {font-size: 11pt;text-transform: uppercase;color: #807f77;}
	
.project-thumb {float: left; margin: 0 3px 10px 3px;text-align: center;	font-size: 11px;color: #625f47;}
.project-thumb img {margin-bottom: 4px;	}
.project-thumb a:link img, .project-thumb a:visited img {border: 2px solid #dad9cd;padding: 2px;}
.project-thumb a:hover img, .project-thumb a:active img {border: 2px solid #625f47;}
	
p#big-list-link {padding: 4px;background: #edece4;font-size: 14px;text-align: center;}

.intro {width: 290px;}
#intro-1 { float: left; margin-right: 30px; display: inline; }
#intro-2 { float: left; }
#intro-3 { float: right; width: 220px; }	
.intro h2 {font-size: 12pt;text-transform: lowercase;margin-bottom: 10px;}
.intro p {font-size: 10pt;color: #807f77;line-height: 13pt;}	
#intro-3 p {font-size: 10pt;line-height: 13pt;}

/* ----------------------------------- */
/* CONTENT
/* ----------------------------------- */
#content {width: 605px;float: left;padding-top: 15px;border-top: 3px double #e3e3e3;}
#content.wide {width: 876px;float: none;}
#content h1 {font-size: 20pt;color: #000;text-transform: lowercase;border-bottom: 3px double #e3e3e3;padding-bottom: 7px;margin-bottom: 30px;}
#content h1 span {font-size: 11pt;text-transform: uppercase;color: #807f77;}
#content h2, .project-intro h3 {font-size: 12pt;color: #625f47;padding-bottom:5px;}
#content li {margin-left: 25px;}
#content p img {vertical-align: middle;font:normal 14pt/16pt Arial, Helvetica, Verdana, sans-serif;}
#content p  {font-size: 11pt;color: #807f77;line-height: 16pt;}
	
/* FORMS */
table#form td {vertical-align: top;}
p.submit {text-align: center;}
p.submit input {background: #625f47;color: #FFF;font-size: 14px;border: none;padding: 4px;}
	
/* Blog */
.post-intro {border-bottom: 1px solid #e3e3e3;margin-bottom: 25px;}
.post-date {width: 100px;float: left;border-right: 1px solid #e3e3e3;text-align: center;color: #999;	text-transform: uppercase;font-size: 16px;margin-right:15px}
.post-date span {font-size: 14px;display: block;}
.post-header {margin-left: 60px;}
.post-header h2 {margin-bottom: 5px;}
	
#comments {margin-top: 60px;border-bottom: 3px double #e3e3e3;margin-bottom: 30px;}
#comments h3 {border-bottom: 3px double #e3e3e3;font-size: 16px;color: #000;}
.comment {margin-bottom: 20px;padding-bottom: 5px;border-bottom: 1px solid #e3e3e3;}
.admin {padding-left: 15px;padding-top: 15px;margin-top: -20px;background: #EFEFEF;}
.comment-meta {width: 150px;float: right;color: #666;font-size: 11px;}
.comment-meta span {font-size: 12px;color: #625f47;}

.comment-text {width: 400px;}
#postcomment h3 {color: #625f47;}
span.required {color: #666;font-size: 10pt;}
#postcomment input, #postcomment textarea {border: 1px solid #999;padding: 3px 5px;color: #666;margin-bottom: 5px;}
#postcomment label { width: 100px; text-align: right; }
	
/* Portfolio */
.project-intro {width: 415px;float: left;height: 200px;margin: 0 23px 25px 0;}
.project-intro img {float: left;}
.project-intro h2, .project-intro h3, .project-intro p, .project-intro ul {margin-left: 170px;margin-bottom:5px;}
.project-intro a:link img, .project-intro a:visited img {border: 2px solid #dad9cd;padding: 2px;}
.project-intro a:hover img, .project-intro a:active img {border: 2px solid #625f47;}
.tags {color: #9d9a84;font-size: 12px;line-height: 14px;}
.tags a:link, .tags a:visited {color: #9d9a84;text-decoration: none;padding-bottom:10px;}
.tags a:hover, .tags a:active {text-decoration: underline;}
			
.project-intro li {list-style: none;margin-left: 0 !important;padding-left: 22px;font-size: 11px;}
.project-intro li.project-details {	background: transparent url(images/icon-profile.gif) 2px 1px no-repeat; }
.project-intro li.project-website {	background: transparent url(images/icon-website.gif) 0 1px no-repeat; }
.project-intro li.project-quote   {	background: transparent url(images/icon-quote.gif) 1px 1px no-repeat; }

#project-list li {font-size: 14px;padding-bottom: 3px;margin: 0 0 3px 0;border-bottom: 1px solid #e3e3e3;list-style: none;}
#project-list li span {font-size: 11px;}
#project-list li span.tags {display: block;	color: #807f77;}
#project-list li span.tags a:link, #project-list li span.tags a:visited {color: #807f77;}
#project-list li span.tags a:hover, #project-list li span.tags a:active {color: #b6b5ad;}
	
p#project-types {line-height: 20px;padding: 7px 10px;background: #edece4;}
p#project-types a {font-size: 11px !important;margin-right: 7px;}
	
/* ----------------------------------- */
/* SIDE
/* ----------------------------------- */
#side {width: 220px;float: right;padding-top: 15px;border-top: 3px double #e3e3e3;}
#side h2 {font-size: 16pt;text-transform: lowercase;margin-bottom: 10px;}
#side li {list-style: none;border-bottom: 1px solid #e3e3e3;padding-bottom: 3px;margin-bottom: 3px;font-size: 11pt;}
#side p {font-size: 11pt;line-height: 16pt;}
#side dt {font-size: 12pt;text-transform: lowercase;margin-bottom: 5px;}
#side dd {margin-bottom: 20px;color: #807f77;}
#side dd a:link, #side dd a:visited {color: #807f77;}
#side dd a:hover, #side dd a:active {color: #c4c3bc;}

blockquote {background: #f5f4f1 url(images/quote-bottom.gif) left bottom no-repeat;padding-bottom: 15px;margin-bottom: 15px;height:280px;}
blockquote p {background: transparent url(images/quote-top.gif) 0 0 no-repeat;padding: 15px 15px 0 15px;color: #807f77;}
blockquote p.name {background: none;text-align: right;padding-top: 0;}

/* ----------------------------------- */
/* BOTTOM
/* ----------------------------------- */
#bottom {width: 936px;margin: 0 auto;background: #f5f5f1 url(images/bottom.gif) 0 0 repeat-x;padding-top: 20px;}
#bottom p {color: #706f69;}

#contact-intro {float: left;width: 185px;padding-right: 30px;margin-left: 32px;display: inline;background: transparent url(images/bottom-divider.gif) right top repeat-y;}
#contact-intro p.action {font-size: 12pt;line-height: 24px;	}

#latest-blog {width: 375px;float: left;margin-left: 30px;padding-right: 30px;display: inline;background: transparent url(images/bottom-divider.gif) right top repeat-y;}
#latest-blog p.blog-title {font-size: 12pt;line-height: 24px;}
#latest-blog p {margin-bottom: 5px;}

#newsletter {width: 185px;float: right;margin-right: 32px;display: inline;}

#page-bottom {height: 20px;background: url(images/main-bottom.gif) center bottom no-repeat;}