@import url("reset.css");

body, html{
	height:100%;}
	
body{
/*
	font: 0.65em/1.3em Arial, Helvetica, sans-serif;
	*/
	font-family: Arial, Helvetica, sans-serif;
	color: #244a61;
	background:#f4f5f5;
	text-align:center;}
	

	
h1#title {
	display:none;}
	
h2,h3 {
	font-size:20px;
	font-weight:bold;
	color:#244a61;}
	
h2{
	line-height:22px;}
	
h3 {
	font-size:15px;
	color:#244a61;
	margin-left:4px;
	margin-bottom:4px;
	font-weight:normal;}
	
h4,h5 {
	font-size:12px;
	color:#cb9f2b;
	font-weight:bold;
	padding-bottom:4px;}
	
h5 {
	font-size:13px;}
	
h6{
	font-size:15px;}
	
#dlLink{
	position:absolute;
	left:10px;
	bottom:10px;
	color:#FFF;}
	
p{
	font-size:10px;
	line-height:13px;}
	
a,a:visited {
	color:#cb9f2b;}
	
a:hover,a:active,a:focus{
	text-decoration:none;}
	
.intro{
	font-weight:bold;
	font-size:11px;
	line-height:15px;
	color:#cb9f2b;}
	
input,select,textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	border:1px solid #CCC;
	height:18px;}
	
.hrule{
	margin:0px;
	padding:0px;
	height:2px;
	display:block;
	margin-bottom:15px;
	background: #FFF url(../images/hr-bg.png) left top repeat-x;
	color:#FFF;}
	
ul {
	list-style:none;
	font-size:10px;}
	
ol{
	font-size:10px;
	padding-left:20px;}
	
ul ul, ol ul {
	list-style:circle;
	margin-left:20px;
	margin-bottom:10px;}
	
ul.bullet{
	font-weight:bold;
	margin-bottom:15px;
	margin-left:20px;}
ul.bullet li{
	background:url(../images/list-bullet.png) left 2px no-repeat;
	padding-left:16px;
	margin-bottom:4px;
	line-height:13px;}
	
/* floatfix */
.floatfix:after {
	content:"."; 
	display:block; 
	height:0px; 
	clear:both; 
	visibility:hidden}
.floatfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .floatfix {height:1%}
.floatfix {display:block}
/* End hide from IE-mac */

.floatLeft{ float:left;}
.floatRight{float:right;}
	

/*=========================
Container styles
=========================*/
#wrap,#header,#content,#footer{
	position:relative;
	width:846px;
	margin:0px auto;
	text-align:left;
	background:#FFF;}
	
#wrap{
	height:100%;}
	
#header,#header-base,#nav,#content,#footer{
	width:804px;
	margin:0px 8px;}
	
#wrap .margin-left, #wrap .margin-right{
	width:13px;
	background:#f4f5f5 url(../images/bg-wrap-margin-left.png) left top repeat-y;}
	
#wrap .margin-right{
	background:#f4f5f5 url(../images/bg-wrap-margin-right.png) left top repeat-y;}
	
	
#header{
	padding-top:24px;
	background: #e6e6e6 url(../images/header-bg.png) left top no-repeat;}
	
.colL,.colR{
	position:relative;
	float:left;}
	
#header .colL{
	width:560px;
	padding:16px 0px 0px 15px;}
	
#header .colR{
	width:229px;}
	
#header-base{
	height:16px;
	background: url(../images/header-base-bg.png) left top no-repeat;}
	
	
#breadcrumb{
	color:#cb9f2b;
	padding-top:10px;
	line-height:10px;
	font-size:10px;
	display:block;}
	
#content{
	padding:6px 0px;
	z-index:1;}
	
#content .colL{
	width:516px;
	margin-right:11px;}
	
#content .colR{
	width:277px;}
	
/*=========================
Navigation styles
=========================*/

#navwrap {
	height:32px;
	display:block;
	width:804px;}
	
#nav{
	height:32px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;}
	
#nav a, #nav a:visited{
	text-decoration:none;
	color:#FFF;}
	

	
#nav .divide{
	background:#000;
	width:1px;}
	
