/* Import Framework
-------------------------------------------------------------- */
@import url("lib/reset.css");
@import url("lib/global.css");
@import url("lib/grid.css");

* { behavior: url(iepngfix.htc) }

/* Site contrucstion
-------------------------------------------------------------- */
.home{ background: url(images/home-bg.jpg) top center repeat-x}
.sub{ background: url(images/sub-bg.jpg) top center repeat-x}
.intro{ padding: 10px 0;}

/* Header
-------------------------------------------------------------- */
#header{ background: url(images/head-bg.png) top center no-repeat; height: 68px; }
.container { padding: 0 0 20px}

h1#logo{ margin: 0}
h1#logo a{width: 220px; height: 55px; display: block; text-indent: -9999px; overflow: hidden; margin: 0}

#banner-slider{ background: #fff;height:379px;position:relative;width:710px; overflow: hidden;}

#nav{ width: 446px; height: 55px; background: url(images/nav.jpg) left top no-repeat; margin: 0 10px 0 0;}
#nav li{ float: left; list-style-type: none; display: inline; position: relative;}
#nav li a{ display: block; float: left; font-size: 14px; text-indent: -9999px; overflow: hidden; height: 55px;}
#nav li a:hover{ background: url(images/nav.jpg) 0 0 no-repeat}

/* Hover */
#nav li a.index{ width: 105px; background-position: 0 top;}
#nav li a:hover.index, #nav li.active a.index{ background: url(images/nav.jpg) 0 bottom no-repeat;}
#nav li a.services{ width: 85px; background-position: -105px  top;}
#nav li a:hover.services,#nav li.active a.services{background: url(images/nav.jpg) -105px  bottom no-repeat;}
#nav li a.products{ width: 95px; background-position: -190px top;}
#nav li a:hover.products,#nav li.active a.products{background: url(images/nav.jpg) -190px bottom no-repeat;}
#nav li a.career{ width: 75px; background-position: -285px top;}
#nav li a:hover.career,#nav li.active a.career{background: url(images/nav.jpg) -285px bottom no-repeat;}
#nav li a.contact{ width: 85px; background-position: -360px top;}
#nav li a:hover.contact,#nav li.active a.contact{background: url(images/nav.jpg) -360px bottom no-repeat;}

/* Sub-menu */
#nav li ul {position: absolute; overflow: hidden; margin: 0; background: #fff; width: 150px;left: -999em; margin: 55px 0 0 2px; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
#nav li ul li{float: none; clear: both; display: block;}
#wrapper #nav li ul li a{ text-indent: 0; margin: 0;  width: 134px; padding: 8px; height: auto; font-weight: normal; font-size: 12px; color: #444;border-bottom: 1px solid #ccc; float:none}
#wrapper #nav li ul li a:hover { background: #f5f5f5}
#nav li:hover ul, #nav li.sfhover ul {left: 0;}
#nav li:hover a.index, #nav li.sfhover a.index {background: url(images/nav.jpg) 0 bottom no-repeat;}
#nav li ul a:hover{ background: none;}


/* Content
-------------------------------------------------------------- */
#content{ padding: 10px 0}
#banner{overflow: hidden;}

.bannerimg{ margin: 0 0 10px 0;}
.sub #banner{ padding: 0 0 20px}

