/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}


/* Smaller screens */

@media only screen and (max-width: 1023px) {

	body {
	font-size: 0.8em;
	line-height: 1.5em;
	}
	
	}


/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

}

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

/* GLOBAL LAYOUT STYLES
------------------------------------------------------------------------------*/

.left { float: left; }
.right { float: right; }
.noFloat { float: none; }
.clear { clear: both; }
.inactive { color: #999999; }
.inline { display: inline !important; width: auto !important; }
.autowidth { width: auto; }
.hidden { display: none; }
.opacity50 {
	filter: alpha(opacity:50);
	KHTMLOpacity: 0.50;
	MozOpacity: 0.50;
	opacity: 0.50;
}
.centred { margin-left: auto; margin-right: auto; }

/* TEMPLATE
-----------------------------------------------------------------------------------*/
body,html { height: 100%; }
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background: #EEE;
}
#wrap {
	width: 1140px;
	min-height: 100%;
	margin: 0 auto;
	background-color: #FFF;
	overflow: hidden;
}

h1 {
	font-size: 21px;
	line-height: 32px;
	margin-bottom: 18px;
	color: #65288f;
}
h2 {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 9px;
	color: #23ab2d;
}
p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 18px
}
ul {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 18px 18px;
}
a {
	text-decoration: none;
	color: #65288f;
}
a:hover {
	color: #89d3f0;
}

/* HEADER
-----------------------------------------------------------------------------------*/

#header {
	padding-top: 9px;
	min-height: 92px;
	background: url(../images/parallels-tile.gif) 0 18px repeat-x #FFF;
}
#header .row {
	height: 100%;
	background: url(../images/logo-squares.gif) 49px 9px no-repeat;
}
a#site_logo {
	display: block;
	font-size: 24px;
	color: #333333;
	text-decoration: none;
	line-height: 31px;
	margin-left: 190px;
	white-space: nowrap;
	float: left;
}
#tagline {
/*
	font-size: 14px;
	color: #000;
	background: #FFF;
	font-weight: bold;
	line-height: 36px;
	padding: 0 9px;
	margin: 0;
*/
	margin-left: 105px;
    position: relative;
    top: 10px;
}

.styleswitcher {
	float: right;
}
.styleswitcher a {
	border: 1px solid #000;
	float: left;
	font-size: 11px;
	line-height: 11px;
    margin: 1px 9px 0 0;
	padding: 3px;
}
.styleswitcher a.cssnormal {
	background-color: #FFF;
	color: #65288F;
}
.styleswitcher a.cssyellow {
	background-color: #FFFF99;
	color: #000;
}
.styleswitcher a.csstext {
	background-color: #FFF;
	color: #000;
}
.styleswitcher a.cssnormal:hover {
	background-color: #89D3F0;
	color: #FFF;
}
.styleswitcher a.cssyellow:hover {
	background-color: #000;
	color: #FFFF99;
}
.styleswitcher a.csstext:hover {
	background-color: #000;
	color: #FFF;
}

/* SEARCH
-----------------------------------------------------------------------------------*/
#searchform {
	float: right;
	margin: 0 18px;
}
#searchform label {
	line-height: 36px;
	font-size: 12px;
	font-weight: bold;
}
#searchform input#s {
	border: 1px solid #65288f;
	color: #333;
	background: #FFF;
	width: 200px
}

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

#mainNavHolder {
	background-color: #89d3f0;
	border-bottom: 1px solid #FFF;
	overflow: hidden;
}
.mainNav {
	list-style: none;
	margin: 0;
}
.mainNav li {
	line-height: 36px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	border-right: 1px solid #FFF;
	width: 189px;
}
.mainNav>li.nav01 {
	background-color: #b294c7;
}
.mainNav>li.nav02 {
	background-color: #89d3f0;
}
.mainNav>li.nav03 {
	background-color: #91d596;
}
.mainNav>li.nav04 {
	background-color: #b294c7;
}

.mainNav>li.nav01:hover,
.mainNav>li.nav01.active {
	background-color: #65288f;
}
.mainNav>li.nav02:hover,
.mainNav>li.nav02.active {
	background-color: #12a7e1;
}
.mainNav>li.nav03:hover,
.mainNav>li.nav03.active {
	background-color: #23ab2d;
}
.mainNav>li.nav04:hover,
.mainNav>li.nav04.active {
	background-color: #65288f;
}

.mainNav li a {
	color: #FFF;
	text-decoration: none;
	padding: 0 9px;
	display: block;
}
.mainNav li ul {
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	background-color: inherit;
	z-index: 200;
	display: none;
}
.mainNav li:hover ul {
	display: block;
}
.mainNav>li.nav01 ul li:hover,
.mainNav>li.nav01.active ul li{
	background-color: #3f195a;
}
.mainNav>li.nav02 ul li:hover,
.mainNav>li.nav02.active ul li {
	background-color: #0b698d;
}
.mainNav>li.nav03 ul li:hover,
.mainNav>li.nav03.active ul li {
	background-color: #166b1c;
}
.mainNav>li.nav04 ul li:hover,
.mainNav>li.nav04.active ul li {
	background-color: #3f195a;
}

