* {
    margin: 0;
    padding: 0;
}
body {
    font-family: 'quicksand', sans-serif;
    background: #646464 url(../_img/bg.png) repeat top;

    text-align:center;
    color: #fff;
    font-weight: 100;
    font-size: larger;
    text-shadow:1px 1px 1px rgba(0,0,0,.5);
}
strong {
    font-weight: 400}
}

#wrap{
    margin: 0 auto;
    position: relative;
    overflow: visible;
    width: 90%;
    height: 100%;
    z-index: 999
}
body.contact{
    background-color: #000;
    background-attachment: fixed;
    background-image: none
}
a{
    color: #fff
}
#header, #content{
    width: 90%;
	max-width: 1100px;
}
#contactcol .constrain {	width: 80%;	margin: 0 auto}

a img{
    border: 0;
}
#design a  {
	height: auto;
}





#fader {
  position: relative;
  width: 260px;
  margin: 0 auto;
  padding: 0;
}
#fader ul {
    margin: 0;
    padding: 0;
	list-style: none;
  }
#fader li {
      position: absolute;
      margin: 0;
      padding: 0;
    }
#fader a {
  display: block;
  overflow: hidden;
  padding: 0;
  margin: 0 auto;
	border: 2px solid #fff;
	border-radius: 150px;
	line-height: 0;
}
#fader a img{
	width: 260px;
	height: auto;
}



#header h1{
    width: 215px;
    height: 200px;
    text-indent:-9999px;
    overflow: hidden;
    margin: 1em auto;
    display: block;
    background: transparent url(../_img/sprite.png) no-repeat -216px -4px;
}
#contactcol h3{
    background-position: 10px -80px
}

#services ul, #services li{
    list-style: none;
    position: relative;
}
#services ul{
    margin-top: -.5em
}
a.emailbutton{
    width: 92px;
    height: 72px;
    text-indent:-9999px;
    overflow: hidden;
    display: block;
    background: transparent url(../_img/sprite.png) no-repeat 3px -225px;
    margin: 0 auto
}
a.emailbutton:hover{
     background-position: 3px -304px;
}
h2{
    font-weight: 300;
    font-size: 55px;	text-transform: uppercase;	letter-spacing: -2px
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
#social{
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 200px;
    z-index: 1
    }
#social a{
    width: 64px;
    height: 64px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    background: transparent url(../siteimages/facebook.png) no-repeat top;
    text-align: left;
    margin: 0 0 0 10px;
    float: left;
    }
#social a.tw{
    background: url(../siteimages/twitter.png)
    }

/* forms */
label {
    display:block;
    padding-bottom:5px;
    width: 100%
}
.form {
    overflow:hidden;
    margin:0 auto;
}
ol {
	list-style: none
}

.success{
    background-color: #76e66a;
	border-top: 1px solid #3aa12f;
	border-bottom: 1px solid #3aa12f;
	padding: .5em;
    text-shadow: none !important
}
.error, .alert{
    background-color: #e17650;
	border-top: 1px solid #ad411b;
	border-bottom: 1px solid #ad411b;
	padding: 0 1em;
    margin: .5em 0;
    text-shadow: none !important
}
.hidden, .hide{
    display: none!important
}
div#inline{
    display:none
}

.column{
    float: left;
    width: 31.3%;
    margin: 1em 1%;
    position: relative;
}
.form .text,.form .textarea,.form .select,.form .button {
	width:200px;
	border:1px solid #999;
	-webkit-border-radius: 3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	margin:0;
	padding:5px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
	background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

}

.form .text:hover,.form .textarea:hover,.form .select:hover,.form .button:hover, .form .text:focus,.form .textarea:focus,.form .select:focus,.form .button:focus{
    border-color: #333;
    background:#fff;
}
form hr{
    visibility: hidden
}
.form .textarea{
	height:100px; width: 200px;
}
.form .button {
	width:auto;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left 25, from(#dadada), color-stop(6%, #efefef), to(#dadada));
	background: -moz-linear-gradient(top, #dadada, #efefef 2px, #dadada 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    margin: .5em auto 0 auto;
    display: block
}
.form .button:hover,.form .button:focus { background:#dadada;}
.form li.header { display:block; font-size:18px; border-bottom:1px solid #000; padding:5px; text-indent:10px; margin:5px 0 15px }
.form li.separator { display:block; text-indent:-9999px; height:10px; line-height:10px; border-bottom:1px solid #999;margin:5px 0 15px }

.form .required { border-color:#F00; }

#messageOK,#messageERROR{ border:1px solid #F60; padding:10px; font-size:16px; font-weight:bold; text-align: center; display:none; margin-bottom:20px;

	background: #F90;
	background: -webkit-gradient(linear, left top, left 25, from(#F90), color-stop(4%, #FC0), to(#F90));
	background: -moz-linear-gradient(top, #F90, #FC0 1px, #F90 25px);
	color:#fff;
	}

#secondary{
    display: none
}

.open {
    display: none;
    float: left;
    width: 40px;
    height: 30px;
    margin-right: 10px;
    background: url(menu.png) center center no-repeat #333;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -border-radius: 8px;
    box-shadow: inset 0 0 3px #000;
    text-indent: -999999px;
    border: 0;
    }

#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;

    /* Specify the width of your pageslide here */
    width: 200px;
    padding: 15px;

    /* These styles are optional, and describe how the pageslide will look */
   background-color: #444;
    color: #fff;
    -webkit-box-shadow: inset 0 0 5px 5px rgba(0,0,0,.3);
    -moz-shadow: inset 0 0 5px 5px rgba(0,0,0,.3);
    box-shadow: inset 0 0 5px 5px rgba(0,0,0,.3);
}

/* Styling the slideshow */

#slideShowContainer{
	width:310px;
	height:310px;
	position:relative;
	margin:0 auto;
}

#slideShow{
	position:absolute;
	height:290px;
	width:290px;
	background-color:#fff;
	margin:10px 0 0 10px;
	z-index:100;
	-moz-box-shadow:0 0 10px #111;
	-webkit-box-shadow:0 0 10px #111;
	box-shadow:0 0 10px #111;
}

#slideShow ul{
	position:absolute;
	top:15px;
	right:15px;
	bottom:15px;
	left:15px;
	list-style:none;
	overflow:hidden;
}

#slideShow li{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#slideShowContainer > a{
	border:none;
	text-decoration:none;
	text-indent:-99999px;
	overflow:hidden;
	width:36px;
	height:37px;
	background:url('../_img/arrows.png') no-repeat;
	position:absolute;
	top:50%;
	margin-top:-21px;
}

#previousLink{
	left:-38px;
}

#previousLink:hover{
	background-position:bottom left;
}

a#nextLink{
	right:-38px;
	background-position:top right;
}

#nextLink:hover{
	background-position:bottom right;
}