/* #################################################
####                                             ###
####       Pixel Ready Stylesheet v02.00         ###
####              by Owen Waring                 ###
####                                             ###
####          http://pixelready.com              ###
####                                             ###
################################################# */


/* -------------------------------------------------
------------ (begin) GLOBAL 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,em,strong,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;
	}

/* -------------------------------------------------
------------- (end) GLOBAL RESET -------------------
------------------------------------------------- */


/* -------------------------------------------------
-------------- (begin) LAYOUT ----------------------
------------------------------------------------- */


body{
	font-family: georgia, times, serif;
	font-size: 10px;
	color: #3F3725;
	background-color: #9c8f71;
	}

* html body{
	font-size: 62.5%;
	}

#mainContainer{
		min-width: 914px;
		}

/* ~~~~ Header ~~~~ */

#navLinksWrapper{
	width: 100%;
	text-align: center;
	background: #fffcec url(images/bg_topnav.gif) repeat-x 50% 100%;
	border-top: 4px solid #ffef8f;
	border-bottom: 2px solid #000;
	margin: 0 auto;
	}

#navLinks{
	width: 40.1em;
	margin: 0 auto 23px auto;
	font-size: 160%;
	}

#homeLink{
	display: block;
	width: 12em;
	min-width: 187px;
	height: 3em;
	min-height: 35px;
	margin: 1em 0;
	background: url(images/logo_badge.gif) no-repeat 50% 50%;
	float: left;
	text-indent: -9999em;
	}

#navLinks ul{
	display: block;
	float: right;
	}

#navLinks li{
	display: block;
	float: left;
	margin: 0 0 0 1em;
	}

#navLinks li a{
	display: block;
	float: left;
	padding: 0 .5em;
	height: 5em;
	line-height: 5em;
	font-weight: bold;
	text-decoration: none;
	color: #6e695d;
	border-left: 1px solid #fff08f;
	border-right: 1px solid #fff08f;
	background: #fff7c6 url(images/bg_topnav_item.gif) repeat-x 0 0;
	}

#navLinks li a:hover{
	color: #000;
	background: #ffef8f url(images/bg_topnav_item_hover.gif) repeat-x 0 100%; 
	}

/* ~~~~ Pitch Nav ~~~~ */

#pitchNav{
	/* width: 100%; */
	text-align: center;
	letter-spacing: .2em;
	background: #181818 url(images/bg_pitch.jpg) repeat-x 50% 100%;
	padding: 3em;
	border-bottom: 2px solid #c4a257;
	}

#pitchNav p{
	font-size: 210%;
	margin-bottom: 1.5em;
	color: #4cebca;
	}

#pitchNav p a{
	font-weight: bold;
	text-decoration: none;
	padding: .3em .1em;
	border-bottom: 1px solid #1e3f38;
	color: #FFFFFF;
	}

#pitchNav p a:hover{
	padding: .3em .1em;
	border-bottom: 0;
	color: #000;
	background-color: #FFFFFF;
	}
	
/* ~~~~ Pitch Nav ToolTip Effect ~~~~ */


/* ~~~~ Content Container ~~~~ */

#contentWrapperOuter{
	text-align: center;
	width: 76em;
	background: #bfb9a3 url(images/bg_main_content_left.gif) repeat-y 0 0;
	margin: 0 auto;
	font-size: 120%;
	}

#contentWrapperInner{
	text-align: center;
	width: 100%;
	background: transparent url(images/bg_main_content_right.gif) repeat-y 100% 0;
	margin: 0 auto;
	padding: 2em 0;
	font-family: "lucida grande", "Lucida Sans unicode", helvetica, arial, sans-serif;
	}

.contentSection{
	margin: 0 auto 2em auto;
	border: .7em solid #9c8f71;
	width: 44.1em;
	background-color: #9c8f71;
	}

.contentBlockWrapper{
	border: .7em solid #9c8f71;
	margin: 0 auto;
	background: #f5f4ea;
	}
	
.contentBlock{
	margin: .5em;
	border: 1px dotted #c6c1b0;
	background: transparent;
	}
	

/* ~~~~ Footer ~~~~ */

#footer{
	width: 100%;
	background: #111111 url(/images/bg_footer_dots.gif) repeat-x 0 1em;
	text-align: center;
	color: #666666;
	}
	
