/* CSS RESET */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  

img { border: none; }
ul, ol, li { list-style: none; }
:focus { outline: none; }
table, td, form, fieldset {
	border: none;
	border-collapse:
	collapse; border-spacing: 0;
}
table td, textarea {
	padding-bottom: 4px;
}
.hide { display: none; }
.right { float: right; }
.left { float: left; }
.current { cursor: default; }

h1 {
	font-size: 2em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h3, h3 a:link, h3 a:visited{
	font-size: 1.2em;
	line-height: 1.1em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #F18832;
}
@font-face {
    font-family: 'Blackout';
    src: url('../fonts/blackout-midnight.eot');
    src: local('Blackout Midnight'), 
         url('../fonts/blackout-midnight.ttf') format('truetype'),
         url('../fonts/blackout-midnight.svg#font') format('svg'),
         url('../fonts/blackout-midnight.otf') format('otf'); 
}
/*@font-face {
    font-family: 'Chapparal';
    src: url('../websiteSpecific/UK_Flooring_Online/fonts/ChaparralPro-BoldIt.eot');
    src: local('Chapparal Pro Bold Italic'), 
         url('../websiteSpecific/UK_Flooring_Online/fonts/chaparralpro-boldit.ttf') format('truetype'),
         url('../websiteSpecific/UK_Flooring_Online/fonts/chaparralpro-boldit.svg#webfontIwjdFMET') format('svg'),
         url('../websiteSpecific/UK_Flooring_Online/fonts/chaparralpro-boldit.otf') format('otf'); 
}*/


h1.headers {
	font-family: "Blackout", Georgia, "Times New Roman", Times, serif;
	font-size: 5em;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 20px;
	letter-spacing: 0.75pt;
	float: left;
}
h2.headers {
	font-size: 2em;
	padding-top: 2px;
	color: #F18832;
	clear: left;
}
h2.subheaders {
	font-family: "Blackout";
	font-size: 2.2em;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 15px;
	letter-spacing: 0.75pt;
	clear: left;
}

/* TEXT STYLES */

a:link, a:visited {
	text-decoration: none;
	color: #0D3E50;
}
a:hover{
	text-decoration: none;
}
a:active{
	text-decoration: none;
}

::-moz-selection{
	background:#F18832;
	color:#FFFFFF;
}
::selection {
	background:#F18832;
	color:#FFFFFF;
}
code::-moz-selection {
	background: #F18832;
}
code::selection {
	background: #F18832;
}
.beta {
	color: #FFFFFF;
	background-color: #BABEBF;
	float: left;
	margin-top: 18px;
	margin-left: 8px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.highlight {
	background-color: #FCE2CC;
	display: inline;
	margin: 0px;
	padding: 0px;
	font-style: italic;
}

/* INDEX FORM STYLES */

body#index input {
	color: #FFFFFF;
	background-color: #F18832;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
	margin: 0px;
	padding: 4px;
}
body#index input.Used {
	background-color: #F8C499;
	color: #F18832;
}
body#index input.characters {
	margin: 0px;
	padding: 0px;
	width: auto;
	background-color: #FDFDFD;
	color: #0D3E50;
}
body#index textarea {
	color: #FFFFFF;
	background-color: #F18832;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
body#index textarea.Used {
	background-color: #F8C499;
	color: #0D3E50;
}
body#index input.button {
	width: 100%;
	cursor: pointer;
	padding: 0px;
	background-image: url(../graphics/submit-button.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 48px;
	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -2px;
}
body#index input.button.Used, body#index input.button.Used:hover {
	background-image: url(../graphics/submit-button-used.gif);
	color: #0D3E50;
}
body#index input.button:hover {
	background-image: url(../graphics/submit-button-hover.gif);
}
body#index .inputwidthcolumn53 {
	width: 45px;
}
body#index .inputwidthcolumn188 {
	width: 180px;
}
body#index .inputwidthcolumn386 {
	width: 378px;
}

body#index .searchbox form{
}
body#index .searchbox input {
	background-color: #CCFF99;
	width: 193px;
	margin: 0px;
	padding: 0px;
	height: 22px;
}
body#index .searchbox input#submit {
	background-color: #CC9999;
	width: 193px;
	margin: 0px;
	padding: 0px;
	height: 22px;
	cursor: pointer;
}

/* LAYOUT */

.clear {
	clear: both;
	height: 0;
	margin: 0;
	line-height: 0;
	overflow: hidden;
	width: 100%;
	float: left;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../graphics/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: table;
	width: 100%;
	font-size: 62.5%;
	line-height: 1.5em;
	color: #0D3E50;
}
.wrapper {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding-right: 10px;
	padding-left: 10px;
	float: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.header {
	width: 980px;
	height: auto;
	float: left;
}


/* MENU */

ul#navlist {
	width: 980px;
	font-size: 1.4em;
	line-height: 30px;
	height: 30px;
	padding: 0px;
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
#navlist li {
	display: inline;
	list-style-type: none;
	text-decoration: none;
	color: #FFFFFF;
}
#navlist a:link, #navlist a:visited {
	padding-top: 0.2em;
	padding-right: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	color: #142E3F;
	text-decoration: none;
}
#navlist a:hover {
	color: #FFFFFF;
	background-color: #0D3E50;
	text-decoration: none;
}
body#index #navlist li #current1,
body#portfolio #navlist li #current2,
body#links #navlist li #current3,
body#blog #navlist li #current4 {
	background-color: #F18832;
	color: #FFFFFF;
}


