@charset "utf-8";
/* CSS Document */

/*RESET*/

body, div, h1, h2, h3, h4, h5, h6, p {
margin:0;
padding:0;
line-height:14px;
font-weight:normal;
}

/*FONTS*/
@font-face {
	font-family: 'AurulentSansRegular';
	src: url('../typography/AurulentSans-Regular-webfont.eot');
	src: local('☺'), url('../typography/AurulentSans-Regular-webfont.woff') format('woff'), url('../typography/AurulentSans-Regular-webfont.ttf') format('truetype'), url('../typography/AurulentSans-Regular-webfont.svg#webfontR1h6QdGF') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'WCROUGHTRADBtaRegular';
	src: url('../typography/WC_RoughTrad-webfont.eot');
	src: local('☺'), url('../typography/WC_RoughTrad-webfont.woff') format('woff'), url('../typography/WC_RoughTrad-webfont.ttf') format('truetype'), url('../typography/WC_RoughTrad-webfont.svg#webfontm2bZmgrD') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'MerriweatherRegular';
    src: url('../typography/Merriweather-webfont.eot');
    src: url('../typography/Merriweather-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typography/Merriweather-webfont.woff') format('woff'),
         url('../typography/Merriweather-webfont.ttf') format('truetype'),
         url('../typography/Merriweather-webfont.svg#MerriweatherRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MerriweatherLight';
    src: url('../typography/Merriweather-Light-webfont.eot');
    src: url('../typography/Merriweather-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typography/Merriweather-Light-webfont.woff') format('woff'),
         url('../typography/Merriweather-Light-webfont.ttf') format('truetype'),
         url('../typography/Merriweather-Light-webfont.svg#MerriweatherLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MerriweatherBold';
    src: url('../typography/Merriweather-Bold-webfont.eot');
    src: url('../typography/Merriweather-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typography/Merriweather-Bold-webfont.woff') format('woff'),
         url('../typography/Merriweather-Bold-webfont.ttf') format('truetype'),
         url('../typography/Merriweather-Bold-webfont.svg#MerriweatherBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MerriweatherBlack';
    src: url('../typography/Merriweather-Black-webfont.eot');
    src: url('../typography/Merriweather-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typography/Merriweather-Black-webfont.woff') format('woff'),
         url('../typography/Merriweather-Black-webfont.ttf') format('truetype'),
         url('../typography/Merriweather-Black-webfont.svg#MerriweatherBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*ELEMENTS*/

body {
margin: 0 0 40px 0;
padding: 0;
background: url(../images/page_tile.jpg) repeat-x;
background-color: #FF5400;
font-family: 'AurulentSansRegular';
font-size: 10px;
color:#522008;
font-weight:normal;
}

a {
font-size:13px;
line-height:18px;
color:#642303;
margin: 0;
padding: 0;
text-decoration:none;
}

a:hover {
color:#FFF;
}

img#icon {
float:left;
}

h1 {
font-family: 'MerriweatherLight';
font-size:26px;
color:#c18b71;
padding-top: 32px;
padding-right: 40px;
text-shadow: 1px 1px 1px #642303;
}

h2 {
font-family: 'MerriweatherLight';
font-size:14px;
color:#FFF;
padding-top: 90px;
padding-right: 45px;
}

h3 {
font-size:10px;
color:#c18b71;
padding-top: 70px;
padding-left: 10px;
}

h4 {
font-family: 'MerriweatherLight';
font-size:26px;
color:#FFF;
line-height:30px;
padding: 4px 0 4px 0;
}

h5 {
font-family: 'MerriweatherRegular';
font-size:16px;
color:#642303;
text-shadow: 1px 1px 1px #d25418;
}

h5 a {
font-size:16px;
}

h5 a:hover {
font-size:16px;
}

h6 {
font-family: 'MerriweatherRegular';
font-size:14px;
color:#FFF;
padding-top: 10px;
padding-bottom: 10px;
}

p {
font-size:13px;
line-height:16px;
padding-top:8px;
padding-bottom:4px;
}

ul {
font-size:13px;
line-height:16px;
margin: 0;
padding: 0;
list-style-type: none;
}

/* LAYOUT*/

div#wrapper {
margin: 0 auto;
width:840px;
	}

div#copyright {
background: url(../images/copyright.jpg) no-repeat;
width: 840px;
height: 89px;
	}
	
div#logo {
background: url(../images/logo.jpg) no-repeat;
width: 840px;
height: 140px;
text-align:right;
	}
	
div#strapline {
background: url(../images/strapline.jpg) no-repeat;
width: 840px;
height: 80px;
text-align:right;
	}

div#content {
min-height: 450px;
margin: 0 30px;
	}

div#web {
width:248px;
float:left;
}

div#identity {
width:248px;
float:left;
padding: 0 18px 0 18px;
}

div#print {
width:248px;
float:left;
}

div#contact_bottom {
width:840px;
float:left;
margin:10px 30px 10px 30px;
}

/* JS IDENTITY POSITIONING */

#rollover {
position:relative;
top:0px;
left:0px;
margin-top:4px;
margin-bottom:10px;
}

.rollover_content {
position: absolute;
top:0;
left: 0;
width:248px;
height: 127px;
text-align: left;
vertical-align: top;
padding: 6px;
visibility: hidden;
}

/* CONTACT IMAGE LINK */

.contimage{
filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;
}

div#contact { 
position:relative;
top: -30px;
right:-10px; 
}

/* CONTACT FORM */

#contactformwrapper {
margin:0 auto;
width:300px;
}

#contactform #error h7{
 color:#ff0000;
 margin:0 10px 10px 12px;
 font-weight:bold;
 padding-bottom:10px;
 }
 
 #contactform #error p.thanks{
 color:#FF5400;
 margin:0 10px 10px 12px;
 font-weight:bold;
 padding-bottom:10px;
 line-height: 20px;
 }
 
#contactform #error ul li{
  color:#ff0000;
  font-weight:normal;
  margin-left:12px;
  font-size:14px;
  line-height: 18px;
  }
  
#contactformwrapper h4{
 color:#666666;
 margin:0 0 10px 0;
 font-weight:normal;
 padding-bottom:10px;
 border-bottom:1px dotted #ccc;
 }
 
#contactform fieldset{
 border:none;
 margin:5px 10px 15px 10px;
 padding:5px 0px 0px 0px;
 }
 
#contactform .button{
 background:#642303;
 color:#FFF;
 border:1px solid #ccc;
 padding:5px 20px 5px 20px;
 outline:none;
 font-weight:bold;
 font-size:14px;
 }
 
 #contactform .form_text{
 background:#f5f5f5;
 color:#522008;
 border:1px solid #cbcbcb;
 padding:5px;
 font-weight:bold;
 font-size:14px;
 width: 265px;
 }
 
 #contactform .form_text_long{
 background:#f5f5f5;
 color:#522008;
 border:1px solid #cbcbcb;
 padding:5px;
 font-weight:bold;
 font-size:14px;
 width: 265px;
 }

#contactform{
 color:#FF5400;
 font-weight:bold;
 font-size:14px;
 }
 
.clear{clear:both;}