/* 
Title:		QS&S screen styles and ie/win fixes
Author: 	eastrosesun@yahoo.com

Created:   Feb 13 2007

*/

html{overflow-y: scroll;}/* FF viewport scrollbar issue */
html {min-height: 100.1%;} 
body{ margin:0; padding:0; background:#fcfcfc url("page_bg.gif") no-repeat; font:75% arial, tahoma, verdana; color:#666; line-height:16px;}


/* ClearFix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear{clear:both;}

/* LAYOUT
---------------------------------------------------------- */
#container{margin:0 auto; padding:0px; background:#fff; width:68.75em; border-top:7px solid #666; font-size:1em;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 66.25em;
	width: 68.75em;
}
#pagewrap{background:#fff; font-size:0.9em; padding:0 10px;}

#leftrail{float:left; width:17em; height:350px; margin:0px 0 0 0; padding:0px 12px;  background:#fff url("col_blue_bg.gif") repeat-x;}
#leftrail p.blocktitle{color:#4862a3; text-transform:uppercase; padding:15px 5px 0 5px; margin:0px 0 0 0; font-weight:bold;}
#leftrail p{border-top:0px #cde2ef solid; padding:5px 5px; margin:0 0 0px 0;}


#main{float:left; width:633px; width:54em; margin:0px 0 0 10px;}
#main .left{float:left; width:40%; display:block;}
#main .right{float:right; width:40%; display:block;}

#industry-assoc{width:85%; background:#fff; margin:0 auto;}

#footer{background:#f5f5f5; font-size:0.9em; padding:4px 8px;}

/* MAST HEAD
---------------------------------------------------------- */
#header{margin:0; padding:15px;}

	
/*logo*/
#logo {float:left; width:171px; display:block;}
	
/*header right*/
#header-right {float:right; margin-left:200px; display:block;}

/*navigation*/
#nav{margin:0 0 10px 0; padding:0px;  background:#fcbb53 url("nav_bg.gif") repeat-x; text-align:center; /*border-bottom:3px solid #FCD18C;*/}
	#nav ul{width:68em; margin: 0 auto; height:36px; padding:2px; list-style-type:none;}
	#nav li{float:left; margin:10px 0 0 1px; }
	#nav li a{display:block; line-height: 28px;	overflow:hidden; text-indent: -5000px;}

	/*navigation tabs*/
	#nav-home{width:54px; background:url("home_off_tab.gif") no-repeat;}
	#nav-home-active{width:54px; background:url("home_on_tab.gif") no-repeat;}
	#nav-about{width:95px; background:url("about_off_tab.gif") no-repeat;}
	#nav-about-active{width:95px; background:url("about_on_tab.gif") no-repeat;}
	#nav-products{width:75px; background:url("products_off_tab.gif") no-repeat;}
	#nav-products-active{width:75px; background:url("products_on_tab.gif") no-repeat;}
	#nav-services{width:150px; background:url("services_off_tab.gif") no-repeat;}
	#nav-services-active{width:150px; background:url("services_on_tab.gif") no-repeat;}
	#nav-whitepapers{width:198px; background:url("whitepapers_off_tab.gif") no-repeat;}
	#nav-whitepapers-active{width:198px; background:url("whitepapers_on_tab.gif") no-repeat;}
	#nav-clients{width:152px; background:url("clients_off_tab.gif") no-repeat;}
	#nav-clients-active{width:152px; background:url("clients_on_tab.gif") no-repeat;}
	#nav-contact{width:80px; background:url("contact_off_tab.gif") no-repeat;}
	#nav-contact-active{width:80px; background:url("contact_on_tab.gif") no-repeat;}

/* HEADINGS
---------------------------------------------------------- */
#column1 h1, #column2 h1{margin:0; padding:5px 0 0 0; font-size:1.8em; letter-spacing:-0.01em; color:#3a569c; font-weight:lighter; }
#column1 .caption, #column2 .caption{color:#3a569c;}

#newsevents h3{margin:0; padding:5px 0 0 0; font-size:1.1em; color:#666; color:#203F8E; font-weight:bold;}

#ourofferings h3{color:#e09b2f; margin:0; padding:5px 0 0 0;font-size:1.1em;}
#ourofferings .caption{color:#e09b2f;}

#main h1 {color:#e09b2f; padding:5px 0 0 0; font-size:2em; font-weight:normal;}
#main h2 {color:#3a569c;  font-size:1.7em; line-height:150%; font-weight:normal; }
#main h3 {color:#237F9A; padding:0 0 0px 0; margin:0; font-size:1.4em; font-weight:bold;}
#main h4 {padding:8px 0; margin:0; font-size:1em; font-weight:bold; color:#e09b2f; color:#000;}