#nav .btn {
	width:114px;
	cursor:pointer;}
	
#nav .btn .top, #nav .btn .base{
	height:5px;
	background:url(../images/nav-top.png) left top no-repeat;}
	
#nav .btn.left.current .top{
	background:url(../images/nav-left-top-over.png) left top no-repeat;}
	
#nav .btn .base{
	background:url(../images/nav-base.png) left top no-repeat;}
	
#nav .mid{
	height:22px;
	text-align:center;
	background:url(../images/nav-mid.png) left center no-repeat;}
	
#nav .btn.left .top{
	background:url(../images/nav-left-top.png) left top no-repeat;}
	
#nav .btn.left .mid{
	background:url(../images/nav-left-mid.png) left top no-repeat;}
	
#nav .btn.left .base{
	background:url(../images/nav-left-base.png) left top no-repeat;}
	
#nav .btn.right .top{
	background:url(../images/nav-right-top.png) left top no-repeat;}
	
#nav .btn.right .mid{
	background:url(../images/nav-right-mid.png) left top no-repeat;}
	
#nav .btn.right .base{
	background:url(../images/nav-right-base.png) left top no-repeat;}
	
/*over styles*/


/* - right */
#nav .btn.right.current .top, #nav .btn.right.active .top{
	background:url(../images/nav-right-top-over.png) left top no-repeat;}
	
#nav .btn.right.current .mid, #nav .btn.right.active .mid{
	background:url(../images/nav-right-mid-over.png) left top no-repeat;}
	
#nav .btn.right.current .base,#nav .btn.right.active .base{
	background:url(../images/nav-right-base-over.png) left top no-repeat;}

/* - left */	
#nav .btn.left.current .top, #nav .btn.left.active .top{
	background:url(../images/nav-left-top-over.png) left top no-repeat;}
	
#nav .btn.left.current .base, #nav .btn.left.active .base{
	background:url(../images/nav-left-base-over.png) left top no-repeat;}

#nav .btn.left.current .mid, #nav .btn.left.active .mid{
	background:url(../images/nav-left-mid-over.png) left top no-repeat;}
		

#nav .btn.current .base,#nav .btn.active .base{
	background:url(../images/nav-base-over.png) left top no-repeat;}
		
#nav .btn.current .top, #nav .btn.active .top{
	background:url(../images/nav-top-over.png) left top no-repeat;}
	
	
#nav .btn.current .mid,#nav .btn.active .mid{
	background:url(../images/nav-mid-over.png) left top no-repeat;}
	

	



/*=========================
Generic styles
=========================*/	
	
#img_header{
	width:724px;
	padding:20px 40px;
	margin-bottom:6px;
	height:255px;
	display:block;}
	

	
#img_header.about{
	background:url(../images/about-img.jpg) left top no-repeat;}
	
#img_header.teampic{
	background:url(../images/team-header.jpg) left top no-repeat;}
	
#img_header h2{
	width:400px;}
	
	
	
/*=========================
Homepage styles
=========================*/

#orangepod{
	background:#cb9f2b url(../images/home-orangebox-repeat.png) left top repeat-y;
	width:277px;
	color:#FFF;
	margin-bottom:4px;}
	
#orangepod p{
	padding:5px 12px;
	font-size:11px;
	line-height:14px;}
	
#orangepod p.top, #orangepod p.base{
	background:url(../images/home-orangebox-top.png) left top no-repeat;
	padding:0px;
	height:10px;}
	
#orangepod .inner{
	height:300px;}
	
#orangepod p.base{
	background:url(../images/home-orangebox-base.png) left top no-repeat;
	}
	
.homepic{
	background:url(../images/benefit-from-a-flexible-fd.jpg) left top no-repeat;
	height:492px;
	text-align:right;
	color:#FFF;
	padding:20px;
	color:#cb9f2b;}
	
.homepic h2{
	color:#FFF;
	padding-bottom:10px;}
	
/*=========================
Content pod
=========================*/
	
.content-pod{
	width:804px;
	font-size:1.1em;
	line-height:1.4em;
	color:#000;
	margin-bottom:8px;}

.content-pod #head{
	margin-bottom:25px;}
	
