@charset "utf-8";
}
@font-face {
  font-family: 'Baskerville Italic';
  src: url('fonts/basi____0.eot'); /* IE */  
  src: local("Baskerville Italic"), url('fonts/basi____0.ttf') format("truetype"); /* non-IE */
}
@font-face {
font-family: 'Roboto', sans-serif;
  src: url('fonts/Roboto-Light.eot'); /* IE */  
  src: local("Roboto Light"), url('fonts/Roboto-Light.ttf') format("truetype"); /* non-IE */
}
@font-face {
font-family: 'Roboto', sans-serif;
  src: url('fonts/Roboto-Regular.eot'); /* IE */  
  src: local("Roboto"), url('fonts/Roboto-Regular.ttf') format("truetype"); /* non-IE */
}
.BORDER1 {
	border: 3px solid #5B4B34;
}
.border2 {
	border: 3px solid #4A1215;
}
.border3 {
	border: 3px solid #916C3F;
}
.font1 {
	font-family: "Century Gothic";
	font-size: 16px;
	color: #5B4933;
	text-decoration: none;
}
.font2 {
	font-family: "Eras Medium ITC";
	font-size: 16px;
	color: #FFFFFF;
}
.smallfont2 {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.font3 {
	font-family: "Century Gothic";
	font-size: 16px;
	color: #4C0D16;
}
.font4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
}
.verdana-brown {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #5B4A36;
}

.font5 {
	font-family: "Century Gothic";
	font-size: 14px;
	color: #4E0D15;
}
.web {
	font-family: "Century Gothic";
	font-size: 12px;
	color: #666666;
}
.font6 {
	font-family: "Century Gothic";
	font-size: 14px;
	color: #946B3D;
}
.fade-backgrd {
	background-color: #F5F4F1;
	background-image: url(ORIGINALS/wood.jpg);
	background-repeat: no-repeat;
}
.fadebrown1 {
	background-image: url(cornwall-joiner/background-grad-1.jpg);
}
.fadebrownlight {
	background-image: url(cornwall-joiner/background-grad-2.jpg);
}
.faderedbrown {
	background-image: url(cornwall-joiner/background-grad-3.jpg);
}
.faderedbrown {
	background-image: url(background-grad-3.jpg);
	background-repeat: repeat;
}
.footer-white {
	font-family: arial;
	font-size: 14px;
	line-height: 22px;
	color: #FFF;

}.arial-12 {
	font-family: arial;
	font-size: 12px;
	line-height: 22px;
	color: #000;
}.baskerville-20 {
	font-family: baskerville;
	font-size: 20px;
	font-style: italic;
	line-height: 36px;
	color: #FFF;
}
.dashed {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #513438;
}
.nav {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #FFF;
}

#topnav div.drop {
	position: relative;	
	width: 100%;
	height: 100%;
	line-height: 30px;
	display: block;
}
#topnav div.drop div {
	display: none;
	position: absolute;
	top: 30px;
	width: 400px;
	line-height: normal;
	height: auto;
	min-height: 30px;
	padding: 0px;
	z-index: 10000000000;
}
#topnav div.drop:hover > div {
	display: block;
}
a.top-link {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #FFF;
}
a.top-link:hover {
	background-color: #787274;
	color: #FFFFFF;
}
.roboto-header {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #513438;
}
.main {
	font-family: roboto;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	text-align: left;
}
.mainbold {
	font-family: roboto;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	text-align: left;
	font-weight: 500;
}

.baskerville-22 {
	font-family: baskerville;
	font-size: 25px;
	color: #513438;
	font-style: italic;
	line-height: 35px;
}
.bottom-line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #513438;
}

.roboto-sub-head {
font-family: 'Roboto', sans-serif;
	font-size: 25px;
	color: #633;
}
.roboto-sub {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #633;
	font-weight: 300;
}

.main-small {
	font-family: roboto;
	font-size: 14px;
	color: #633;
}
.line {
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #633;
}
img.sop {
	filter: alpha(opacity=100);
	opacity: 1;
}
img:hover.sop  {
	filter: alpha(opacity=40);
	opacity: 0.4;
	  transition: opacity .35s ease-in-out;
   -moz-transition: opacity .35s ease-in-out;
   -webkit-transition: opacity .35s ease-in-out;
}.baskerville-21 {
	font-family: baskerville;
	font-size: 21px;
	font-style: italic;
	color: #633;
	line-height: 30px;
}
#mobile_return {
   display: block; top: 0; left: 0; width: 100%; text-align: center; /*Leave this line alone */
   position: fixed;
   height: 2em;
   background: #fff;
}
#mobile_return a { 
   font-size: 1em; line-height: 2em; vertical-align: middle; text-decoration: none; /*Leave this line alone */
   font-family: "Helvetica Neue", Arial, sans-serif;
   color: #000;
}
.button-grey {
	display: block;
	height: 40px;
	width: 200px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	line-height:40px;
	font-weight: 300;
	background-color: #513438;	
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
	}
a.button-grey:hover {
    background-color: #8A6B3C;	
	color: #FFFFFF;
}