/*
Theme Name: Just Terraces
Theme URI: http://wordpress.org/
Description: Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 2
Author: Sean Moroney
Author URI: http://thingsonthescreen.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Just Terraces
	http://justterraces.com/


	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#777777;
}
h1{
	font-size:18px;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 14px 0px;
	letter-spacing:.03em;
	
}
img{
	border:0;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.alignnone {display: block; margin: 4px;}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
a{
	color:#999999;
	text-decoration:none;
}
a:focus{
	border:0;outline:0;
}
a:hover{
	color:#d4b663;
	text-decoration:underline;
}

#flashcontent{
	
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
#page{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}
#mid{
	position:relative;
	margin:0 auto;
	padding: 0;
	width: 1020px;
}

#txt{
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 30px;
	width:770px;
	text-align:left;
	line-height:18px;
	float:left;
	min-height:360px;
	border-left: 1px #e5e1ce dotted;
}
#txt_flush{
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 30px;

	width:786px;
	text-align:left;
	line-height:18px;
	float:left;
	min-height:360px;
	border-left: 1px #e5e1ce dotted;
}
#txt_terrace{
	margin:22px 0px 0px 40px;
	padding:0px;
	width:770px;
	text-align:left;
	line-height:18px;
	float:left;
	min-height:360px;
	border-left: 1px #e5e1ce dotted;
}

.terrace_header{
	font-weight:bold;
	font-size:14px;
	color:#90b268;
}


#left_side{
	font-size:12px;
	padding:30px 10px 0 0px;
	margin: 20px 0px 0px 0px;
	float:left;
	width:160px;
}

#left_side ul{
	margin:0px 0px 18px 0px;
	padding:0px;
}
#left_side h3{
	margin-left: 4px;
	
}
#left_side h4{
	margin:10px 0px 4px 4px;
	padding:0px;
	color:#ab9778;
}
#left_side select{
	display:block;
	margin-bottom:10px;
}
#left_side ul li{
	margin: 0px;
	padding:3px 0px 3px 5px;
	border-bottom:1px solid #e7e4d3;
	list-style:none;
}
#left_side .current_page_item:before{
	
}
#left_side .current_page_item a{
	
}
#left_side .current_page_item, #left_side .current_page_parent {

	background-color:#fbecbf;
}
#thumb_holder{
	margin:0px;
	padding:0px;
	margin-bottom:30px;
}
#left_contact{
	border-bottom:1px solid #e7e4d3;
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:15px;
	background-color:#f7f7f7;
	padding:5px;
}
#left_contact a{
	color:#a4cc81;
}
#left_contact h3{
	margin-left:0;
}
#thumb_holder .contentdiv{
	float:left;
	margin-bottom:5px;
	border: 1px solid #e7e4d3;
	margin-right:5px;
}
#thumb_holder .contentdiv img{
	border:0;
}
.cufon{
	margin:2px 0px;
}
#content{
	font-size:14px;
	margin:4px 0px 0px 0px;
	padding:0px;
	text-align:left;
	min-height:400px;
}
.post{
	border-bottom:1px solid #e7e4d3;
	width:740px;
	padding-bottom:10px;
	margin-bottom:10px;
}
.post h2{
	color:#9da873;
	margin:0;
	padding:0;
	font-size:16px;
}
.post_footer
{
	background-color:#ebf3fe;
	padding:4px;
	border-bottom:1px solid #e7e4d3;
	margin-bottom:5px;
}
.post h2 a
{
	color:#90b268;
}
.blognav a
{
	color:#90b268;
	background:#eee;
	padding:2px;
}
.date{
	font-size:11px;
}
.tags{
	font-size:11px;
}
.tags a{
	color:#90b268;
}
.comments{
	font-size:11px;
}
.comments a{
	color:#90b268;
}
#content h2{
	font-size:15px;
	margin:0px;
	padding:0px;
}
#homeContent{
	font-size:14px;
	margin-top:0px;
	padding:0px;
	text-align:left;
	height:300px;
}
.callout{
	font-size:14px;
	color:#b7aa69;
	font-family:Georgia, "Times New Roman", Times, serif;
}



#footer{
	margin-top:30px;
	padding:8px 30px 0 30px;
	border-top:1px solid #e7e4d3;
	font-size:11px;
	width:950px;
}
#footer a{
	color:#ab9778;
	text-decoration:none;
	padding-right:10px;
}
#footer a:hover{
	color:#9b8562;
	text-decoration:underline;
}
#left_foot{
	text-align:left;
	width:50%;
	float:left;
}
#right_foot{
	width:50%;
	float:left;
	text-align:right;
}
#header{
	margin:16px 0px 0px 0px;
	padding:0px;
}
#homecontent{
	z-index:14;
}
#menu_holder{
	float:left;
}
#logo{
	float:left;
	width:171px;
	padding:0;
	margin-left:0px;
}

ul#menu {
	position: relative;
	height: 72px;
}
ul#menu li {
	display: inline;
}
ul#menu a {
	position: absolute;
	top: 4px;
	display: block;
	
	height: 52px;
	background: url('images/top_menu.png') no-repeat;
	text-indent: -9999em;	
	
}
ul#menu a:focus {
	border:0;	
}
	
ul#menu #menuAbout a {
	width: 100px;
	left: 33px;
	background-position: 0px 0;
}
ul#menu #menuTerraces a {
	width: 112px;
	left: 138px;
	background-position: -100px 0;
}
ul#menu #menuProducts a {
	width: 110px;
	left: 262px;
	background-position: -222px 0;
}
ul#menu #menuEvents a {
	width: 100px;
	left: 383px;
	background-position: -332px 0;
}
ul#menu #menuServices a {
	width: 120px;
	left: 498px;
	background-position: -440px 0;
}
ul#menu #menuPress a {
	width: 90px;
	left: 620px;
	background-position: -562px 0;
}
ul#menu #menuBlog a {
	width: 122px;
	left:716px;
	background-position: -654px 0;
}
ul#menu #menuAbout a:hover {
	background-position: 0 -127px;
}
ul#menu #menuTerraces a:hover {
	background-position: -100px -127px;
}
ul#menu #menuProducts a:hover {
	background-position: -222px -127px;
}
ul#menu #menuEvents a:hover {
	background-position: -332px -127px;
}
ul#menu #menuServices a:hover {
	background-position: -440px -127px;
}
ul#menu #menuPress a:hover {
	background-position: -562px -127px;
}
ul#menu #menuBlog a:hover {
	background-position: -654px -127px;
}
	
.chosen{
	background-position: 0 -127px;
}
.about ul#menu #menuAbout a,
.about ul#menu #menuTerraces a,
.about ul#menu #menuProducts a,
.about ul#menu #menuEvents a,
.about ul#menu #menuServices a,
.about ul#menu #menuPress a,
.contact ul#menu #menuBlog a {
	cursor: default;
}
.clear{
	clear:both;
}

/* Products */
#product_holder
{
	width:730px;
	text-align:center;
	
}
#product_holder2
{
	width:400px;
	text-align:center;
	
}

