@font-face		{font-family: 'HoeflerTextRegular'; src: url('type/HoeflerText.eot'); src: local('Hoefler Text Regular'), local('HoeflerText-Regular'), url('type/HoeflerText.woff') format('woff'), url('type/HoeflerText.ttf') format('truetype'), url('type/HoeflerText.svg#HoeflerText-Regular') format('svg');}
@font-face		{font-family: 'HoeflerTextItalic'; src: url('type/HoeflerTextItalic.eot'); src: local('Hoefler Text Italic'), local('HoeflerText-Italic'), url('type/HoeflerTextItalic.woff') format('woff'), url('type/HoeflerTextItalic.ttf') format('truetype'), url('type/HoeflerTextItalic.svg#HoeflerText-Italic') format('svg');}

.article-link	{position: absolute; top: 0; right: 0;}

body			{margin: 0; padding: 0; background-color: #F7F6F4; color: #352611; font: normal normal 62.5%/1 Georgia, serif;}
h1				{position: relative; top: -10px; left: -37px; margin: 0 0 13px; padding: 0; width: 713px; height: 127px; background: transparent url(../images/logotype_danscotton.png) left top no-repeat; text-indent: -9999px;}
h2				{margin: 0 0 0 230px; padding: 0; color: #6B4D22; font-family: 'HoeflerTextItalic', Georgia, serif; font-size: 4em; line-height: 50px; font-weight: normal; text-transform: lowercase;}
h2 .amp			{color: #D3CABD;}
h3				{margin: 0 0 0.5em; padding: 0; font-weight: normal; font-size: 5em;}
h4				{margin: 0 0 1.563em; font-family: "HoeflerTextRegular", Georgia, serif; font-size: 1.6em; font-weight: normal; line-height: 1.563em; /* 25px */ letter-spacing: 3px; text-shadow:  1px 1px 2px rgba(255, 255, 255, 1); text-transform: uppercase;}
p				{margin: 0 0 1.786em; font-size: 1.4em; line-height: 1.786em; /* 25px */}
img				{display: block;}
a				{text-decoration: none; outline: none;}

*::selection 		{background-color: #6B4D22; color: #fff;}
*::-moz-selection	{background-color: #6B4D22; color: #fff;}

.col6-1		{float: left; width: 118px;}
.col6-2		{float: left; width: 248px;}
.col6-3		{float: left; width: 378px;}
.col6-4		{float: left; width: 508px;}
.col6-5		{float: left; width: 638px;}
.col6-6		{float: left; width: 768px;}
.g12r		{margin-right: 12px;}

.hidden		{display: none;}
.btt		{margin: 0 0 2.083em; font-size: 1.2em; line-height: 2.083em; /* 25px */ text-align: right;}
.btt a		{text-decoration: none; text-transform: uppercase;}

.section			{margin: -4px 0 0 150px; padding: 25px 0 25px 20px; border-top: 4px solid #F7F6F4;}
.group:after		{display: block; clear: both; height: 0; content: "."; visibility: hidden;}

#container_outer	{display: block; margin: 20px auto 0; padding: 30px; width: 962px; background-color: #ffffff; border: 1px solid #D3CABD;}
#container			{position: relative; margin: 0 auto; width: 960px; background: #ffffff url(../images/background_texture.jpg) left top repeat; border: 1px dotted #e0e0e0;}
#container_inner	{position: relative; padding: 0; width: 960px; background: transparent url(../images/background_gutters.png) 150px top repeat-y;}

#header				{padding: 28px 20px 0 170px; height: 222px;}

#nav				{position: absolute; top: 246px; left: 0; width: 150px;}
#nav ul				{position: relative; top: 21px; margin: 0; padding: 0; width: 130px; list-style-type: none;}
#nav ul.fixed		{position: fixed;}
#nav li				{margin: 0 -20px 0 0; padding: 0 0 0 0; border-top: 1px solid #D3CABD;}
#nav li a			{display: block; margin: 0; padding: 7px 0 18px 12px; color: #6B4D22; font-family: Georgia, serif; font-size: 1.4em; line-height: 1.714em; /* 25px */ text-align: left; text-decoration: none; text-transform: uppercase; letter-spacing: 0.5px; outline: none;}
#nav li a:hover		{background-color: #F0EEE9; background-color: rgba(107, 77, 34, 0.1); color: #6B4D22;}

#content a			{padding: 0 3px; background-color: #F0EEE9; background-color: rgba(107, 77, 34, 0.1); color: #6B4D22; border-bottom: 1px dashed #6B4D22;}
#content a:hover	{background-color: #6B4D22; background-color: rgba(107, 77, 34, 0.9); color: #ffffff; border-bottom: 1px dashed #6B4D22;}

#intro							{margin: -4px 0 0; padding: 25px 20px 25px 170px; border-top: 4px solid #F7F6F4;}
#intro .preamble				{margin: -9px 12px 34px 0; padding: 0; font-size: 2em; line-height: 37.5px;}
#intro .preamble:first-line		{font-weight: bold;}
#intro .preamble em				{color: #6B4D22;}
#intro .preamble a				{padding: 4px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#intro .availability			{margin: 0; padding: 0 5px; width: 240px; background: transparent url(../images/background_availability_rule.png) center 60px no-repeat; text-align: center;}

#about .image_wrap			{display: block; margin: -8px 0 0; border: 1px solid #D3CABD;}
#about .image_wrap img		{display: block; width: 228px; height: 166px; border: 9px solid white;}

#getintouch					{}
#getintouch h3				{margin: 0 0 0.417em; padding: 0 0 23px; font-size: 6em; line-height: 1.042em; /* 25px */ text-align: justify; text-transform: uppercase; letter-spacing: 7px;}
#getintouch form			{margin: 46px 0 0; padding: 0;}
#getintouch legend			{display: none;}
#getintouch fieldset		{margin: 0; padding: 0; border: none;}
#getintouch fieldset p		{position: relative; float: left; clear: left; margin: 0 0 1.042em; padding: 0; width: 510px; font-size: 2.4em; line-height: 1.042em; /* 25px */}
#getintouch fieldset p.error{color: #8C0000;}
#getintouch fieldset p label + br		{display: none;}
#getintouch fieldset label				{position: relative; float: left; width: 130px; color: #6B4D22; text-transform: lowercase;}
#getintouch fieldset label em			{display: block; color: #D3CABD; font-size: 0.5em; font-style: normal; line-height: 2.083em; /* 25px */ text-transform: uppercase; letter-spacing: 1px;}
#getintouch fieldset input				{margin: -6px 0 0; padding: 4px 0; width: 380px; background: none; color: #352611; border: none; border-bottom: 1px solid #D3CABD; font-family: Georgia, serif; font-size: 1em; font-style: normal; outline: none;}
#getintouch fieldset textarea			{float: left; margin: -6px 0 0; padding: 0; width: 378px; overflow: hidden; background: transparent url(../images/background_textarea.png) left top repeat; color: #352611; border: none; line-height: 38px; font-family: Georgia, serif; font-size: 1em; font-style: normal; vertical-align: baseline; resize: none; outline: none;}
#getintouch fieldset textarea.inactive	{color: #F0EDE8; color: rgba(107, 77, 34, 0.1); font-style: italic;}
#getintouch fieldset button				{float: right; display: block; margin: 13px -1px 11px 0; padding: 10px; width: 160px; background-color: #F0EEE9; background-color: rgba(107, 77, 34, 0.1); color: #6B4D22; border: none; border: 1px solid #D3CABD; font-family: Georgia, serif; font-size: 0.5em; /* 12px */ text-transform: uppercase; cursor: pointer; outline: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#getintouch fieldset button:hover		{background-color: #6B4D22; color: #ffffff; border: 1px solid #6B4D22;}
#getintouch fieldset button[disabled],
#getintouch fieldset button[disabled]:hover		{background: rgba(184, 184, 184, 0.1); border: 1px solid rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.1);}
#getintouch fieldset button::-moz-focus-inner	{border: 0;}
#getintouch fieldset button + span				{display: block; float: left; margin: 11px 0; width: 310px; line-height: 1.563em; /* 37.5px */}
#getintouch fieldset button + span.error		{display: block; margin: 11px 0 0; color: #8C0000;}
#getintouch fieldset .error label				{color: #8C0000;}
#getintouch fieldset .error label em			{color: #8C0000;}
#getintouch fieldset .error input				{background-color: #FBF7F7; background-color: rgba(140, 0, 0, 0.03);}
#getintouch fieldset .error textarea			{background-color: #FBF7F7; background-color: rgba(140, 0, 0, 0.03);}

#footer					{position: relative; margin: 33px auto 0; padding: 70px 0 0; width: 960px; height: 130px; background: transparent url(../images/logotype_danscotton_small.png) left top no-repeat;}
#footer h5				{clear: left; margin: 0 0 0 3px; font-size: 1.2em; line-height: 25px; text-transform: uppercase; letter-spacing: 1px;}
#footer p				{margin: 0 0 0 3px; color: #666; font-size: 1.3em; line-height: 1.923em; /* 25px */}
#footer a				{padding: 3px 5px; background-color: #f6f6f6;  background-color: rgba(0, 0, 0, 0.06); color: #666; border-bottom: 1px dotted #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#footer a:hover			{background-color: rgb(34, 34, 34); color: rgb(244, 244, 244); border-bottom: none;}
#footer .bitsandbobs	{position: absolute; top: -5px; left: 432px; width: 248px;}
#footer .bitsandbobs ul {margin: 0 0 25px; padding: 0;}
#footer .bitsandbobs li {display: block; margin: 0 3px 0 0; line-height: 1.923em; /* 25px */ font-size: 1.3em;}
#footer .bitsandbobs .group li	{float: left;}
#footer .lastfm					{position: absolute; top: -5px; right: 0; padding: 0 0 30px; width: 268px;}
#footer .lastfm ul				{margin: 0; padding: 0; width: 100%; list-style: none;}
#footer .lastfm li				{position: relative; float: left; clear: left; display: block; margin: 0; padding: 0 0 8px; width: 100%;}
#footer .lastfm li .image		{display: block; float: left; padding: 6px; background: white; border: 1px solid #ccc;}
#footer .lastfm li .image img	{display: block; width: 60px; height: 60px; border: none;}
#footer .lastfm li .image a		{padding: 0; background: none; border: none;}
#footer .lastfm li .wrap		{display: block; float: right; width: 184px;}
#footer .lastfm li .wrap span	{display: block;}
#footer .lastfm li .title		{margin: 2px 0 3px; font-size: 14px; line-height: 1.429em; /* 20 */}
#footer .lastfm li .album		{margin: 0 0 4px; font-size: 12px; line-height: 1.333em; /* 16px */}
#footer .lastfm li .album a			{padding: 0; background: none; color: #666; border: none; font-style: italic;}
#footer .lastfm li .album a:hover	{color: #444;}
#footer .lastfm li .artist			{font-size: 12px; line-height: 1.667em; /* 20px */}