* {
    margin: 0;
    outline: 0 none;
    padding: 0;
}

/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
header, section, footer, aside, nav, article, figure {
    display: block;
}

a {color: #563C1A;}
body {
    background: url("images/bggrain.png") repeat scroll 0 0 transparent;
    color: #555555;
     font: 400 14px/1.6 'Open Sans', Verdana, Helvetica, sans-serif;
}
.clear {
    clear: both;
}
*::-moz-selection {
    background-color: rgba(122, 192, 0, 0.2);
    border: 10px solid red;
}
h1 {
    font-family: 'Playball',cursive;
    font-size: 28px;
}
h1 a {
}
h1 a:hover {
}

.slider-wrapper{
margin-bottom: 50px;
}


#facebook{
position:fixed;
     bottom:0;
     right:0;
width: 133px;
cursor: hand;
height: 130px;
     background: url(images/facebook.png);
z-index: 999;
}
#facebook span
{ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  /* edit: added z-index */
  z-index: 999;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('empty.gif');
}   

.theme-default #slider {
margin: 40px auto 0 auto;
width: 940px;
height: 320px;
}

p{
margin-bottom: 20px;
}
h2 {
   background: url("images/leather-title.png") repeat scroll 0 0 transparent;
      -webkit-border-radius: 10px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
    color: #F2F2EB;
    font-family: 'Playball',cursive;
    font-size: 30px;
    font-weight: normal;
    height: 60px;
    letter-spacing: 0;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-top: 10px;
    -moz-box-shadow: 0 0 17px #000000 inset, 0 0 5px #FFFFFF;
-webkit-box-shadow: 0 0 17px #000000 inset, 0 0 5px #FFFFFF;
box-shadow: 0 0 17px #000000 inset, 0 0 5px #FFFFFF;
text-shadow: 0 1px 1px #D5D5D5;
}
header {
background: url("images/grid.png") repeat-x scroll 0 0 
transparent;
background-position: center;
float: left;
height: 148px;
padding: 0 0 5px;
position: fixed;
width: 100%;
z-index: 10;
}
#headercontainer, #contentcontainer {
    margin: 0 auto;
    position: relative;
    width: 940px;
}
#contentcontainer {
    float: none;
    padding-top: 0;
        -moz-box-shadow: inset 0 0 5px #888;
-webkit-box-shadow: inset 0 0 5px#888;
box-shadow: inner 0 0 5px #888;
}
#headercontainer {
}
#introimg {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 5px #888888;
    float: left;
    height: 220px;
    width: 220px;
    margin-right: 20px;
}
nav {
    float: left;
    width: auto;
}
nav ul {
    display: block;
}
nav ul li {
display: inline;
margin-left: 28px;
margin-right: 28px;
padding: 15px 10px 7px;
}
nav ul li a {
    border-bottom: medium none;
    color: #F2F2EB;
    font-family: 'Playball',cursive;
    font-size: 22px;
    text-decoration: none;
}
nav ul li:hover {
    background: none repeat scroll 0 0 #333333;
    border-radius: 0 0 13px 13px;
    box-shadow: 0 0 5px #000000 inset;
}
nav ul.leftnav {
width: 290px;
position: absolute;
top: 101px;
left: 0px;
}
nav ul.rightnav {
   width: 297px;
position: absolute;
left: 637px;
top: 100px;
}
#logo {
height: 200px;
width: 340px;
position: absolute;
left: 291px;
}
.divider {
    background: url("images/break.png") repeat scroll 0 0 transparent;
    height: 13px;
    margin-top: 20px;
    width: 940px;
}
section {
   background-color: rgba(216, 216, 196, 0.2);
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 200px;
    width: 940px;
     margin-left: -20px;

}


section #portfolio h3{
margin-bottom: 20px;
}
section #contact{
margin-bottom: 100px;
}

section #home h1{
font-size: 40px;
text-shadow: 0px 2px 3px 
white;
text-align: center;
margin-top: 0px;
}
section #home p {
}
input[type="text"] {
    width: 370px;
    font: 400 14px/1.6 'Open Sans', Verdana, Helvetica, sans-serif;
}
textarea {
    height: 140px;
    width: 750px;
}

#details{
float: right;
    width: 460px;
}

#details ul li {
list-style: none;
width: 400px;
height: 36px;
}

#details ul li strong{
color: 
#563C1A;
}
#details ul li img{
float:left;
}

#details ul li p{
margin-top: 6px;
float: left;
margin-left: 6px;
margin-bottom: 0px;
}

label {
    color: #573523;
}
ul.work {
width: 960px;
}

ul.work li{
    border: 5px solid #FFFFFF;
    box-shadow: 0 0 5px #888;
    float: left;
    height: 160px;
    list-style: none outside none;
    margin-right: 20px;
    width: 290px;
    margin-bottom: 20px;
}

ul.work li img{
width: 100%;
}

#form{
width: 380px;
float: left;
}
#contactform p{
margin-bottom: 0px;
}
input, textarea {
    background-color: rgba(255, 255, 255, 0.4);
    border: 5px solid rgba(87, 53, 35, 0.15);
    color: #4B4B4B;
    font-family: Keffeesatz,Arial;
    font-size: 14px;
    margin-bottom: 10px;
     width: 352px;
    margin-top: 0;
    padding: 5px;
    
      -webkit-border-radius: 10px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
}
input:focus, textarea:focus {
    background-color: #FFFFFF;
    border: 5px solid #777;
}
input[type="submit"] {
 -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(87, 53, 35, 0.15);
    border-radius: 10px 10px 10px 10px;
    border-style: solid none;
    border-width: 1px medium;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    color: #573523;
    cursor: pointer;
    font:400 30px/1.6 'Playball',cursive;
    margin-top: 20px;
    padding: 5px 36px 8px;
    width: 380px;
}
input[type="submit"]:hover {
    background: -moz-linear-gradient(center bottom , #666 23%, #777 62%) repeat scroll 0 0 transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
}
input[type="submit"]:active {
    position: relative;
    top: 1px;
}
footer {
}
footer ul {
}
footer ul li {
}
footer ul li a {
}
footer ul li img {
}

div.product div.summary {
width: 280px;
}