/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/
@media screen {
	
	
html, body {
	margin: 0;
	padding: 0;
}
body {
	min-width: 960px;
	background-color: #F5F5F5;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	font-size: 62.5%;
	font-family: Trebuchet MS;
	line-height: 1.563;
}

h1 { 
	color: #E0AD4E; 
	font-family: Alegreya Sans SC;
	line-height: 1.000;
	font-size: 3em;
	font-weight: 300;
	font-style: normal;
	margin: 0;
}

h2 { 
	font-family: Alegreya Sans SC;
	line-height: 1.563;
	font-size: 3em;
	text-align: center;
	color: #E0AD4E;
}
h3 {
	font-family: Alegreya Sans SC;
	line-height: 1.563;
	font-size: 2em;
	text-align: center;
	color: #E0AD4E;
}

p {
	font-size: 9pt;
	color: #000;
	line-height: 24px; 
	margin: 0 0 24px; 
	text-align: center;
}

a {
	color: #e8d4a7;
	text-decoration: none;
	text-align: right;
	padding: 15px;
}

a:hover { 
	text-shadow: 1px 1px 1px 1px #000;
}

footer {
	width: 100%;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	margin: 10px 0;
	background-color: #FFF;
}

/* Typography */




/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
	margin: 0 auto;
  width: 960px;
}

.red {
	background-color: red;
}
/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_3 {
  left: 240px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_6 {
  left: 480px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_9 {
  left: 720px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}

/*
 * ---------------------------------------------------------------------------------------------------
 */
#topBlock {
	height: 60px;
	background-color: #E0AD4E;
	box-shadow: inset 0px -1px 3px 0px #F9D98A;
}
img.ufs {
	height: 60px;
	float: left;
}
.quickButton {
	font-family: Varela Round;
	color: #FFF;
	font-size: 1.20em;
	line-height: 59px;
	height: 100%;
	padding: 0 1.75em;
	float: right;
}
.quickButton:hover { 
	background-color: #FFD17B;
	text-shadow: 1px 1px 0 0 #DDD;
	color: #333;
}

#header {
	width: 100%;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	padding-top: 10px;
	background-color: #FFF;
}
#banner {
	height: 211px;
	padding: 10px 0 5px 0;
}

img.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#slogan {
	width: 100%;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	margin: 10px 0;
	background-color: #FFF;
}
#holder {
	width: 908px;
	background-color: #FFF;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	margin: 10px 10px;
	padding: 16px;
	
}
#textBox {
	word-wrap:break-word;
	background-color: #FFF;
	margin: 0 1em;
}
#footPower {
	padding: 0 15px;
}
#footPower h3 {
	margin: 10px 0 0 0;
}
#footPower p, h3 {
	text-align: left;
}
#footIMG {
	display: block;
	float: right;
}
#footIMG img {
	display: block;
	float: right;
	height: 100px;
	margin: 20px 20px 0 0;
}

}

@media print {

/* Reset quotes */

q {quotes: none}

q:before, q:after {content: ""}   



/* Hide everything unneeded */

header h1, header nav, footer, iframe, img, .quickButton {display: none}



/* font sizes */

body {

	font: 12pt Georgia, "Times New Roman", Times, serif;

	line-height: 1.3;

}



h1 {font-size: 24pt}



h2 {font-size: 14pt; margin-top: 25px}



aside h2 {font-size: 18pt}



/* Show printer-frindly logo. */

header .print {display: block}



/* If you like things a little bit easier and more semantic you can alternatively just leave the h1 of the header visible, switch off the margin and make it bigger than the rest of the headlines */

/*header nav, footer, img {display: none}



header h1 {

	margin: 0;

	font-size: 30pt;

}*/



/* Some browsers like to show a border around images. Switch it off */

img {border: 0}



/* Mover the header a little bit awy from the content */

header {margin-bottom: 40px}



/* Display the URL of the site so that the user knows where the printout came from */

header:after {display: block; content: "www.unifirex.com"}



/* Additionally/optionally a little message could be displayed */

/*header:before {

	display: block;

	content: "Thank your for printing our content at www.smashing-winery.com. Please check back soon for new offers about delicious wine from our winery.";

	margin-bottom: 10px;

	border: 1px solid #bbb;

	padding: 3px 5px;

	font-style: italic;

}*/



/* Separate blockquotes a little bit from the rest */

blockquote {

	font-size: 13pt;

	font-style: italic;

}



/* By default links are blue. For optimal legibility change them to black */

p a {color: #000}



/* Show the URL after each link, whereby internal links are preceeded by the site's URL */

p a:after {

	content: " (http://www.unifirex.com/" attr(href) ")";

	font-size: 80%;

	word-wrap: break-word;

}



/* External links don't get this treatment */

p a[href^="http://"]:after, p a[href^="https://"]:after {

	content: " (" attr(href) ")";

}



/* Append the source of the citation */

q:after {content: " (" attr(cite) ")"}



/* The Sidebar is placed under the content automatically. To distinguish it from the rest a border and a gap is set before */

aside {

	border-top: 1px solid #bbb;

	margin-top: 30px;

	display: block;

	width: auto;

	/* Reset the element for IE < 8 */

	position: static;

	width: auto;

	padding: 10px 0 0;

	/*page-break-before: always; */ /* Moves the sidebar to new page */

}



/* Custom bullets for the list */

/*ul {list-style: none}



.main ul li:before {content: "� "}*/



}