/* Meyer 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/* Typography */

body {  background: url(images/texturebg.jpg); }

p { padding: 8px 0px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #333333; line-height: 19px;}
a.more-link { display: block; color: #0f5e3e; font-weight: bold;}
a { color: #0f5e3e; font-weight: bold;}
h2 a { font-weight: normal; }
strong { font-weight: bold; }

/* Layout */

#drawing { width: 100%; height: 100%; background:url(images/drawing.jpg) no-repeat; min-height: 600px; }
#header { width: 960px; margin: 0 auto; }
#middle { width: 960px; /*height: 600px;*/ margin: 0 auto; }
#footer { width: 960px; margin: 0 auto 40px auto; height: 86px; background: url(images/footer_bg.jpg); color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px;  }
#bottom_stripe { background: url(images/bottomstripe.jpg); height: 6px; width: 960px; display: block; margin: 0 auto 5px auto; }

.back {padding-bottom: 20px;}
.back li { background:url("images/back_li.png") no-repeat scroll 0 50% transparent; line-height:14px; list-style-position:outside; list-style-type:none; padding:0px 0 0px 20px; display: block;}

.wrap { width: 940px; margin: 0 auto; }

#logo  {width: 242px; height: 170px; margin: 0 auto 25px auto; }

.clr { clear: both; }

#nav { width: 960px; height: 46px; background: url(images/navbg_rpt.jpg);}
#nav li { float: left; height: 46px; }
#nav li a { line-height: 46px; height: 46px; font-size: 14px; display: inline-block; padding: 0 9px; text-decoration: none; font-family: Helvetica, Arial, sans-serif; color: #d7e7a1; font-weight: bold; text-transform: uppercase;  }
#nav li a:hover { color: #ffffff;  }
.sub_nav { width: 300px; background: url(images/homefeatureboxesbg.jpg) repeat-x; float: left; margin-bottom: 20px; padding-bottom: 15px; }
ul.subnav_title { }
ul.subnav_title li { display: block; width: 300px; background: url(images/sub_nav_bg.jpg); height: 32px; text-align: center; padding-top: 10px; }
ul.subnav_title li h3 { color: #d6e041; font-size: 22px; }
ul.submenu { padding-top: 20px; }
ul.submenu li { width: 140px; height: 28px; float: left; }
ul.submenu li a  { width: 120px; height: 21px; display: block; color: #1C4E6D; text-decoration: none; font-size: 18px; padding: 3px 0 0 20px;  }
ul.submenu li a:hover { background: url(images/subnavlibg.jpg) no-repeat #ffffff; }

#page_content { padding: 40px 0px; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 13px; }

img.alignright {float: right; padding: 0 0 10px 10px; }
img.alignleft {float: left; padding: 0 10px 10px 0; }

/* Header */

.home_header_image { width: 960px; height: 379px; display: block; background: url(images/headerimages.png); margin-top: 20px;}
.secondary_header_images { width: 960px; height: 225px; display: block; background: url(images/secondary_header.png); margin-top: 20px;}
.construction_header_image { width: 960px; height: 225px; display: block; background: url(images/construction_header.png); margin-top: 20px;}
.design_header_image { width: 960px; height: 225px; display: block; background: url(images/design_header.png); margin-top: 20px;}
.garden_rooms_header_image { width: 960px; height: 225px; display: block; background: url(images/garden_rooms_header.png); margin-top: 20px;}
.news_header_image { width: 960px; height: 225px; display: block; background: url(images/news_header.png); margin-top: 20px;}
.work_header_image { width: 960px; height: 225px; display: block; background: url(images/our_work_header.png); margin-top: 20px;}
.profile_header_image { width: 960px; height: 225px; display: block; background: url(images/profile_header.png); margin-top: 20px;}
.contact_header_image { width: 960px; height: 225px; display: block; background: url(images/contact_banner.png); margin-top: 20px;}
.testimonials_header_image { width: 960px; height: 225px; display: block; background: url(images/contact_banner.png); margin-top: 20px;}

/* Home */

#home_page_content { float: left; width: 550px; background: url(images/grey_divider2.jpg) right top no-repeat; }
#home_page_content .article { width: 500px; }
#home_page_content .article h2 { font-size: 22px; line-height: 28px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#home_page_content .article h2 a { color: #0f5e3e; text-decoration: none; line-height: 28px; } 
#members { background: url(images/gray_boxes.png); width: 460px; padding: 10px 20px 10px 20px; margin-top: 40px; }

#home_feature_boxes { float: right; width: 400px; margin: 0 auto; }

#home_feature_boxes .article {width: 360px; padding: 20px; }
#home_feature_boxes .article .left { float: left; width: 220px; }
#home_feature_boxes .article .right { float: right; width: 130px; text-align: center; }
#home_feature_boxes .article.even { background: url(images/gray_boxes.png); }
#home_feature_boxes .article.odd a.more-link { display: none; }
#home_feature_boxes .article.even .left { float: right; width: 220px; }
#home_feature_boxes .article.even .right { float: left; width: 130px; text-align: center; }
#home_feature_boxes .article.odd { padding: 0px 20px 20px 20px; }

#home_feature_boxes .article h2 { font-size: 16px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#home_feature_boxes .article h2 a { color: #0f5e3e; text-decoration: none; }
.address { text-align: right; margin-top: 20px; font-size: 14px;}
.address h2 { font-weight: bold; color: #0f5e3e; }
.address_work { text-align: right; margin-top: 20px; font-size: 14px; float: right; width: 300px;}
.address_work h2 { font-weight: bold; color: #0f5e3e; }

.bali_logo { float: left; padding-right: 20px; }
.members_para { padding-top: 20px; }

/* Single */

.single_post { padding-bottom: 40px; }
#single_page_content { float: right; width: 540px; padding: 0 40px 0 0;}
#single_page_content .article { }

#single_page_content .article h2 { font-size: 22px; line-height: 28px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#single_page_content .article h3 { font-size: 16px; line-height: 22px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#single_page_content .article h2 a { color: #0f5e3e; text-decoration: none; line-height: 28px; } 

#single_page_content .posthead h2 { font-size: 22px; line-height: 28px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#single_page_content .posthead h2 a { color: #0f5e3e; text-decoration: none; line-height: 28px; } 

#single_page_content_item {  padding: 20px 0 20px 20px; background: url("images/texturebg.jpg");}
#single_page_content_item .article h2 { font-size: 22px; line-height: 28px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#single_page_content_item .article h3 { font-size: 16px; line-height: 22px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#single_page_content_item .article h2 a { color: #0f5e3e; text-decoration: none; line-height: 28px; } 

#single_page_content_item .posthead h2 { font-size: 22px; line-height: 28px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#single_page_content_item .posthead h2 a { color: #0f5e3e; text-decoration: none; line-height: 28px; } 

.article ul { padding: 20px 0 20px 20px; }
.article ul li { background:url("images/li.gif") no-repeat scroll 0 50% transparent; line-height:14px; list-style-position:outside; list-style-type:none; padding:6px 0 6px 20px; display: block; line-height: 18px;}

.singlesidebar { float: left; width: 340px;  }
#secondary_feature_boxes {width: 280px; margin: 0 auto; background: none repeat scroll 0 0 #E1E1E1; padding: 20px; }
#secondary_feature_boxes h2 { font-size: 22px; line-height: 28px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#secondary_feature_boxes h2 a { color: #0f5e3e; text-decoration: none; line-height: 28px; }
#secondary_feature_boxes .article {width: 300px; padding: 20px 0px 0 0px; }
#secondary_feature_boxes .article .left { float: right; width: 150px; }
#secondary_feature_boxes .article .right { float: left; width: 130px; text-align: center; }


#secondary_feature_boxes .article h2 { font-size: 16px; color: #1c4e6d; font-family: Arial, Helvetica, sans-serif; }
#secondary_feature_boxes .article h2 a { color: #0f5e3e; text-decoration: none; }
.address { text-align: right; margin: 20px 0 20px 0; font-size: 14px;}
.address h2 { font-weight: bold; color: #0f5e3e; }

/* Design page */

#design_page_content { float: left; width: 550px; }
#design_page_content .article h2 { font-size: 22px; line-height: 28px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#design_page_content .article h2 a { color: #0f5e3e; text-decoration: none; line-height: 28px; } 

#design_page_content .posthead h2 { font-size: 22px; line-height: 28px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#design_page_content .posthead h2 a { color: #0f5e3e; text-decoration: none; line-height: 28px; }

#design_side_bar { float: right; width: 400px; background: url(images/design-image.jpg); height: 564px;  margin: 0 auto; }
#news_side_bar { float: right; width: 400px; background: url(images/newspage.png); height: 504px;  margin: 0 auto; }

/* Work */


#work_page_content {  padding: 0; width: 640px;}
#work_page_content .article { }

#work_page_content .article h2 { font-size: 22px; line-height: 28px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#work_page_content .article h3 { font-size: 16px; line-height: 22px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#work_page_content .article h2 a { color: #0f5e3e; text-decoration: none; line-height: 28px; } 

#work_page_content .posthead h2 { font-size: 22px; line-height: 28px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#work_page_content .posthead h2 a { color: #0f5e3e; text-decoration: none; line-height: 28px; } 

#work_cat_featured {width: 960px; margin: 0 auto; background: url(images/gray_boxes.png); }
#work_cat_featured .article { width: 280px; float: left; padding: 20px; }
#work_cat_featured .article .right { float: right; width: 130px; }
#work_cat_featured .article .left { float: left; }
#work_cat_featured .article .title { padding-bottom: 10px; }

#work_cat_featured h2 { font-size: 22px; line-height: 28px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#work_cat_featured h2 a { color: #0f5e3e; text-decoration: none; line-height: 28px; }
#work_cat_featured .article h2 { font-size: 16px; color: #1c4e6d; font-family: Arial, Helvetica, sans-serif; }
#work_cat_featured .article h2 a { color: #0f5e3e; text-decoration: none; }


#work_cat_featured .article .title { } 

.see_more_work { margin-top: 40px; }


/* Category Archives */

#archive { float: right; width: 540px; padding: 0 40px 0 0;}
#archive .article { }

#archive .article h2 { font-size: 22px; line-height: 28px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#archive .article h3 { font-size: 16px; line-height: 22px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#archive .article h2 a { color: #0f5e3e; text-decoration: none; line-height: 28px; } 

#archive .posthead h2 { font-size: 22px; line-height: 28px; color: #0f5e3e; font-family: Arial, Helvetica, sans-serif; }
#archive .posthead h2 a { color: #0f5e3e; text-decoration: none; line-height: 28px; } 

#archive .article { padding-bottom: 40px;}
#archive .article .left { float: left; width: 350px;}
#archive .article .right { float: right; width: 130px;}
/*#archive .article.even { background: url(images/gray_boxes.png);}*/

/* Bottom */

#bottom { font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #666666;}
#bottom h2 { color: #ffffff; font-size: 18px; }

#footer .footer_left { color: #D7E7A1; float: left; font-size: 12px; line-height: 18px; padding-left: 15px; padding-top: 8px; width: 930px;}
#footer .footer_right { color: #FFFFFF; float: right; font-size: 12px; padding-right: 15px; padding-top: 18px; text-align: right; width: 560px;}
/* Quick Links */

#quick_links { float: left; padding-right: 40px;  }

#quick_links li { float: left; padding-right: 20px; }
#quick_links li a { color: #ffffff; text-decoration: none; font-weight: bold; }
#quick_links li ul li { padding-left: 5px; float: none;}
#quick_links li ul li a { font-weight: normal; }

/* Newsletter signup */

#newsletter_signup { float: left; }




.form_submit {background:url(images/submit.jpg); width: 102px; height: 31px; display: block; text-indent: -9999px; border: none; margin-top: 10px; line-height: 0px; font-size: 0px;
 }
label { font-size: 13px; font-family: Helvetica, Arial, sans-serif; color: #ffffff;}

/*input[type=text] { background: #ffffff; border: 1px solid #ffffff; height: 21px; width: 140px;}
input[type=submit] {background:url(images/submit_button.png); width: 102px; height: 31px; display: block; text-indent: -9999px; border: none; margin-top: 10px; margin-left: -3px; font-size: 0px; line-height: 0px; }
textarea { background: #e6e6e6; border: 1px solid #d6d6d6;  }*/

/* Single Post */



/* Contact Form */


.contact_form {  }
.contact_form

input[type=text] { background: url(images/gray_boxes.png); border: #333 solid 0px; height: 21px; width: 500px;}
input[type=submit] {background: url(images/navbg_rpt.jpg); width: 102px; height: 31px; display: block; border: none; font-size: 14px; color: #ffffff; cursor: pointer; }
textarea { background: url(images/gray_boxes.png); width: 500px; border: 0px solid #d6d6d6;  }


span.wpcf7-list-item {
float:left;
margin-left:0.5em;
width:250px;
}




td { padding: 0 20px 0 0; }