@charset "utf-8";
/* ================== FIVE H GLOBAL CSS DOCUMENT ==================*/

* {
	margin:0;
	padding:0;
}
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #container {
	font-family: "Lucida Grande", "Tahoma", "Arial", Sans-Serif;
	font-size: 11px;
	line-height: 18px;
	color: #1F1F1F;
	height: 100%;
}
body > #container {
	background-image: url(../img/global/gradientbg.jpg);
	background-repeat: repeat-x;
	height: auto;
	min-height: 100%; /*THIS CORRECTS BODY CENTER */
	width: 100%;
}
#global_header {
	height: 135px;
	width: 960px;
	margin: 0 auto;
	padding: 0px 31px 0px 31px;
	background-position: 20px 0;
	background-repeat: no-repeat;
}
#headerLogo {
	height: 105px;
	padding: 15px 20px 15px 25px;
}
#global_main {
	background: url(../img/global/mainBG.png);
	background-repeat: repeat-y;
	height: auto;
	width: 1022px;
	margin: 0 auto;
}
#header_topnav {
	height: 54px;
	margin: 0px;
	padding: 0px 31px 0px 31px;
	width: 960px;
}
#topnav {
	width: 960px;
	height: 54px;
	display: block;
	margin: 0;
	padding: 0;
	background: #172841;
}
#topnav_right {
	font-family:"Lucida Grande", "Tahoma", "Arial", Sans-Serif;
	font-size: 11px;
	float: right;
	width: 260px;
	padding: 22px 20px 12px 20px;
	color: #CCCCCC;
	display: block;
}
#topnav_right a:link {
	color: #CCCCCC;
	font-weight: normal;
	text-decoration: none;
}
#topnav_right a:visited {
	color: #CCCCCC;
	font-weight: normal;
	text-decoration: none;
}
#topnav_right a:hover {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
}
#topnav_right a:active {
	color: #CCCCCC;
	font-weight: normal;
	text-decoration: none;
}
#topnav_right a:link {
	color: #CCCCCC;
	font-weight: normal;
	text-decoration: none;
}
#main_banner {
	height: auto;
	width: 960px;
	margin: 0;
	padding: 0 31px 0 31px;
}
#main_content {
	width: 920px;
	margin: 30px 51px 0 51px;
	padding: 0;
	height: auto;
}
#main_left {
	float: left;
	height: auto;
	width: 640px;
	margin: 0;
}
#main_title {
	height: 20px;
	width: 640px;
	padding: 0;
	margin: 0;
}
#main_text {
	height: auto;
	width: 600px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-left: 0px;
}
#main_right {
	float: right;
	height: auto;
	width: 280px;
	background-image: url(../img/global/right_bg.jpg);
	background-repeat: no-repeat;
}
#title_right {
	height: auto;
	width: 240px;
	margin: 20px 20px 8px 20px;
	padding: 5px 0 5px 0px;
}
#right_text {
	display: block;
	height: 200px;
	width: 240px;
	margin: 10px 0 20px 20px;
}
#learnmoreButt {
	width: auto;
}
#breadcrumb {
	height: 20px;
	width: 640px;
	color: #0086FF;
	padding: 2px 0 3px 0;
}
img.floatLeft {
	float: left;
	margin: 20px 20px 10px 0;
}
img.floatRight {
	float: right;
	margin: 5px;
}
#seperator_right {
	background-color: #CCCCCC;
	height: 1px;
	width: 220px;
	margin: 5px 0 0 15px;
}
#seperator_main {
	background-color: #CCCCCC;
	height: 1px;
	width: 610px;
	margin: 5px 0 0 0;
}
#main_thumbnails {
	width: 640px;
	list-style-image: none;
	list-style-type: none;
}
#thumbnail_image {
	list-style-image: none;
	list-style-type: none;
	clear: none;
	width: 640px;
	height: 140px;
}
#thumbnail_image li {
	line-height: normal;
	position: relative;
	float: left;
	width: 200px;
	height: 130px;
	padding: 0 10px 10px 0;
}
#thumbnail_image li a {
	text-decoration: none;
}
#thumbnail_title {
	font-family: "Lucida Grande", "Tahoma", "Arial", Sans-Serif;
	font-size: 11px;
	height: 60px;
	width: 640px;
}
#thumbnail_title li {
	font-family: "Lucida Grande", "Tahoma", "Arial", Sans-Serif;
	font-size: 11px;
	line-height: 16px;
	position: relative;
	float: left;
	width: 210px;
	height: 60px;
}
.thumbnails {
	width:640px;













	margin:20px 0 30px 0
.;
	margin: 20px 0 100px 0;
}
.thumbnails .thumbnail {
	position:relative;
	cursor:pointer;
	display:block;
	float:left;
	font-size:11px;
	width:200px;
	margin:0 5px;
	background-position:left 20px;
	background-repeat:no-repeat;
	white-space:nowrap;
	overflow:hidden;
	height: 130px;
}
.clearFloatLeft {
	clear:left;
	height:0;
}
/*** thumbnails set 5 ***/
#thumbnails5 .thumbnail {
	border:3px solid #000;
	background-position:left top;
	background-color:#ddebef;
	padding:130px 0 0 0;
	line-height:20px;
	height:0px;
	margin:0 5px 50px 1px;
	text-align:center;
}
#anchorTop {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: right;
}
#global_footer {
	margin: 0 auto;
	width: 960px;
	background-image: url(../img/global/bg_footer.gif);
	background-color:#172531;
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding: 0;
	padding-bottom: 15px;
	clear: both;
}
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*
*	Setup Left Navigation
*/
#rightnavigation {
	width: 240px;
	height: 300px;
	padding: 0;
}
ul.rightnav {
	margin: 0;
	padding: 0;
	height: 30px;
	width: 240px;
}
ul.rightnav li {
	float: left;
	width: 240px;
	font-family: "Lucida Grande", "Tahoma", "Arial", Sans-Serif;
	font-size: 12px;
	color: #5988b5;
}
ul.rightnav li a {
	display: block;
	width: 220px;
	height: auto;
	text-decoration: none;
}
ul.rightnav {
	margin: 0;
	padding: 0;
	width: 220px;
	height: 100px;
	text-align: left;
	word-spacing: normal;
}
/*
*	Right Navigation Normal Links
*/
ul.rightnav li.rightbutton a {
	background-position:0 0;
	padding: 7px 5px 7px 20px;
	margin: 0;
	background-image: url(../img/global/button_norm.gif);
	background-repeat: no-repeat;
}
/*
*	Right Navigation Hover Links
*/
ul.rightnav li.rightbutton a:hover {
	background-position:0 0;
	background-image: url(../img/global/button_over.gif);
	background-repeat: no-repeat;
}
/*
*	Right Navigation Clicked Links
*/
ul.rightnav li.rightbutton a:active {
	background: url(../img/global/left/buttonOut.gif);
	background-position:0 0;
}
/*
*	Right Navigation Selected/Active Links
*/
ul.rightnav li.rightbutton a.selected {
	background-position:0 0;
	background-image: url(../img/global/button_over.gif);
	background-repeat: no-repeat;
	color: #142529;
}
.clearfix {
	content: ".";
	display: block;
	height: 0;
	clear: right;
	visibility: hidden;
}
/*
*	CSS MENU Setup
*/
ul.cssmenu {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float:left;
}
.displace {
	position: absolute;
	left: -5000px;
}
ul.cssmenu li {
	float: left;
}
ul.cssmenu li a {
	display: block;
	height: 54px;
	background: url(../img/global/menu.png);
}
/*
*	Normal Links
*/
ul.cssmenu li.company a {
	background-position: 0 -108px;
	width: 111px;
}
ul.cssmenu li.services a {
	background-position: -111px -108px;
	width: 105px;
}
ul.cssmenu li.portfolio a {
	background-position: -216px -108px;
	width: 112px;
}
ul.cssmenu li.testimonials a {
	background-position: -328px -108px;
	width: 133px;
}
ul.cssmenu li.clients a {
	background-position: -461px -108px;
	width: 91px;
}
ul.cssmenu li.support a {
	background-position: -552px -108px;
	width: 108px
}
/*
*	Hover Links
*/
ul.cssmenu li.company a:hover {
	background-position: 0 -54px;
}
ul.cssmenu li.services a:hover {
	background-position: -111px -54px;
}
ul.cssmenu li.portfolio a:hover {
	background-position: -216px -54px;
}
ul.cssmenu li.testimonials a:hover {
	background-position: -328px -54px;
}
ul.cssmenu li.clients a:hover {
	background-position: -461px -54px;
}
ul.cssmenu li.support a:hover {
	background-position: -552px -54px;
}
/*
*	Clicked Links
*/
ul.cssmenu li.company a:active {
	background-position: 0 -108px;
}
ul.cssmenu li.services a:active {
	background-position: -111px -108px;
}
ul.cssmenu li.portfolio a:active {
	background-position: -216px -108px;
}
ul.cssmenu li.testimonials a:active {
	background-position: -328px -108px;
}
ul.cssmenu li.clients a:active {
	background-position: -461px -108px;
}
ul.cssmenu li.support a:active {
	background-position: -552px -108px;
}
/*
*	Selected/Active Links
*/
ul.cssmenu li.company a.selected {
	background-position: 0 0;
}
ul.cssmenu li.services a.selected {
	background-position: -111px 0;
}
ul.cssmenu li.portfolio a.selected {
	background-position: -216px 0;
}
ul.cssmenu li.testimonials a.selected {
	background-position: -328px 0;
}
ul.cssmenu li.clients a.selected {
	background-position: -461px 0;
}
ul.cssmenu li.support a.selected {
	background-position: -552px 0;
}
/*========= FIVE H Main Global Text Redefined Document ========= */