#footerContent{
	width: 58em;
	font-size: 1em;
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
	margin: 0 auto;
	padding: 3em .5em;
	}

#footerContent a{
	color: #9e9e9e;
	padding-bottom: .5em;
	border-bottom: .1em solid #9e9e9e;
	letter-spacing: .2em;
	}

#footerContent a:hover{
	color: #4CEBCA;
	padding-bottom: 0;
	border-bottom: .6em solid #4CEBCA;
	}
	
#footerContent h2{
	font-size: 1.6em;
	font-family: Georgia, Times, serif;
	font-weight: bold;
	color: #4C4C4C;
	padding-bottom: 1em;
	}

#footerContent p{
	letter-spacing: .1em;
	}

#footerContent ul{
	margin-bottom: 2em;
	}
		
#footerContent li{
	margin-bottom: .5em;
	}
	
#footerContent .newsItem{
	font-size: 1.2em;
	}
	
#footerContent .newsDate{
	color: #9e9e9e;
	font-size: 1.4em;
	font-weight: bold;
	padding-right: 1em;
	}

#footerContent .newsItem a{
	color: #666666;
	font-weight: normal;
	border: 0;
	text-decoration: none;
	padding-bottom: 0;
	}
	
#footerContent .newsItem a:hover{
	color: #4CEBCA;
	}

/* ~~~~ Layout Tools ~~~~ */

.clearingElement{
	clear: both;
	height: .01em;
	background: transparent;
	}


/* -------------------------------------------------
---------------- (end) LAYOUT ----------------------
------------------------------------------------- */


/* -------------------------------------------------
---------- (begin) GENERAL CONTENT STYLE -----------
------------------------------------------------- */

/* ~~~~ basic ~~~~ */

strong{
   font-weight: bold;
   }

em{
   font-style: italic;
   }

.left{
	display:block;
	float:left;
	}

.right{
	display: block;
	float: right;
	}

p, ul, ol, h1, h2, h3, h4, h5, h6, table, form{
	display: block;
	}

/* ~~~~ typography ~~~~ */

.info ul, .info ol{
	list-style-position: inside;
	list-style-type: square;
	padding: .5em 3em;
	font-size: .8em;
	line-height: 1.6;
	color: #675426;
	}

/* ~~~~ links ~~~~ */


/* a{
	color: #7E1911;
	padding-bottom: .4em;
	border-bottom: 1px solid #ddd;
	}

a:hover{
	color: #7E1911;
	text-decoration: underline;
	} */

/* ~~~~ General Content Block ~~~~ */

.general .info{
	width: auto;
	padding: 1em;
	float: none;
	}
	
.info a{
	color: #267B79;
	text-decoration: none;
	border-bottom: 1px dotted #2C8F8D;
	padding: .2em .1em;
	}
	
.info a:hover{
	color: #2C8F8D;
	border-bottom: 1px solid #2C8F8D;
	}

.info ul{
	padding: .5em 0 .5em 3em;
	}
	
.info li{
	list-style-position: outside;
	line-height: 1.2em;
	padding-bottom: .3em;
	}

.info h4{
	font-family: Georgia, Times, serif;
	color: #9B704E;
	background: #F3EFE5;
	font-weight: bold;
	padding: .5em;
	border-bottom: 1px dotted #CFC4A9;
	margin: .5em 0;
	}
	
.info h5{
	color: #F5F4EA;
	font-weight: bold;
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: .2em;
	padding: .5em;
	margin: .5em 0;
	background: #C7C4A9;
	}

.general .contentBlock h2{
	font-family: georgia, times, serif;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 140%;
	text-align: center;
	}
	
.general .subtitle{
	text-align: center;
	}

.info .right{
	display: block;
	float: right;
	padding:.5em 0 .5em 1em;
	}
	
.info .left{
	display: block;
	float: left;
	padding:.5em 1em .5em 0;
	}
	
.info .shaded{
	display: block;
	border: 2px solid #CFC4A9;
	color: #5B4F32;
	padding: .5em;
	font-size: 1.6em;
	font-weight: bold;
	background: #E3DCCB;
	}
	
.sampleBox{
	margin-top: 2em;
	}

.imageBlock img{
	border: 1px solid #c0beb8;
	margin: 1em 0 .3em 0;;
	padding: .3em;
	}
	