#presentations h2{color:#b5e2e6; color:#36A3AC; font-size:1.4em;  padding:0; margin:0; font-weight:bold;}
#presentations h3{color:#b5e2e6; color:#36A3AC; font-size:1.2em;  line-height:150%; padding:0 0 4px 0; margin:0; font-weight:bold;}


/* LINKS
---------------------------------------------------------- */
a{color:#4862a3; text-decoration:none;  /*border-bottom:1px dashed #4862a3; */}
a:hover{color:#666; /* border-bottom:1px dashed #666;*/}


#column1 a.more, #column2 a.more {color:#4862a3;font-weight:bold; display:block; text-align:right; text-decoration:none;}
#column1 a.more:hover, #column2 a.more:hover {color:#666; text-decoration:underline;}

#newsevents a.newslink{color:#3b4e7f; display:block; padding:0 0 5px 0; text-decoration:none; border-bottom:1px solid #e1e1e1;}
#newsevents a.newslink:hover{background:#f4f4f4; border-bottom:1px solid #e1e1e1; color:#666;}

a.offerings{color:#e09b2f; text-decoration:none; border-bottom:1px dashed #e09b2f;}
a.offerings:hover{border-bottom:1px dashed #e1e1e1; color:#666;}


#leftrail a.menumain{color:#4862a3; display:block; padding:5px 0 5px 0; text-decoration:none; border-bottom:1px dashed #CDE2EF;}
#leftrail a.menumain:hover{background:#fff; border-bottom:1px dashed #E1F0F9; color:#666;}

#main a.pagenavigation{font-size:1em; color:#4862a3; text-decoration:none;}
#main a.pagenavigation:hover{background:#f4f4f4;}

 
#presentations a{font-size:1em; color:#4862a3; text-decoration:none;}
#presentations a.pagenavigation:hover{background:#f4f4f4;}


#footer a{color:#999; text-decoration:none;}
#footer a:hover{color:#666; text-decoration:underline;}

/* LISTS
---------------------------------------------------------- */
#main ul {margin:0; padding:2px 25px 20px;}


/* HOMEPAGE COLUMNS
---------------------------------------------------------- */
#column1, #column2, #column3 {float:left; width:22.06em; margin:4px 10px 0 0; padding:12px; background:#fff url("col_blue_bg.gif") repeat-x;}

#column1 p, #column2 p {margin:12px 0; padding:0;}

#column3 {width:260px; margin:4px 0 0 0; background:#fff url("newsevents_bg.gif") repeat-x; padding:0;}
	#column3 #newsevents{margin:12px;}
	#column3 #newsevents p{margin:0; padding:10px 0 0 0;}
	#column3 #newsevents span{display:block; }

#ourofferings{margin:12px; padding:0; background:url("complimentary_consulting1.gif") top center;  }
#ourofferings p{margin:0; padding:10px 0 0 0;}
#ourofferings #slider {margin:25px 0 0 0; background:#fffaf2;}
#ourofferings #slider ul{margin:0px; padding:10px; list-style-type:none;}
#ourofferings #slider li{float:left; margin:0 0 12px 12px; background:#fff; border:1px solid #fae8cb; text-align:center;}
#ourofferings #slider li a{padding:6px; color:#e09b2f; font-weight:bold; text-decoration:none;}
#ourofferings #slider li a:hover{color:#666; font-weight:bold;}

/* WHITEPAPER & PUBLICATIONS
---------------------------------------------------------- */
#presentations{margin:0 auto; width:80%; background:#f7fdfe; padding:12px; border:0px solid #CBE1E5;}

#presentations a{ color:#36A3AC; border-bottom:1px dashed ;}
#presentations a:hover{color:#72B5BB;}

#presentations ul{color:#36A3AC; }
#presentations li{padding:8px; border-bottom:1px solid #d2eaec;}

 
/* FOOTER
---------------------------------------------------------- */
#footer {margin-top:10px;}
#footer p.left{float:left; margin:0; padding:0; color:#999;}
#footer p.right{float:right; margin:12px 0 0 0; padding:0; color:#999;}
#footer span{display:block; padding:5px 0;} 

/* EXTRAS
---------------------------------------------------------- */
form{display:inline;}
img{border:0;}
hr{color: #fee4bb; background-color: #fee4bb; height: 1px; border:0px solid #fee4bb;}

#marqueecontainer{
position: relative;
width:240px; /*marquee width */
height: 120px; /*marquee height */
overflow: hidden;
}