#product_holder #slider1
{
	margin-bottom:10px;
}

#product_holder2 #slider1
{
	margin-bottom:10px;
}

#clickit{
	font-size:12px;
	color:#888;
	
}
.product_page .box200
{
	width:200px;
	height:160px;
	margin:0px 25px 25px 0px;
	padding:30px 0px 0px 0px;
	border:1px solid #e7e4d3;
	text-align:center;
	float:left;
	background-color:#6f5936;
	color:#fff;
}
.product_page .box200 a
{
	color:#fff;
}
/* End Products */

/* Terraces */
.box200,  .pressBox
{
	width:200px;
	height:160px;
	margin:0px 25px 25px 0px;
	padding:30px 0px 0px 0px;
	border:1px solid #e7e4d3;
	text-align:center;
	float:left;
	background-color:#a4cc81;
}
.pressBox
{
	background-color:#6f5936;
}
.eventBox
{
	width:180px;
	height:200px;
	margin:0px 25px 25px 0px;
	padding:30px 10px 0px 10px;
	border:1px solid #e7e4d3;
	text-align:center;
	float:left;
	background-color:#a4cc81;
}
.box200 img, .pressBox img, .eventBox img
{
	border:0;
	margin-bottom:10px;
}
.box200 a, .pressBox a, .eventBox a
{
	color:#fff;
	text-decoration:none;
}
.bio{
	
	width:100%;
	margin:10px 0px 20px 0px;
}
.bio h3
{
	font-style:normal;
	font-weight:normal;
	color:#ab9778;
	font-size:16px;
	letter-spacing:2px;
}
.bio_pic{
	float:left;
	padding:20px;
	border:1px solid #e7e4d3;
	width:120px;
	margin-right:20px;
}
.bio_txt{
	float:left;
	width:550px;
}

