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

* {
	margin: 0;
	padding: 0;
}


/* CUSTOM FONT */
	@font-face {
	font-family: 'WinterthurCondensedRegular';
	src: url('/font/WinterthurCondensed-webfont.eot');
	src: local('☺'), url('/font/WinterthurCondensed-webfont.woff') format('woff'), url('/font/WinterthurCondensed-webfont.ttf') format('truetype'), url('/font/WinterthurCondensed-webfont.svg#webfontgYE6dmRG') format('svg');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'WinterthurCondensedItalic';
	src: url('/font/WinterthurCondensedOblique-webfont.eot');
	src: local('☺'), url('/font/WinterthurCondensedOblique-webfont.woff') format('woff'), url('/font/WinterthurCondensedOblique-webfont.ttf') format('truetype'), url('/font/WinterthurCondensedOblique-webfont.svg#webfontMeU5JDFR') format('svg');
	font-weight: normal;
	font-style: normal;
	}


body {
	background: #000000;
	font-family: "futura book condensed","arial narrow","arial condensed","WinterthurCondensedRegular","helvetica condensed",arial,helvetica;
	font-size: 14px;
	color: #666666;
	}

/*===============================================================

	D E F A U L T    S T Y L E S 
	
=================================================== = DEFAULT STYLES */

a {
	color: #000000;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

ul {
	list-style-type: square;
	padding-left: 20px;
	margin: 0 0 20px 0;
	}

li {
	padding-left: 10px; 
	margin: 0;
	}
	

h1 {
	font-size: 1.8em;
	padding: 0 0 10px 0;
	color:#009933;
	font-weight: bold;
	}

h2 {
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 20px;
	}

h2 strong {color:#ff9900;}

h3 {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 20px;
	}

h3 strong {color:#ff9900;}

p {
	font-size: 1.0em;
	color:#666666;
	font-weight: normal;
	padding-bottom: 20px;
	text-align: left;
	}

p strong {color:#666666;}

p a {color:#000000;
	text-decoration: none;
	}	

p a:hover {
	color:#666666;
	text-decoration: none;
	}	


/* extra top margin for headers preceded by other text-based elements */
div + p + h2, ul + h2, ol + h2, dl + h2, table + h2, blockquote + h2, hr + h2, h3 + h2,
div + p + h3, ul + h3, ol + h3, dl + h3, table + h3, blockquote + h3, hr + h3, h4 + h3,
p + h4, ul + h4, ol + h4, dl + h4, table + h4, blockquote + h4, hr + h4, h5 + h4,
p + h5, ul + h5, ol + h5, dl + h5, table + h5, blockquote + h5, hr + h5, h6 + h5
p + h6, ul + h6, ol + h6, dl + h6, table + h6, blockquote + h6, hr + h6 {
	margin-top: 1.8em;
	}


.container_12 {
	margin-bottom: 20px;
	}

/* @end DEFAULT STYLES
--------------------------- */	


#herobar {
	background: #ffffff url(http://www.smartsti.com/images/uploads/homeheros/STI_Hero_Image_21.jpg) no-repeat top center;
	height: 610px;
	overflow: hide;
	}

#headerbar {
	background: #ffffff;
	height: 120px;
	overflow: hide;
	}
	
#menubar {
	background: #ffffff  url(/images/interface/bg-horshadow.png) no-repeat top center;
	border-top: #031229 1px solid;
	border-bottom: #031229 1px solid;
	z-index: 400;
	}

#contentbar {
	background: #ffffff;
	padding: 20px 0 20px 0;
	min-height: 400px;
	}

#footerbar {
	padding: 20px 0 0 0;
	background: #000000;
	border-bottom: #333333 1px solid;
	z-index: 1;
	}

#copyrightbar {
	padding: 15px 0 5px 0;
	}



/*===============================================================

	H E R O    B A R    S T Y L E S 
	
=================================================== = HERO BAR STYLES */