.imageCaption{
	color: #534f46;
	padding-bottom: 1.1em;
	margin-bottom: 2em;
	text-align: center;
	background: url(images/bg_image_caption_border.gif) repeat-x 0 100%;
	}
	
.left .imageCaption, .right .imageCaption{
	margin-bottom: .5em;
	}

.mainCaption, .subCaption{
	display: block;
	font-family: Georgia, Times, serif;	
	padding-bottom: .5em;
	text-align: center;
	}
	
.mainCaption{
	font-size: .9em;
	font-weight: bold;
	padding-top: 1.8em;
	letter-spacing: .05em;
	text-transform: uppercase;
	background: url(images/bg_image_caption_border.gif) repeat-x 0 0;
	}
	
.subCaption{
	font-size: .8em;
	font-style: italic;
	}


/* -------------------------------------------------
----------- (end) GENERAL CONTENT STYLE ------------
------------------------------------------------- */


/* -------------------------------------------------
--------- (begin) MAIN CONTENT: Portfolio ----------
------------------------------------------------- */


/* ~~~~ Main Content ~~~~ */

.contentSection{
	font-size: 120%;
	}

/* ~~~~ Dialog Box Styles ~~~~ */

.warning{
	border: 1px solid #F3DD72;
	padding: 20px 20px 20px 60px;
	background: #FAEEB6 url(/images/icon_error.gif) no-repeat scroll 30px 50%;
	}

/* ~~~~ Portfolio Preview Block ~~~~ */

.previewActions{
	width: 14.1em;
	float: left;
	margin: 1em 1em 0.5em 1em;
	}

a.thumbnail{
	display: block;
	width: 14.1em;
	height: 11em;
	font-size: 100%;
	line-height: 11em;
	margin: 0 auto .5em auto;
	border: 1px solid #dbd6c5;
	background: #ebe8db;
	overflow: hidden; 
	}

a.thumbnail:hover{
	background: #cfc8b4;
	}

a.thumbnail img{
	width: 14.1em;
	height: 11em;
	display: inline;
	vertical-align: middle;
	}

.actions{
	width: 13.1em;
	border: 1px solid #dbd6c5;
	background: #ebe8db;
	padding: 0 .5em .5em .5em;
	}

.actions li{
	display: block;
	margin-top: .5em;
	}

.actions a{
	font-family: georgia, times, serif;
	font-size: .8em;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .15em;
	padding: .5em 0;
	border: 1px solid #aea897;
	color: #4e4531;
	background: #DBD3BF;
	}

.actions a:hover{
	background: #5B523C;
	color: #F5F4EA;
	border: 1px solid #332E22;
	}

.info{
	width: 24.4em;
	float: left;
	text-align: left;
	padding: 1em 1em .5em 0;
	}

.info p{
	font-size: .9em;
	padding: .75em 2em;
	line-height: 150%;
	}
	
.portfolioPreview .info p{
	font-size: .8em;
	padding: .5em;
	}

.contentBlock h2{
	font-family: georgia, times, serif;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 140%;
	color: #45423a;
	padding: .5em;
	border-top: 1px solid #c0beb8;
	}

.tags, .subtitle{
	display: block;
	font-size: .7em;
	letter-spacing: .1em;
	line-height: 160%;
	color: #63615C;
	/* width: 29.5em; */
	padding: .5em 1em;
	margin-bottom: .5em;
	border-top: 3px double #c0beb8;
	border-bottom: 3px double #c0beb8;
	background-color: #F0EEE7;
	text-transform: uppercase;
	}

.contentBlock .moreLink{
	text-align: right;
	margin: 0 1em;
	}

.contentBlock .moreLink a{
	display: block;
	text-decoration: none;
	color: #DBD9D2;
	font-size: .8em;
	font-family: "lucida grande", "Lucida Sans unicode", helvetica, arial, sans-serif;
	letter-spacing: .2em;
	text-transform: uppercase;
	margin-bottom: 1em;
	padding: .5em 4em .5em 0;
	background: #97927B url(images/bg_link_pointer_left.gif) no-repeat 100% 50%;
	border: 0;
	}

.contentBlock .moreLink a strong{
	font-weight: bold;
	color: #fff;
	font-family: georgia, times, serif;
	}

.contentBlock .moreLink a:hover{
	color: #6B6B6B;
	background-color: #2B2B2B;
	}
	
#ZoomBox{
	border: .5em solid #fff;
	}

