body {
 background-color: #55504c;
 color: #bfb2a9;
 font: .8em/1.4em Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
}
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */
a,:link,:visited { color: #f89b53; }
a:hover { text-decoration: underline; }

p { padding: .2em 0; }
#home p { text-align: justify; }
p.aftergallery { clear: both; }

img.floater {
 float: right;
 margin: 0 0 2em 2em;
 border: solid 1px #f89b53;
}

img {display:none;
}

#container {
 position: relative;
 width: 55.5em;
 height: 400px;
 margin:0;
 text-align: left !important;
 background: #544f4b url("images/logo.gif") top left no-repeat;
}

h1 {
 margin-left: 12px;
 height: 110px;
 overflow: hidden;
 text-align: left;
 background: transparent url("images/bg_corners.gif") top right no-repeat;
}
h1 a { display: block; width: 272px; height: 110px; }
h1 a:hover { text-decoration: none; }
h1 a span { visibility: hidden; }

#content {
 padding-left:0px;
 background: transparent url("images/bg_corners.gif") bottom left no-repeat;width:500px;
}
#wrapper {
 position: relative;
 padding: 0;
 min-height: 262px;
 background: url("images/bg_corners.gif") bottom right no-repeat;
}

#nav { padding-bottom: 4em;display:none;}
#nav li {
 float: left;
 margin-right: 1em;
}
#nav a {display: block; color: #beb1a8; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: lowercase;}

#nav li a:hover, #nav li a.on { color: #f89b53; text-decoration: none;}
#nav li a:active { font-size:13px}

#gallery {
 clear: both;
}
#gallery li { 
 width: 33%; 
 float: left;
 margin-bottom: 1em;
}
#gallery li img {
 border: solid 1px #f89b53;
}

#gallery li.fright img { float: right;}
img.beforeimage { margin-bottom: 14px; }
#gallery li.left { text-align: left; }
#gallery li.right { text-align: right; }
#gallery li.center { width: 34% !important; text-align: center; }
#gallery li.double { width: 67%; text-align: left; }

#topleftdesign {
 padding-right: 12px;
 text-align: left !important;
 font-size: 82%;
}

input.text,
textarea,
select {
 float: left;
 margin-left: 1em;
 border: solid 0px #55504c;
 background-color: #bfb2a9;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em;
}

#contact label {
 float: left;
 width: 6em;
 display: block;
 padding: 0;
 text-align: right;
}
#contact textarea {
 overflow: auto;
 width: 407px;
 height: 75px;
}
#contact input.text {
 width: 150px;
 padding: 2px 0;
}
#contact ul li {
 float: left;
 width: 100%;
 padding: 5px 0;
}
#contact ul li li {
 float: left;
 width: 257px;
 padding: 0 !important;
}

#buttons input {
 padding: 0 3px;
 border: solid 1px #55504c;
 background-color: #bfb2a9;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em;
}
#buttons input.submit {
 margin-left: 7em;
}