td {
	font-family: "Lucida Grande", "Tahoma", "Arial", Sans-Serif;
	font-size: 10px;
	line-height: 18px;
	color: #1F1F1F;
}
p {
	font-family: "Lucida Grande", "Tahoma", "Arial", Sans-Serif;
	font-size: 11px;
	line-height: 18px;
	color: #1F1F1F;
	margin: 0px 0px 16px 0px;
}
ul, ul.bulletlist {
	list-style-image: none;
	padding: 0;
	color: #1F1F1F;
	list-style-type: none;
	margin: 0;
}
ul li, ul.bulletlist li {
	line-height: 16px;
}
a:link {
	color: #006699;
	text-decoration: none;
}
a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #36444d;
	text-decoration: underline;
}
a:active {
	color: #142529;
	text-decoration: none;
}
.banner_title {
	display: none; /*REDUNDANT IN V6 */
}
.title {
	font-family: "Lucida Grande", "Tahoma", "Arial", Sans-Serif;
	font-size: 20px;
	color: #240F12;
	font-weight: normal;
	text-align: left;
	line-height: 26px;
	padding: 10px 0px 20px 0px;
	margin: 0px;
}
.header {
	font-family: "Lucida Grande", "Tahoma", "Arial", Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	color: #113555;
	margin-bottom: 20px;
	line-height: 20px;
	margin-top: 0px;
	padding: 5px 0px 5px 0px;
}
.header_grey {
	font-family: "Lucida Grande", "Tahoma", "Arial", Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	margin-bottom: 2px;
	line-height: 18px;
}
.header2 {
	font-family: "Lucida Grande", "Tahoma", "Arial", Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #113555;
	margin-bottom: 16px;
	line-height: 18px;
	padding-top: 14px;
}
/* ================== FOOTER ================== */

#global_footertext {
	font-family: "Lucida Grande", "Tahoma", "Arial", Sans-Serif;
	color: #AEAEAE;
	font-size: 10px;
	margin-left: 20px;
	margin-top: 20px;
	width: 640px;
}
#footertext_copyright, #footertext_copyright p {
	font-family: "Lucida Grande", "Tahoma", "Arial", Sans-Serif;
	color: #AEAEAE;
	font-size: 10px;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 640px;
	line-height: 13pt;
}
#global_footertext a:link {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#global_footertext a:visited {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#global_footertext a:hover {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
}
#global_footertext a:active {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#footertext_copyright a:link {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
#footertext_copyright a:visited {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
#footertext_copyright a:hover {
	/*color: #B7B7B7; */
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
}
#footertext_copyright a:active {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
#global_footer img {
	margin: -15px 20px 0px 0px;
	float: right;
	text-align: right;
}
#location {
	font-family: "Lucida Grande", "Tahoma", "Arial", Sans-Serif;
	font-size: 11px;
	color: #202020;
	text-align: left;
	display: block;
	width: 220px;
	font-weight: bold;
	float: left;
}
#seperator_items {
	background-color: #CCCCCC;
	height: 1px;
	width: 240px;
	margin: 0 0 18px 0;
}