.logo {
	background: url(/images/interface/logo.png) no-repeat top left;
	margin: 10px 0 20px 0;
	padding: 0 0 0 0;
	width: 191px;
	height: 82px;
	text-indent: -9999px;
	color: #000000;
	text-transform: none;
	font-size: 1.4em;
	}

.sharethis {
	text-align: right;
	float: right;
	margin-left: 10px;
	}
	
.tagline {
	float: left;
	width: 460px;

	}
	
.tagline p {
	padding: 0 0 20px 0;
	line-height: 1.3em;
	}

.tagline h2 {
	color: #663399;
	font-size: 1.7em;
	text-transform: uppercase;
	font-weight: normal;
	padding-bottom: 0;
	}

.nav-utility {
	padding: 10px 0 0 0;
	color: #666666;
	text-align: right;
	font-weight: normal;
	font-size: 0.9em;
	}

.nav-utility a {
	color: #666666;
	}

.nav-utility a:hover {
	color: #009933;
	}

.nav-utility h2 {
	color: #3399ff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.3em;
	}

.how-we-help {
  float: right;
  margin: 10px 0 0 0;
  padding: 0;
}


/* @end HERO BAR STYLES
--------------------------- */




/* ===============================================================

	M A I N    N A V I G A T I O N    S T Y L E S 
	
=================================================== = MAIN NAVIGATION */


#nav-main {
	margin: 0;
	display: block;
	padding: 0;
	z-index: 400;
	position: relative;

	}

#nav-main ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 500;

	}

#nav-main li {
	float: left;
	text-align: left;
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: relative;
	}

#nav-main li a {
	float: left;
	font-size: 1.1em;
	text-align: left;
	padding: 10px 10px 15px 10px;
	margin: 0 20px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	}

#nav-main li a:hover {
	color: #666666;
	background: url(/images/interface/bg-nav-main-active.jpg) repeat-x bottom center;
	}

#nav-main li a.active_list_item {
	color: #009933;
	background: url(/images/interface/bg-nav-main-active.jpg) repeat-x bottom center;
	}


/* Submenu */



#nav-main li ul {
 display: none;
 position: absolute;
 left: 0;
 background: #ffffff;
 font-size: 0.9em;
 line-height: 1.0em;
 top: 100%;
 padding: 0;
 margin: 0;
}

#nav-main li:hover > ul {
 display: block;
 margin: 0;
 padding: 0;
}

#nav-main li ul li, #nav-main li ul li a {
 margin: 0;
 padding: 0;
 float: none;
 display: block;
 color: #333333;
 background: #ffffff url(/images/interface/bg-submenu-off.jpg) repeat-x top center;
}

#nav-main li ul li a:hover {
 color: #009933;
 background: #ffffff url(/images/interface/bg-submenu-over.jpg) repeat-x top center;
}

#nav-main li ul li {
 _display: inline; /* for IE6 */
}

#nav-main li ul li a {
 padding: 5px 10px 5px 10px;
 width: 170px;
 display: block;
 margin: 0;
 color: #000033;
 font-weight: normal;
 background: #ffffff url(/images/interface/bg-submain-off.jpg) repeat-x top center;
 border-right: 1px solid #3c3c3c;
 border-left: 1px solid #292929;
 border-bottom: 1px solid #232323;
 border-top: 1px solid #232323;

}

/* SUBSUB Menu */

#nav-main li ul li ul {
 font-size: 0.9em;
 display: none;
 margin: 0;
}

#nav-main li ul li:hover ul {
 left: 100%;
 top: 0;
 margin: 0;
 padding: 0;

}

#nav-main li ul {}

/* @end MAIN NAVIGATION STYLES
--------------------------- */


/* ===============================================================

	H O W    W E    H E L P    N A V I G A T I O N    S T Y L E S 
	
=================================================== = HOW WE HELP NAVIGATION */

#howwehelp {
  width: 56px;
  height: 13px;
  position: relative;
  background: url(/images/interface/howwehelp-dots.jpg);
  margin: 0;
  padding: 0;
  float: right;
}

