/*------------------------------------------------------------------
StrongMail 		global.css

ORGANIZATION 	1. 	CSS FILES 
					global.css			->	 	global rules
					home.css			->		rules for homepage
					interior.css		->		rules for interior pages
					ie.css				->		rules for microsoft exploder
							
				2.	IN THIS CSS FILE:
					general rules
						-global link settings
						-general elements
						-good to have global classes
						-form elements
					#container
						#header
							#header elements
						#body
							column setup
						#footer
							#footer elements
					Workarounds
						clearfix
--------------------------------------------------------------------*/


 /* GENERAL RULES
--------------------------------------------------------------------*/

* {
	/*overwrite all default browser settings*/
	margin:				0;
	padding:			0;
	
	/*global font settings*/
	font-family: 		verdana, arial, helvetica, sans-serif;
	
	list-style-type: 	none;
}

body {
	font-size:			10px;
	background: 		#e2e7e9 url(../i/bggradient.gif) repeat-x fixed top;
	
	/*part 1 of centering hack*/
	text-align: 		center;	
}


 /* Global Link Settings
--------------------------------*/
a {
	text-decoration:	none;
	color:				#2b869e;
}
a:visited {
	
}
a:hover, 
a:active {
	text-decoration:	underline;
}


 /* General Elements
--------------------------------*/

img {
	display: 			block; /*to avoid IE 3px bug, keep or delete, can be used with .float-left/right*/
	border:				0;
}

 /* Good to have global classes
--------------------------------*/
.floatright {
	float: 				right;
	display:			inline; /*to avoid IE double margin bug*/
}
.floatleft {
	float: 				left;
	display:			inline; /*to avoid IE double margin bug*/
}
.alignright {
	text-align:			right;
}

/*e.g. for accessibility quick links*/
.hide {
	height: 			0;
	width: 				0;
	overflow: 			hidden;
	position: 			absolute;
}


 /* Global Form Elements (appearance only, no layout settings etc)
--------------------------------*/
label {
	
}

input.type_submit {
	
}
input.type_text,
textarea.type_text  {
	font-size:			10px;
}
label.type_checkradio {
	
}
select {
	
}

 /* MAIN CONTAINER
--------------------------------------------------------------------*/
#container {
	width: 				917px;
	border:				1px solid #c2c8ca;
	border-top:			0;
	background:			#e2e7e9;
	
	/*part 2 of centering hack*/
	text-align: 		left;
	margin: 			0 auto;
}


 /* HEADER
--------------------------------------------------------------------*/
#header {
	position:			relative;
	height:				95px;
	overflow:			hidden; /*for nav to stretch*/
}

#header #logo {
	display:			block;
	position:			absolute;
	left:				25px;
	top:				20px;
	height:				30px;
	width:				160px;
}

#header #globalnav {
	position:			absolute;
	right:				25px;
	top:				33px;
	font-size:			9px;
}

#header #phonenumbers {
	position:			absolute;
	right:				25px;
	top:				10px;
	width:				404px;
	height:				13px;
	text-indent:		-9999px;
	background:			transparent url('../i/phone.gif') no-repeat left top;
}

#header a,
#header a:visited {
	color:				#6d767c;
}

 /* Main Nav Setup
--------------------------------*/
#header #mainnav {
	position:			absolute;
	bottom:				0;
	border-top: 		1px solid #c2c8ca;
	border-bottom: 		1px solid #c2c8ca;
	width:				925px; /*to make all links fit, need overflow:hidden in #header*/
	height:				23px;
}
* html #header #mainnav {
	bottom:				-1px;
}

#header #mainnav li {
	display:			inline;
}

#header #mainnav li a,
#header #mainnav li a:visited {
	float:				left;
	display:			inline;

	width:				153px;
	height:				23px;

	text-indent:		-99999px;
	border-right: 		1px solid #c2c8ca;

}

#header #mainnav #navwhatweoffer {
	background:			url('../i/navwhatweoffer.gif') no-repeat;
}

#header #mainnav #navtech {
	background:			url('../i/navtech.gif') no-repeat;
}

#header #mainnav #navprod {
	background:			url('../i/navprod.gif') no-repeat;
}

#header #mainnav #navserv {
	background:			url('../i/navserv.gif') no-repeat;
}

#header #mainnav #navsol {
	background:			url('../i/navsol.gif') no-repeat;
}

#header #mainnav #navres {
	background:			url('../i/navres.gif') no-repeat;
}

#header #mainnav #navpart {
	background:			url('../i/navpart.gif') no-repeat;
}

#header #mainnav #navcomp {
	background:			url('../i/navcomp.gif') no-repeat;
}

#header #mainnav #navwhatweoffer.selected,
#header #mainnav #navwhatweoffer:hover,
#header #mainnav #navtech.selected,
#header #mainnav #navtech:hover,
#header #mainnav #navprod.selected,
#header #mainnav #navprod:hover,
#header #mainnav #navserv.selected,
#header #mainnav #navserv:hover,
#header #mainnav #navsol.selected,
#header #mainnav #navsol:hover,
#header #mainnav #navres.selected,
#header #mainnav #navres:hover,
#header #mainnav #navpart.selected,
#header #mainnav #navpart:hover,
#header #mainnav #navcomp.selected,
#header #mainnav #navcomp:hover {
	background-position:0 -23px;
}


 /* #body
--------------------------------------------------------------------*/
#body {
	background:			#fff;
	padding-top:		20px;
}



/* #body - column layouts
--------------------------------*/

#body #local,
#body #maincontent {
	float: 				left;
	display:			inline;
}

#body #local {
	/*see ie.css for boxmodel hack for ie5*/
	width:				167px;
	margin:				0 0 0 12px;
	padding-right:		10px;
	border-right:		1px solid #c2c8ca;
}

#body #maincontent {
	/*see ie.css for boxmodel hack for ie5*/
	width:				676px;
	padding:			0 25px 0 25px;
	margin-left:		-1px;
	border-left:		1px solid #c2c8ca; /*merge borders*/
}

#maincontent p {
	color:				#3d4950;
	font-size:			11px;
	margin:				6px 0 10px 0;
}

#maincontent p,
#maincontent ul {
	line-height:		1.5em;
}

#maincontent img {
	padding-bottom:		6px;
}

#maincontent a.learnmore {
	padding-right:		12px;
	background:			url(../i/dblarrow.gif) no-repeat;
	background-position: 100% 65%

}

 /* FOOTER
--------------------------------------------------------------------*/
#footer {
	clear:				both;
	border: 			4px solid #fff;
	border-top: 		20px solid #fff;
	color:				#8b9398;
	padding:			14px 18px 30px;
	font-size:			9px;
	line-height:		1.8em;
	word-spacing:		10px;
}

#footer p {
	word-spacing:		10px;
}

#footer ul {
	margin-top:			15px;
}

#footer a,
#footer a:visited,
#footer span {
	word-spacing:		normal;
	color:				#8b9398;
	text-decoration:	underline;
}
#footer span {
	text-decoration:	none;
}

a.siteby {
	background:			url('../i/bg_ailogo.gif') no-repeat;
	margin-top:				5px;
	padding:				5px 20px 5px 0;
	background-position:	100% 75%;
}


 /* CSS Workarounds
--------------------------------------------------------------------*/

 /* clearfix (already applied on #body)
--------------------------------*/

.clearfix:after,#body:after {
    content:""; 
    display:block; 
    height:0; 
    clear:both; 
}

.clearfix,#body {
	display:inline-table;
}

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

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}