.sliderwrapper{
	position: relative;
	width: 530px; /*width of featured content slider*/
	height: 390px;
	margin:0px;
	padding:0px;
	z-index:100;
}
.sliderwrapper img
{
	border:0;
}
#feature1 .sliderwrapper{
	position: relative;
	width: 440px; /*width of featured content slider*/
	height: 300px;
	margin:0px;
	padding:0px;
	z-index:100;
	overflow:hidden;
}


.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	background: #fff;
	width:515px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height:380px;
	text-align:center;
}
#feature1 .sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	background: #fff;
	width:440px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height:300px;
}

.pagination{
	position:absolute;
	left:210px;
	top:387px;
	z-index:999;
	width:310px;
	
	text-align:right;
}
#right
{
	position:static;

}
.pagination_vid{
	text-align:right;
	position:absolute;
	left:238px;
	top:387px;
	z-index:999;
	width:250px;
}
.pagination_vid ul, .pagination ul{
	padding:0 0 0  0;
	margin:0;
	list-style:none;
	z-index:800;
}
.pagination_vid ul li, .pagination ul li{
	min-width: 30px;
	margin:0px 3px 0px 0px;
	display:inline;
	text-indent: -9999em;
	background:#fff;
}
.pagination .single_img{
	visibility: hidden;
}
.pagination_vid ul li a, .pagination ul li a{
	padding:2px 4px;
	font-size:12px;
	text-align:center;
	color:#9f9050;
	position: relative;
	top: 0;
	text-indent: -9999em;
	
}
.pagination_vid ul li .selected, .pagination ul li .selected
{
	color:#9cb581;
	background:#f6e5b1;
	border:0px #bbb38e solid;
}
.pagination_vid ul li a:hover, .pagination ul li a:hover
{
	color:#9f9050;
	
}

.pagination_vid ul li img, .pagination ul li img {
visibility:hidden;
}
h3{
	font-size:14px;
	color:#a4cc81;
	margin:0px 0px 5px 0px;
}
#projectinfo_nav{
	border-top:1px solid #ddd;
	padding: 5px 0px;
	width:520px;
}
.terrace_toggle_chosen
{
	background:#e7f4f3;
}
#testimonial
{
	font-size:12px;
	display:none;
}
#description{
	padding-top:10px;
	width:520px;
}
.featureArea{
	float:left;
	width:530px;
}
.caseStudyHolder{
	padding-bottom:20px;
	clear:both;
}
.caseStudyHolder .pagination{
	visibility:hidden;
}
.terrace_desc{
	width:254px;
	float:left;
	margin:0px 0px 0px 0px;
	font-size:12px;
}
.terrace_desc a{
	color:#a4cc81;
}
#terrace_navigation{
	margin-top:10px;
}
#terrace_navigation a{
	color:#a4cc81;
}