#howwehelp ul {
	list-style-type: none;
}

#howwehelp li {
  float: left;
	list-style-type: none;
}

#howwehelp li a {
  position: absolute;
  top: 0;
  padding: 0;
  margin: 0;
  display: block;
  width: 14px;
  height: 13px;
  background: url(/images/interface/howwehelp-dots.jpg);
  text-indent: -9999px;
  overflow: hidden;
}

li#dot1 a {
  left: 0;
  background-position: 0 0;
}

li#dot2 a {
  left: 14px;
  background-position: -14px 0;
}

li#dot3 a {
  left: 28px;
  background-position: -28px 0;
}

li#dot4 a {
  left: 42px;
  background-position: -42px 0;
}

li#dot1 a:hover {
  background-position: 0 -13px;
}

li#dot2 a:hover {
  background-position: -14px -13px;
}

li#dot3 a:hover {
  background-position: -28px -13px;
}

li#dot4 a:hover {
  background-position: -42px -13px;
}


/* @end HOW WE HELP NAVIGATION STYLES
--------------------------- */


/* ===============================================================

	S U B    N A V I G A T I O N    S T Y L E S 
	
=================================================== = MAIN NAVIGATION */

.left-sidebar h2 {
	font-size: 1.4em;
	text-align: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-decoration: none;
	text-transform: none;
	color: #009933;
	font-weight: bold;
	}

#nav-sub h3 {
	font-size: 1.2em;
	text-align: left;
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;
	text-decoration: none;
	text-transform: none;
	color: #000000;
	font-weight: bold;
	}

#nav-sub h3 a:visited {
	color: #000000;
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;

	}
	
#nav-sub {
	margin: 0;
	display: block;
	padding: 0;
	}

#nav-sub ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	}

#nav-sub li {
	text-align: left;
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: relative;
	}

#nav-sub li a {
	font-size: 1.1em;
	text-align: left;
	padding: 10px 0 10px 0;
	margin: 10px 0 10px 0;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	}


/* Submenu */



#nav-sub li ul {
 display: block;
 position: relative;
 font-size: 1.0em;
 padding: 0;
 margin: 0;
}

#nav-sub li:hover > ul {
 display: block;
 margin: 0;
 padding: 0;
}

#nav-sub li ul li, #nav-sub li ul li a {
 margin: 0;
 padding: 0;
 float: none;
 display: block;
 color: #333333;
 background: #ffffff url(/images/interface/bg-submenu-off.jpg) repeat-x top center;

}

#nav-sub li ul li a:hover {
 color: #009933;
 background: #ffffff url(/images/interface/bg-submenu-over.jpg) repeat-x top center;

}

#nav-sub li ul li a.active_list_item {
 color: #ffffff;
 background: #ffffff url(/images/interface/bg-submenu-active.jpg) repeat-x top center;

}

#nav-sub li ul li {
 _display: inline; /* for IE6 */
}

#nav-sub li ul li a {
 padding: 5px 10px 5px 10px;
 display: block;
 margin: 0;
 color: #333333;
 font-weight: normal;
 background: #ffffff url(/images/interface/bg-submenu-off.jpg) repeat-x top center;


}

/* SUBSUB Menu */

#nav-sub li ul li ul {
 font-size: 0.9em;
 display: none;
 margin: 0;
}

#nav-sub li ul li:hover ul {
 left: 100%;
 top: 0;
 margin: 0;
 padding: 0;

}

#nav-sub li ul {}

#nav-sub .collapse-open {
display: block; margin: 0; padding: 0; background: #ffffff url(/images/interface/icon_plus.png) no-repeat right center;
}

#nav-sub .collapse-close {
display: block;
margin: 0;
padding: 0;
background: url(/images/interface/icon-minus.png) no-repeat right top;
}


/* @end MAIN NAVIGATION STYLES
--------------------------- */



/*===============================================================

	C O N T E N T    B A R    S T Y L E S 
	
=================================================== = CONTENT BAR STYLES */