.content-pod .colLeft,.content-pod .colRight, .content-pod .colLeft2,.content-pod .colRight2{
	float:left;
	width:416px;
	margin:0px;
	margin-right:20px;}
	
.content-pod .colLeft2{
	width:462px;}
	
.content-pod .colRight, .content-pod .colRight2{
	margin:0px;
	width:277px;
	}
	
.content-pod .colRight{
	text-align:right;}
	
	
.content-pod .colRight2{
	width:231px;}
	
.content-pod .colLeft3,.content-pod .colRight3{
	width:277px;
	margin-right:20px;
	float:left;}
	
.content-pod .colRight3{
	width:416px;
	margin:0px;}
	

.content-pod p, .content-pod-yel p{
	padding-bottom:15px;}
	
.content-pod-yel{
	background:#FFF;}
	
.content-pod .top, .content-pod .base,.content-pod-yel .top, .content-pod-yel .base{
	height:15px;
	background: url(../images/content-pod-top.png) left top no-repeat;}
	
.content-pod-yel .top, content-pod-yel .base{
	height:6px;}
	
.content-pod-yel .top{
	background:url(../images/accordion-top.png) left top no-repeat;}
	
.content-pod-yel .base{
	background:url(../images/accordion-base.png) left top no-repeat;}
	
.content-pod .base{
	height:11px;
	background: url(../images/content-pod-base.png) left bottom no-repeat;}
	
.content-pod .left, .content-pod .right, .content-pod-yel .left, .content-pod-yel .right{
	width:3px;
	background:url(../images/content-pod-left.png) left top repeat-y;}
	
	
.content-pod .right{
	background:url(../images/content-pod-right.png) left top repeat-y;}
	
.content-pod-yel .right{
	background:url(../images/accordion-right.png) left top repeat-y;}
	
.content-pod-yel .left{
	background:url(../images/accordion-left.png) left top repeat-y;}
	
.content-pod .content, .content-pod-yel .content{
	padding:0px 40px 5px 40px;
	width:718px;
	background:url(../images/content-pod-repeat.png) left top repeat-x;}
	
.content-pod-yel .content{
	background: #f6eed9 url(../images/accordion-repeat.png) left top repeat-x;}
	
.quote-tab{
	color:#FFF;
	width:718px;
	font-weight:bold;
	text-align:right;
	margin-bottom:30px;}
	
.quote-tab .top, .quote-tab .base{
	height:12px;
	background:url(../images/quote-tab-top.png) left top no-repeat;}
	
.quote-tab .base{
	height:12px;
	background:url(../images/quote-tab-base.png) left top no-repeat;}
	
.quote-tab .middle{
	background:url(../images/quote-tab-mid.png) left center no-repeat;
	text-align:right;
	font-weight:bold;
	padding:0px 20px;
	height:63px;
	font-size:1.7em;
	line-height:1.4em;
	min-height:63px;}
	
div[class].quote-tab .mid{
	height:auto;}

/*=========================
Header Pod styles
=========================*/

#header-pod, #header-pod-deep{
	width:724px;
	padding:10px 40px;
	height:200px;
	position:relative;
	overflow:hidden;
	font-size:1.1em;}
	
#header-pod p, #header-pod-deep p{
	padding-bottom:15px;}
	
.teampic{
	background:url(../images/img-header-1.jpg) right top no-repeat;}
	
.benefitspic{
	background:url(../images/img-header-2.jpg) right top no-repeat;}
	
.casestudypic{
	background:url(../images/img-header-3.jpg) right top no-repeat;}
	
.aboutpic{
	background:url(../images/img-header-4.jpg) right top no-repeat;}
.infopic{
	background:url(../images/header-image-5.jpg) right top no-repeat;}
	
#header-pod-deep{
	height:240px;}
	
#header-pod #top, #header-pod-deep #top,#header-pod #base, #header-pod-deep #base, #header-pod #mid, #header-pod-deep #mid{
	z-index:100;
	height:10px;
	width:804px;
	display:block;
	position:absolute;
	background:url(../images/header-pod-top.gif) left top no-repeat;
	left:0px;
	top:0px;}
	
