/* ================================================
	SUPERIOR FINISHES
	Screen Styles
---------------------------------------------------
	Built by Handcraft Creative
	http://lovinglyhandcrafted.com
---------------------------------------------------
	COLOURS
	Blue:	Dark (0278b0)		Faded (b8cccd)
================================================ */

/*	Reset
------------------------------------------------ */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, input, select, textarea,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: normal;
		font-style: normal;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
		text-decoration: none;
	}
	:focus { outline: 0; }
	body { line-height: 1; color: black; background: white; }
	ol,ul { list-style: none; }
	table { border-collapse: separate; border-spacing: 0; }
	caption, th, td { text-align: left; font-weight: normal; }
	blockquote:before, blockquote:after, q:before, q:after { content: ""; }
	blockquote, q { quotes: "" "";}
	em, i { font-style: italic; }
	strong, b { font-weight: bold; }
	label { cursor:pointer; }
	hr { display: none; }
	img { display: block; }

/*	Global Classes
------------------------------------------------ */

	.hidden { display: none; }
	.invisible { visibility: hidden; }
	.clear { clear: both; }
	.clear-right { clear: right; }
	.clear-left { clear: left; }
	.float-left { float: left; }
	.float-right { float: right; }
	.matte { border: 1px solid #DDD; padding: 4px; }
	.img-left { float: left; padding: 0 20px 20px 0; }
	.img-right { float: right; padding: 0 0 20px 20px; }
	.lowercase { text-transform: lowercase; }
	.uppercase { text-transform: uppercase; }
	.capitalized { text-transform: capitalize; }
	.smallcaps { font-variant: small-caps; }
	.text-left { text-align: left; }
	.text-right { text-align: right; }
	.text-center { text-align: center; }
	.text-justify { text-align: justify; }
	.inline { display: inline; }
	.block { display: block; }

/*	Typography
------------------------------------------------ */
	
	/* General */
	body { font-size: 75%;}
	html>body { font-size: 12px; }
	
	/* Font Families*/
	.sans-serif { font-family: Arial, Helvetica, "Lucida Grande", Verdana, sans-serif; }
	.serif { font-family: "Times New Roman", Times, Georgia, serif; }
	.monospace { font-family: Monaco, "Andale Mono", Courier, "Courier New", monospace; }
	
	/* Headlines */
	h1 { font-size: 3.333em;  line-height: 1.000em;  margin: 0 0 .5em 0; }
	h2 { font-size: 2.499em;  line-height:1;  margin: 0.666em 0;  }
	h3 { font-size: 1.666em;  line-height: 1.000em;  margin: 0.75em 0;  }
	h4 { font-size: 1.249em;  line-height: 1.333em;  margin: 1.333em 0;  }
	h5 { font-size: 1.249em;  line-height: 1.333em;  margin: 1.333em 0;  }
	h6 { font-size: 1.249em;  line-height: 1.333em;  margin: 1.333em 0;  }
	h1,h2,h3,h4,h5,h6 { display:block; clear:both; color: #000; }
	
	/* Paragraphs and Body Copy */
	p,q { color: #555; font-size: 1em; line-height:1.5; margin: 1em 0; overflow: hidden; clear: both; }
p img { margin-bottom: 5px; }
	span { color:#555; font-size:1em; line-height:1.3; }

	small, .small { font-size:0.8333em; line-height: 2em; }
	big { } /* Note: Any size above 1.666em currently creates 1px increase in line height. Bug? */
	.footnote { margin: .25em 0; font-size: .833em; line-height: 1.66em; }

	hr { display: block; color:#DDD; background:#DDD; height: 1px; border: none; margin: -1px 0 0 0; clear:both; overflow: hidden; }
	
	/* Links */
	a { color: #3f91c9; }
	a:hover { color:#555; cursor:pointer; }
	
	/* Quotations and Cites */
	blockquote { margin: 0 1.666em; }
	blockquote cite { display: block; margin: 0.833em 0 0 0; }
	cite { font-style: italic; }
	
	/* Monospaced */
	code, pre, kbd, tt, samp, var { margin: 1.666em 0; font-size: 1em; line-height: 1.666em; color: #222; font-family: Monaco, "Andale Mono", Courier, "Courier New", monospace; }
	code { background: #eee; }
	pre { background: #eee; }
	
	/* Lists */
	ul,ol,li,dl,dd,dt { color: #555; font-size: 1em; line-height: 1.666em; margin: 1.666em 0; }
	ul ul, ul ol, ol ul, ol ol { margin: 0; }
	ul { list-style:disc; }
	ul.none { list-style:none; }
	ol { list-style: decimal; }
	ol li, ul li, dd { margin: 0 0 0 1.666em; }
	dd,dt { color: #555; font-size: 1em; line-height: 1.666em; margin:0; }

	/* Tables */
	table { color: #555; font-size: 1em; line-height: 1.666em; margin: 1.666em 0; width:100%; }
	table caption { }
	table thead {}
	table tbody {}
	table tfoot {}
	tr { }
	th { font-size: 1em; line-height: 1.666em; margin: 1.666em 0; padding: 0 1.666em 0 0; font-weight:bold; color:#333; }
	td { font-size: 1em; line-height: 1.666em; margin: 1.666em 0; padding: 0 1.666em 0 0; }
	
	/* Accronyms and Abbreviations */
	abbr, acronym { cursor: help; text-transform: lowercase; font-variant: small-caps; font-size: 1.166em; font-style: italic; line-height: 1em; letter-spacing: 0.083em; }
	
	/* Deletions and Insertions */
	del { color: #999; text-decoration: line-through; }
	ins { color: #222; }
	del, ins { cursor: help; }
	
	/* Subscript and Superscript */
	sub { position: relative; top: 0.5em; font-size: 0.8333em; }
	sup { position: relative; bottom: 0.5em; font-size: 0.8333em; }
	
	/* Definition */
	dfn { font-style: italic; cursor: help; }

/*	Forms
------------------------------------------------ */

	form { margin: 0 0 1.666em 0; }
	form fieldset { padding:20px; background:#ddd; }
	form fieldset legend { display: none; }	
	form dl { margin: 0; padding: 0; }
	form dl dt, form dl dd { float: left; padding: 0; margin: 0; overflow: hidden; margin: 0 0 0.833em 0; }
	form dl dt { clear: left; }
	form dl dt label { padding: 0 1.666em 0 0; display: block; width: 14em; float: left; font-size: 1em; line-height: 1.666em; }	
	form dl dt label span.req { color: #D23A3A; }	
	form dl dd input, form dl dd textarea, form dl dd select { background: #ccc; color: #FFF; width: 300px; }
	form dl dd input:focus, form dl dd textarea:focus { background: #999; color: #FFF;}
	form dl dd input { display: block; float: left; height: 1.666em; line-height: 1.666em;  }	
	form dl dd select { height: 1.666em; }
	form dl dd select:focus option.message { display: none; }	
	form dl dd textarea { line-height: 1.666em; height: 6.666em; }
	/* form dl > dd:last-child, form dl > dt:last-child { margin: 0; } /* Note: Not Supported in -IE6 */
	
	/* Validation Errors */
	form dl dd label.error { width: 280px; display: block; clear: both; background: #D23A3A; font-size: 0.8333em; line-height: 2em; padding: 0 10px 0 10px; color: #FFB9B9; }
	
	/* Buttons and Submit Inputs */
	form dl dd.submit { clear: both; overflow: hidden; padding: 0 0 0 13.666em; }
	button, input.submit { line-height: 2.499em; height: 2.499em; padding: 0 0.833em; width: auto; float: left; }



/*	Layout
------------------------------------------------ */

/* General */
	body { background: #333 url(/public/themes/superiorfinishes/body-bg-repeat.jpg) repeat 0px 0px; }
	#wrapper { margin: 0 0 40px 0; background: url(/public/themes/superiorfinishes/body-bg.jpg) no-repeat center top; }
	#wrapper_inner { overflow:hidden; clear:both; width:920px; margin: 0 auto; }

/* Main Menu */
	#mainmenu { overflow:hidden; margin: 0px auto; width:920px; height:120px; }
	#mainmenu h1,
	#mainmenu h1 a { display:block; margin:0; padding:0; width:200px; height:80px; background:; text-indent:-30000px; font-size:0px; }
	#mainmenu a#homelink { background:red; }
	#mainmenu ul { overflow:hidden; display:block; clear:both; margin: 10px 0 0 0; padding:0; width:920px; height:30px; list-style:none; background: url(/public/themes/superiorfinishes/mainmenu-bg.gif) no-repeat 0px 0px; }
	#mainmenu ul li { float:right; display:inline; margin:0; padding:0; list-style:none; }
	#mainmenu ul li a { display:block; margin:0; border-left: 1px solid #024f74; padding: 0px 10px; line-height:30px; background: url(/public/themes/superiorfinishes/mainmenu-bg.gif) no-repeat 0px 0px; color:#fff; }
		#mainmenu ul li.home { display:none; }
		#mainmenu ul li.news { display:none; }
	#mainmenu ul li a:hover { background-position: 0px -30px; }
	#mainmenu ul li a.current,
	#mainmenu ul li a.current:hover { background-position: 0px -60px; }
	#mainmenu ul ul { display:none; }

/* Banner Image */
	#banner { margin: 0 0 10px 0; }

/* Content */
	#content { overflow:hidden; display:block; float:left; clear:both; margin: 0 10px 0 0; padding:0; width:630px; background:#fff; }
#custom_pre h2 { margin: 20px 40px; }
	#content_inner { position:relative; padding: 20px 40px; }
/* Content Sub Nav Menu*/
	#subnav { display:block; clear:both; margin:0; padding:0; width:630px; height:30px; list-style:none; background: #515a5a url(/public/themes/superiorfinishes/mainmenu-bg.gif) no-repeat 0px -120px; }
	#subnav li { overflow:hidden; float:left; display:inline; margin:0; padding:0; height:30px; list-style:none; }
	#subnav li a { overflow:hidden; display:block; margin:0; border-right: 1px solid #444; padding: 0px 10px; font-size:0.9em; line-height:30px; background: url(/public/themes/superiorfinishes/mainmenu-bg.gif) no-repeat 0px -120px; color:#fff; }
	#subnav li a:hover { background: url(/public/themes/superiorfinishes/mainmenu-bg.gif) no-repeat 0px -150px; }
	#subnav li a.current { background:#fff; color: #3f91c9; font-weight:bold; }

	#subnav.news { display:none; }


/* Sidebar */
	#sidebar { overflow:hidden; display:block; float:left; clear:none; border:1px solid #515a5a; width:278px; background:#343434; }
	#sidebar h3 { margin:0; padding: 0px 7px; color:#fff; line-height:30px; font-size:1.25em; background: #515a5a url(/public/themes/superiorfinishes/mainmenu-bg.gif) no-repeat 0px -120px; }
	#sidebar .entry { margin:0px; }
	#sidebar .entry em { color: #3f91c9; font-weight:normal; font-variant:normal; font-style:normal; text-transform:uppercase; font-size:0.875em; }
	#sidebar p img.float-left { margin: 0 10px 0 0; }
	#sidebar p { margin: 15px 15px 10px 15px; color:#ecf2f2; line-height:1.3; }


/* Breadcrumb */
	.breadcrumb { display:block; clear:both; margin: 40px 0 0 0; padding: 20px 0 0 0; height:20px; line-height:20px; }
	.breadcrumb span { color:#b2c4c4; }
	.breadcrumb a { color:#97a7a7; text-decoration:underline; }
	.breadcrumb a:hover { color:#1e75b0; }

/* Footer */
	div#footer { display:block; overflow:hidden; clear:both; margin: 20px auto; width:920px; }
	div#footer p { display:block; margin:0; text-align:center; line-height:20px; }
	div#footer p.siteinfo { }
	div#footer p.madeby { }
	div#footer hr { display: none; }



/*	Content Areas
------------------------------------------------ */

/* Content Blocks */
	#content .half { float:left; clear:none; width:48%; }
	.block-half { overflow:hidden; float:left; clear:none; margin:1%; width:46%; }
	.block-third { overflow:hidden; float:left; clear:none; margin:1%; width:31%; min-height:150px; }
	.block-1of3 { float:left; clear:none; width:200px; }
	.block-2of3 { float:left; clear:none; margin-right:15px; width:320px; }

	#content .entry { position:relative; margin: 0 0 20px 0; }

p img.float-left { margin: 0 20px 20px 0; }
p img.float-right { margin: 0 0 20px 20px; }

/* Advantages List */
	#content .entry dl { display:block; float:left; clear:none; margin:0; padding-bottom:10px; width:210px; background: url(/public/themes/superiorfinishes/sidebar-bg.gif) no-repeat -420px bottom; }
	#content .entry dl dt { padding: 7px 10px 3px 10px; color:#91a92f; background: url(/public/themes/superiorfinishes/sidebar-bg.gif) no-repeat left top; text-transform:uppercase; }
	#content .entry dl dd { padding: 3px 10px; line-height:1.1; background: url(/public/themes/superiorfinishes/sidebar-bg.gif) repeat-y -210px top; }


/* Titles */
	#wrapper.home h2 { display:none; }
	#wrapper.home h2.homepagemessage { display:block; }

	#content h3 { color:#1e262a; }

/* Testimonial Block */
	#content p.testimonial { overflow:auto; margin:0; padding:20px; background: url(/public/themes/superiorfinishes/testimonial-bg.gif) no-repeat 0px 0px; }
	#content p.testimonial span.category { display:block; margin:0; padding:0; height:20px; }
	#content p.testimonial cite { float:right; margin:0; padding:0; line-height:1.2; text-align:right; color:#3e727c; }
	#content p.testimonial img.float-left { margin: 0 15px 0 0; }
	#content p.testimonial a span { display:block; float:left; clear:both; margin: 0px 0 0 10px; width:70px; height:20px; background: url(/public/themes/superiorfinishes/buttons.png) no-repeat 0px -100px; text-indent:-30000px; font-size:0px; }

/* Others */
	#content .category { margin: 5px 0; color:#026a9c; text-transform:uppercase; }
	#content .entry p.category { position:absolute; right:0px; top:0px; margin:0; }

	#content .corner_content { position:absolute; right:20px; top:20px; margin:0; }

/* Executive Biographies */
	#wrapper.executive-biographies p.block-third { height:150px; }
	#wrapper.executive-biographies p.block-third a { color:#000; }
	#wrapper.executive-biographies p.block-third img { margin: 0 0 5px 0; border: 1px solid #d2d8d8; }

	p.profile-img { display:block; float:left; clear:both; padding:0; width:130px; }
	p.profile-img img { border: 1px solid #d2d8d8; }
	p.profile-text { display:block; float:left; clear:none; padding:0; width:410px; }


iframe { border: 1px solid #d2d8d8; }

/* Buttons */
	a#seeallnews { display:block; clear:both; margin:20px; width:220px; height:30px; background: url(/public/themes/superiorfinishes/buttons.png) no-repeat 0px -30px; text-indent:-30000px; font-size:0px; }
	a.pdf { display:block; float:right; clear:none; margin: 10px 0px 0px 0px; width:70px; height:20px; background: url(/public/themes/superiorfinishes/buttons.png) no-repeat 0px -100px; text-indent:-30000px; font-size:0px; }


dl.productlist { overflow:hidden; }
dl.productlist dt { display:block; float:left; clear:both; margin: 0 0 40px 0; border-top: 1px solid #b2c4c4; padding: 20px 20px 0px 0px; width:140px; font-size:1.75em; line-height:1; }
dl.productlist dt small { display:block; font-size:0.66em; line-height:1.1; color:#97a7a7; }
dl.productlist dd { overflow:hidden; display:block; float:left; margin: 0 0 20px 0; border-top: 1px solid #b2c4c4; padding-top:20px; width:380px; }


.important { display:block; border: 1px solid #f4e4b7; padding:5px; background: #ffffe1; }



/* Form Areas */
	#content form#validate { overflow:auto; margin:0; padding:0px; }
	#content form#validate fieldset { margin: 0 0 20px 0; padding:0; background:none; background: url(/public/themes/superiorfinishes/form-bg3.gif) repeat-y -550px 0px; }
	#content form#validate fieldset legend { display:none; }

	#content form#validate fieldset p { overflow:hidden; margin:0; padding: 20px 25px; background: url(/public/themes/superiorfinishes/form-bg3.gif) no-repeat 0px 0px; }
	#content form#validate fieldset p strong { display:block; margin: 5px 0px 0px 0px; font-size:1.66em; color:#0278b0; }
	#content form#validate fieldset p strong small { color:#b8cccd; }

		#content form#validate fieldset#file-upload p { margin:0; padding: 15px 25px; }
		#content form#validate fieldset#file-upload p strong { display:inline; }
		#content form#validate fieldset#file-upload ul { padding: 0 0 10px 0; }

	#content form#validate fieldset ul { overflow:hidden; margin:0; padding: 0 0 20px 0; background: url(/public/themes/superiorfinishes/form-bg3.gif) no-repeat -1100px bottom; }
	#content form#validate fieldset ul li { overflow:hidden; clear:both; position:relative; margin: 5px 30px; width:480px; list-style:none; background: url(/public/themes/superiorfinishes/form-li-bg.gif) no-repeat 0px 0px; background:none; }

	#content form#validate fieldset ul li label { overflow:visible; float:left; position:static; display:block; padding: 1px 0px; width:110px; line-height:30px; color:#02567e; }
	#content form#validate fieldset ul li label.long { width:480px; }
	#content form#validate fieldset ul li label.long-sendto { padding: 0px 0px 5px 0px; line-height:1.2; }
	#content form#validate fieldset ul li label.error { clear:both; display:block; margin: 0 0 0 120px; padding: 0 0 0 22px; width:auto; height:30px; background: url(/public/themes/superiorfinishes/icon-arrow-090.gif) no-repeat 0px 5px; color:#0278b0; }

	#content form#validate fieldset ul li span.required { position:absolute; right:5px; top:0px; display:block; margin:0; padding:0; width:80px; height:30px; line-height:30px; font-size:0.875em; color:#9db5b6; }

	#content form#validate fieldset ul li input { float:left; display:block; margin:0; padding: 6px 15px 2px; width:270px; font-size:14px; line-height:30px; padding:5px; background:#b8cccd; }
	#content form#validate fieldset ul li input { float:left; display:block; margin:0; padding: 6px 15px 2px; width:270px; font-size:14px; line-height:30px; padding:5px; background:#b8cccd; }
	#content form#validate fieldset ul li textarea { margin: 0 0 5px 0; padding: 6px 5px 2px; width:470px; height:80px; line-height:1.5; background:#b8cccd; }
	#content form#validate fieldset ul li input:focus,
	#content form#validate fieldset ul li textarea:focus { background:#b2dce2; }

	#content form#validate fieldset ul li select { float:left; display:block; margin:0; padding: 6px 15px 2px; width:200px; font-size:14px; line-height:30px; padding:5px; background:#b8cccd; }

	#content form#validate fieldset ul li.captcha { margin-top:0; background:none; }
		#content form#validate fieldset ul li.captcha label { width:120px; }
		#content form#validate fieldset ul li.captcha input { width:60px;  }
		#content form#validate fieldset ul li.captcha strong.important { display:inline; clear:none; border: 1px solid #f4e4b7; padding:5px; background: #ffffe1; }
		#content form#validate fieldset ul li.captcha span.required { display:block; float:left; position:relative; margin: 0 0 0 20px; }

	#content form#validate fieldset ul li.submit { margin:20px; list-style:none; list-style-type:none; background:none;  }
	#content form#validate fieldset ul li.submit input.submit { display:block; float:left; clear:both; margin: 0px 0 0 10px; width:140px; height:30px; background: url(/public/themes/superiorfinishes/buttons.png) no-repeat 0px -150px; text-indent:-30000px; font-size:0px; }