/* Colour hex values */
.grey_dark		{ color: #444; }
.grey_light		{ color: #ccc; }
.red			{ color: #e92426; }
.blue			{ color: #01a1b7; }
.green_light	{ color: #d6ece6; } /*d6ece6*/

/* Generic Styles */

* {margin: 0px; padding: 0px;}

body, html {
	font-family: Arial, Helvetica, sans-serif, serif;
	margin: 0;
	padding: 0;
	background: white;
	text-align: center;
}

h1 { color: #ccc; font-size: 12pt; margin: 0; }
h2 { color: #ccc; font-size: 10pt; margin: 0 0 1em 0; }
h3 { color: #ccc; font-size: 9pt; margin: 0 0 1em 0; }
p { color: #ccc; font-size: 9pt; margin: 0 0 1em 0; }
p.heading, li.heading { font-weight: bold; color: #d6ece6; }
ul,ol { color: #ccc; list-style: none; font-size: 9pt; margin: 0 0 1em 0; padding: 0; line-height: 2em; }

a { color: #01a1b7; text-decoration: none; }
a img { border: 0; }
a:hover { color: #ccc; }
a.current { color: #ccc; }

form { font-size: 9pt; margin: 0; padding: 0; color: #ccc; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif, serif; font-size: 9pt; color: #444; border: 1px solid white; background: #ccc; margin: 0 0 3px 0; }
label { font-size: 9pt; color: #ccc; }
form .layout input, form .layout textarea { width: 100%; }

/* Clear tags */
.clear { clear: both; width: 100%; }
.stLogo:after,.stHeader:after, .stBody:after, .picContent:after, .stBody ul.sitemap:after, .stBody.forward25 .right ul:after
{ content: ""; display: block; height: 1px; overflow: hidden; clear: both; }

/* Site Tags */

/* Styles that over ride the logo positions on the splash page*/


.stBorder.splash .stLogo a {
	width: 220px;
	height: 53px;
	background: url(../images/insight_logo.gif) no-repeat 0% 0%;
	float: right;
	display: block;
	margin: 0 30px 0 0;
	position:relative;
	top: 118px;
	left:-720px;
	z-index: 100;
}


/* end of Styles that over ride the logo positions on the splash page*/

.stBorder { width: 1000px; text-align: left; margin: 10px auto; }


.stBorder.splash .stLogo,  { padding: 0; width: 100%;}
.stLogo a {
	width: 220px;
	height: 53px;
	background: url(../images/insight_logo.gif) no-repeat 0% 0%;
	float: right;
	display: block;
	margin: 0 30px 0 0;
	position:relative;
	top: 118px;
	left:-720px;
	z-index: 100;
}

.stHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif, serif;
	text-transform: uppercase;
	background: #444;
	padding: 0 30px;
	min-height: 215px;
	width: 940px;
}
.stHeader ul { font-size: 8pt; list-style: none; line-height: 2em; float: left; }
.stHeader ul.level1 { padding: 0 30px 0 480px; margin: 60px 0 7px 0; border-right: 1px solid #FFF; }
.stHeader ul.level2 { padding: 0 0 0 30px; margin: 60px 0 7px 0; }

.stBody { background: #444; padding: 0 30px 0 30px; width: 940px; min-height: 350px; }
.stBody.worldMap { padding-bottom: 20px; }
.stBody .flaTrans { height: 310px; }
.stBody .strap { margin: 0; padding: 11px 0 3px 480px; font-size: 8pt !important; text-transform: uppercase; color: #FFF; }
.stBody .colSmall { width: 300px; }
.stBody .left { width: 49%; float: left; }
.stBody .left ul { line-height: 1.5em; }
.stBody .left li { padding: 0 0 1em 0; }
.stBody .right { width: 49%; float: right; padding: 0 0 20px 15px; }
.stBody img.thumb { float: right; margin: 0 0 10px 10px; }
.stBody img.full{ clear: both; margin: 0 0 10px 0; }
.stBody ul.sitemap { margin: 0; width: 100%; font-size: 8pt; }
.stBody ul.sitemap li.node { text-transform: uppercase; width: 16%; float: left; }
.stBody ul.sitemap li.split { padding-left: 30px; }
.stBody ul.sitemap li.node ul { text-transform: none; }

.stFooter { padding: 15px 30px 0 30px; width: 940px; }
.stFooter ul { color: #444; font-size: 8pt; list-style: none; margin: 0; }
.stFooter li { float: left; margin: 0 30px 0 0; }
.stFooter li.cello { float: right; margin: 0; padding: 0 0 0 0; }
.stFooter a { color: #444; }
.stFooter a img { float: left; margin: 2px 4px 0 0; }
.stFooter a:hover { color: #e92426; }

/* Sub Pages */
.sub1 .stHeader ul.level1 { border-right: 1px solid #d6ece6; }
.sub2 .stHeader ul.level1 { border-right: 1px solid #d6ece6; }

/* Forms */
.frTeamSearch { margin: 2em 0 0 0; }
.frTeamSearch #searchTeam { color: #444; padding-left: 3px; }
.frTeamSearch .butSubmit { color: #01a1b7; background: transparent; text-align: left; border: 0px; padding-left: 0;}
.contactForm label { float: left; width: 80px; }
.contactForm input, .contactForm textarea { width: 210px; margin: 0 0 5px 0; }
.contactForm select{ margin: 0 0 5px 0; }
.contactForm #submit { width: 3.5em; margin: 0 0 0 80px; }
.contactForm #errorMsg { font-weight: bold; color: #e92426; }

/* Gallery Styles */
.picBanner { background: #ccc; padding: 5px; float: left; width: 420px; }
#galContainer { height: 82px; overflow: hidden; }
#galContainer a img { border: 1px solid #ccc; -moz-opacity: 0.7; opacity: 0.7; }
#galContainer a:hover img { border: 1px solid #01a1b7; -moz-opacity: 1; opacity: 1; }
#galList { list-style: none; height: 120px; margin: 0; padding: 0; }
#galList li { display: inline; }
#picNameCont { clear: both; position: relative; top: 10px; left: 0; height: 2em; margin: 0 20px 5px 17px; }
#picName { font-size: 9pt; color: #ccc; padding: 0 0 0 0; }
#next { cursor: pointer; float: left; padding: 10px  0 0 3px; }
#prev { cursor: pointer; float: left; padding: 10px 3px 0 0; }

.picContent { width: 100%; }
.picContent img { float: left; }
.picContent .copy { width: 50%; float: right; }
.picContent .copy strong { color: #d6ece6; }

/* Google map */
#googlemap { width: 460px; height: 400px; margin-bottom: 10px; }
#googlemap span, #googlemap a { position: relative; top: 20px;}
#googlemap .gmnoprint { top: 20px; }

#googlemap #logocontrol a {
    top: 350px;
}
p.mapAddress { margin: 0 0 2em 0; }
p.mapAddress strong { color: #d6ece6; }

/* Splash Page */
.splash .stHeader { position: relative; height: 215px; padding: 0 30px 0 30px; overflow: hidden; }
.splash .stHeader ul { margin-top: 62px !important; }
.splash .stHeader ul.level1, .home .stHeader ul.level1 { border: 0px; }
.splash .stBody { position: relative; padding: 0 30px; }
.splash #strapAnim { padding-left: 510px; z-index: 1; }
.splash .stBody .skip { font-size: 8pt; position: relative; z-index: auto; padding: 5px 0 0 0; }
.splash .flaTrans, .splash #flash { position: relative; z-index: 50; margin: 0 0 5px 0; }

/* A Day In The Life */
.stBody.dayInTheLife li { float: left; padding: 0 10px 0 0 !important; }
.stBody.dayInTheLife li.end { padding: 0 !important; }
.stBody.dayInTheLife a img { border: 0px; }

/* Forward 25 */
.stBody.forward25 ul { margin-bottom: 0; width: 100%; }
.stBody.forward25 li { float: left; padding: 0 33px 28px 0; }
.stBody.forward25 li.end { padding: 0 !important; }
.stBody.forward25 a img { border: 0px; }
.stBody.forward25 .right p { margin: 0; padding: 0; }

/* Misc Styles */
.outlookLink { padding-top: 15em; }
ul.stack1 { float: left; margin-top: 0 !important; padding: 0 !important; width: 38% !important; }
ul.stack2 { float: left; margin-top: 0 !important; padding: 0 !important; width: 60% !important; }
ul li.heading { padding-bottom: 0.5em !important; line-height: 1em !important; }