.terrace_desc h2{
	letter-spacing:1px;
	font-weight:normal;
	margin:0;padding:0;
}
.terrace_desc p{
	margin:5px 0 0 0;padding:0;
}
.terrace_desc h1{
	margin:0;
	padding:0;
}
.terrace_top{
	padding:0;margin:0;
}
.terrace_middle{
	color:#fff;
	background: url('images/terrace_brown_middle.jpg') repeat-y;
	padding:0px 5px;margin:0;
}
.terrace_bottom{
	padding:0;margin:0;
}
#terrace_category{
	font-style:italic;
	color:#999;
}
/* End Terraces */


/* Home */
#homepage_featured_title
{
	left:0px;
	top:272px;
	position:absolute;
	z-index:997;
	color:#fff;
}
#homepage_featured_popup
{
	background-color:#6f5936;
	padding:10px;
	position:absolute;
	z-index:998;
	color:#fff;
	visibility:hidden;
	vertical-align:bottom;
	bottom:0;
    width:420px;
}
#homepage_featured_title h3
{
	color:#fff;
}
#home_holder{
	width:707px;
	color:#fff;
	padding:34px;
	border:1px solid #e7e4d3;
	background-color:#fff;
}
#home_holder h2{
	color:#a4cc81;
}
#home_holder a{
	color:#d0c1a9;
}
#home_holder p{
	display:inline;
}
.article{
	display:block;
}
#feature1{
	float:left;
	background-color:#6f5936;
}
#feature2{
	float:left;
	margin-left:20px;
	background-color:#6f5936;
    padding:0;
    height:140px;
}
#feature3{
	float:left;
	margin:20px 0px 0px 20px;
	background-color:#6f5936;
    padding:0;
    height:140px;
}
#news_module{
	float:left;
	margin:20px 0px 0px 0px;
	width:420px;
	height:130px;
	padding: 10px;
	color:#fff;
	background-color:#6f5936;;
}
#contact_module{
	color:#777;
	float:left;
	width:220px;
	margin:20px 0px 0px 20px;
	height:130px;
	padding: 10px;
	background-color:#e5f3f2;
	overflow:hidden;
}
#contact_module a{
	color:#555;
	text-decoration:underline;
}
#contact_module p{
	display:block;
	margin:0px 0px 5px 0px;
}
/* End Home */

/* Press */
.press_txt h2
{
	font-size:16px;
	height:25px;
	padding-bottom:20px;
	letter-spacing:1px;
	color:#ab9778;
	font-weight:normal;
}
.press_holder .box200
{
	width:200px;
	height:160px;
	margin:0px 20px 30px 0px;
	padding:30px 0px 0px 0px;
	border:1px solid #e7e4d3;
	text-align:center;
	float:left;
}
/* End Press */

/* Consult */
#left_col_consult{
	float:left;
	width:320px;
}
#personal_info{	
	width:300px;
	background:#ebeff4;
	margin-right:20px;
	padding:10px;float:left;
}
#project_info{
	width:300px;
	background:#e3d8c7;
	margin-right:20px;
	padding:10px;
	float:left;
}
#steps{
	width:400px;
	background:#f7f7f7;
	margin-right:10px;
	padding:10px;
	float:left;
}

#offeringDiv
{
	display:none;
	background-color:#ece4d8;
	padding:5px;
	font-size:12px;
	line-height:13px;
}
#budgetDiv
{
	display:none;
	background-color:#ece4d8;
	padding:5px;
	font-size:12px;
	line-height:13px;
}
#close1, #close2{
	display:none;
}

/* End Consult */

/* Product */
.form_btn
{
	background: #f4efe8 url('images/btn_arrow.png') no-repeat;
	margin-right:20px;
	padding:10px 18px;
	width:284px;
	border-bottom:1px solid #ccc;
}

#blogfeeds a
{
	margin-bottom:6px;
	display:block;
}
.postmetadata
{
	font-size:11px;
	color:#999;
	line-height:11px;
	margin:10px 0px 5px 0px;
}


/* Print Style Sheet */
@media print {
body { background:white; color:black; margin:0 }
#content{ background:white; color:black; margin:0;padding:0;}
/*#header, #left_side, #footer{ display:none;}*/
#homepage_featured_title{ display:none;}
#homepage_featured_popup{display:none;}
}