#header-pod #base, #header-pod-deep #base{
	background:url(../images/header-pod-base.gif) left top no-repeat;}
	
#header-pod .content, #header-pod-deep .content{
	position:relative;
	z-index:101;
	width:390px;
	float:none;
	text-align:left;}
	
	

#header-pod .content, #header-pod-deep .content {
	position:relative;
	padding:0px;
	margin:0px;}

#header-pod #base{
	top:210px;}	
	
#header-pod-deep #base{
	top:250px;}	
	
#header-pod #mid, #header-pod-deep #mid{
	top:10px;
	padding:0px 40px;
	width:724px;
	height:200px;
	background:url(../images/header-pod-repeat.gif) left top repeat-y;}
	
#header-pod-deep #mid{
	height:270px;}


	
	
/*=========================
accordion styles
=========================*/

.accordion_toggle,.accordion_content,.accordion_body{
	width:804px;}
	
.accordion_toggle{
	cursor:pointer;}
	
.accordion_content{
	overflow:hidden;}

.accordion_toggle , .accordion_body{
	background:#f6eed9;
	width:804px;
	position:relative;}
	
.accordion_toggle{
	cursor:pointer;}
	
.accordion_body{
	overflow:hidden;}
	
.accordion_toggle .colLeft img.sector, .accordion_toggle .colLeft div.sector {
	float:left;
	margin:4px;
	margin-top:2px;}
	
.accordion_toggle .colLeft div.sector {
	width:300px;
	margin:0px;}
	
.accordion_toggle .colLeft div.sector p{
	padding-left:4px;}
	

.accordion_toggle p, .accordion_body p{
	padding-bottom:8px;}
	
.accordion_toggle h4, .accordion_toggle h4.flir{
	font-size:1.3em;
	color:#cb9f2b;}
	
.accordion_toggle .content .colLeft, .accordion_toggle .content .colRight{
/*
	background:#CCC;
	*/
	margin:0px;
	width:600px;
	float:left;}
	
.accordion_toggle .content .colRight{
	background: url(../images/more-btn.png) right top no-repeat;
	width:154px;
	text-align:right;
	height:26px;}
	
.accordion_toggle_active  .content .colRight, .accordion_toggle.current .content .colRight{
	background: url(../images/more-btn-over.png) right top no-repeat;}
	
.accordion_toggle_active h4, .accordion_toggle.current h4.flir{
	color:#244a61;}

.accordion_toggle .top, .accordion_base{
/*
	width:814px;
	*/
	height:6px;
	background:url(../images/accordion-inner-top.png) left top no-repeat;}
	
.accordion_toggle.first .top{
	background:url(../images/accordion-top.png) left top no-repeat;}
	
.accordion_toggle .left, .accordion_body .left, .accordion_toggle .right, .accordion_body .right{
	width:3px;
	background:url(../images/accordion-left.png) left top repeat-y;}
	
.accordion_toggle .right, .accordion_body .right{
	background:url(../images/accordion-right.png) left top repeat-y;}
	
.accordion_toggle .content, .accordion_body .content{
	background:#f6eed9 url(../images/accordion-repeat.png) left top repeat-x;
	width:auto;
	padding:0px 20px;}
	
.accordion_body .content{
	background:#F6EED9;}
	
.accordion_body .content th{
	width:150px;}
	
.accordion_body .content p,.accordion_body table{
	padding-bottom:10px;}
	
.accordion_base{
	display:block;
	background:url(../images/accordion-base.png) left top no-repeat;
	height:8px;}
	
.accordion_toggle h4{
	line-height:2em;}
	
	

	
/*=========================
Form styles
=========================*/



form#team label {
	font-size:9px;
	height:18px;
	line-height:18px;
	display:block;
	float:left;}
	
form li{
	padding-bottom:5px;}
	
form#team label{
	width:60px;}
	
form#team select{
	width:215px;}
	
.team{
	padding-right:100px;
	position:relative;
	font-size:11px;}
	
.team img, .team table{
	position:absolute;
	right:0px;
	top:0px;}
	
.team table{
	font-size:9px;
	line-height:11px;}
	
li.btn{
	text-align:right;}
	
input.submit{
	height:25px;}
	


.formWrap{
	position:relative;}	
	
#form-loader{
	position:absolute;
	left:338px;
	top:170px;}

form#contact input,form#contact textarea{
	background:#F1F1F1;}
	
form#contact div,form#contact span {
	width:358px;
	float:left;}
	
form#contact input, form#contact textarea{
	float:left;
	width:348px;}
	

	
 form#contact textarea{
 	width:705px;
 	height:150px;}
	
	
form#contact label, form#contact h4{
	display:block;
	font-size:10px;
	color:#cb9f2b;
	padding-bottom:4px;
	font-weight:bold;}
	
form#contact span label, form#contact .errormsg{
	width:85px;
	height:18px;
	float:left;
	line-height:18px;
	font-size:9px;
	display:block;
	padding:0px;
	color:#000;
	font-weight:normal;}
	
form#contact .errormsg, span#formStatus {
	color:#FF0000;
	font-weight:bold;
	text-align:right;}
	
span#formStatus {
	text-align:left;}
	
form#contact .errormsg, form#contact li.btn{
	width:705px;}
	
form#contact li.btn{
	text-align:right;}
	
form#contact li.btn input{
	width:auto;
	border:none;}
	
form#contact div span.errormsg{
	width:348px;}
	
form#contact div span span.errormsg{
	width:85px;}
	
form#contact span{
	width:179px;}
	
form#contact span input{
	width:170px;}
form#contact span#formStatus {
	display:block;
	width:705px;}
	
select#sitemap{
	width:125px;}

/*=========================
Footer styles
=========================*/

div.contactPod{
	font-size:0.9em;
	position:relative;
	/*
	background:#e1e1e1;
	*/
	width:166px;
	padding-left:65px;
	float:left;
	margin-bottom:15px;}
	
div.contactPod.wide{
	width:312px;}
	
div.contactPod strong{
	font-size:10px;}
	
div.contactPod.end{
	margin:0px;}
	
	
	
div.contactPod div.pic{
	position:absolute;
	left:0px;
	top:0px;
	width:60px;
	height:80px;
	border:1px solid #CCC;
	overflow:hidden;
	text-align:center;}
	
	
	
/*=========================
Footer styles
=========================*/

#footer{
	margin:20px 8px;}
	
#footer, #footer a{
	color:#CCC;}
	
#footer a{
	text-decoration:none;}
	
#footer a:hover{
	text-decoration:underline;}

#footer p{
	text-align:center;}
	


#footer #links{
	padding:8px 0px;
	border:1px solid #ccc;
	border-left:0px;
	border-right:0px;
	margin-bottom:10px;
	font-size:10px;}
	
#footer #links ul{
	list-style:none;
	float:left;
	width:620px;}
	
#footer #links #date{
	float:right;
	font-weight:bold;
	color:#cb9f2b;
	width:184px;
	font-size:10px;
	text-align:right;}
	
#footer #links li, #footer #links a{
	display:inline;
	float:left;
	color:#244a61;
	text-decoration:none;}
	
#footer #links a:hover{
	text-decoration:underline;}
	
#footer #links li{
	padding-right:13px;
	background:url(../images/footer-links-divide.png) right top no-repeat;}
	
#footer #links li.end{
	padding:0px;
	background:none;}


select {
	border:1px solid #ccc;}
	
/*=======================================
a pop up styles
=======================================*/

#overlay {
	background-color: rgb(0, 0, 0);
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=60); /* IE */
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
	z-index:1000;}
	
#videobox{
	text-align:left;
	position:absolute;
	left:0px;
	top:0px;
	/*
	left:52px;
	top:-40px;
	*/
	width:700px;
	height:536px;
	display:block;
	z-index:2000;}
	
#videobox div{
	width:700px;}
	
#videobox div.top, 	#videobox div.base{
	height:25px;}
	
#videobox div.top{
	background:url(../images/videobox_top.png) left top no-repeat;}	
	
#videobox div.content{
	position:relative;
	background:url(../images/videobox_repeat.png) left top repeat-y;
	height:430px;
	width:560px;
	padding:10px 70px;}
	
