/**
 * Main CSS
 *
 * Main stylesheet for GSSM
 *
 * @author Shawn Drew
 * @copyright 2009
 * @version 0.1
 */

@media all {

/* Myer Reset v1.0 | 20080212  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */


/* general */
html {font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 62.5%;}
body {background: #0C305F url(../img/bg.jpg) repeat-x scroll top left; font-size: 1.4em;}

#quick-status {width: 960px; margin: 0 auto;}
	#quick-status p {color: #FFF; line-height: 30px; padding-top: 10px; text-align: center;}
	#quick-status a {color: #C7FFA2;}
	#quick-status a:hover {color: #FFF;}

.container {width: 960px; padding: 10px; margin: 0 auto; color: #000; background: #FFF url(../img/dropshadow.png) no-repeat scroll top left;}

	#header {}
		#header a {height: 120px; width: 960px;}

	#main-nav {background: #DADADA url(../img/nav-bg.jpg) repeat-x scroll top left; margin-top: -3px; }
		#main-nav ul {height: 40px; padding: 0 10px;}
		#main-nav ul li {float: left;}
		#main-nav ul .alt {float: right;}
		#main-nav ul .alt a {margin-right: 0;}
		#main-nav ul li a {display: block; color: #003366; line-height: 38px; margin-top: 2px; margin-right: 2em; text-decoration: none; font-weight: bold; padding-left: 8px;} /* background: transparent url(../img/blue-arrow.png) no-repeat scroll left center; */
		#main-nav ul li a:focus, #main-nav ul li a:hover, #main-nav ul li a.current {text-decoration: underline;}
		
		
		/* Industry Solutions Submenu */
		
			#submenu	{
				position: relative;
			}
			ul#submenu-industry-solutions		{
				display: none;
				padding: 0;
				margin: 0;
				position: absolute;
				z-index: 99;
			}
			#submenu-industry-solutions li		{
				background: url("../img/nav-bg.jpg") repeat-x scroll left top #DADADA;
				clear: both;
				font-size: 0.9em;
				width: 100%;
			}
			
					/* Homepage Industry Solutions Submenu */
					/*
					#submenu-industry-solutions		{
						clear: both;
						display: block;
						position: absolute;
						
					}
					*/
					/* Homepage Industry Solutions Submenu */
					
		/* Industry Solutions Submenu */
		

	#quick-news {}
		#quick-news p {line-height: 30px; text-align: center;}
		#quick-news a {color: #003366;}

	#switcher {width: 960px;}
		#tabs {position: absolute; width: 280px; height: 240px; background-color: transparent; z-index: 98;}
			#tabs .numbtn {background-color: transparent; background-image: url(../img/gssm-slider-tabs.png); background-repeat: no-repeat; height: 60px; display: block; text-indent: 9999px; overflow: hidden;}
			
			#num0 a.numbtn {background-position: 0 -60px;}
			#num0 a:hover, #num0 a.active {background-position: 0 0;}
			
			#num1 a.numbtn {background-position: 0 -180px;}
			#num1 a:hover, #num1 a.active {background-position: 0 -120px;}
			
			#num2 a.numbtn {background-position: 0 -300px;}
			#num2 a:hover, #num2 a.active {background-position: 0 -240px;}
			
			#num3 a.numbtn {background-position: 0 -420px;}
			#num3 a:hover, #num3 a.active {background-position: 0 -360px;}
			
		#tab-wrapper {float: right; width: 720px; height: 240px; overflow: hidden; position: relative; left: 10px; background-color: #000;}

	#product-lines {border-bottom: 1px solid #CBCBCB; overflow: hidden; margin-top: 10px; padding-bottom: 30px;}
		#product-lines .product {width: 220px; padding: 0 10px; } /* float right then float left because of safari 3 and 4 bug */
		#product-lines .product a {text-decoration: none;}
		#product-lines .product strong {font-size: 1.6em; display: block; color: #003366;}
		#product-lines .product span {font-size: 1.1em; font-weight: bold; background: transparent url(../img/green-arrow.png) no-repeat scroll bottom right; padding-right: 14px; display: block; color: #003366;}

	#intro {float: left; width: 460px; padding-left: 10px; padding-bottom: 20px;}
		#intro h3 {color: #003366; font-size: 1.2em; padding: 1em 0;}
		#intro p {line-height: 1.2em; padding-bottom: 1em; letter-spacing: 1px;}

	#news {float: left; width: 460px; padding-left: 20px; padding-bottom: 20px;}
		#news h3 {padding-top: 1em; background: transparent url(../img/blue-arrow.png) no-repeat scroll left center; padding-left: 8px;}
		#news h3, #news h4 {color: #003366; font-size: 1.2em; padding-bottom: 1em;}
		#news p {line-height: 1.2em; padding-bottom: 1em; letter-spacing: 1px;}

	/* Certifications */
	
	#certification {clear: both; border-top: 1px solid #CBCBCB;}
	
	#certification ul						{
		display: block;
		height: 100px;
		margin: 10px 50px;
		padding: 0;
		width: 860px;
	}
	#certification ul li					{
		float: left;
		list-style: none;
	}
	
			#certification ul li.cert-1				{
				height: 100px;
				margin-right: 80px;
				width: 175px;
			}
			#certification ul li.cert-2				{
				height: 100px;
				margin-right: 80px;
				width: 90px;
			}
			#certification ul li.cert-3				{
				height: 100px;
				margin-right: 80px;
				width: 80px;
			}
			#certification ul li.cert-4				{
				height: 100px;
				margin-right: 80px;
				width: 95px;
			}
			#certification ul li.cert-5				{
				height: 100px;
				margin-right: 0px;
				width: 100px;
			}
			
			#certification ul li a					{
			}
			#certification ul li a img			{ }
	
	/* Certifications */

	#subline {border-top: 1px solid #CBCBCB;}

	#nav-clone {background: #DADADA url(../img/nav-bg.jpg) repeat-x scroll top left;}
		#nav-clone ul {height: 40px; padding: 0 10px;}
		#nav-clone ul li {float: left;}
		#nav-clone ul .alt {float: right;}
		#nav-clone ul .alt a {margin-right: 0;}
		#nav-clone ul li a {display: block; color: #003366; line-height: 38px; margin-top: 2px; margin-right: 2em; text-decoration: none; font-weight: bold; padding-left: 8px;} /* background: transparent url(../img/blue-arrow.png) no-repeat scroll left center; */
		#nav-clone ul li a:focus, #nav-clone ul li a:hover, #nav-clone ul li a.current {text-decoration: underline;}

	#footer {background: #003366 url(../img/footer-bg.png) repeat-y scroll top center; color: #FFF; overflow: hidden;}
		#footer div {width: 150px; float: left; margin: 20px;}
		#footer h4 {font-size:1.0em; padding-bottom: 0.4em;}
		#footer li {font-size:1.0em; padding: 0.2em 0;}
		#footer p {padding-bottom: 0.6em; padding-top: 0.2em; line-height: 1.2em;}
		#footer a {color: #BFDFFF; text-decoration: none;}
		#footer a:hover {color: #FFF; text-decoration: underline;}
		
#foooter-sub-links {width: 960px; margin: 0 auto; color: #FFF;}
	#foooter-sub-links a {color: #BFDFFF;}
	#foooter-sub-links a:hover {color: #FFF;}
	#foooter-sub-links p {line-height: 50px;}
	#foooter-sub-links .copyright {float: left;}
	#foooter-sub-links .website-by {float: right;}

.content a:focus, a:hover {color:#000;}
.content a {color:#009; text-decoration:underline;}
	.content a img {border: none;}


/** Misc **/
.hasFloats									{ _height: 1%; display: block; overflow: hidden; }
.hasFloats:after							{ content: ""; clear: both; }

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom: 1;}

/**
 * @css-for Firefox
 * @workaround Show scroll bars so the page doesn't jump around
 */
html {overflow: -moz-scrollbars-vertical;}

}