.content h1 {color:#009933;
	font-weight: normal;
	font-size: 2.5em;
	}

.content h2 {color:#000000;
	text-transform: none;
	font-weight: normal;
	font-size: 2.0em;
	}
	
.content h3 {color:#333333;
	text-transform: none;
	font-weight: normal;
	font-size: 1.7em;
	}

.content h4 {color:#333333;
	text-transform: none;
	font-weight: normal;
	font-size: 1.4em;
	}

.content h5 {color:#333333;
	text-transform: none;
	font-weight: normal;
	font-size: 1.2em;
	}

.team-row {
	padding: 15px 0 15px 0;
	margin: 15px 0 15px 0;
	border-bottom: #cccccc solid 1px;
	}

.team-photo {
	width: 240px;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

.team-contact {
	line-height: 1.1em;
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	}
	
.team-bio {
	width: 420px;
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

.team-bio h2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #009933;
	}
	
.team-bio h3 {
	font-size: 1.2em;
	}

.team-bio2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

.team-bio2 h2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #009933;
	}
	
.team-bio2 h3 {
	font-size: 1.2em;
	}
	
.image-left {
	float: left;
	display: inline-block;
	margin: 0 25px 20px 0;
	}
	
.image-right {
	float: right;
	display: inline-block;
	margin: 0 0 20px 25px;
	}
	
.content p {color:#333333;
	line-height: 1.5em;
	}
	
.breadcrumbs {
	margin: 0 0 20px 0;
	font-size: 0.85em;
	}

.breadcrumbs a {
	color: #666666;
	padding: 0 10px 0 10px;
	}

.breadcrumbs a.first {
	padding: 0 10px 0 0;
	}
	
.breadcrumbs a:hover {
	color: #000000;
	}

.form-row {
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
}

/* @end CONTENT BAR STYLES
--------------------------- */



/*===============================================================

	F O O T E R    B A R    S T Y L E S 
	
=================================================== = FOOTER BAR STYLES */

.block-news h2 {
	color: #ffffff;
	text-transform: none;
	font-weight: normal;
	font-size: 1.4em;
	}

.news-row {
	display: block;
	padding: 10px 0 0 0;
	}
	
.news-date {
	width: 70px;
	float: left;
	color: #ffffff;
	text-transform: none;
	font-weight: normal;
	font-size: 1.0em;
	}

.news-title {
	width: 200px;
	float: right;
	padding: 0 20px 0 0;
	color: #ffffff;
	text-transform: none;
	font-weight: normal;
	font-size: 1.0em;
	}
	
.news-title-old {
	width: 200px;
	float: right;
	padding: 0 20px 0 0;
	color: #ffffff;
	text-transform: none;
	font-weight: normal;
	font-size: 1.0em;
	}

.news-title a {
	color: #ffffff;
	font-weight: bold;
	}	

.news-title a:hover {
	color: #cccccc;
	text-decoration: none;
	}	

.news-title a:visited {
	color: #999999;
	}	

.mySTI-promo {
	color: #ffffff;
	font-size: 1.2em;
	padding: 0 20px 0 0;
}

.case-row {
	display: block;
	padding: 10px 0 0 0;
	}
	
.case-logo {
	width: 80px;
	float: left;
	color: #000000;
	text-transform: none;
	font-weight: normal;
	font-size: 1.0em;
	}

.case-title {
	width: 200px;
	float: right;
	padding: 0 20px 0 0;
	color: #ffffff;
	text-transform: none;
	font-weight: normal;
	font-size: 1.0em;
	}
	
.case-title a {
	color: #ffffff;
	font-weight: bold;
	}	

.case-title a:hover {
	color: #cccccc;
	text-decoration: none;
	}	

.case-title a:visited {
	color: #999999;
	}	

.block-title h2 {
	color:#ffffff;
	text-transform: none;
	}

.tagcloud-row {
	display: block;
	padding: 10px 0 0 0;
	font-size: 1.2em;
	}
	
