@charset "utf-8";
/* CSS Document */

* {
 margin:0;
 padding:0;
}

html, body{ 
 margin:0; 
 padding:0;
 height:100%; 
 text-align:center; 
 background:#000000 url(../images/background_only.jpg) top center no-repeat scroll;
 font: 101% Helvetica Neue, Helvetica, Arial, sans-serif;
 color:#fff;
} 

img {border:none;}
img.facebook {
	height:0px;
	width:0px;
}
img.product {
    display: block;
    margin-left: auto;
    margin-right: auto }
img.founders {
	display:inline;
	float:left;
	margin:5px 10px 0 0;
}

.cart_vertalign {
	vertical-align:middle;
	margin:0px 0px 0px 10px;
}

.cart_fieldwidth {
	width:75px;
	margin:0px 5px 0px 0px;
}

.align_right {
	margin:0px;
	text-align:right;
}

a:focus { outline: 0 !important; }
 
#pagewidth{ 
 width:960px; 
 text-align:left;  
 min-height:100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
} 
 
#header_index{
 position:relative; 
 height:425px;
 width:100%;
 padding-top:50px;
} 

#header_pages{
 height:100px;
 width:100%;
 padding-top:50px;
} 

.replace { 
 float:left;
 position:absolute;
 overflow:hidden;
 margin:0 0 0 25px;
 padding:0;
 font-size: 1.2em; 	/* Choose a font-size here that will keep the headline small enough to fit completely under the span. */
}
		
.replace em {
 display:block;
 position:absolute;
 top:0; 

/*
left: 0;
*/
 z-index: 1; 		/* for opera5 (?) and o6/mac */
}


/* General IR statements for IE5.x mac only */

* html>body	.replace { 
		position: static;
		overflow: visible;
		font-size: 10px;
         /* Since overflow: hidden doesn't work with ie5.x/mac, we choose a font-size here that will keep the headline small enough to fit completely under the span.*/
  }
* html>body	.replace em  { 
		position: static;
  }
* html>body	.replace a {
		text-decoration: none; /* ie5.0-5.1.x/mac must have this value or the underline shows through the image. */
  }

/* Each pair of statements per instance of IR */

	#myh1, #myh1 em {
		width:50px;
		height:50px;
		background: url(../images/qi_logo_hover.png) top left no-repeat;
		}
		
* html>body #myh1 em {			/* for ie5.x/mac only */
		margin-bottom: -50px;	/* Required to bring text underneath image. Use the negative height of the image here.*/
		}


#myh1  a:focus, #myh1  a:focus em , #myh1  a:hover, #myh1  a:hover em, #myh1  a:active, #myh1  a:active em {
 width: 50px;
 height: 50px;
 background: url(../images/qi_logo_hover.png) bottom right no-repeat;
}
 
#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:960px; 
 }
 
.content_row{
 float:left;
 margin-left:35px;
 padding-bottom:25px;
 display:inline;
 width:890px;
 font-size:14px;
 line-height:140%;
 color:#CCC;
}

.content_product{
 background: url(../images/post_background.png) repeat;	
 float:left;
 margin-left:35px;
 padding:23px 23px 25px;
 display:inline;
 width:844px;
 font-size:14px;
 line-height:140%;
 color:#CCC;
}

.float_left{
	float:left;
	margin-right:17px;
}

.float_right{
	float:right;
}

.content_row h2{
	color:#fff;
	text-align:justify;
	background: url(../images/post_background.png) repeat;
 	padding:23px;
	line-height:100%;
}

.content_row h2, .content_row h2 a:link{
	color:#fff;
	text-align:justify;
	background: url(../images/post_background.png) repeat;
 	padding:23px;
	line-height:100%;
}

.content_left{
 padding:23px;
 float: left; 
 display:inline; 
 position: relative; 
 width:204px; 
 text-align:justify;
 background: url(../images/post_background_red.png) repeat;
}

.content_left_contact{
 background: url(../images/post_background.png) repeat;
 padding:23px;
 float: left; 
 display:inline; 
 position: relative; 
 width:250px; 
 text-align:left;
}

.content_right {
 background: url(../images/post_background.png) repeat;
 padding:23px;
 float: right; 
 display:inline; 
 position: relative;
 width:570px;
 text-align:justify;
}

.content_left h2{
	font-size:36px;
	text-transform:uppercase;
	color:#000;
	line-height:30px;
	padding:3px 0 23px 0;
	text-align:right;
	background:none;
}

