body {margin:20px 0; text-align:center; background:#b3cad2}

/* Global element styles */
a {color: #777; text-decoration:none; border-bottom:1px solid #e0eda7;}
p a, dd a  {color:#333;}
a:hover {color:#558799;}
ul {list-style-type:none; list-style-image:url(http://www.wrenovate.com/layout/bullet.gif)}
acronym {text-decoration:none; border-bottom:0;  color:#444; cursor:help;}
tr {vertical-align:top}
p, dd, td, div {line-height:1.4; font-size:10pt}

/* div {border:1px solid red} */

#container {margin:0 auto; width:740px; text-align:left; position:relative;}

#layout .banner {background: url(http://www.wrenovate.com/layout/banner.gif) top left no-repeat; height:107px; width:740px;}
#layout .body_box {background: url(http://www.wrenovate.com/layout/tile_body.gif) top left repeat-y; }
#layout .house {background: url(http://www.wrenovate.com/layout/house.gif) top left no-repeat}
#layout .body {width:605px; padding:10px 10px 10px 15px; margin:0 0 0 10px;}
#layout .footer {background: url(http://www.wrenovate.com/layout/footer.gif) top left no-repeat; height:119px; width:740px}

#layout .body tr {vertical-align:top}
#layout .body h2 {color: #6596a7;  margin:0 10px 10px 0; border-bottom:1px solid #d7e2ac; font: 15pt "Verdana", sans-serif; width:400px}
#layout .body h3 {color: #6596a7; margin:0 0 5px 0; font: 13pt "Verdana", sans-serif;}
#layout .body h3.line {border-bottom:1px solid #d7e2ac;}
#layout .body p {color:#777; font:10pt "Verdana", sans-serif; margin:10px 20px 15px 0px; line-height:1.4}
#layout .body ul {font:10pt "Verdana", sans-serif; margin-top:2px; padding:0; margin-left:20px;}
#layout .body li {margin-bottom:5px;}
#layout .body li a {color:#777}
#layout .body li a:hover {color:#46a7cc;}

#layout .body dl {font: 10pt "Verdana", sans-serif; margin-left:8px}
#layout .body dt {margin-top:10px; font: 11pt "Verdana", sans-serif; color:#6596a7}
#layout .body dd {margin:0 20px 20px 8px; padding-left:4px !important; border-left:1px solid #e5f1b1; color:#777}

#navigation {width:141px; float:right; margin:55px 0 10px 10px;}
#navigation a, img {border:0}

#navigation_port a, img {border:0}

#birdhouse {position:absolute; top:127px; left:633px}
#birdhouse a  {border:0}

#portfolio {margin-top:0; margin-left:0;}

#portfolio .info h4 {margin: 0 0 4px 0; font: 11pt "Verdana", sans-serif; color:#6596a7}
#portfolio .info p {margin:0 10px 7px 0; padding:0;  font: 7pt "Verdana", sans-serif}

#portfolio .thumbs {margin-top:10px;}
#portfolio .thumbs td {padding:0 8px 8px 0 !important;}
#portfolio .thumbs p {margin:0 !important}
#portfolio .thumbs a {border:0}
#portfolio .thumbs img {margin: 2px; border:1px solid #aaa; padding:1px}
#portfolio .thumbs .port_high {border:none; background: #598b9d; padding:2px;}
#portfolio .thumbs .port_none {border:1px solid #aaa}

#portfolio_categories li {margin:0 0 15px 0 !important;}
#portfolio_categories a {color: #6596a7 !important; font: 13pt "Verdana", sans-serif;}
#portfolio_categories a:hover {color:#777 !important}

.samples p img {border:1px solid #777; }
.sample_block {padding-top:30px !important; padding-left:10px !important;}

#contact_form  {margin:0}
#contact_form .line {border:none; border-bottom:1px dashed #aaa /* #6596a7 */; padding:0 3px; color:#777; background:transparent;}
#contact_form .line_over {border:none; border-bottom:1px solid #6596a7; padding:0 3px; background:transparent; color:#6596a7}
#contact_form .check {vertical-align:-3px; cursor:pointer; margin-right:4px;}
#contact_form  .textbox {border:1px dashed #aaa;  padding:6px; background:transparent url(./layout/textbox.gif) top left repeat-x; width:586px; height:76px; color:#777; font:8pt "Verdana", sans-serif;}
#contact_form  .textbox_over {border:1px dashed #aaa;  padding:6px; background:#f7f7da url(./layout/textbox_on.gif) top left repeat-x; width:586px; height:76px; color:#6596a7; font:8pt "Verdana", sans-serif;}
#contact_form  .send_button {margin-bottom:0; position:absolute;top:616px; left:565px;}



/* Modifiers */
.flush_top {margin-top:0}
.filetype {font-size:8pt !important; color:#777}