/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

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

}

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

}
	
	#mainWrapper{
	width:750px;
	text-align:center;
	margin:0 auto;
	overflow:hidden;
	}
	
	body {
		margin:0 auto;
		font-family: FanwoodRegular, Arial, sans-serif;
		background-image:url(images/bg_grey.png);
		background-repeat:repeat;
	}
	
	#navlarge{
		padding-top:75px;
		font-size:24px;
		color:#4b401f;	
		text-align:center;
		text-shadow:0px 1px 1px #FFF;
	}
	

	#landingpage{
		padding-top:85px;
		padding-bottom:130px;
		color:#4b401f;
		text-shadow:0px 1px 1px #FFF;
		font-size:22px;
		text-align:center;
		line-height:30px;
	}
	
	#title{
		color:#4b401f;
		font-size:72px;
		text-shadow:0px 1px 1px #FFF;
		line-height:100px;
	}
	
	#contactbar{
		height:90px;
		padding-top:30px;
		font-family:FanwoodItalic, Arial, sans-serif;
		background-image:url(images/bg_contact.png);
		background-repeat:repeat-x;
		background-color:#6c5944;
		color:#e8e8e8;
		font-size:15px;
		text-shadow:0px 1px 1px #482804;
	}
	
	#navsmall{
		padding-top:55px;
		padding-left:10px;
		font-size:16px;
		color:#b4b1a8;
		text-shadow:0px 1px 1px #FFF;
		text-align:center;
	}
	
	#about{
		padding-top:70px;
		font-size:21px;
		color:#4b401f;
		text-shadow:0px 1px 1px #FFF;
		text-align:center;	
	}
	#abouttop{
		padding-top:40px;
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:20px;
		color:#4b401f;	
		text-shadow:0px 1px 1px #FFF;
		text-align:center;
		line-height:30px;
	}
	#aboutleft{
		padding-top:55px;
		margin-right:40px;
		width:330px;
		font-size:15px;
		color:#4b401f;
		text-shadow:0px 1px 1px #FFF;
		float:left;
		text-align:left;
	}
	#aboutright{
		padding-top:55px;
		width:330px;
		font-size:15px;
		color:#4b401f;	
		text-shadow:0px 1px 1px #FFF;
		float:inherit;
		text-align:left;
	}
	
	#contactnavsmall{
		padding-top:55px;
		padding-left:10px;
		height:53px;
		background-image:url(images/bg_brown_topper.png);
		background-repeat:repeat-x;
		font-size:16px;
		color:#877867;	
		text-shadow:0px 1px 1px #482804;
		text-align:center;
	}
	
	#contact{
		padding-top:70px;
		background-image:url(images/bg_brown.png);
		background-repeat:repeat;
		background-position:center;
		font-size:20px;
		color:#e8e8e8;	
		text-shadow:0px 1px 1px #482804;
		text-align:center;
	}
	
	
	#contactleft{
		padding-top:55px;
		margin-right:40px;
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:14px;
		color:#e8e8e8;
		text-shadow:0px 1px 1px #482804;
		text-align:left;
		width:330px;
		float:left;
	}
	
	#contactright{
		padding-top:55px;
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:14px;
		color:#e8e8e8;
		text-shadow:0px 1px 1px #482804;
		text-align:left;
		width:330px;
		float:inherit;
	}
	
	#contactendnav{
		padding-top:55px;
		padding-bottom:55px;
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:18px;
		color:#e8e8e8;
		text-shadow:0px 1px 1px #482804;
		text-align:center;
		background-image:url(images/bg_brown.png);
		background-repeat:repeat;
		background-position:center;
	}
	
	#endnav{
		padding-top:55px;
		padding-bottom:55px;
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:18px;
		color:#4b401f;
		text-shadow:0px 1px 1px #FFF;
		text-align:center;	
	}
	
	#italic{
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:20px;
		color:#e8e8e8;
		text-shadow:0px 1px 1px #482804;
	}
	
	#toutitle{
		font-size:20px;
	}
	
	#navlarge a{ text-decoration:none;
	color:#4b401f;
		
	}
	
	#navsmall a{ text-decoration:none;
	color:#4b401f;
		
	}
	
	#contactnavsmall a{ text-decoration:none;
	color:#e8e8e8;
		
	}
	
	#navlarge a:hover{ text-decoration:none;
	color:#83713a;
		
	}
	
	#navsmall a:hover{ text-decoration:none;
	color:#83713a;
		
	}
	
	#contactnavsmall a:hover{ text-decoration:none;
	color:#d1c7a8;
		
	}
	
	#endnav a{ text-decoration:none;
	color:#4b401f;
	}
	
	#endnav a:hover{ text-decoration:none;
	color:#83713a;
	}
	
	#contactendnav a{text-decoration:none;
	color:#e8e8e8;
	}
	
	#contactendnav a:hover{ text-decoration:none;
	color:#d1c7a8;
		
	}
	
	.capital1 { 
		font-size:35px;
		font-family:FanwoodItalic, Arial, sans-serif;
	}
	
	.capital2 {
		font-size:25px;
		font-family:FanwoodItalic, Arial, sans-serif;
	}
	
	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {
	
	@font-face {
    font-family: 'FanwoodRegular';
    src: url('Fanwood-webfont.eot');
    src: url('Fanwood-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fanwood-webfont.woff') format('woff'),
         url('Fanwood-webfont.ttf') format('truetype'),
         url('Fanwood-webfont.svg#FanwoodRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}
	
	#mainWrapper{
	width:750px;
	text-align:center;
	margin:0 auto;
	overflow:hidden;
	}
	
	body {
		margin:0 auto;
		font-family: FanwoodRegular, Arial, sans-serif;
		background-image:url(images/bg_grey.png);
		background-repeat:repeat;
	}
	
	#navlarge{
		padding-top:75px;
		font-size:24px;
		color:#4b401f;	
		text-align:center;
		text-shadow:0px 1px 1px #FFF;
	}
	

	#landingpage{
		padding-top:85px;
		padding-bottom:130px;
		color:#4b401f;
		text-shadow:0px 1px 1px #FFF;
		font-size:22px;
		text-align:center;
		line-height:30px;
	}
	
	#title{
		color:#4b401f;
		font-size:72px;
		text-shadow:0px 1px 1px #FFF;
		line-height:100px;
	}
	
	#contactbar{
		height:160px;
		padding-top:30px;
		font-family:FanwoodItalic, Arial, sans-serif;
		background-image:url(images/bg_contact.png);
		background-repeat:repeat-x;
		background-color:#5e4931;
		color:#e8e8e8;
		font-size:15px;
		text-align:center;
		text-shadow:0px 1px 1px #482804;
	}
	
	#navsmall{
		padding-top:55px;
		padding-left:10px;
		font-size:16px;
		color:#b4b1a8;
		text-shadow:0px 1px 1px #FFF;
		text-align:center;
	}
	
	#about{
		padding-top:70px;
		font-size:21px;
		color:#4b401f;
		text-shadow:0px 1px 1px #FFF;
		text-align:center;	
	}
	#abouttop{
		padding-top:40px;
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:20px;
		color:#4b401f;	
		text-shadow:0px 1px 1px #FFF;
		text-align:center;
		line-height:30px;
	}
	#aboutleft{
		padding-top:55px;
		margin-right:40px;
		margin-left:20px;
		width:330px;
		font-size:15px;
		color:#4b401f;
		text-shadow:0px 1px 1px #FFF;
		float:left;
		text-align:left;
		
	}
	
	#aboutright{
		padding-top:55px;
		margin-left:20px;
		width:330px;
		font-size:15px;
		color:#4b401f;	
		text-shadow:0px 1px 1px #FFF;
		float:inherit;
		text-align:left;
	}
	
	#contactnavsmall{
		padding-top:55px;
		padding-left:10px;
		height:53px;
		background-image:url(images/bg_brown_topper.png);
		background-repeat:repeat-x;
		font-size:16px;
		color:#877867;	
		text-shadow:0px 1px 1px #482804;
		text-align:center;
	}
	
	#contact{
		padding-top:70px;
		background-image:url(images/bg_brown.png);
		background-repeat:repeat;
		background-position:center;
		font-size:20px;
		color:#e8e8e8;	
		text-shadow:0px 1px 1px #482804;
		text-align:center;
	}
	
	
	#contactleft{
		padding-top:55px;
		margin-right:40px;
		margin-left:20px;
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:14px;
		color:#e8e8e8;
		text-shadow:0px 1px 1px #482804;
		text-align:left;
		width:330px;
		float:left;
	}
	
	#contactright{
		padding-top:55px;
		margin-left:20px;
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:14px;
		color:#e8e8e8;
		text-shadow:0px 1px 1px #482804;
		text-align:left;
		width:330px;
		float:inherit;
	}
	
	#contactendnav{
		padding-top:55px;
		padding-bottom:55px;
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:18px;
		color:#e8e8e8;
		text-shadow:0px 1px 1px #482804;
		text-align:center;
		background-image:url(images/bg_brown.png);
		background-repeat:repeat;
		background-position:center;
	}
	
	#endnav{
		padding-top:55px;
		padding-bottom:55px;
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:18px;
		color:#4b401f;
		text-shadow:0px 1px 1px #FFF;
		text-align:center;	
	}
	
	#italic{
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:20px;
		color:#e8e8e8;
		text-shadow:0px 1px 1px #482804;
	}
	
	#toutitle{
		font-size:20px;
	}
	
	#navlarge a{ text-decoration:none;
	color:#4b401f;
		
	}
	
	#navsmall a{ text-decoration:none;
	color:#4b401f;
		
	}
	
	#contactnavsmall a{ text-decoration:none;
	color:#e8e8e8;
		
	}
	
	#navlarge a:hover{ text-decoration:none;
	color:#83713a;
		
	}
	
	#navsmall a:hover{ text-decoration:none;
	color:#83713a;
		
	}
	
	#contactnavsmall a:hover{ text-decoration:none;
	color:#d1c7a8;
		
	}
	
	#endnav a{ text-decoration:none;
	color:#4b401f;
	}
	
	#endnav a:hover{ text-decoration:none;
	color:#83713a;
	}
	
	#contactendnav a{text-decoration:none;
	color:#e8e8e8;
	}
	
	#contactendnav a:hover{ text-decoration:none;
	color:#d1c7a8;
		
	}
	
	.capital1 { 
		font-size:35px;
		font-family:FanwoodItalic, Arial, sans-serif;
	}
	
	.capital2 {
		font-size:25px;
		font-family:FanwoodItalic, Arial, sans-serif;
	}

	
}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

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

}

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

}
	
	#mainWrapper{
	width:750px;
	text-align:center;
	margin:0 auto;
	overflow:hidden;
	}
	
	body {
		margin:0 auto;
		font-family: FanwoodRegular, Arial, sans-serif;
		background-image:url(images/bg_grey.png);
		background-repeat:repeat;
	}
	
	#navlarge{
		padding-top:75px;
		font-size:24px;
		color:#4b401f;	
		text-align:center;
		text-shadow:0px 1px 1px #FFF;
	}
	

	#landingpage{
		padding-top:85px;
		padding-bottom:130px;
		color:#4b401f;
		text-shadow:0px 1px 1px #FFF;
		font-size:22px;
		text-align:center;
		line-height:30px;
	}
	
	#title{
		color:#4b401f;
		font-size:72px;
		text-shadow:0px 1px 1px #FFF;
		line-height:100px;
	}
	
	#contactbar{
		height:160px;
		padding-top:30px;
		font-family:FanwoodItalic, Arial, sans-serif;
		background-image:url(images/bg_contact.png);
		background-repeat:repeat-x;
		background-color:#5e4931;
		color:#e8e8e8;
		font-size:15px;
		text-align:center;
		text-shadow:0px 1px 1px #482804;
	}
	
	#navsmall{
		padding-top:55px;
		padding-left:10px;
		font-size:16px;
		color:#b4b1a8;
		text-shadow:0px 1px 1px #FFF;
		text-align:center;
	}
	
	#about{
		padding-top:70px;
		font-size:21px;
		color:#4b401f;
		text-shadow:0px 1px 1px #FFF;
		text-align:center;	
	}
	#abouttop{
		padding-top:40px;
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:20px;
		color:#4b401f;	
		text-shadow:0px 1px 1px #FFF;
		text-align:center;
		line-height:30px;
	}
	#aboutleft{
		padding-top:55px;
		margin-right:40px;
		margin-left:20px;
		width:330px;
		font-size:15px;
		color:#4b401f;
		text-shadow:0px 1px 1px #FFF;
		float:left;
		text-align:left;
		
	}
	
	#aboutright{
		padding-top:55px;
		margin-left:20px;
		width:330px;
		font-size:15px;
		color:#4b401f;	
		text-shadow:0px 1px 1px #FFF;
		float:inherit;
		text-align:left;
	}
	
	#contactnavsmall{
		padding-top:55px;
		padding-left:10px;
		height:53px;
		background-image:url(images/bg_brown_topper.png);
		background-repeat:repeat-x;
		font-size:16px;
		color:#877867;	
		text-shadow:0px 1px 1px #482804;
		text-align:center;
	}
	
	#contact{
		padding-top:70px;
		background-image:url(images/bg_brown.png);
		background-repeat:repeat;
		background-position:center;
		font-size:20px;
		color:#e8e8e8;	
		text-shadow:0px 1px 1px #482804;
		text-align:center;
	}
	
	
	#contactleft{
		padding-top:55px;
		margin-right:40px;
		margin-left:20px;
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:14px;
		color:#e8e8e8;
		text-shadow:0px 1px 1px #482804;
		text-align:left;
		width:330px;
		float:left;
	}
	
	#contactright{
		padding-top:55px;
		margin-left:20px;
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:14px;
		color:#e8e8e8;
		text-shadow:0px 1px 1px #482804;
		text-align:left;
		width:330px;
		float:inherit;
	}
	
	#contactendnav{
		padding-top:55px;
		padding-bottom:55px;
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:18px;
		color:#e8e8e8;
		text-shadow:0px 1px 1px #482804;
		text-align:center;
		background-image:url(images/bg_brown.png);
		background-repeat:repeat;
		background-position:center;
	}
	
	#endnav{
		padding-top:55px;
		padding-bottom:55px;
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:18px;
		color:#4b401f;
		text-shadow:0px 1px 1px #FFF;
		text-align:center;	
	}
	
	#italic{
		font-family:FanwoodItalic, Arial, sans-serif;
		font-size:20px;
		color:#e8e8e8;
		text-shadow:0px 1px 1px #482804;
	}
	
	#toutitle{
		font-size:20px;
	}
	
	#navlarge a{ text-decoration:none;
	color:#4b401f;
		
	}
	
	#navsmall a{ text-decoration:none;
	color:#4b401f;
		
	}
	
	#contactnavsmall a{ text-decoration:none;
	color:#e8e8e8;
		
	}
	
	#navlarge a:hover{ text-decoration:none;
	color:#83713a;
		
	}
	
	#navsmall a:hover{ text-decoration:none;
	color:#83713a;
		
	}
	
	#contactnavsmall a:hover{ text-decoration:none;
	color:#d1c7a8;
		
	}
	
	#endnav a{ text-decoration:none;
	color:#4b401f;
	}
	
	#endnav a:hover{ text-decoration:none;
	color:#83713a;
	}
	
	#contactendnav a{text-decoration:none;
	color:#e8e8e8;
	}
	
	#contactendnav a:hover{ text-decoration:none;
	color:#d1c7a8;
		
	}
	
	.capital1 { 
		font-size:35px;
		font-family:FanwoodItalic, Arial, sans-serif;
	}
	
	.capital2 {
		font-size:25px;
		font-family:FanwoodItalic, Arial, sans-serif;
	}



}