@import "qtsmart_machines.css";
@import "qtsmart_control.css";
@import "qtsmart_request.css";
@import "reset.css";


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

* {
	margin:0;
	padding:0;
}

.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}
	
.clearfix {
	display:inline-block;
}

* html .clearfix { 
	height:1%;
}

.clearfix { 
	display:block;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.2;
	color:#000000;
	background:#f5f5f5;

}




/* Wrappers 
-------------------------------------------------------- */

#outerWrap {
	margin:0 auto;
	width:960px;
}

#headerWrap {
	height:140px;
	width:960px;
	background:url(../imgs/imgHeader_background2.jpg) repeat-x top center;
}

#footerWrap {
}



/* Header
-------------------------------------------------------- */

#header {
	height:140px;
}

#header #logo {
	height: 90px;
    padding: 10px 0 0 333px;
}

#header #logo a {
	border: none;
}

#innerWrap {
}




/* Navigation 
-------------------------------------------------------- */

#mainNav {
	height: 40px;
	float: left;
}

#mainNav ul {
    bottom: 0;
    margin: 0;
}

#mainNav li {
    float: left;
    list-style: none;
    line-height: 20px;
    border-right: 1px solid #FFF;

}

#mainNav li a {
    font-weight: bold;
    text-decoration: none;
	display: block; 
    padding: 10px;   
}

#mainNav li a:link, 
#url li a:link, 
#mainNav li a:visited, 
#url li a:visited {
    color: #000;
}

#mainNav li a:hover, 
#url li a:hover,
#mainNav li.active a:hover
#url li.active a:hover {
    background: #FF6600;
    color: #000;
    text-decoration: none;
}

#mainNav li.active a,
#url li.active a {
    background: #FF6600;
    color: #fff;
}

#url {
	float: right;
	border-left: 1px solid #FFF;

}

#url ul {
    bottom: 0;
    margin: 0;
	right:10px;
	font-weight:bold;
}

#url li {
    list-style: none;
}

#url li a {
    display: block;
    float: right;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 150px;
}

a:link,
a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

a:hover,
a:active {
    color: #FFFFFF;
    text-decoration: none;
}



/* Featured
-------------------------------------------------------- */

#featureWrap {
    height: 380px;
    position: relative;
    width: 960px;
    overflow: hidden;
	background:#FFFFFF;
	padding-top:10px;
}

#featItem {
    height: 380px;
    width: 965px;
}

#featItem img a {
	border:none;
}

#featPrev, #featNext {
    background: url(../imgs/btnFeaturedCtrls2.png) no-repeat;
    display: block;
    height: 46px;
    overflow: hidden;
    position: absolute;
    text-indent: -100000px;
    width: 30px;
    z-index: 2000;
}

#featPrev {
    background-position: -30px 0;
    top: 200px;
    left: 0;
}

#featureWrap a:hover#featPrev {
    background-position: 0;
}

#featNext {
    background-position: -60px 0;
    right: 0;
    top: 200px;
}

#featureWrap a:hover#featNext {
    background-position: -90px 0;
}



/* Intro
-------------------------------------------------------- */

#introWrap {
	width:960px;
	height:250px;
	padding-top:10px;
	background:#FFFFFF;
}

#intro {
	width:960px;
	position:relative;
	height:250px;
	background:#FFFFFF url(../imgs/imgIntro_Background.jpg) no-repeat top center;
}

#introAd {
	float:left;
	width:213px;
	display:block;
	border-right:1px solid #CCCCCC;
	margin:25px;	
}

#introAd img {
	margin-left:30px;
	border:1px solid #CCCCCC;
}

#introCopy {
	margin:25px 90px 25px 0;
	float:right;
	width:600px;
	display:block;
}

#intro h1 {
	font-size:14px;
	font-weight:bold;
}

#intro h1 span{
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
}

#intro p {
	font-size:12px;
	font-weight:normal;
}

#intro ul {
    margin: 0;
}

#intro li {
	list-style:square;
	list-style-image:url(../imgs/imgBullet_li.gif);
    margin-left: 20px;
	font-size:12px;
	font-weight:normal;
}



/* Smart Footer
-------------------------------------------------------- */

#smartFooter {
	width:958px;
	border:1px solid #CCCCCC;
	height:378px;
	margin-top:10px;
	font-size:11px;
	font-weight:normal;
}

#smartCol_l {
	width:198px;
	border-right:1px solid #CCCCCC;
	height:303px;
	float:left;
	padding:20px;
}
#smartCol_r {
	width:200px;
	height:303px;
	float:left;
	padding:20px;
}

#smartFooter h1 {
	border-bottom:1px solid #CCCCCC;
	width:958px;
	height:35px;
    line-height: 35px;

}

#smartFooter h1 span {
	font-size:14px;
	font-weight:bold;
	padding:20px;
	vertical-align:middle;
    line-height: 35px;
}

#smartFooter img {
	margin:10px 0 10px 10px;
	
}



/* Green Footer
-------------------------------------------------------- */

#greenFooter {
	width:958px;
	border:1px solid #CCCCCC;
	height:198px;
	margin-top:10px;
	font-size:11px;
	font-weight:normal;
	background:url(../imgs/imgGreen_Background.jpg) right bottom no-repeat;
}

#greenFooter h1 {
	border-bottom:1px solid #CCCCCC;
	width:958px;
	height:35px;
    line-height: 35px;

}

#greenFooter h1 span {
	font-size:14px;
	font-weight:bold;
	padding:20px;
	vertical-align:middle;
    line-height: 35px;
}

#greenFooter p {
	font-size:12px;
	font-weight:normal;
}

#greenFooterCopy {
	padding:20px 0 20px 20px;
}

#greenFooter ul {
    margin: 0;
}

#greenFooter li {
	list-style:square;
	list-style-image:url(../imgs/imgBullet_li.gif);
    margin-left: 20px;
	font-size:12px;
	font-weight:normal;
}




/* Footer
-------------------------------------------------------- */

#footer {
	width:960px;
	height:40px;
	margin-top:10px;
	font-size:10px;
	font-weight:normal;
	background:url(../imgs/imgFooter_Background.jpg) repeat-x;
}

#footerNav ul {
    bottom: 0;
    margin: 0;
	left:0;
	font-weight:normal;
}

#footerNav li {
    display: inline;
    float: left;
    list-style: none;
    margin-left: 10px;
}

#footerNav li a {
	font-size:11px;
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
	color:#000000;
	text-decoration:none;
}

#footerNav li a:hover {
	text-decoration:underline;
	color:#FF6600;
}