/* CSS Document */

/*Eric 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, b, u, i, center, 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-size: 100%;*/vertical-align: baseline;background: transparent;}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
/*____________________________________________________________*/
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

* {
	padding: 0;
	margin: 0;
}

/*LAYOUT*/
/*________________*/

body {background:#edece5;/* iPhone auto adjust text +FIX+ */-webkit-text-size-adjust:none;}

/*div {border:1px solid red; background:#CCC}*/

/* main area contained  */
#wrapper {margin:0 auto;width:825px;}

.header {width:440px;height:102px;position:relative;z-index:500;margin:10px 0px 0px 25px; }

/* content */
#content {width:825px;height:500px;margin: -11px 0px 0px 0px;position:relative;z-index:0;
/*-moz-box-shadow: 0 0 30px #CCC;-webkit-box-shadow: 0 0 30px #CCC;box-shadow: 0 0 30px #CCC;-moz-border-radius: 15px;-webkit-border-radius: 15px;*/}
.content-wrapper {padding-top:38px;}
.portfolio-bg {background-image:url(images/portfolio-bg.gif);}
.lemonade-bg {background-image:url(images/lemonade-bg.png);}
.about-bg {background-image:url(images/about-bg.png);}
.news-bg {background-image:url(images/portfolio-bg.gif);}
.contact-bg {background-image:url(images/contact-bg-w-credit.png);}

/* grid */

.whole {width:805px;padding:0px 10px 0px 10px;}

.half-odd {width:393px;padding:0px 10px 0px 10px;float:left;}

.half-even {width:392px;padding:0px 10px 0px 10px;float:left;}

.two-third {width:530px;padding:0px 10px 0px 10px;float:left;}

.one-third {width:255px;padding:0px 10px 0px 10px;float:left;}

.sixth-odd {width:117px;padding:0px 10px 0px 10px;float:left;}

.sixth-even {width:118px;padding:0px 10px 0px 10px;float:left;}

/* navigation */
#navigation {width:825px; text-align:right; border:none; padding-bottom:20px; margin: -110px 0px 0px 0px;}
#navigation li {display:inline; padding-left:33px;font-weight:600;}
#navigation ul {padding-right:119px; position:relative; z-index:9999;}
#navigation a {color:#67652F;text-decoration:none;font-size:12px;}
#navigation a:hover {color:#C3BFA0;}
#navigation a:active {color:#FFF;}
#navigation li ul {position:absolute;float:left;width:7em;display:none;text-align:left;margin-top:-60px/*top:-46px*/}
#navigation li:hover ul {display:block;}
#navigation li li {width:100%;font-weight:100;font-size:13px;}

.active-nav {position:relative;top:41px;z-index:3;}
.active-portfolio {left:-256px;}
.active-about {left:-181px;}
.active-contact {left:-106px;}
.active-news {left:-34px;}
.on a {color:#FFF;}

#footer {width:800px;}
.footer-fix {margin:-118px 0px 0px 0px;}

.sq-over:hover img {padding-top:1px;padding-left:1px;border:none}

/*FORMS*/
/*________*/
input {border: 1px solid #B9B79D;font:0.8em; height:14px;}
input:hover {border: 1px solid #67642E;}
#email-signup {margin:0px 0px  0px 17px; padding-top:25px}
.email-signup-bg {margin:22px 0px  0px 113px;width:197px;height:53px;background-image:url(images/email-signup-bg.png);}
.email-signup-bttn {border:none;/*background:url(images/email-signup-bttn.png) no-repeat center center;height:25px;width:24px;*/margin: 0px 0px 0px 4px;}
.email-signup-bttn:hover {padding-top:1px;padding-left:1px; border:none}
.email-signup-response {background-color:#FFFFFF;border:1px solid #C3BFA0;width: 230px;height:50px;text-align:left;padding:10px 0px 0px 18px;margin:22px 0px 0px 113px; font-size:10px}
#lemonade-signup-form {position:relative;top:44px;left:214px;}
#lemonade-signup-form input {height:18px;}
.lemonade-signup-bttn {border:none;background:url(images/lemonade-signup-bttn.png) no-repeat center top; width:24px; height:22px;}
.lemonade-signup-bttn:hover {padding-top:1px;padding-left:1px; border:none}

/*LEMONADE*/
/*________*/
#lemon {position:relative;top:-57px;left:740px;width:157px;background:none;border:none;}
.lemon-up a {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);-o-transform: rotate(0deg);/*-webkit-transform: scale(1.1) rotate(-6deg);-moz-transform: scale(1.1) rotate(-6deg);position: relative;*/}
.lemon-up a:hover {-webkit-transform: rotate(-2deg);-moz-transform: rotate(-2deg);transform: rotate(-2deg);-o-transform: rotate(-2deg);/*-webkit-transform: scale(1.1) rotate(-6deg);-moz-transform: scale(1.1) rotate(-6deg);position: relative;*/}
.articles-link {position:relative;top:-30px;left:318px;}
.articles-link-function {position:relative;top:-30px;left:355px;}
.blog-link a, a:link, a:active, a:visited {color:#67652F; text-decoration:none; font-weight:600; font-size:12px}
.blog-link a:hover {color:#C3BFA0}