/*RESET******************************************************************************************************/
/************************************************************************************************************/
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;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}input,textarea{outline:none;}textarea{overflow:auto;}

/*GLOBAL*****************************************************************************************************/
/************************************************************************************************************/
html, body, #wrap { height: 100%; }

body > #wrap { height: auto; min-height: 100%; }
body { color: #6f85a1; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; line-height: 1.5;  }

/*TEXT*******************************************************************************************************/
/************************************************************************************************************/

@font-face { font-family: Alber-Regular; src: url('../type/Alber-Regular.otf'); }
@font-face { font-family: Alber-Regular; src: url('../type/Alber-Italic.otf'); font-style: italic; }
@font-face { font-family: Alber-Regular; src: url('../type/Alber-Bold.otf'); font-weight: bold; }


h2,h3,h4,h5,h6 { color: #254670; font-family: Alber-Regular, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 .35em 0; line-height: 1;  }
h2 { font-size: 1.8em; }
	#home h2 { line-height: .5; margin-bottom: 0; padding: .5em 0; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.3em; }

p { margin-bottom: .8em; }

a img { border:none; }
a {	color: #6f85a1; text-decoration: underline; outline: none; }
a:focus, a:hover { text-decoration: none; }

ul { margin-bottom: 0; }
li { list-style: circle; margin: 0 0 .4em 15px; }


/*CONTAINERS**************************************************************************************************/
/*************************************************************************************************************/

#wrap { font-size: 1.3em; } 
#main { background: url(../img/shadow1.png) no-repeat top center; padding: 0 0 50px 0; border-top: 1px #939393 solid; }  /* must be same height as the footer */
#container { width: 940px; margin: 0 auto; padding: 3em 10px;  }
#primary { width: 600px; padding: 1.2em 0 1.5em 0; float: left; }
.secondary { width: 268px; background: url(../img/bg-sidebox.gif) repeat-x top center; margin-bottom: 1.5em; padding: 1.2em 15px; border: 1px solid #e5e5e5; -moz-border-radius: 3px; -webkit-border-radius: 3px; float: right; }
	.secondary h2 { color: #888; font-style: italic; }
.full1 { width: 100%; min-width: 960px; height: 100px; background: url(../img/bg-subFooter.gif) repeat-x top center; padding-top: 20px; display: block; }
	.full1 h2 { font-size: 22px; font-style: italic; text-align: center; width: 960px; margin: 0 auto; display: block; }
	.full1 img {  width: 895px; height: 24px; position: relative; margin: 20px auto 0 auto; display: block; }
.third { width: 280px; background: url(../img/sepH-1.gif) no-repeat top right; margin-right: 20px; padding-right: 20px; float: left; }
.thirdR { width: 280px; margin: 0; padding-right: 20px; float: left; }
#home .third p { font-size: 1.1em; }
#home .thirdR p { font-size: 1.1em; }


/*HEADER******************************************************************************************************/
/*************************************************************************************************************/
#header { width: 100%; min-width: 960px; height: 88px; background: #d2d9e0 url(../img/bg-header.gif) repeat-x center bottom; border-bottom: 1px #122845 solid; position: relative;  }
h1 a { text-decoration: none; width: 259px; height: 88px; background: url(../img/logo.png) no-repeat center bottom; border: none; text-indent:-10000px; position: absolute; margin-left: -480px; left: 50%; bottom: 0; display: block; }
	h1 a:hover { background-position: top center;}

#header ul { font-family: Alber-Regular, Arial, Helvetica, sans-serif; font-size: 16px; text-shadow: #fff 0 1px 0; position: absolute; margin: 0 -480px 0 0; right: 50%; bottom: 28px; }
	#header ul li { height: 34px; width: auto; list-style: none; background: url(../img/navLink.gif) no-repeat 100% 100%; margin: 0 0 0 5px; float: left; }
	#header ul li:hover { background-position: 100% 0%; }
		#header ul li a { color: #254670; text-decoration: none; height: 28px; width: auto; background: url(../img/navLink-left.gif) no-repeat 0% 100%; padding: 6px 15px 0 15px; float: left; display: block; }
		#header ul li a:hover { background-position: 0% 0%; }	
	#header ul li.active { background-position: 100% 0%; }
		#header ul li.active a { background-position: 0% 0%; }

/*SUBHEADER***************************************************************************************************/
/*************************************************************************************************************/
#subHeader { width: 100%; min-width: 960px; height: 100px; background: #28476f url(../img/bg-subHeader1.jpg) no-repeat top center; border-bottom: 1px #122845 solid; position: relative; }
#home #subHeader { height: 300px; }

#home noscript div { width: 365px; height: 95px; margin: 138px 0 0 55px; display: block; }
#subRight { width: 448px; height: 263px; background: url(../img/bg-capab.png) repeat; position: absolute; margin-right: -470px; right: 50%;; top: 20px; }
	#subRight h2 { text-indent:-10000px; position: absolute; display: block; }
.fadein { position: relative; margin: 138px 0 0 55px; display: none; }
.fadein li { list-style: none; margin: 0; position: absolute; left: 0; top: 0; width: 365px; height: 95px; }

#definition { width: 446px; height: 138px; background: url(../img/definition.png) no-repeat;  border: none; text-indent:-10000px; position: absolute; margin-left: -470px; left: 50%; top: 80px; display: block; }
	#definition li { list-style: none; }

#subLeft { width: 500px; height: 70px; border: none; text-indent:-10000px; position: absolute; margin-left: -450px; left: 50%; top: 20px; display: block; }
#offerings .title { background: url(../img/pgtitle-offerings.png) no-repeat; }
/* Un Comment this section when we have promos and downloads available*/
/*********************************************************************/

/* #promotions .title { background: url(../img/pgtitle-promotions.png) no-repeat; }
#downloads .title { background: url(../img/pgtitle-downloads.png) no-repeat; }*/

#about .title { background: url(../img/pgtitle-about.png) no-repeat; }
#contact .title { background: url(../img/pgtitle-contact.png) no-repeat; }

/*CONTENT*****************************************************************************************************/
/*************************************************************************************************************/
.butt-readmore { width: 100px; height: 29px; text-decoration: none; background: url(../img/button-readmore.gif) no-repeat center bottom; margin-left: 180px; display: block; }
	.butt-readmore:hover { background-position: center top; }
.butt-readmore span { visibility: hidden;  }

.butt-contact { width: 100px; height: 29px; text-decoration: none; background: url(../img/button-contact.gif) no-repeat center bottom; margin-left: 180px; display: block; }
	.butt-contact:hover { background-position: center top; }
.butt-contact span { visibility: hidden;  }

.icon1 { width: 34px; height: 34px; margin-right: 10px; float: left; }
.icon2 { width: 76px; height: 76px; margin-bottom: 3.5em; padding: 30px; float: left; }
.icon3 { width: 68px; height: 68px; margin: 0 10px 1.2em 0; float: left; }

.photo1 { width: 123px; height: 159px; margin: 0 20px 0 0; border: 1px solid #2a4b73; float: left; }
#scott { margin-bottom: 10.5em; }
#joe { margin-bottom: 13.5em; }
#nick { margin-bottom: 3.75em; }
#sondra { margin-bottom: 7.5em; }
#mike { margin-bottom: 3.75em; }
#jmfitz { margin-bottom: 3.75em; }

p.last { background: url(../img/sep1.gif) no-repeat center bottom; padding-bottom: 3.75em; }
p.last2 { padding-bottom: 1.5em; }

ul.checklist li { list-style: none; background: url(../img/bullet-check.gif) no-repeat 0 3px; margin: 0 0 .4em 0; padding-left: 20px; }

h2.alt1 { border-bottom: 1px dotted #366198; margin-bottom: 2em; padding-bottom: .8em; }

/*CONTACT FORM************************************************************************************************/
/*************************************************************************************************************/
#contactrep { width: 520px; margin-left: 80px; position:relative; }
#thank_you { width: 520px; margin-left: 80px; padding-top: 1.5em; position:relative; }

#contactrep noscript { color: #da2a2a; }

.wrapForm { width: 495px; background: #dfe5ed; margin-bottom: 1.5em; padding: 10px 15px 10px 10px; position: relative; -moz-border-radius: 7px; -webkit-border-radius: 7px; }

input, textarea { font-family: Arial, Helvetica, sans-serif; color: #aabcd1; font-size: 13px; background: #fff url(../img/form-bg.gif) repeat-x center top; border: 1px solid #ced8e4; }
input:focus, textarea:focus { color: #6d89ad; border: 1px solid #6d89ad; }

p.warning { margin: 0 0 10px 10px; }

form#contactform input { width: 356px; padding: 7px; }
form#contactform textarea { width: 466px; height:125px; margin: 10px 0 10px 10px; padding: 7px; }

form#contactform label { width:100%; font-size: 13px;  padding: 5px 5px 5px 0; display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	form#contactform label:hover { background: #ebeff4; }
form#contactform div.text label { display: none; }

form#contactform label span { width: 105px; text-align: right; padding: 8px 15px 0 0; display: block; float: left;  }
form#contactform input.verSpam { text-align: center; width: 220px; margin: 0 0 5px 10px; float: left; }

form#contactform input#subbutton { width: 249px; height: 46px; background: url(../img/sub-button.gif) repeat-x center bottom; border: none; position: absolute; bottom: 0; right: 0; cursor: pointer; display: block; }
	form#contactform input#subbutton:hover { background-position: center top; }
	form#contactform input#subbutton:focus { background-position: center top; }
	form#contactform input#subbutton:active { outline: none;  }

/*FOOTER******************************************************************************************************/
/*************************************************************************************************************/
#footer { font-size: 16px; color: #8997a9; font-family: Alber-Regular, Arial, Helvetica, sans-serif; font-weight: bold; height: 49px; width: 100%; min-width: 960px; background: #d2d9e0 url(../img/shadow1.png) no-repeat top center; margin-top: -50px; border-top: 1px #aab0b6 solid; position: relative; clear:both;  }
#copyright { position: absolute; margin-left: -480px; left: 50%; top: 15px; }
a#pc { text-decoration: none; text-indent:-10000px; width: 67px; height: 20px; background: url(../img/pc.png) no-repeat bottom center; position: absolute; margin-right: -480px; right: 50%; top: 15px; display: block; }
	a#pc:hover { background-position: top; }

/*HACKS*******************************************************************************************************/
/*************************************************************************************************************/

/* CLEAR FIX*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */