/*****************************************/
/* COSMIC ID: MASTER STYLESHEET
/*****************************************/

@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style:outside url(../Images/Design/Default/Bullet-Orange.gif); padding-left:15px;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,

body { 	
    background-color: #B9CDD4;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#61605e;
	margin-top:30px; }

/* remember to define focus styles! */
:focus {outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0; }

a {text-decoration:none!important;}
a:link {text-decoration:none!important; color:#F7941F;}
a:hover {text-decoration:none!important; color:#1c68b3; cursor:hand;}
a:active {text-decoration:none!important; color:#cccccc;}
a:visited {text-decoration:none!important; color:#1c68b3;}
a img{border:none}


.link_blue, .link_blue:link, .link_blue:active, .link_blue:visited {text-decoration:none; color:#1c68b3; /*border-bottom:1px dotted #0000aa;*/} 
.link_blue:hover {text-decoration:none; border-bottom:none; color:#03488b;}

h1, h2, h3, h4 {font-weight:bold; margin:0; line-height:1.3em;}
h1 {font-size:14px;}
h2 {font-size:18px;}
h3 {font-size:24px;}
h4 {font-size:28px;}


.clearBoth { clear:both;}

/*****************************************/
/* THE LAYOUT
/*****************************************/

.mainContainer {width:900px; display: block; margin-left: auto; margin-right: auto; line-height:1.5em; }

/*****************************************/
/* HEADER@SECTION
/*****************************************/

.header {float:left; background-color:#ffffff; clear:both; width:100%; display:block; margin:0; padding:0; }

.logoHeader {height:83px;}
.logoHeader .logo {float:left; display:inline; padding:15px 0 0 25px;}

.logoHeader a.requestBrochureBtn {background:transparent url(../Images/Design/RequestBrochureBtn-up.gif) no-repeat; width:130px; height:19px; float:right; display:inline; margin:50px 10px 0 0; }
.logoHeader a:hover.requestBrochureBtn {background:transparent url(../Images/Design/RequestBrochureBtn-over.gif) no-repeat;}

	/** HEADER MAINPAGE **/
	
	.imageHeader {height:160px; padding:3px 0 0 0; margin:0;background:#D6D5D4 url(../Images/Design/Default/MainHeaderAlternativeImage.jpg) no-repeat 260px 3px;}
	.imageHeader .welcomeImage {display:inline; margin:0; padding:0;}
	.imageHeader #flashHeader {display:inline; margin:0; padding:0;}
	
	/** HEADER SITEPAGES **/
	
	.flashspace {width:100%; height:87px; background-color:#d6d6d6; padding:5px 0 0 0; margin:0;}
	

/*****************************************/
/* PAGE@SECTION
/*****************************************/

#sitepage {float:left; display:inline; width:900px; height:auto; padding:25px 0px 10px 0px; margin:0; background-color:#ffffff; }

	/** MAIN@PAGE  **/
	
	#leftBox {float:left; width:155px; margin:0 12px 0 12px; padding:0; font-size:10px;}
	#leftBox h1{ color:#888888; font-size:15px; font-weight:bold; background:#F0EBE5 url(../Images/Design/Default/LeftBox-RoundedTop.jpg) no-repeat top; padding:15px 10px 0 10px;}
	#leftBox #textBox { padding:5px 10px 0 10px; margin:0; background:#F0EBE5 url(../Images/Design/Default/LeftBox-RoundedBottom.jpg) no-repeat bottom; }
	#leftBox #textBox p{font-size:10px; line-height:15px;}
	#leftBox #textBox .logoLinks {margin-top:20px;}
	#leftBox #textBox .logoLinks a img{line-height:50px; margin-bottom:20px;}
	#leftBox #imageBox {background: url(../Images/Design/Default/RoundedImageBorder.jpg) no-repeat; margin:0;}
	#leftBox #imageBox .bottomBorder{background: url(../Images/Design/Default/RoundedImageBorderBottom.jpg) no-repeat 0px bottom; padding:0; padding-bottom:3px;}
	#leftBox #imageBox img{width:142px!important; padding:6px 6px 0px 6px;}
	
	#mainContent {float:left; width:464px; min-height:200px!important; height:100%; margin-right:12px; padding:0 12px 0 12px; border-left:1px solid #b8b8b8; border-right:1px solid #b8b8b8; font-size:11px;}
	#mainContent h1{color:#2aca40; font-size: 19px;}
	#mainContent .homePage h1{color:#F7941F; font-size: 19px;}
	#mainContent h2{color:#F7941F; font-size: 19px; display:inline; margin-bottom:5px;}
	#mainContent .subHeading, #mainContent .homePage .subHeading{color:#888888; font-weight:bold; margin-bottom:12px; font-size: 14px; line-height:16px;}
	
	#mainContent .subHeading a{color:#888888; font-weight:bold; margin-bottom:12px; font-size: 14px; line-height:16px;}
	#mainContent .subHeading a:link {text-decoration:none!important; color:#1c68b3;}
	#mainContent .subHeading a:hover {text-decoration:none!important; color:#1c68b3!important; cursor:hand;}
	#mainContent .subHeading a:active {text-decoration:none!important; color:#1c68b3;}
	#mainContent .subHeading a:visited {text-decoration:none!important; color: #1c68b3;}

	#mainContent h1, #mainContent h2{padding-bottom: 10px; font-weight:bold;}
	#mainContent p, #mainContent ul{margin-bottom:10px; line-height:14px;}
	#mainContent .inline img{ float:left; padding-right:10px;}
	#mainContent .inlineRight img{ float:right; padding-left:10px;}
	#mainContent .inlineRight#withBorder img{ padding:2px; border:1px solid #dddddd;}
	
	
	#mainContent .casestudyBox { float:left; width:464px; margin-top:20px; background-color:#f0eeeb;}
	#mainContent .casestudyBox h1{ color:#888888; font-size:14px; font-weight:bold; padding:0;}
	#mainContent .casestudyBox h1.subHeading{ color:#1c68b3; margin-bottom:5px; }
	#mainContent .casestudyBox .textBox{ float:left; width:260px; margin-left:10px;}
	#mainContent .casestudyBox img{ float:right; margin-right:10px;}
	#mainContent .casestudyBox .roundedTop { width:464px; height:10px; background: url(../Images/Design/Default/MainContent-Casestudy-RoundedTop.jpg) no-repeat top;}
	#mainContent .casestudyBox .roundedBottom{ float:left; width:464px; height:10px; background: url(../Images/Design/Default/MainContent-Casestudy-RoundedBottom.jpg) no-repeat bottom;}
	
	#mainContent .greenBox { float:left; width:467px; margin-top:20px; background-color:#ddf4e0;}
	#mainContent .greenBox h1{ color:#888888; font-size:14px; font-weight:bold; padding:0;}
	#mainContent .greenBox h1.subHeading{ color:#1c68b3; margin-bottom:5px; }
	#mainContent .greenBox .textBox{ float:left; width:440px; margin-left:10px;}
	#mainContent .greenBox .textBox ul { padding-left:30px;}
	#mainContent .greenBox .textBox ul li{ font-size:14px; line-height:22px; font-weight:bold; color:#777777;}
	#mainContent .greenBox .roundedTop { width:467px; height:10px; background: url(../Images/Design/Default/MainContent-GreenBox-RoundedTop.jpg) no-repeat top;}
	#mainContent .greenBox .roundedBottom{ float:left; width:467px; height:10px; background: url(../Images/Design/Default/MainContent-GreenBox-RoundedBottom.jpg) no-repeat bottom;}
	
	#mainContent a.nextBtn{float:right; width:71px; height:29px; margin-top:20px; background: url(../Images/Design/Default/NextBtn-Up.gif); color:white; font-size:14px; font-weight:bold; line-height:26px; text-align:center;}
	#mainContent a:hover.nextBtn{width:71px; height:29px; background: url(../Images/Design/Default/NextBtn-Over.gif); color:white;}
		
	/** SITE@PAGES **/
	
	#sitepath {margin:-20px 0 0 0; padding:0; clear:both;}
	#sitepathpadding {clear:both; padding:0; margin-bottom:20px; margin-left:13px;}
	
	#contentpage{width: 630px; float:left; display:inline; margin:0; padding:20px; overflow:visible; }
	
	#contentpage h1{color:#F7941F;}
	#contentpage h2{color:#03a419;}
	#contentpage h1, #contentpage h2{padding-bottom: 10px; font-size: 20px; font-weight:bold;}
	#contentpage .photopage{float:left; padding:5px; margin:0 10px 5px 0; border: 1px dotted #a0a0a0;}
	#contentpage .inlineImg img{float:left; padding: 5px; margin:-2px 10px 5px 0; border: 1px dotted #a0a0a0;}
	#contentpage p{color:#4d4d4d; padding-bottom: 10px; line-height: 1.6em;}
	#contentpage .underline { border-bottom: 1px dotted #03a419;}
	
	
	#linkspage .linksBox, #linkspage .newsArchive, #linkspageLeft .linksBox {
	float:left; display:inline; margin:0; padding:0; width:200px; font-size:10px; background: url(../Images/Design/Default/Linkspage-Background.jpg) repeat-y;}
	#linkspage .linksBox h1.mainTitle, #linkspage .newsArchive h1.mainTitle, #linkspageLeft .linksBox h1.mainTitle{
	height:45px; padding:0 0 0 20px; color:white; line-height:40px; font-size:15px; font-weight:bold; background: url(../Images/Design/Default/Linkspage-RoundedTopGrey.jpg) no-repeat top;}
	#linkspage .linksBox h2.mainTitle, #linkspage .newsArchive h2.mainTitle, #linkspageLeft .linksBox h2.mainTitle{
	height:auto; margin-bottom:10px; padding:10px 0 0 15px; color:#888888; line-height:20px; font-size:16px; font-weight:bold; background: url(../Images/Design/Default/Linkspage-RoundedTop.jpg) no-repeat top;}
	#linkspage .linksBox .roundedBottom, #linkspage .newsArchive .roundedBottom, #linkspageLeft .linksBox .roundedBottom{
	display:block; clear:both; height:9px; background: url(../Images/Design/Default/Linkspage-RoundedBottom.jpg) no-repeat bottom;}
	#linkspage .linksBox .window, #linkspageLeft .linksBox .window {
	display:inline; float:left; width:186px; background-color:#def3fb; padding:0; margin:0 0 7px 7px; }
	#linkspage .linksBox .window h1, #linkspage .newsArchive .window h1, #linkspageLeft .linksBox .window h1  {
	display:block; color:#1c68b3; font-size:12px; background:none; padding:5px 10px 0px 12px; text-align:left;}
	#linkspage .linksBox .window h1 p, #linkspage .newsArchive .window h1 p, #linkspageLeft .linksBox .window h1 p {padding:0; margin:0; font-size:12px;}
	#linkspage .linksBox .window p, #linkspage .newsArchive .window p, #linkspageLeft .linksBox .window p {
	float:left; padding:1px 12px 10px 12px; margin:0; font-size:10px; line-height:13px;}
	#linkspage .linksBox .window img, #linkspage .newsArchive .window img, #linkspageLeft .linksBox .window img { float:left; padding:5px 10px 0px 0;} 
	
	
	#linkspage .linksBox .window#caseStudy .caseStudyTitle{ 
	background: url(../Images/Design/Default/Bullet-BluePlus.gif) no-repeat 0px 5px; width:170px; padding:0 0 0 10px; margin:0 0 5px 5px; color:#1c68b3; font-size:14px; font-weight:bold;} 
	#linkspage .linksBox .window#caseStudy .caseStudyTitle p{
	background:inherit; width:100%; color:#1c68b3; font-size:14px; font-weight:bold; padding:inherit; margin:inherit; line-height:17px;} 
	#linkspage .linksBox .window#caseStudy { background-color:#d0eef9;line-height:15px; font-weight:normal;} 
	#linkspage .linksBox .window#caseStudy p{ float:left; margin:0px; padding:0 0 0 5px; width:auto; /*font-size:12px;*/ line-height:12px;} 
	#linkspage .linksBox .window#caseStudy .inline img, #linkspage .linksBox .window#caseStudy p .inline img { float:left; clear:both; padding:0 5px 5px 5px; margin:0px; width:175px!important;} 
	
	
	
	#linkspage .linksBox a.logoLink img, #linkspage .newsArchive a.logoLink img, #linkspageLeft .linksBox a.logoLink img{ border:1px solid #d0eef9; margin-bottom:5px;} 
	#linkspage .linksBox a:hover.logoLink img, #linkspage .newsArchive a:hover.logoLink img, #linkspageLeft .linksBox a:hover.logoLink img{ border:1px solid #ffffff;} 
	#linkspage .linksBox .textBox{ padding:0 15px 0px 15px;}
	#linkspage .newsArchive ul, #linkspageLeft .linksBox ul { padding:0 12px 0px 27px;}
	#linkspage .linksBox li, #linkspage .newsArchive li, #linkspageLeft .linksBox li { margin-bottom:10px; font-size:10px; line-height:13px;}
	
	#linkspageLeft .linksBox { width:155px; background: url(../Images/Design/Default/Linkspage-Left-Background.jpg) repeat-y;}
	#linkspageLeft .linksBox h1.mainTitle{ background: url(../Images/Design/Default/Linkspage-Left-RoundedTopGrey.jpg) no-repeat top;}
	#linkspageLeft .linksBox .roundedBottom{ background: url(../Images/Design/Default/Linkspage-Left-RoundedBottom.jpg) no-repeat bottom;}
	#linkspageLeft .linksBox .window { width:141px;}
	
	/* NEWS ARCHIVE */
	#linkspage .newsArchive, #linkspage .newsArchive h1.mainTitle, #linkspage .newsArchive h2.mainTitle, #linkspage .newsArchive .roundedBottom, #linkspage .newsArchive .window{ 
	background: none; background-color: none; background-color:none;}
	#linkspage .newsArchive .window{ float:left; width:186px; padding:0; margin:0 0 7px 7px;}
	#linkspage .newsArchive h1.mainTitle, #linkspage .newsArchive h2.mainTitle{color:#888888;}
	
	
	#newsbox {float:left; width:465px; margin:0; padding:0; }
	#newsbox h1 {clear:both; margin:0; padding:0; color:#4c4c4c; font-weight:bold; font-size:13px; }
	#newsbox .newsdate { float:left; width:55px; clear:both; }
	#newsbox .newstitle { float:left; width:410px; padding: 0 0 10px 0;  }
	
	#faqbox{ width:630px;}
    
	#faqbox ol{ margin: 0 0 0 5px;}
	
	#faqbox li {float:left; width: 306px; height:18px; text-align:center; font-weight:bold; padding: 0 6px 5px 0;}	
	#faqbox li a{display:block; color:#0154a4; background:#a7e2f4 url(../Images/Content/faq_btn.gif) no-repeat top;}
	#faqbox li a:hover{display:block; color:#ffffff; background:#0971ba url(../Images/Content/faq_btn_hover.gif) no-repeat top; }
	
	#faqinfo { clear:both; float:left; width:630px; margin: 10px 0; background:#ffffff url(../Images/Content/faq_info_back.gif) repeat-y center; }
	
	#faqinfo h1{ font-size:14px; padding:15px 0 0 20px; background:transparent url(../Images/Content/faq_info_up.gif) no-repeat top;}
	
	#faqinfo p{ padding:15px 20px; background: transparent url(../Images/Content/faq_info_down.gif) no-repeat bottom;}
	
	#faqinfo img{ float:right; padding-left:10px;}
	

/*****************************************/
/* FOOTER@SECTION
/*****************************************/

#footer {float:left; width:900px; background-color:#D6D5D4;}
#footer .title{float:left; line-height:25px; font-size:11px; height:25px; line-height:25px; color:#888888; padding: 0 5px 0 7px; margin:0;}

#footer #sitemap {clear:both; display:block; padding: 10px 0; margin:0; width:900px; background:#f0eeeb url(../Images/Design/back_sitemap.gif) no-repeat top; }
#footer #sitemap ul{ padding:0; margin:0;}
#footer #sitemap ul li{float:left; display:inline; font-weight:bold; font-size:11px; width:140px; padding-left: 10px; color:#888888;}
#footer #sitemap ul li ul li{clear:both; display:block; padding-left:0px; font-size:9px; font-weight:normal; line-height:13px;}

#footer #sitemap ul li ul li a{color:#1c68b3;}
#footer #sitemap ul li ul li a:hover{color:#F7941F;}

#footer  #copyright a{color:#3a3a3a;}
#footer  #copyright a:hover{color:#595857;}
#copyright{height:25px; width:100%; line-height:25px; padding: 0 5px 0 0; margin:0; text-align:right; font-size:10px;}
#copyright a{color:#1c68b3;}
#copyright a:hover{color:#1c68b3; color:#03488b;}


.hidden, #hidden{display:none;}
.visible, #visible{display:block;}