/* GENERAL */

.title {
	width: 584px;
	height: 110px;
	float: left;
}
.searchbox {
	width: 386px;
	height: 110px;
	float: right;
	position: relative;
}
.search_field {
	width: 188px;
	height: auto;
	float: left;
	margin-right: 10px;
	bottom: 10px;
	position: absolute;
}
.search_button {
	width: 188px;
	height: auto;
	float: left;
	left: 198px;
	bottom: 10px;
	position: absolute;
}
.content {
	width: 980px;
	height: auto;
	margin-bottom: 10px;
	float: left;
}
.column_left {
	width: 584px;
	height: auto;
	float: left;
	font-size: 1.1em;
}
.column_right {
	width: 366px;
	height: auto;
	float: right;
	padding: 10px;
	font-size: 1.1em;
	background-color: #F1F5F5;
}
.index_intro_a {
	width: 188px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.index_intro_b {
	width: 188px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.index_intro_c {
	width: 188px;
	float: left;
	margin-bottom: 10px;
}
.index_feature a:link, .index_feature a:visited{
	width: 584px;
	float: left;
	margin-bottom: 10px;
	height: 175px;
	background-image: url(../graphics/feature.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.index_feature a:active, .index_feature a:hover{
	background-image: url(../graphics/feature-hover.jpg);
}
.index_contact {
	width: 584px;
	float: left;
	margin-bottom: 10px;
	height: auto;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BABEBF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BABEBF;
}
.index_contact1 {
	width: 198px;
	float: left;
	margin-bottom: 10px;
	height: 130px;
}
.index_contact2 {
	width: 376px;
	float: left;
	margin-bottom: 10px;
	height: auto;
	margin-right: 10px;
}
.style1 {
	width: 200px;
	float: right;
}

/* PORTFOLIO */
.portfolioItem {
	float: left;
	height: auto;
	width: 584px;
	margin-bottom: 10px;
}
.portfolioimage a:link, .portfolioimage a:visited{
	float: left;
	width: 200px;
	margin-right: 10px;
	border: 5px solid #D5D6D8;
	padding: 0px;
	height: 133px;
}
.portfolioimage a:hover, .portfolioimage a:active{
	border: 5px solid #F18832;
	padding: 0px;
	height: 133px;
}
.portfoliocopy {
	float: left;
	width: 364px;
	padding-top: 1px;
}
.portfoliocopy H3 a{
	color: #F18832;
	background-color: #0D3E50;
}
.portfoliocopyBODY {
	background-color: #F18832;
	display: inline;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin: 0px;
}
.portfoliocopyURL {
	margin-top: 10px;
}
.logo {
	background-color: #CCFFCC;
	float: left;
	height: 170px;
	width: 170px;
	margin-right: 12px;
	margin-bottom: 10px;
}

/* RSS FEED */

.rss-ItemTitle a {
	font-size: 1.4em;
	font-weight: bold;
	color: #F18832;
}
.rss-ItemPubShortDate {
	color: #A2B1B8;
}
.rss-ItemDescription {
	margin-bottom: 10px;
}


/* FOOTER */

.footer {
	width: 980px;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 10px;
	background-color: #D5D6D8;
}
.footer-sub-left {
	width: 490px;
	float: left;
	height: auto;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
}
.footer-sub-right {
	width: 490px;
	float: right;
	height: auto;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}
.email_field {
	width: 188px;
	height: auto;
	float: left;
	margin-right: 10px;
}
.email_button {
	width: 188px;
	height: auto;
	float: left;
	left: 198px;
}


/* CONTACT FORM */

.notification_error {
	height: auto;
	width: 380px;
	text-align: left;
	color: #FFFFFF;
	background-color: #CC3333;
	margin-bottom: 4px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 6px;
}
.notification_ok {
	height: auto;
	width: 382px;
	text-align: center;
	color: #FFFFFF;
	background-color: #99CC66;
	margin-bottom: 4px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 4px;
}

/* TWITTER */

.indicator {
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
}
.tweet {
	float: left;
	margin-bottom: 10px;
	width: 366px;
}
.twitter-text {
	color: #0D3E50;
}
.twitter-time a{
	color: #36CCFF;
}
.twitter-right {
	background-color: #CC9999;
	float: right;
	width: auto;
}
.twitter-right-left {
	float: left;
	background-color: #66CC99;
}
.twitter-right-1 {
	float: left;
	text-align: right;
	clear: left;
	background-color: #99FFCC;
}
.twitter-right-2 {
	float: left;
	clear: left;
	background-color: #FFCC99;
}
.twitter-right-rss{
	height: 52px;
	width: 52px;
	float: right;
	background-image: url(../graphics/rss.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.twitter-right-rss a{
}
.twitter-follow a:link, .twitter-follow a:visited {
	background-image: url(../graphics/twitter-follow.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
	height: 62px;
	width: 142px;
	margin-top: -70px;
}
.twitter-follow a:hover {
	background-image: url(../graphics/twitter-follow-hover.gif);
}
.twitter-follow a:active {
	background-image: url(../graphics/twitter-follow-active.gif);
}