body{ width: 815px; margin: 0 auto 15px auto; background: #2c1a02 url(../img/main_bg_tile.jpg) ; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;  line-height: 1.4;}

/********************* RESETS **************************/
h2,h3{ margin: 0; padding: 0; color: #ed145b;}
p{ margin: 0; padding: 0; }
ul{ margin: 0; padding: 0; }
ul li{ margin: 0; padding: 0; }

/********************* GENERAL *************************/

.clear{ clear: both; height: 1px; margin: 0; padding:0; }
a{ color: #004a80; text-decoration: none; } a:hover{ color: #666; }


/********************* HEADER **************************/
#header{ height: 225px; background:url(../img/hdr_bg_tile.jpg) top left repeat-x; margin: 0; padding: 0; }
#flowers{ float: left; margin-top: 64px; width:94px; }
#logo{ float: left; margin-top: 55px; width: 284px; }
#clouds{ width: 192px; height: 219px; background:url(../img/hdr_clouds.jpg) top left no-repeat; float: left; }
#clouds img{ float: left; margin-top: 45px; display: block; width:67px; }
#plants{ float: right; margin-top: 64px; width: 107px;}

/********************* PORTFOLIO *************************/
#portfolio{ background: #f4f4f4; padding: 20px 0 20px 20px; min-height: 320px; }

div#thumbs{ float: left; width: 340px; height: 250px; }
#thumbs ul{ margin: 8px 0 0 0; padding: 0; list-style: none; }
#thumbs ul li{ margin: 0 3px 0 0; display: inline; padding:0; }

#works-nav{ width: 325px; float: left; background: #8dc63f; height: 25px; display: block; margin: 10px 0 0 0; padding: 0; color: #fff; font-size: 10pt; }
#works-nav ul{ padding: 4px 0 0 8px; list-style: none; margin: 0; }
#works-nav ul li{ margin: 0 8px 0 0; display: inline;}
#works-nav a{ color: #fff; text-decoration: none; } #works-nav a:hover{ color: #d7d7ae; }

/*********************** PROJECT PREVIEWS ******************/
.group{ height: 200px; background: #f4f4f4; }
.group img{ display: block;}
.hidden{ display: none; }
#project{ float: right; width: 449px; }
.preview{ margin: 8px 0 0 0; border-bottom: 12px solid #9d9d9d; }
#project h3{ margin: 12px 0 0 0; font-size: 16pt; color: #004a80;}
#project h3 span{ font-size: 10pt;color: #666; font-weight: normal; }
#project h3 a{ color: #ed145b; text-decoration: none; background: url(../img/launch.gif) top right no-repeat;  padding-right: 10px;} #project h3 a:hover{ color: #666; }
.description{ padding-right: 8px; font-weight: normal; }
.description p{ color: #585756; font-size: 10pt; margin: 5px 0 0 0;}

/********************** BOTTOM ******************************/
#bottom{ background: #d8d8ae url(../img/bottom_top_bg.gif) top left repeat-x; padding: 30px 20px 10px 20px; min-height: 180px;}
#bottom input.txt, #bottom textarea, #bottom p, #bottom ul li{ font-size: 10pt; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal;}
#about{ float: left; width: 48%; }
#about p, #contact p{ margin: 5px 0 15px 0;  color:#585756; }

#contact{ float: right; width: 47%; }
#contact ul{ list-style: none; margin: 8px 0; }
#contact ul li{ margin: 0 8px 0 0; display: inline; padding-left: 23px; }
#contact ul li.email{ background:url(../img/icon_email.png) left no-repeat; }
#contact ul li.blog{ background:url(../img/icon_blog.png) left no-repeat; }
#contact ul li.twitter{ background:url(../img/icon_twitter.png) top left no-repeat; }
#contact_form{ clear: both; margin-top: 20px;  }
.txt{ background: #ececd8; border: none; margin:4px 0 8px 0; width: 169px; height: 18px; padding: 3px 4px; font-size: 10pt; color: #999; border: 2px solid #ebebd7;}
.txtarea{ float: left;  border: none; background: #ececd8; padding: 5px; width: 250px; height: 80px; color: #999; border: 2px solid #ebebd7; }
.submitBtn{ background:url(../img/pink_btn.gif) top left no-repeat; color: #fff; width: 70px; height: 25px; margin: 67px 8px 0px 8px; padding: 1px 0 4px 0; text-align: center;  border: none; float:left; cursor: pointer; font-weight: bold;}
.submitBtn:hover{ color: #9C0; }
#error{ clear: both; width: 250px; min-height: 25px; }
div#error p{ font-size: 9pt; color: #ed145b; padding-top:5px;}
.loading{ background: url(../img/saving.gif) center center no-repeat; height: 40px; } 

/************************* FOOTER ****************************/
#footer{ font-size: 9pt; margin: 10px; text-align: center; }
#footer p{ margin: 8px;color: #fff; }
#footer a{ color: #8dc53f; text-decoration: none; } #footer a:hover{ color: #fff; }

/************************** MODAL BOX *************************/

#thanksbox{ font-size: 9pt; color: #fff; background-color:#2d1b02; padding: 15px;}
#thanksbox p, #thanksbox h2{ margin: 12px;}
#thanksbox ul{ margin: 15px 35px; }
#thanksbox li{ list-style: circle; margin-bottom: 5px; }
#thanksbox a{ color: #8ec640; text-decoration: underline; } #thanksbox a:hover{ color: #fff; }