h2.notextform{
	font-size:36px;
	text-transform:none;
	color:#000;
	line-height:30px;
	padding:3px 0 23px 0;
	text-align:right;
	background:none;
}
.content_right p, .content_left p{
	padding-bottom:10px;
}

.content_right h4{
 font-weight:bold;
}
 
#footer, .push{
 position: relative;
 margin: 0 auto;
 width:910px;
 text-align:center;
 height:60px;
 clear:both;
 } 
 
#footer{
 background:url(../images/footer_logo.png) no-repeat;
}
 
 /* Float containers fix */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 /* Intro Text */ 
#introtext {
 margin: 0px;
 padding: 0px;
 position:absolute;
 font-size:24px;
 line-height:36px;
 font-weight:bold;
 top:160px;
 left:35px;
 text-align:left;
 color:#fff;
 }
 
#introtext h1{
 font-size:42px;
 font-weight:bold;
}

h3 {
	padding-bottom:5px;
}

.blackhighlighter {
 background-color:#000;
}


 /* Weather RSS Feed */ 
#weather {
 margin: 0px;
 padding: 0px;
 position:absolute;
 top:125px;
 right:35px;
 width:275px;
 text-align:right;
 color:#FFFFFF;
 filter:alpha(opacity=30); 
 -moz-opacity: 0.3; 
 opacity: 0.3;
 }
 
#weather_city, #weather_cond {
 font-size:24px;
 font-weight:700;
 }
 
#weather_temp {
 font-size:72px;
 font-weight:900;
 line-height:55px;
 margin-right:-2px;
 }

a.weather_link:link, a.weather_link:visited, a.weather_link:hover{
 color:#ABABAB;
 text-decoration:none;
 }
 
a.weather_link:hover, a.weather_link:active{
 color:#FFFFFF;
 text-decoration:none;
 }

 /* Main Navigation Index */ 
.hiddenPic {display:none;} 
 
#navcontainer {
 margin: 0px;
 padding: 0px;
 position:absolute;
 top:275px;
 }

#navcontainer ul {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
 text-align: right;
 float:left;
 }

#navcontainer ul li { 
 display:inline;
 }

#navcontainer ul li a {
 text-decoration: none;
 background: url(../images/menumain_inactive.png) no-repeat top left;
 font-size: 36px;
 font-weight:bold;
 float: right;
 margin: 0px 35px;
 height: 50px;
 width: 225px;
 padding-top:100px;
 padding-right:25px;
 color:#818181;
 }

#navcontainer li a:hover {
 background: url(../images/menumain_active.png) no-repeat left top;
 color:#FFFFFF;
 }
 
 /* Main Navigation Pages */ 
#navcontainer_div{
 position:relative;
 height:50px;
 width:855px;
 padding:18px 10px 0px 70px;
 color:#FFFFFF;
 font-size:12px;
 font-weight:bold;
 background:url(../images/header_background_sub.png) top right no-repeat;
}
 
#navcontainer_pages{
z-index:8;
height:50px;
width:375px;
margin:-13px 0 0 30px;
padding:0;
float:left;
position:relative;
display:inline;
}

#navcontainer_right{
z-index:8;
height:50px;
width:400px;
margin:0;
padding:0;
float:right;
position:relative;
display:inline;
}

.left{
 float: left; 
 display:inline; 
 position: relative; 
 width:225px; 
 text-align:right;
 margin-top:-8px;
}

.left a{
	font-size: 18px;
	font-weight:bold;
	text-decoration:none;	
}

.left a:hover{
	color:#fff;
	}

.right {
 float: right; 
 display:inline; 
 position: relative;
 width:150px;
 padding-left:10px;
 text-align:right;
 margin-top:-6px;
}

#navcontainer_pages li{
 font-size:36px;
 float:left;
 display:block;
 margin-right:25px;
}

#navcontainer_pages li a:link,
#navcontainer_pages li a:visited{
 text-decoration:none;
 font-weight:bold;
 color:#818181;
 border-top:5px solid #851818;
}
#navcontainer_pages li a:focus,
#navcontainer_pages li a:hover,
#navcontainer_pages li a:active{
 color:#FFFFFF;
 border-top:5px solid #eb2c2d;
}
 
 /* Footer Navigation */ 
#navfooter li
 {
 display:inline;
 list-style-type:none;
 padding-right:20px;
 font-size:12px;
 line-height:52px;
 }

 /* Default Links */ 
a:link, a:visited {
 text-decoration: none;
 color:#818181;
 font-weight:normal;
 }

a:hover, a:active {
 color:#eb2c2d;
 }