/* ------------------------------------------------------------------------------------------------------*/
/* ZERO OUT ALL BROWSER PRE-SET VALUES  -----------------------------------------------------------------*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, img, form, fieldset, a {
	margin: 0;
	padding: 0;
	border: 0;
}

html 	{ overflow-y: scroll; }	/* Add this in to always generate vertical scrolls (and avoid page shift on centered layouts) */
a:focus	{ outline: 0; } 		/* Gets rid of outlines in FF */
.clear 	{ clear: both; }


/* ------------------------------------------------------------------------------------------------------*/
/* BASE BLOCK ELEMENTS & GLOBAL STYLES ------------------------------------------------------------------*/


html {
	height: 100%;
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center; /* for centering layout in IE 5.x */
	background: #777b7e url(../images/shared/bgTile.gif) repeat-x;
}


/* Container for entire page content */

#wrapper {
	width: 965px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	/* height: 100%;    ADD THIS IN FOR WINDOWS-ONLY CSS  */
	min-height: 100%;
	text-align: left; /* counter the centering in the body tag */
	background: url(../images/shared/page_bgTile.gif) repeat-y;
}

#headerBlock {
	width: 965px;
	height: 127px;
	background: url(../images/shared/header_bgTile.gif) repeat-y;
}

#contentBlock {
	/*margin: 0 auto;*/
	margin: 0;
	padding: 0 0 35px 0;
	width:965px;
}

#footerBlock {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	height: 10px;
}


/* ------------------------------------------------------------------------------------------------------*/
/* HEADER BLOCK (LOGO & MAIN NAV)  ----------------------------------------------------------------------*/



#logo {
	margin: 15px 0 0 10px;
	display: inline; /* Counter double-margin float bug in IE6 */
	width: 265px;
	float: left;
	text-align: center;
}


#mainNav {
	margin: 86px 15px 0 0;
	float: right;
	height: 16px;
	line-height: 10px;
	display: inline; /* Counter double-margin float bug in IE6 */
}

#mainNav ul{
	list-style: none;
}

#mainNav ul li{
	float: left;
	display: inline;
	margin: 0;
}


#mainNav ul li a {
	display: block;
	text-indent: -5000px;
	height: 17px;
	border: none;
}

/* Basic Link Styles */

#mainNav a:link		{ color: #B0B4B8; text-decoration: none; }
#mainNav a:visited	{ color: #B0B4B8; text-decoration: none; }
#mainNav a:hover	{ color: #797E82; text-decoration: none; }
#mainNav a:active	{ color: #797E82; text-decoration: none; }

/* Nav Rollovers */

#mainNav .home a { background: url(../images/shared/nav_home.gif) no-repeat; width: 93px; }
#mainNav .home a:hover  { background-position: -93px 0; }
#mainNav .about a { background: url(../images/shared/nav_about.gif) no-repeat; width: 85px; }
#mainNav .about a:hover  { background-position: -85px 0; }
#mainNav .services a { background: url(../images/shared/nav_services.gif) no-repeat; width: 105px; }
#mainNav .services a:hover  { background-position: -105px 0; }
#mainNav .technology a { background: url(../images/shared/nav_technology.gif) no-repeat; width: 129px; }
#mainNav .technology a:hover  { background-position: -129px 0; }
#mainNav .contact a { background: url(../images/shared/nav_contact.gif) no-repeat; width: 101px; }
#mainNav .contact a:hover  { background-position: -101px 0; }

/* "Current Page" Highlight States */
#home #mainNav .home a { background: url(../images/shared/nav_home.gif) no-repeat; background-position: -186px 0; }
#about #mainNav .about a { background: url(../images/shared/nav_about.gif) no-repeat; background-position: -170px 0; }
#services #mainNav .services a { background: url(../images/shared/nav_services.gif) no-repeat; background-position: -210px 0; }
#technology #mainNav .technology a { background: url(../images/shared/nav_technology.gif) no-repeat; background-position: -258px 0; }
#contact #mainNav .contact a { background: url(../images/shared/nav_contact.gif) no-repeat; background-position: -202px 0; }