/* ~~~~ Portfolio Details ~~~~ */	
	
.portfolioDetails .info{
	width: auto;
	padding: 1em;
	float: none;
	}

.portfolioDetails .contentBlock h2{
	font-family: georgia, times, serif;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 140%;
	text-align: left;
	padding: .5em .5em .2em .5em
	}
	
.portfolioDetails .tags{
	text-align: left;
	}
	
.portfolioDetails .moreLink{
	margin: 0;
	}
	
.info h3.projectType{
	font-family: Georgia, Times, serif;
	color: #9B704E;
	background: #F3EFE5;
	font-weight: bold;
	padding: .5em 1em;
	margin: 0;
	letter-spacing: .1em;
	}


/* -------------------------------------------------
---------- (end) MAIN CONTENT: Portfolio -----------
------------------------------------------------- */


/* -------------------------------------------------
--------- (begin) MAIN CONTENT: Contact ----------
------------------------------------------------- */


/* ~~~~ Contact Form ~~~~ */

.contactForm{
	padding-top: .5em;
	margin-top: 1em;
	background: url(/images/bg_image_caption_border.gif) repeat-x 0 0;
	}

.zemContactForm{
	display: block;
	margin: 1em 0;
	padding-bottom: .5em;
	background: url(images/bg_image_caption_border.gif) repeat-x 0 100%;
	}
	
.zemContactForm br{
	display: none;
	}
	
.contactForm .inputBlock{
	padding: 0.5em 0 0 0;
	}
	
.inputBlock label{
	display: block;
	float: left;
	text-align: right;
	font-family: Georgia, Times, serif;
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: .1em;
	line-height: 1em; 
	width:10.8em;
	height: 1em;
	padding: .5em;
	color: #F5F4EA;
	background: #8B8574;
	border: 1px solid #736E60;
	border-left-width: .5em;
	}
	
.inputBlock textarea, .inputBlock input{
	display: block;
	float: left;
	text-align: left;
	font-size: .9em; 
	font-family: "lucida grande", "Lucida Sans unicode", Helvetica, Arial, sans-serif;
	color: #575757;
	width:30.4em;
	padding:.5em;
	border:1px solid #c6c0b0;
	border-top: 1px solid #8a867b;
	}
	
.inputBlock input{
	line-height: 1.2em;	
	}
	
.inputBlock textarea{
	margin-bottom: 1em;
	}
	
.contactForm .zemContactForm .zemSubmit{
	display: block;
	float:left;
	width: 100%;
	font-family: Georgia, Times, serif;
	text-transform: uppercase;
	border:1px solid #c6c0b0;
	border-right: 1px solid #8a867b;
	border-bottom: 1px solid #8a867b;
	padding: 1em; 
	background: #e4ddcb;
	cursor: pointer;
	}
	
.contactForm input#phone, .contactForm input#mail{
	height:.01em;
	padding: 0;
	margin: 0;
	line-height: 0;
	}
	
label.zemRequired{
	font-weight: bold;
	}
	
.contactForm .zemContactForm .zemError{
	background: #E5F7F4;
	border: 1px solid #065B49;
	color: #065B49;
	}

/* -------------------------------------------------
---------- (end) MAIN CONTENT: Contact -----------
------------------------------------------------- */

/* -------------------------------------------------
------- (begin) MAIN CONTENT: Testimonials ---------
------------------------------------------------- */

.contentBlock .info blockquote{
	padding: 2em 2em 1em 4em;
	background: url(/images/bg_block_quote.gif) no-repeat 2em 1.5em;
	font-size: 1.2em;
	}
	
.contentBlock .info blockquote p{
	color: #67644C;
	font-size: .9em;
	line-height: 1.6em;
	}

.contentBlock .info .bqCaption{
	text-align: right;
	font-weight: bold;
	font-family: "lucida grande", "Lucida Sans unicode", Helvetica, Arial, sans-serif;
	font-size: .8em;
	color: #45423A;
	border-bottom: 0;
	padding-right: 4em;
	padding-bottom: 8em;
	text-transform: uppercase;
	background: transparent url(images/bg_image_caption_border.gif) repeat-x 0 75%;
	/* border-bottom: 1px dotted #d8d6c4; */
	}

/* -------------------------------------------------
-------- (end) MAIN CONTENT: Testimonials ----------
------------------------------------------------- */