h2{ font-size: 18px; text-transform: uppercase; letter-spacing: -1px; color: #205b78}
h2 b{ color: #01334c}
h2.latest-news{height: 42px; overflow: hidden; margin: 0}
h2.latest-news a{display: block; background:url(images/latest-news.jpg) no-repeat top left; height: 42px; text-indent: -999px; overflow: hidden; margin: 0}

p b{ color: #01334c;}

.more{font-size: 11px;}

.news-list{ list-style-type: none; margin: 0; color: #999; font-size: 11px;}
.news-list li{  background: #edf2f6; border-top: 1px solid #fff; padding: 5px 10px; border-bottom: 1px solid #d0deea;}
.news-list li.last{  background: #edf2f6 url(images/box-news-b.jpg) no-repeat bottom left; border-top: 1px solid #fff; padding: 5px 10px; border-left: none; border-bottom: none;border-right: none;}
.news-list a{ display: block; font-size: 11px; line-height: 15px;}
.news-list p{ margin: 0;}

.list{ list-style-type: none; margin: 0; color: #999; font-size: 11px;}
.list li{ padding: 5px 0; }
.list a{ display: block; font-size: 11px; line-height: 15px;}

#content .aside{float:left;display:inline;width:225px;background:url(images/subnav-bg.png) no-repeat top left;min-height:452px; height:auto !important;height:452px;}
#content .aside ul{display:block;margin-left:9px;width:220px;background:url(images/subnav-line.gif) no-repeat bottom left;padding-top:35px;}
#content .aside ul.last{background:none;}
#content .aside li{display:block;background:url(images/subnav-line.gif) no-repeat bottom left;line-height:18px;}
#content .aside li.top{background:none;}
#content .aside li a{color:#1e63a5;position:relative;font-size: 12px;display:block;height:21px;padding: 7px 0 8px; font-weight: normal;}
#content .aside li a:hover{color:#003a71;font-weight:bold;}
#content .aside li.selected a{;color:#003a71;font-weight:bold; padding-right: 20px;}

.testimonial{ background: url(images/testimonial-bg.jpg) top left no-repeat}
.testimonial .source p{ padding: 3px 15px; color: #ccc;}
.testimonial .source p b{ display: block; color: #fff;} 
.testimonial blockquote{ margin: 0; height: 203px; overflow: hidden;}
.testimonial blockquote p{ padding: 20px; text-align: center; font-size: 13px; font-family: Georgia; font-style: italic;}
 
#info{ padding: 0; background: none; font-size: 11px;}
.box div {background: url(images/box-t.jpg) top left no-repeat; padding: 6px 0 0;}
.box div div {background: url(images/box-b.jpg) bottom left no-repeat; padding: 0 0 5px;}
.box div div div { background: #edf2f6; border-left: 1px solid #d0deea; border-right: 1px solid #d0deea;}
.box div div div div { background: none; border: 0; padding: 10px;}
.box .list p{ margin: 0;}

/*******************************************************************************
* FORMS
*******************************************************************************/
fieldset {
	padding: 15px;
	margin-bottom: 2em;
	border: 1px solid #eee;
	width: 430px;
}

#main-content form p { text-align: left; }

legend {
	font-size: 1.25em; /*15px*/
	color: #223D51;
	font-weight: normal;
	line-height: 1.6em; /*24px*/

	padding: 0 8px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #eee;
}
label {
	line-height: 2em;
	padding-bottom: 4px;
}
input, select, textarea {
	font-size: 1em;
	line-height: 1em;
	padding: 4px 8px;
	border: 1px solid #c9c9c9;
	font-family: Helvetica, "Lucida Sans Unicode", Arial, sans-serif !important;
}
textarea { padding: 8px; }
select { background: white; }
input.triple-length, textarea.triple-length, select.triple-length { width: 400px; }

#listings {
	clear: left;
	padding: 30px 0;
}

#listings th {
	border-top: 3px solid #CCC;
	border-bottom: 1px solid #EEE;
	text-align: left;
	padding: 5px;
}


#listings tr{
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}


#listings td.opening {
	padding: 5px;
	width: 372px;
}

#listings td.locale {
	padding: 10px 18px 10px 5px;
	width: 183px;
}

#listings td.posted {
	padding: 10px 18px 10px 5px;
	width: 62px;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #888;
}


#listings span.company {
	display: block;
	font: 12px/ 1.35 Helvetica, Arial, sans-serif;
	color: #333;
}

#listings span.type {
	display: block;
	margin-top: 2px;
	font: 11px/ 1.35 Helvetica, Arial, sans-serif;
}

#listings span.full-time {
	color: #e08a20;
}

#listings span.freelance {
	color: #666;
}


/* Footer
-------------------------------------------------------------- */
#footer{background: url(images/footer-bg.jpg) no-repeat center 0;text-align: center;padding: 10px; text-align: center;}
.goldpartner{
	width: 115px;
	height: 55px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	margin: 0 auto;
}
#footer p{text-align: center; font-size:11px; color: #666;}