/* ------------------------------------------------------------------------------------------------------*/
/* CONTENT BLOCK -----------------------------------------------------------------------------------*/


#mainContent {
	width: 965px;
	min-height: 100px;
	padding: 0;
}


/* SIDEBAR / SUBNAV */

#sideBar {
	width: 244px;
	min-height: 500px;
	margin: 0 0 0 15px;
	padding: 67px 0 0 21px;
	float: left;
	display: inline; /* Counter double-margin float bug in IE6 */
	background: url(../images/shared/sideBar_bg.gif) no-repeat;
}

#sideBar h1 {
	margin: 0 0 49px 0;
	padding: 0;
	font-size: 24px;
	line-height: 23px;
	letter-spacing: .04em;
	font-weight:normal;
	color: #4b4d4e;
}

ul#subnav {
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 11px;
	list-style: none;
}

#subnav li{
	margin: 0 0 27px 0;
	padding: 0;
}

/* Definition and rollover state for "arrow" bullet graphic  */

#subnav li a {
	display: block;
	height: 16px;
	text-indent: -5000px;
	border: none;
}

/* Basic Link Styles */

#subnav a:link		{ color: #777b7e; text-decoration: none; }
#subnav a:visited	{ color: #777b7e; text-decoration: none; }
#subnav a:hover		{ color: #e6760e; text-decoration: none; }
#subnav a:active	{ color: #e6760e; text-decoration: none; }


/* CONTENT COLUMN  */

#contentColumn {
	width: 383px;
	float: left;
	margin: 0 0 35px 0;
	padding: 138px 267px 15px 35px;
	display: inline; /* Counter double-margin float bug in IE6 */
}

#contentColumn h1 {
	font-size: 28px;
	line-height: 25px;
	letter-spacing: .04em;
	font-weight:normal;
	margin: 0 0 16px 0;
	color: #40474b;
}

#contentColumn h2 {
	margin: 0 0 14px 0;
	padding: 5px 0 5px 3px;
	background: url(../images/shared/subh_gradient.png) repeat-y;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #ffffff;
}

#contentColumn h3 {
	margin: 0 0 14px 0;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: .04em;
	color: #ffffff;
}

#contentColumn p {
	margin: 0 0 14px 0;
	font-size: 11px;
	line-height: 18px;
	color: #c1c7cb;
}

#contentColumn ul {
 	list-style-type: none;
	padding: 0;
	margin: 0 0 14px -3px;
	font-size: 11px;
	line-height: 14px;	
	color: #c1c7cb;
}

#contentColumn li {
	margin: 8px 0 4px 0;
	background-image:url(../images/shared/listBullet.gif);
	background-repeat: no-repeat;
	background-position: .4em .4em;
	padding-left: 13px;
}

#contentColumn a:link {
	color: #e6760e;
	text-decoration: none;
}
#contentColumn a:visited {
	color: #e6760e;
	text-decoration: none;
}
#contentColumn a:hover {
	color: #e6760e;
	background:  url(../images/shared/linkStyle.gif) bottom repeat-x;
}
#contentColumn a:active {
	color: #e6760e;
	background:  url(../images/shared/linkStyle.gif) bottom repeat-x;
}



/* -------------------------------------------------------------------------------------------------------*/
/* FOOTER BLOCK  -----------------------------------------------------------------------------------------*/



#footerBlock h3 {
	padding: 5px 0 2px 315px;
	color: #b6b8bb;
	font-size: 10px;
	line-height: 10px;
}

#footerBlock p {
	padding: 5px 0 5px 315px;
	color: #b6b8bb;
	font-size: 9px;
	line-height: 10px;
}

#footerBlock a:link {
	color: #b6b8bb;
	text-decoration: none;
}
#footerBlock a:visited {
	color: #b6b8bb;
	text-decoration: none;
}
#footerBlock a:hover {
	color: #e6760e;
	text-decoration: none;
	background: url(../images/shared/linkStyle.gif) bottom repeat-x;
}
#footerBlock a:active {
	color: #e6760e;
	text-decoration: none;
}