#videobox h2{
	font-size:16px;
	margin-top:10px;
	margin-bottom:0px;
	line-height:1.4em;}
	
#videobox div.base{
	background:url(../images/videobox_base.png) left top no-repeat;}	
	
#videobox #close{
	cursor:pointer;
	position:absolute;
	left:0px;
	top:0px;}
	
#videobox #flashwrap{
width:560px;
	height:338px;
	background:#FFF;
	display:block;
	margin-top:15px;
	overflow:hidden;
	position:absolute;
	left:70px;
	top:60px;
}
	
.video-pod{
		cursor:pointer;
	position:relative;
	width:277px;
	height:101px;
	overflow:hidden;
}

.video-pod img{
	position:absolute;
	left:0px;
	top:0px;
	z-index:99;}
	
.video-pod img.frame{
	z-index:100;}
	
.video-pod .label{
	position:absolute;
	z-index:101;
	left:15px;
	top:15px;
	width:140px;
	height:40px;}
	
.video-pod .link{

	z-index:105;
	position:absolute;
	left:13px;
	top:68px;}

.video-podsm{
		cursor:pointer;
	position:relative;
	width:195px;
	height:101px;
	overflow:hidden;
}

.video-podsm img{
	position:absolute;
	left:0px;
	top:0px;
	z-index:99;}
	
.video-podsm img.frame{
	z-index:100;}
	
.video-podsm .label{
	position:absolute;
	z-index:101;
	left:15px;
	top:15px;
	width:140px;
	height:40px;}
	
.video-podsm .link{

	z-index:105;
	position:absolute;
	left:13px;
	top:68px;}
	

#flashbanner{
	z-index:1;}

	
/*=======================================
Flir font replacement
=======================================*/

h2.flir span{
	margin-bottom:4px;
	display:block;}
	
h2.swap{
	font: 24px dinbol, Arial, Helvetica, sans-serif!important;}

h2.flir{
	font: 22px dinbol, Arial, Helvetica, sans-serif!important;
	margin:10px 0px 15px 0px;
	font-weight:bold;}
	
h5.flir{
	font: 20px dinbol, Arial, Helvetica, sans-serif!important;
	margin:10px 0px 15px 0px;}
	
.video-pod h2.flir{
	font: 16px dinmed, Arial, Helvetica, sans-serif!important;
	margin:0px;}

.video-podsm h2.flir{
	font: 16px dinmed, Arial, Helvetica, sans-serif!important;
	margin:0px;}
	
h3.flir{
	font: 16px dinbol, Arial, Helvetica, sans-serif!important;
	margin:10px 0px 6px 8px;}
	
h4.flir{
	font: 13px dinbol, Arial, Helvetica, sans-serif!important;
	margin:4px 0px;}
	
.accordion_toggle .colLeft div h4.flir{
	margin-left:0px;
	padding-left:0px;}
	
span.quote{
	font: 18px dinbol, Arial, Helvetica, sans-serif!important;}
	
form h4.flir, label.flir{
	font: 12px dinmed, Arial, Helvetica, sans-serif!important;
	line-height:0px;
	padding:0px;
	line-height:5em;
	margin:0px;
	}
	
strong.flir{
	font: 12px dinbol, Arial, Helvetica, sans-serif!important;
	margin-bottom:3px;}
	
label span.flir{
	font: 11px dinmed, Arial, Helvetica, sans-serif!important;
	margin-bottom:4px;
	}
span.navtext{
	font: 11px dinbol, Arial, Helvetica, sans-serif!important;}
	
	
p.replace{
	font: 14px dinmed, Arial, Helvetica, sans-serif!important;}
	
	
p.flir{
	font: 11px dinreg, Arial, Helvetica, sans-serif!important;}

ul#sitemap li{
	padding-bottom:3px;}
ul#sitemap li a{
	font-weight:bold;}
ul#sitemap ul{
	margin-left:20px;}
ul#sitemap ul li{
	padding:0px;}	
ul#sitemap ul li a{
	font-weight:normal;}
	
#flashbanner{
	display:block;
	width:516px;
	height:532px;}
	
#applesearch{
	position:absolute;
	left:150px;
	top:16px;}