.secNav {
	list-style: none;
	margin: 36px 0 0 190px;
}
.secNav li {
	line-height: 11px;
	height: 11px;
	float: left;
	font-size: 11px;
	padding-right: 11px;
	margin: 6px 6px 6px 0;
}
.secNav li a {
	line-height: 11px;
	height: 11px;
	color: #333;
	text-decoration: none;
	padding-right: 6px;
	background-color: #FFF;
}
.secNav li a:hover,
.secNav li.active a  {
	color: #000;
	text-decoration: underline;
}
.secNav li.nav01 {
	background: #65288f url(../images/littlesquares.png) right 0px no-repeat;
}
.secNav li.nav02 {
	background: #12a7e1 url(../images/littlesquares.png) right -11px no-repeat;
}
.secNav li.nav03 {
	background: #23ab2d url(../images/littlesquares.png) right -22px no-repeat;
}
.sectors_highlight .secNav {
	margin: 18px 0;
}
.sectors_highlight .secNav li {
	line-height: 56px;
	height: 56px;
	float: left;
	font-size: 18px;
	width: 250px;
	padding: 0;
	margin: 0 18px 18px 0;
	background-color: transparent;
	text-align: center;
}
.sectors_highlight .secNav li a {
	display: block;
	line-height: 52px;
	height: 56px;
	text-decoration: none;
	padding: 0;
	background-color: none;
	color: #FFF;
}
.sectors_highlight .secNav li a:hover {
	text-decoration: none;
}
.sectors_highlight .secNav li.nav01 a {
	background: #b294c7 url(../images/bigbuttons.png) 0px 0px no-repeat;
}
.sectors_highlight .secNav li.nav02 a {
	background: #89d3f0 url(../images/bigbuttons.png) 0px -56px no-repeat;
}
.sectors_highlight .secNav li.nav03 a {
	background: #91d596 url(../images/bigbuttons.png) 0px -112px no-repeat;
}
.sectors_highlight .secNav li.nav04 a {
	background: #b294c7 url(../images/bigbuttons.png) 0px 0px no-repeat;
}

.sectors_highlight .secNav li.nav01 a:hover {
	background-position: -250px 0px;
}
.sectors_highlight .secNav li.nav02 a:hover {
	background-position: -250px -56px;
}
.sectors_highlight .secNav li.nav03 a:hover {
	background-position: -250px -112px;
}
.sectors_highlight .secNav li.nav04 a:hover {
	background-position: -250px 0px;
}


#serviceNavHolder {
	width: 189px;
	border-right: 1px solid #DDD;
	height: 100%;
	float: left;
}
.serviceNav, .serviceNav ul {
	list-style: none;
	margin: 0;
}
.serviceNav li {
	line-height: 18px;
	font-size: 12px;
	padding-top: 5px;
	border-bottom: 1px solid #DDD;
	position: relative;
	background: #FFF;
}
.serviceNav li.last {
	padding-bottom: 5px;
}
.serviceNav li a {
	color: #000;
	text-decoration: none;
	display: block;
	padding-left: 9px;
	padding-bottom: 5px;
}
.serviceNav li.last a {
	padding-bottom: 0;
}
.serviceNav li:hover,
.serviceNav li.active {
	background-color: #ffffcc;
}

.serviceNav li ul {
/* Flyout right
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 100;
	width: 100%;
	-moz-box-shadow: 	5px 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	box-shadow: 		5px 5px 5px rgba(0,0,0,0.5);
	display: none;
*/
}
/* Flyout hover
.serviceNav li:hover > ul {
	display: block;
}
*/

.serviceNav li ul {
	display: none;
}
.serviceNav li.active ul {
	display: block;
}

.serviceNav li ul li {
	border-bottom: none;
	font-size: 11px;
	line-height: 18px;
	padding-left: 9px;
}
.serviceNav li ul li.last {
	padding-bottom: 5px;
}
.helpNav {
	list-style: none;
	margin: 0;
}
.helpNav li {
	line-height: 18px;
	float: left;
	font-size: 12px;
	padding: 0 9px;
	border-right: 1px solid #333;
}
.helpNav li.last {
	border: none;
}
.helpNav li a {
	color: #65288f;
	text-decoration: none;
}

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

.content {
	clear: both;
	overflow: hidden;
	margin-bottom: 31px;	
}

#banner {
	width: 760px;
	height: 261px;
	float: right;
	overflow: hidden;
}
.mainContent {
	padding: 9px;
	overflow: hidden;
	float: left;
	width: 932px;
}
.mainContent .text {
	/* padding: 9px; */
	background: #FFF;
	width: 543px;
	float: left;
}

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

#footer {
	position: relative;
	margin: 0 auto;
	margin-top: -31px; /* negative value of footer height */
	clear:both;
    overflow: hidden;
	background-color: #FFF;
	border-top: 1px solid #65288f;
    height: 18px;
	padding: 6px 0;
}
/* HOME PAGE
-----------------------------------------------------------------------------------*/

#home .mainContent .column {
	width: 262px;
	margin-right: 18px;
	float: left;
}

/* CONTENT PAGE
-----------------------------------------------------------------------------------*/
/*
#page.page_mainNav #wrap {
	background: #b294c7;
}
#page.page_secNav #wrap {
	background: #89d3f0;
}
#page.page_serviceNav #wrap {
	background: #91d596;
}
*/
.imageArea {
	width: 362px;
	float: right;
	overflow: hidden;
}
.imageArea img {
	max-width: 362px;
}


/* SLIDESHOW
-----------------------------------------------------------------------------------*/	

#ssnav {
	float: left;
}
#ssnav a,
.sscontrol {  
	background-color: #89D3F0;
	color: #000;
    border: 1px solid #000;
    font-size: 14px;
    line-height: 28px;
    margin: 0 5px;
    padding: 3px 5px;
    text-decoration: none;
}
#ssnav a.activeSlide {
	background: #91d596;
}
#ssnav a:focus { outline: none; }
#ssnav a:hover,
.sscontrol:hover {
	background-color: #91d596;
	color: #000;
	cursor: pointer;
}
/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}