/* -------------------------------------------------------------
HAMBO DEVELOPMENT - HTTP://HAMBODEVELOPMENT.COM
YOU DESIGN _WE DEVELOP
------------------------------------------------------------- */

body 								{ background: #eee }
html								{ background: #eee }


/* DIV CLASSES
-------------------------------------------------------------*/

.column								{ float: left; }
.column:last-child				{ margin-right: 0; }
	                           	
.article,                     	
.entry								{ clear: both; margin-bottom: 20px; overflow: hidden; }
                              	
.entry								{ margin-bottom: 10px; }
	.photo							{ float: left; height: 65px; margin-right: 15px; width: 65px; }
	.post								{ float: left; width: 205px; }
                              	
img.left								{ margin: 20px 20px 20px 0; }
img.right							{ margin: 28px 20px 0 20px; }

.cta-list 							{ background: url(../images/layout/ctalist-bg.png) no-repeat center 0; float: left; padding: 22px 0 0 18px; }
.cta-list li 						{ background: none !important; border-right: 1px solid #e2e2e2; height: auto !important; float: left; height: 175px; min-height: 170px; margin-right: 15px; padding: 10px 10px 0 0 !important; position: relative; width: 195px; }
.cta-list li.last					{ border: 0; margin: 0; padding-right: 0; }
.cta-list h2 						{ background: url(../images/icons/mini-logo.gif) 0 5px no-repeat; font-size: 14px !important; line-height: 1.3em; margin: 0 !important; padding: 0 0 10px 25px; text-transform: uppercase; }
.cta-list h2 strong 				{ color: #004b8b; }
.cta-list p 						{ font-size: 12px; line-height: 18px; }
.cta-list a 						{ background: url(../images/icons/cta-buttons.png) no-repeat 0 0; bottom: 10px; display: block; height: 27px; left: 0; position: absolute; }
.cta-list a.learn 				{ background-position: 0 0; width: 110px; }
.cta-list a.view 					{ background-position: 0 -27px; width: 104px; }
.cta-list a.clients 				{ background-position: 0 -54px; width: 120px; }
.cta-list a.learn:hover			{ background-position: -150px 0; }
.cta-list a.view:hover			{ background-position: -150px -27px; }
.cta-list a.clients:hover		{ background-position: -150px -54px; }
.cta-list a span 					{ display: block; height: 0; overflow: hidden; }

.news									{ height: 215px; float: left; margin: 0 0 20px; padding: 0 0 15px; position: relative; }
.news .tab							{ height: 200px; position: absolute; top: 32px; left: 0; clear: both; }
.news ul 							{ list-style: none; }
.news p								{ color: #112e47; float: left; font-size: 1.2em; line-height: 1.1em; padding: 0; width: 185px; }
.news a.more 						{ background: #fff; color: #9b9b9b !important; bottom: -20px; clear: both; left: 88px; padding: 0 15px; position: absolute;  }
* html .news a.more				{ bottom: 11px; }
.news .date							{ color: #004b8b; float: left; font-size: 1.36em; line-height: 1.25em; margin: -2px 10px 0 0; text-align: center; text-transform: uppercase; width: 45px; }
.news .date span					{ display: block; font-size: 1.6em; font-weight: bold; }
.news .content						{ background: url(../images/layout/news-bg.gif) repeat-x 0 bottom; margin: 8px 0 20px 0; padding: 4px 0 27px 0; float: left; display: inline; }
.news .content	li					{ border-bottom: 1px solid #e7e7e7; float: left; padding: 12px 15px 12px 12px; width: 240px; }
.news .switches					{ background: url(../images/layout/switch-bg.gif) no-repeat 2px bottom; float: left; margin: 0 -2px; padding-bottom: 8px; }	
.news .switches li				{ float: left; margin-left: 2px; }	
.news .switches li.on a,
.news .switches a:hover			{ background: #e7e7e7; color: #004b8d !important; }
.news .switches a					{ background: #eee; color: #bbb !important; display: block; float: left; font-size: 1.1em; font-weight: bold; height: 24px; padding: 6px 0 0; text-align: center; text-transform: uppercase; width: 132px; }	
.news .switches li.on a			{ background-position: 0 -30px; }

	
	
/* CALL OUTS
-------------------------------------------------------------*/
	
.adblock 							{ border: 1px solid #bad2e6; margin: 0 0 15px 15px; padding: 5px 10px 0; }
.homebar .adblock					{ margin-left: 0; }

.adblock .shout						{ text-transform: uppercase; }

.adblock.wide 						{ height: 116px; width: 204px; padding-right: 50px; }

.adblock.wide.experience p			{ padding-right: 50px; }
.adblock.wide.hiring p				{ padding-right: 70px; }

.adblock.long 						{ height: 204px; width: 163px; padding-right: 25px; }

.adblock.hiring 					{ background: url(../images/layout/hiring-adblock.png) bottom no-repeat; }
.adblock.experience 				{ background: url(../images/layout/experience-adblock.png) bottom no-repeat; }




a.rsslink							{ background: url(../images/icons/rss-icon.png) no-repeat right 0; color: #004b8b !important; display: block; font-size: 1.4em; height: 28px; margin: 10px 0; padding: 12px 53px 0 10px; }

.timeline							{ margin: 25px 0 0; width: 668px; }
.timeline h2 						{ background: #e5edf3; color: #004b8b; font-size: 3.2em !important; line-height: 1em; margin: 0 0 12px !important; padding: 0; }
.timeline h2 span 					{ background: #fff; display: inline-block; padding: 0 10px 0 0; }
.timeline img 						{ float: right; margin: 0 0 0 40px; }
.timeline p 						{ font-size: 1.2em; line-height: 1.5em; padding: 25px 0 0; }
.timeline div 						{ margin: 0 0 40px; float: right; width: 668px; }

#content .newslist ul				{ margin-left: 0; }
.newslist li 						{ background: none !important; border-bottom: 1px solid #d4d8db; line-height: 1.4em; padding: 14px 4px 12px !important; }
#content .newslist h3 				{ color: #333; font-size: 13px; font-weight: bold; }
.newslist a 						{ font-size: 0.8em; font-weight: bold; color: #007b01; text-decoration: underline; }
.newslist .header 					{ background: #e5edf3; border: 1px #99b7d1; border-style: solid none; }
.newslist .header h2				{ margin-top: 0 !important; }
.newslist .header div				{ border: 1px #fff; border-style: solid none; padding: 15px 15px 5px; position: relative; }
.newslist .header form				{ float: left; position: absolute; right: 15px; top: 12px; }
.newslist .header form input		{ float: left; }
.newslist .header form .button 		{ margin: 5px 0 0; }
.newslist .header .textfield 		{ border: 1px solid #99b7d1; font-size: 1.2em; margin: 0 5px 0 0; padding: 7px; width: 240px; }

.pagination							{ float: left; }
.pagination ul						{ float: left; list-style: none; }
.pagination li						{ background: none ; border: none; float: left; margin: 0 5px 0 0; padding: 0 !important; }
.pagination a						{ background: #e5edf3; color: #004b8b !important; display: block; float: left; font-size: 0.8em; font-weight: bold; padding: 3px 0; text-align: center; text-decoration: none !important; width: 28px; }
.pagination li.here a,
.pagination a:hover				{ background: #336fa2; color: #fff !important; }
.pagination li.text a,
.pagination li.text a:hover	{ background: #fff; color: #004b8b !important; width: 58px; }
.pagination li.page-total		{ margin-left: 10px; }


.peoplelist h2 a 					{ color: #007b01 !important; text-decoration: none !important; }

.featureblock 						{ background: #fff url(../images/layout/featureblock.gif) no-repeat 0 0; display: inline; float: left; margin: 10px 5px 0 0; padding: 15px 12px 0 12px; position: relative; width: 321px; }
.featureblock ul 					{width:300px;}
.featureblock li 					{ font-size: 12px; line-height: 24px; margin-left: 6px; }
.featureblock h3					{ color: #004b8b; font-size: 1.6em; margin: 0 0 10px !important; }
.featureblock img					{ position: absolute; right: 10px; top: 10px; }
.last_fb								{ margin-right: 0; }


.contact								{ border-bottom: 1px solid #d7dcdf; margin: 0 0 15px 15px; }
.contact p							{ font-size: 1.2em; line-height: 1.5em; padding: 10px 0 15px; width: 200px; }
.contact p.last					{ border: none; }
.contact p.intro					{ color: #004b8b; line-height: 1.3em; font-size: 1.4em; padding-top: 0; }
.contact p strong					{ color: #004b8b; }
.contact p a						{ color: #007b01; text-decoration: underline; }

p.pdf								{ background: url(../images/icons/pdf-logo-big.gif) no-repeat center left; border-top: 1px solid #ccc; display: block; margin-top: 10px; padding: 25px 0 35px 70px; }


/* BUTTONS
-------------------------------------------------------------*/

a.action							{ background: url(http://gtec.ehclients.com/assets/images/icons/button_action_wide.png) no-repeat; cursor: pointer; display: block; font-size: 11px; font-weight: bold; height: 23px; outline: none; padding: 6px 15px 0; text-transform: uppercase; width: 255px; }
a.button							{ background-color: #36647b; cursor: pointer; display: block; margin-top: 10px; outline: none; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 120px; }
a.button:hover						{ background-color: #437c98; }
a.image								{ cursor: pointer; display: block; outline: none; text-indent: -9999px; }




/* MASTHEAD
-------------------------------------------------------------*/

#masthead							{ height: 110px; position: relative; top: 0; z-index: 10000; }

#masthead h1						{ background: url(../images/content/logo.png) no-repeat 0 0; text-indent: -9999px; }
#masthead h1 a						{ display: block; height: 70px; text-indent: -9999px; width: 280px; }


#toolbar								{ background: url(../images/layout/toolbar-bg.png) repeat-x 0 0; position: absolute; right: 0; top: 0; width: 528px; }
#toolbar ul							{ background: url(../images/layout/toolbar-left.png) no-repeat 0 0; float: left; height: 38px; list-style: none; padding: 0 0 0 40px;  }
#toolbar li							{ float: left; line-height: 38px; }
#toolbar a							{ display: block; float: left; margin: 0 15px; }
#toolbar a							{ display: inline; }
#toolbar form						{ float: right; margin: 1px 20px 0 0; }
#toolbar input						{ float: left; }
#toolbar input.textfield			{ border: 1px solid #d2d2d2; font-size: 1.1em; margin: 5px 0 0; padding: 5px 10px; width: 168px;  }
#toolbar input.button				{ margin: 6px 0 0 3px; }


/* MAIN NAVIGATION
------------------------*/

#main_nav							{ background: url(../images/layout/nav-bg.png) no-repeat 0 0; height: 39px; margin: 1px 0 0; }
#main_nav ul						{ list-style-type: none; }
#main_nav li						{ border-right: 1px solid #3170a8; float: left; position: relative; }
#main_nav a 						{ background: url(../images/icons/nav-arrow.gif) no-repeat 88% 0; border-right: 1px solid #125897; display: block; float: left; height: 37px; padding: 0 46px 0 28px; }
#main_nav li.last-child,
#main_nav li.last-child a 		{ border-right: none; }
                           	
#main_nav li ul					{ background: url(../images/layout/dd-btm.png) no-repeat center bottom; display: none; left: 0; padding: 0 0 13px; position: absolute; top: 35px; }
#main_nav li li:first-child 	{ padding-top: 5px; }
#main_nav li li 					{ background: url(../images/layout/dd-strip.png) repeat-y center 0; border: none; float: none; padding: 0 6px; width: 190px; }
#main_nav li li a					{ background: none; border: 1px solid #155994; border-style: none none solid; color: #fff; float: none; height: auto; line-height: 17px; padding: 5px 15px; width: 160px; }
#main_nav li li a:hover			{ background: #387ab3; color: #fff; }

/* BANNER
------------------------*/

#banner								{ background: #000; margin: -8px auto 0; overflow: hidden; padding: 0 15px; position: relative; }




/* SITE CONTAINERS
-------------------------------------------------------------*/

#container							{ background: #fff url(../images/layout/container-strip.gif) repeat-y center 0; margin: 0 auto; padding: 0 23px; position: relative; width: 950px; }


/* SUBNAV
------------------------*/

#subnav							  	{ float: left; padding: 0 10px; width: 190px; }
#subnav ul						  	{ list-style-type: none; }
#subnav li						  	{ margin-bottom: 5px; }


/* MAIN CONTENT
------------------------*/

#content							{ float: left; margin-top: 15px; width: 705px; }
#content.down					{ width: 705px; }
.homecontent					{ padding-right: 7px !important; }
#sidebar							{ float: left; margin-top: 15px; min-height: 650px; width: 281px; }
.homebar							{ border-left: 2px solid #d1e1ee; padding-left: 5px; width: 267px !important; }

#content h1 					{ color: #004b8b; font-size: 24px; font-weight: bold; line-height: 1.4em; padding: 20px 0 10px; }
#content h2					  	{ color: #004b8b; font-size: 18px; line-height: 1.4em; margin-bottom: 10px; }
#content h3						{ color: #004b8b; font-size: 14px; font-weight: bold; margin: 10px 0 5px; }
.services #content h3		{ color: #007b01; }

div.intro						{ background: url(../images/layout/h2-bg.gif) repeat-x 0 0; padding: 20px 18px 0; }
div.intro h2 					{ border-bottom: 3px solid #d1e1ee; padding-bottom: 3px; }


#content p.more a					{ background: #d1e1ee; padding: 8px 10px; }

#content ul,
#content ol							{ font-size: 13px; line-height: 18px; margin-bottom: 25px; }
#content ul							{ list-style: none; }
	#content ul li					{ background: url(../images/layout/blue-bullet.png) no-repeat 0 0.75em; padding: 0 0 0 15px; }
#content ol							{ margin-left: 24px; }

#content li.download			  	{ line-height: 2.5em; }
#content li.pdf				  		{ background: url(../images/icons/pdf-icon.gif) no-repeat 0 5px; padding: 0 0 0 25px; }

#content img.alignright			{ float: right; margin: 0 0 10px 20px; position: relative; }

#content ul#sitemap	ul			{ margin-bottom: 0; }
#content ul#sitemap li			{ font-weight: bold; }
#content ul#sitemap li ul li	{ font-weight: normal; }
                             		
.feature								{ background: url(../images/layout/feature-shadow.gif) no-repeat 0 245px; padding: 0 0 12px; position: relative; }
                             		
.section								{ background: url(../images/layout/sidepanel-shadow.gif) no-repeat -37px 0; padding: 15px 0 0 25px; width: 218px !important; }
.section h3							{ color: #004b8b; font-size: 1.4em; margin: 5px 5px 10px 10px; text-transform: uppercase; }

.section ul						  	{ list-style: none; margin: 0 0 20px; }
.section ul li					  	{ border-bottom: 1px solid #c8dbeb; }
.section ul ul					  	{ margin: 0; padding: 0 0 18px 25px; }
.section ul ul li				  	{ background: none; border: none; }


.section li a				  		{ /* background: url(/assets/images/layout/section-nav-bullet.gif) no-repeat 8px center; */color: #004b8b; display: block; font-size: 13px; line-height: 18px; padding: 4px 0 4px 15px; }
.section li.on a,
.section li a:hover				{ background: url(../images/layout/section-nav-on.png) repeat-y 0 0; color: #fff; font-weight: normal; }

.section li li a				  	{ background: none; color: #3671a3; display: inline; font-size: 12px; line-height: 18px ; padding: 0; }
.section li li:hover				{ background: none; }

.section li.parent-on a 			{ font-weight: bold; }
.section li.parent-on ul a			{ font-weight: normal; }
.section li.on a					{ font-weight: bold; }

.section li.parent-on,
.section li.on						{ background: url(../images/layout/section-nav-on.gif) repeat-y 0 0; }

.section li.on li a					{ font-weight: normal; }
.section li.parent-on li.on 		{ background: none; }
.section li.parent-on li.on a 		{ color: #007b01; font-weight: bold; }

.section a.callout img				{ margin: 0 0 10px 15px; }


/*
#content ul.accordion li			{ background: none; list-style-type: none; padding: 0; }
	#content ul.accordion li li		{ background: url("/assets/images/layout/blue-bullet.png") no-repeat 0 0.75em; padding-left: 15px; }
#content ul.accordion li a			{ background: url(/assets/images/layout/accordion_header.png) no-repeat; display: block; height: 35px; margin-bottom: 3px; padding: 15px 0 0 50px; width: 620px; }
#content ul.accordion li a.open		{ background-position: 0 -50px; }
*/


#content h2 a.accordion				{ background: url(../images/layout/accordion_header.png) no-repeat; color: #004b8b; display: block; height: 35px; margin-bottom: 3px; padding: 12px 0 3px 50px; text-decoration: none; width: 620px; }
#content h2 a.open					{ background-position: 0 -50px; }



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

#footer								{ clear: both; color: #bbb; height: 120px; }
#footer .wrap						{ background: #eee url(../images/layout/footer-bg.png) no-repeat center 0; margin: 0 auto; padding: 60px 23px; position: relative; text-align: left; width: 950px; }
#footer p							{ padding: 0; }

.employeeaccess						{  float:left; right: 0; text-align: right; top: 55px; width: 125px; }
.employeeaccess ul					{ list-style: none; }
.employeeaccess ul ul				{ border: 1px solid #c6c6c6; border-right: 2px solid #c6c6c6; border-bottom: 2px solid #c6c6c6; float: left; position: absolute; top: -38px; right: 0; z-index: 5; }
.employeeaccess ul ul li			{ border-right: 1px solid #e9e9e9; float: left; }
.employeeaccess ul ul a				{ background: #fff; color: #004b8b !important; display: block; float: left; font-size: 1.2em; height: 27px; padding: 10px 15px 0; text-decoration: underline; }
.employeeaccess ul ul a:hover 		{ background: #f0f0f0; }
.employeeaccess a.login				{ background: url(../images/icons/padlock.png) no-repeat 0px 0px; display: block; float: right; font-size: 1.1em; padding: 0px 5px 0px 0px; text-align: right; width: 116px; }
.employeeaccess li.on a.login		{ background-color: #fff; border: 1px solid #c6c6c6; border-top: 1px solid #e9e9e9; border-right: 2px solid #c6c6c6; border-bottom: 2px solid #c6c6c6; }
.employeeaccess li.menu				{ padding: 1px 2px 0 0; }
.employeeaccess li.on				{ padding: 0; }
.employeeaccess li.last				{ border: none; }

#menu-footer { float:left; width:300px;}


/* FORMS
-------------------------------------------------------------*/

/* GENERAL FORM STYLING
------------------------*/

form .hiddenFields					{ display: none; }

.form fieldset						{ border-bottom: 1px solid #eee; margin-bottom: 15px; padding-bottom: 15px; }
.form input[type="text"],
.form input[type="submit"]			{ background-color: #e8e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px; }

.form input[type="submit"]			{ border: none; margin: 0 auto; }
.form input:hover[type="submit"]	{ cursor: pointer; }

.form input[type="text"]			{ border: 2px solid #e8e8e8; }

.form input[type="text"]:focus,
.form textarea:focus				{ border: 2px solid #ffbe00; }


/* SEARCH BAR
------------------------*/

form#search_bar	input.text			{ background: #000; border: 1px solid #666; float: left; padding: 3px; width: 140px; }
form#search_bar .button				{ background: #000; border: 1px solid #666; float: left; height: 21px; -moz-border-radius-topright: 5px ; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px ; -webkit-border-bottom-right-radius: 5px; }



/* SEARCH RESULTS
-------------------------------------------------------------*/

#search_results						{ border-collapse: collapse; font-size: 12px; margin-top: 20px; width: 100%; }
#search_results th					{ font-weight: bold; text-align: left; padding: 0 0 10px 10px; }
#search_results td					{ padding: 10px 30px 10px 5px; }
                                 	
#search_results td.search_title		{ padding-left: 10px; width: 55%; }
#search_results td.search_channel	{ padding-left: 10px; width: 40%; }
                                 	
#search_results td.resultRowOne 	{ background-color: #f0f0f0; border-bottom: 1px solid #ccc; }
#search_results td.resultRowTwo 	{ border-bottom: 1px solid #eee; }


table								{ margin: 0 0 40px; width: 669px; border-spacing: 0; border-collapse: collapse; }
table td							{ padding: 0 0 0 20px; }
table thead tr						{ background: #e5edf3; }
table thead p						{ line-height: 1.2em; padding: 10px 0 12px; }
table.data thead p					{ font-size: 1.1em; }
table thead td.col1					{ width: 240px; }
table.data thead td.col1			{ width: 140px; }
table thead p						{ color: #004b8b; font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
table tbody p						{ line-height: 1.5em; padding: 10px 10px 15px 0; }
table.data tbody p					{ font-size: 1em; }

table tbody ul						{ font-size: 1.3em; line-height: 1.5em; margin: 0 !important; padding: 10px 10px 15px 0; }
table tbody li						{ margin: 0 0 7px; }

table tbody td						{ border-bottom: 1px solid #ccd5de; }
table tr.last td					{ border: none; }






/* ANYTHINGSLIDER v1.0 BY CHRIS COYER - http://css-tricks.com
-------------------------------------------------------------*/

.anythingSlider						{ width: 460px; height: 360px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper			{ width: 380px; overflow: auto; height: 341px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul			{ width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213; margin: 0; }
.anythingSlider ul li				{ display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }
.anythingSlider .arrow				{ display: block; height: 200px; width: 67px; background: url(http://gtec.ehclients.com/assets/images/layout/anythingslider/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward			{ background-position: 0 0; right: -20px; }
.anythingSlider .back				{ background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover		{ background-position: 0 -200px; }
.anythingSlider .back:hover			{ background-position: -67px -200px; }

#thumbNav							{ position: relative; top: 323px; text-align: center; }
#thumbNav a							{ color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(http://gtec.ehclients.com/assets/images/layout/anythingslider/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover					{ background-image: none; }
#thumbNav a.cur						{ background: #e0a213; }

#start-stop							{ background: green; background-image: url(http://gtec.ehclients.com/assets/images/layout/anythingslider/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing					{ background-color: red; }
#start-stop:hover					{ background-image: none; }

/*  Prevents */
.anythingSlider .wrapper ul ul		{ position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li	{ float: none; height: auto; width: auto; background: none; }