.tagcloud-title {
	width: 200px;
	float: right;
	padding: 0 20px 0 0;
	color: #ffffff;
	text-transform: none;
	font-weight: normal;
	font-size: 1.0em;
	}

.larger {
	font-size: 1.4em;
	}	
	
.tagcloud-row a {
	color: #ffffff;
	}	

.tagcloud-row a:hover {
	color: #cccccc;
	text-decoration: none;
	}	

.tagcloud-row a:visited {
	color: #666666;
	}		

.search {
	 margin: 0 0 0 10px;
	}
	
.morebutton {
	 background: url(/images/interface/button-more.png) no-repeat top center;
	 display: inline-block;
	 width: 62px;
	 height: 21px;
	}

.morebutton:hover {
	 background: url(/images/interface/button-more-over.png) no-repeat top center;
	}
	
.searchbutton {
	 background: url(/images/interface/button-search.png) no-repeat top center;
	 display: inline-block;
	 width: 73px;
	 height: 21px;
	 text-indent: -9999px;
	}

.searchbutton:hover {
	 background: url(/images/interface/button-search-over.png) no-repeat top center;
	}	
	
.button {
	 display: inline-block;
	 padding: 5px 10px 5px 10px;
	 color: white;
	 text-decoration: none;
	 font-size: 0.9em;
	 font-weight: bold;
	 text-align: center;
	 position: relative;

	 /* BACKGROUND GRADIENTS */
	 background: #3398ff;
	 background: -moz-linear-gradient(top, #3398ff, #275bd7 50%, #014D71 51%, #282eb8);
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3398ff), color-stop(.5, #275bd7), color-stop(.5, #014D71), to(#282eb8)); 


	 /* BORDER RADIUS */
	 -moz-border-radius: 4px;
	 -webkit-border-radius: 4px;
	 border-radius: 4px;

	 border: 1px solid #3398ff;
	 border-top: 1px solid #c3d6df;


	 /* TEXT SHADOW */

	 text-shadow: 1px 1px 1px black;

	 /* BOX SHADOW */
	 -moz-box-shadow: 0 1px 3px black;
	 -webkit-box-shadow: 0 1px 3px black;
	 box-shadow: 0 1px 3px black;
	}
	
	/* WHILE HOVERED */
	.button:hover {
		background: #282eb8 url(/images/interface/tile-buttonback.jpg) repeat-x top center;
		color:#ffffff;
	 	background: -moz-linear-gradient(top, #3366cc, #3366cc 50%, #024869 51%, #13188c);
	 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3366cc), color-stop(.5, #3366cc), color-stop(.51, #024869), to(#13188c));
	}
	
	/* WHILE BEING CLICKED */
	.button:active {
		-moz-box-shadow: 0 2px 6px black;
		-webkit-box-shadow: 0 2px 6px black;
	}	
	
	

/* @end FOOTER BAR STYLES
--------------------------- */




/*===============================================================

	C O P Y R I G H T    B A R    S T Y L E S 
	
=================================================== = COPYRIGHT BAR STYLES */

.copyright {
	font-size: 0.9em;
	color: #ffffff;
	}
	
.copyright a {
	color: #ffffff;
	}	

.copyright a:hover {
	color: #cccccc;
	}	

.copyright strong {
	color: #ffffff;
	font-weight: bold;
	}	
	
.sitecredit {
	text-align: right;
	font-size: 0.9em;
	color: #666666;
	}
	
.sitecredit a {
	color: #666666;
	}	

.sitecredit a:hover {
	color: #999999;
	}		
	
/* @end COPYRIGHT BAR STYLES
--------------------------- */	



/*===============================================================

	C L E A R    F I X 
	
=================================================== = CLEAR FIX */

/* http://www.positioniseverything.net/easyclearing.html */

.contain:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .contain { height: 1%; } /* IE6 */
*:first-child+html .contain { min-height: 1px; } /* IE7 */

/* @end CLEAR FIX
--------------------------- */