body{
    font: .85em corbel, arial, verdana;
    color: #222;
    background: #fdfcfc;
    text-align: center;
    width: 100%;
}

a:active, a:focus{
    border: 0;
    outline: none;
    -moz-outline-style: none;
}

#wrapper{
    margin: 0 auto;
    width: 700px;
}

.hide{
    position: absolute;
    left: -9999px;
}

.roundCorners{
    -moz-border-radius: 3px;  /* add rounded corners in Firefox, Safari and Chrome */
    -webkit-border-radius: 3px;
}

#container{
    float: left;
    background: url(../images/bodyBG.gif) top left repeat-x #fdfcfc;
    width: 100%;
    height: 500px;
}

.roundCorners{
    -moz-border-radius: 5px !important;
    -khtml-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
}


a{
    border-bottom: dotted 1px #FAC11C;
    position: relative;
    bottom: -1px;
    color: #0F4C5F;
}

a:hover{
    background: #FAC11C;
    border-bottom: solid 1px #FAC11C;
    color: #F9FBF0;
}

.twitter a{
    background: none !important;
    border-bottom: none !important;
}

.logo a{
    background: none !important;
    border: 0 !important;
}

.logo{
    float: left;
    width: 300px;
    height: 176px;
    position: relative;
    top: 39px;
    left: -39px;
}

/* Navigation styles */

#navigation{
    position: relative;
    z-index: 30;
    float: right;
    width: 326px;
    height: 87px;
    padding: 0 20px;
    margin: 100px 0 0;
    background: url(../images/crystalArchSprite.gif) 0 0 no-repeat #fdfcfc;
}

#navigation li{
    cursor: pointer;
    float: left;
}

#navigation li a{
    color: #c0c0c0;
    float: left;
    border: 0;
    background: none;
}

#navigation li:hover a{
    color: #3F5019;
}

.home{
    width: 64px;
    height: 95px;
    background: url(../images/crystalArchSprite.gif) 0 -139px no-repeat transparent;
}

.home a{
    padding: 60px 0 0 12px;
}

.home:hover{
    background-position: 0 -234px;
}

.portfolio{
    width: 81px;
    height: 95px;
    background: url(../images/crystalArchSprite.gif) -64px -139px no-repeat transparent;
}

.portfolio a{
    padding: 60px 0 0 15px;
}

.portfolio:hover{
    background-position: -64px -234px;
}

.contact{
    width: 84px;
    height: 95px;
    background: url(../images/crystalArchSprite.gif) -145px -139px no-repeat transparent;
}

.contact a{
    padding: 60px 0 0 10px;
}

.contact:hover{
    background-position: -145px -234px;
}

.thankYou p{
    text-align: center;
}

.twitter{
    position: absolute;
    bottom: 70px;
    right: 25px;
}

/* Content styles */

#content{
    position: relative;
    z-index: 20;
    float: right;
    width: 316px;
    height: 500px;
    background: url(../images/contentBgMiddle.png) 0 0 repeat-y transparent;
    padding: 20px 25px 10px;
}

#contentBottom{
    position: relative;
    z-index: 20;
    bottom: 20px;
    float: right;
    clear: both;
    width: 366px;
    height: 52px;
    background: url(../images/crystalArchSprite.gif) 0 -87px no-repeat #fdfcfc;
}

h1{
    text-align: center;
    font: 1.8em georgia, constantia, chicago;
    padding-bottom: 20px;
    color: #3F5019;
}

h2{
    font: 1.4em georgia, constantia, chicago;
    padding: 0 0 20px 0;
    color: #677841;
}

h3{
    font-size: 1.3em;
    padding-bottom: 5px;
    color: #707070;
}

#content p{
    padding-bottom: 15px;
    letter-spacing: .01em;
}

fieldset label{
    float: left;
    clear: both;
    padding: 10px 0 0 !important;
}

fieldset input{
    float: left;
    clear: both;
}

fieldset textarea{
    width:310px;
    height: 130px;
}

fieldset .greenButton{
    margin-top: 10px;
}

.greenButton{
    background: #677841;
    border: 1px solid #2B4E47;
    color: #fff;
    font-size: .92em;
    cursor: pointer;
    padding: 1px 1px 2px;
    -moz-border-radius: 3px;  /* add rounded corners in Firefox, Safari and Chrome */
    -webkit-border-radius: 3px;
}

.greenButton:hover{
    background: #FAC11C;
    border: 1px solid #CC9800;
    color: #555;
}

/* =========================================================
Begin Slideshow styling.
==========================================================*/

.imageBox{
    position: absolute;
    z-index: 2;
    height: 224px;
    left: -373px;
}

#slideshow{
    width: 380px;
}

#slideshow img{
    position: absolute;
    top: 200px;
    left: 0;
    z-index: 5;
}

#slideshow img{
    opacity: 0.0;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #949393;
    border-left: 1px solid #949393;
}

#slideshow img.active {
    z-index:12;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:10;
}

/* Footer styles */

#footer{
    float: left;
    position: relative;
    z-index: 5;
    margin-top:50px;
    width: 100%;
    height: 200px;
    background: url(../images/footerBG.gif) bottom left repeat-x #F9FBF0;
}

#footer p{
    text-align: center !important;
    padding-top: 50px;
}