/* ========================================================= */	
/* Style Guide                                               */
/* --------------------------------------------------------- */	
/*                                                           */
/* Color Guide                                               */
/*     - blue 01:            #3CA2B1                         */
/*     - green 01:           #AACA29                         */
/*     - orange 01:          #EF7800                         */
/*     - gray 01:            #5D6E66                         */
/*     - gray 02:            #666666                         */
/*                                                           */
/* --------------------------------------------------------- */	
/*                                                           */
/* ========================================================= */

@import url("reset.css");

/* --------------------------------------------------------- */	
/* [1] Global                                                */
/* --------------------------------------------------------- */

html, body {
	background: url(../images/bd_main.gif) repeat 0 0;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
	text-align: center;
}

h1 {
	color: #4D5B53;
	font-size: 16px;
	font-weight: bold;
}

.ms h1 { color: #EF7800; }
.cf h1 { color: #AACA29; }
.bc h1 { color: #3CA2B1; }

.container {
	margin: 0 auto;
	overflow: auto;
	text-align: left;
	margin: 0 auto;
	width: 1024px;
}

.content {
	margin: 0 auto;
	width: 942px;
}

.col01 {
	float: left;
}

.col02 {
	float: right;
}

#main {
	background: url(../images/bd_shade.png) repeat-y top center;
	height: auto !important;
	height: 100%;	
	margin: 0 auto;
	min-height: 100%;	
	width: 1024px;
}

#middle .container {
	padding: 82px 0 0 0;
}

#middle .container .content {
	background: #FFF;
}

/* --------------------------------------------------------- */	
/* Links                                                     */
/* --------------------------------------------------------- */

a, a:visited {
	color: #434343;	
	text-decoration: none;
}

a:hover {	
	color: #E0731E;
}

:focus { outline: none; }

#subPgs a {
	text-decoration: underline;
}

/* --------------------------------------------------------- */	
/* Header                                                    */
/* --------------------------------------------------------- */

#header {
	background: url(../images/bd_header.gif) repeat-x 0 0;
	height: 82px;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;	
}

#header .container {
	padding: 0;	
}

#header a.logo {
	display: block;
	margin: 20px 0 0 0;
}

#header ul#mainNav {
	height: 38px;
	overflow: hidden;
}

ul#mainNav li {
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 11px 27px 0 0;
	text-transform: uppercase;
}

ul#mainNav p {
	padding: 4px 6px;
}

ul#mainNav li.active p {
	background: #23869F url(../images/bd_mainNav_active.png) repeat-x 0 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	text-shadow: #434343 0px 0px 5px;
}

ul#mainNav li a {
	color: #338491;
}

ul#mainNav li a:hover,
ul#mainNav li.active a {
	color: #FFF;
}

#header .col01 {
	width: 672px;
}

#header .col02 {
	width: 270px;
}

ul#topBtns {
	height: 18px;
	margin: 12px 0 0 0;
	/*overflow: hidden;*/
}

ul#topBtns li {
	float: left;
	width: 82px;
}

ul#topBtns li.frst {
	margin: 0 8px 0 0;
}

#header .tagline {
	margin: 26px 0 0 0;
}

#subNav {
	background: url(../images/bd_subNav.gif) repeat-x 0 0;
	height: 34px;
}

#subNav ul {
	height: 34px;
	overflow: hidden;
}

#subNav li {
	height: 34px;
	float: left;
	text-transform: uppercase;
}

#subNav li.on {
	background: url(../images/icon_subNav_on.png) no-repeat center bottom;
}

#subNav li p.first {
	border-left: none;
}

#subNav li p {
	border-left: 1px solid #919090;
	margin: 9px 0 0 0;
	padding: 0 16px;
}

#subNav li p a {
	color: #919090;
}

#subNav li p a:hover,
#subNav li.on p a {
	color: #434343;
}

#banner {
	height: 172px;
	margin: 2px 0 0 0;
}

#subPgs {
	font-size: 12px;
	margin: 0 16px;
	overflow: hidden;
	padding: 20px 0 130px 0;
	position: relative;
	width: 910px;
}

#subPgs p {
	padding: 10px 0;
}

#subPgs .col01 {
	padding: 0 15px 0 0;
	width: 752px;
}

#subPgs .col02 {
	background: url(../images/bd_subPgs_col02.gif) no-repeat left top;
	min-height: 93px;
	padding: 0 0 0 7px;
	width: 136px;
}

#subPgs .imgFloatL {
	float: left;
}

#subPgs .imgFloatR {
	float: right;
}

/* --------------------------------------------------------- */	
/* Footer                                                    */
/* --------------------------------------------------------- */

#footer {
	padding: 20px 0 0 0;
	overflow: hidden;
	text-align: left;
	width: 942px;
}

#footer .content {
	width: 912px;
}

#footer .col01 {
	border-left: 1px solid #FFF;
	overflow: hidden;
}

dl.botNav {
	border-right: 1px solid #FFF;
	border-left: 1px solid #D3D3D3;
	float: left;
	height: 125px;
	padding: 0 0 0 10px;
	width: 112px;
}

dl#lst.botNav {
	border-right: none;
	width: 100px;
}

dl.botNav dt {
	color: #7A7A7A;
	font-size: 14px;
	margin: 0 0 2px 0;
}

dl.botNav dd {
	font-size: 11px;
	padding: 2px 0;
}

dl.botNav a {
	color: #A2A2A2;
	display: block;
}

dl.botNav a:hover {
	color: #7A7A7A;
}

#footer .col02 div {
	overflow: auto;
	text-align: right;
	width: 210px;
}

#footer img {
	margin: 0 0 10px 0;
}

#footer img.imsa {
	float: left;
	margin: 0 10px 0 0;
}

#footer ul#socialNav {
	clear: both;
	margin: 0 0 0 15px;
	overflow: auto;
	padding: 0 0 0 0;
	height: 38px;
}

ul#socialNav li {
	float: left;
	margin: 0 5px 0 0;
	width: 38px;
}

p.legal {
	clear: both;
	color: #A2A2A2;
	padding: 15px 0;
}

/* --------------------------------------------------------- */	
/* Home                                                      */
/* --------------------------------------------------------- */

#panelContainer {
	height: 511px;
	position: relative;
}

#pnlCarousel .panel {
	height: 374px;
	width: 942px;
}

#pnlCarousel li.carouselItem,
#pnlCarousel .jcarousel-item {
	height: 374px;
	width: 942px;
}

.jcarousel-clip-horizontal {
	height: 374px;
	width: 942px;	
}

li #pnl_01 { background: url(../images/bd_pnl_01.jpg) no-repeat 0 0; }
li #pnl_02 { background: url(../images/bd_pnl_02.jpg) no-repeat 0 0; }
li #pnl_03 { background: url(../images/bd_pnl_03.jpg) no-repeat 0 0; }
li #pnl_04 { background: url(../images/bd_pnl_04.jpg) no-repeat 0 0; }

.panel .msging {
	padding: 72px 0 0 0;
	text-align: right;
}

#pnl_01 .msging li.link {
	margin: 20px 0 0 0;
}

#pnl_01 .msging a.learnMore {
	margin: 0 15px 0 0;
}

.msging a.learnMore {
	margin: 0 22px 0 0;
}

.desc {
	clear: both;
	float: right;
	margin: 55px 0 0;
	text-align: right;
	width: 922px;
}

.desc p {
	color: #464646;
	font-size: 13px;
	font-weight: bold;
	margin: 0 20px 0 0;
}

li #pnl_02 .desc p span { color: #EF7800; }
li #pnl_03 .desc p span { color: #AACA29; }
li #pnl_04 .desc p span { color: #3CA2B1; }

ul#pnlBins {
	bottom: 0;
	color: #FFF;
	overflow: hidden;
	position: absolute;
	width: 942px;
}

ul#pnlBins p {
	font-size: 14px;
	padding: 6px  14px 0 11px;
	text-shadow: #434343 0px 0px 5px;
}

ul#pnlBins li {
	float: left;
	height: 153px;
	width: 314px;
}

li#pnlBin_01 { background: url(../images/bd_pnlBin_01.gif) no-repeat bottom center; }
li#pnlBin_02 { background: url(../images/bd_pnlBin_02.gif) no-repeat bottom center; }
li#pnlBin_03 { background: url(../images/bd_pnlBin_03.gif) no-repeat bottom center; }

.arrow {
	height: 18px;
	margin: 2px 0 0 0;
}

li#pnlBin_01 .active { background: url(../images/bd_pnlBin_01_active.png) no-repeat 0 0; }
li#pnlBin_02 .active { background: url(../images/bd_pnlBin_02_active.png) no-repeat 0 0; }
li#pnlBin_03 .active { background: url(../images/bd_pnlBin_03_active.png) no-repeat 0 0; }

img.lbl {
	margin: 6px 0 0 11px;
}

ul#pnlBins li a {
	color: #FFF;
}

ul#pnlBins li a.arrLink {
	display: block;
	margin: 11px 0 0 11px;
}

ul#pnlNav {
	height: 16px;
	overflow: hidden;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 500;
}

ul#pnlNav li {
	float: left;
	width: 16px;
}

#subSection {
	background: url(../images/bd_subSection.gif) no-repeat 0 0;
	height: 134px;
}

ul#sub {
	color: #FFF;
	font-size: 10px;
	overflow: hidden;
	width: 942px;
}

ul#sub li {
	float: left;
	margin: 17px 0 0 0;
	width: 314px;
}

ul#sub li .col01 {
	text-align: center;
	width: 69px;
}

ul#sub li .col02 {
	padding: 0 10px 0 0;
	text-shadow: #434343 0px 0px 5px;	
	width: 235px;
}

p.subLink {
	margin: 7px 0 0 0;
	text-transform: uppercase;
}

p.subLink a {
	color: #CDCDCD;
}

p.subLink a:hover {
	text-decoration: underline;
}

/* --------------------------------------------------------- */	
/* Sub pages                                                 */
/* --------------------------------------------------------- */

ul.cem {
	margin: 20px 0 0 0;
	overflow: hidden;
	width: 910px;
}

ul.cem li {
	float: left;
	margin: 0 14px 30px 0;
	overflow: hidden;
	width: 359px;
}

ul.cem li ul li {
	float: none;
	margin: 10px 0 0 0;
}

#subPgs ul.cem li ul li p {
	float: right;
	padding: 5px 0;
	width: 304px;
}

ul.cem li.lst {
	margin-right: 0;
}

ul.cem li.lst+li {
	clear: both;
}

span.cemlbl {
	font-size: 12px;
	font-weight: bold;
}

ul.cem li img {
	float: left;
}

#bd_pp{
	display: none;
	background: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#pp {
	display: none;
	height: 586px;	
	position: absolute;
	width: 910px;
	z-index: 2;
	left: 0;
	top: 0;
}

#pp .btns {
	float: right;
}

#pp .chart {
	background: url(../images/cem_chart.png) no-repeat 0 0;
	height: 536px;
	width: 538px;
}

.chart,
.info {
	float: left;
}

.info {
	width: 372px;
}

.chart img {
	position: absolute;
}

#chart_01_01 { left: 273px; top:  71px; }
#chart_01_02 { left: 357px; top: 154px; }
#chart_01_03 { left: 359px; top: 272px; }
#chart_02_01 { left: 273px; top: 357px; }
#chart_02_02 { left: 153px; top: 357px; }
#chart_03_01 { left:  69px; top: 272px; }
#chart_03_02 { left:  69px; top: 154px; }
#chart_03_03 { left: 153px; top:  71px; }

.info ul {
	margin: 20px 0 0 0;
}

.info li {
	display: none;
}

.info span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 4px 0;
}

#chart_01_01_list p span, 
#chart_01_02_list p span,
#chart_01_03_list p span {
	color: #AACA29;
}

#chart_02_01_list p span,
#chart_02_02_list p span {
	color: #3CA2B1;
}

#chart_03_01_list p span, 
#chart_03_02_list p span,
#chart_03_03_list p span {
	color: #EF7800;
}

#degrees {
	clear: both;
}

#degrees ul {
	overflow: hidden;
	width: 910px;
}

#degrees ul li {
	float: left;
	margin: 0 14px 30px 0;
	overflow: hidden;
	width: 294px;
}

#degrees ul li.lst {
	margin-right: 0;
}

#degrees ul li.lst+li {
	clear: both;
}

#degrees p span {
	color: #4D5B53;
	display: block;
	font-size: 14px;
}

.ms #degrees p span { color: #EF7800; }
.cf #degrees p span { color: #AACA29; }
.bc #degrees p span { color: #3CA2B1; }

.ms #degrees ul li,
.cf #degrees ul li,
.bc #degrees ul li {
	border-bottom: 1px dotted #808A84;
	height: 185px;
}

.ms #degrees ul li.bot,
.cf #degrees ul li.bot,
.bc #degrees ul li.bot {
	border-bottom: none;
	height: 100%;
}

ul#solutionBins {
	margin: 25px 0 0 0;
	overflow: hidden;
	width: 752px;
}

ul#solutionBins li {
	color: #FFF;
	float: left;
	height: 128px;
	margin: 0 16px 0 0;
	width: 234px;
}

li#sol01 { background: #EF7800; }
li#sol02 { background: #AACA29; }

li#sol03 { 
	background: #3CA2B1; 
	margin: 0;
}

ul#solutionBins li p {
	padding: 4px 15px;
}

#subPgs .col02 p {
	font-size: 11px;
	margin: 0 0 0 10px;
}

.col02 p span {
	font-size: 12px;
	font-weight: bold;
}

.col02 p a {
	text-decoration: underline;
}

ul.media {
	overflow: hidden;
	margin: 0 0 10px 10px;
	width: 752px;
}

ul.media li {
	float: left;
	width: 26px;
}

form#contact {
	margin: 12px 0 0 0;
	width: 630px;
}

form#contact label {
	display: block;
	font-size: 11px;
}

form#contact li {
	margin: 0 0 18px 0;
}

form#contact li label {
	margin: 0 0 4px 0;
}

form#contact li.floaterL {
	float: left;
	margin: 0 30px 0 0;
	width: 200px;
}

form#contact li.floaterR {
	float: left;
	width: 200px;
}

form#contact li.floaterR input,
form#contact li.floaterL input {
	width: 200px;
}

form#contact li.commentBlock {
	clear: both;
	width: 436px;
	padding-top: 12px;
}
form#contact li textarea {
	width: 436px;
}

form#contact li.checkL,
form#contact li.checkR {
	float: left;
	font-size: 11px;
}

form#contact li.checkL {
	margin: 0 20px 0 0;
}

form#contact li.sbmt {
	float: right;
}

form#contact li input {
	height: 22px;
}

form#contact li.checkL input,
form#contact li.checkR input {
	height: 14px;
}

/*Updated Contact Form*/
#contact {width: 440px !important; float: left;}
#contact-box {float: left; margin-left: 42px; color: #fff;}
#contact-box a {display: block; color: #fff; text-decoration: none; font-weight: bold; font-size: 1.1em;}
.padded {padding: 8px 16px 6px;}
.arrow-link {display: block; vertical-align: center; border-bottom: 1px solid #fff; padding: 8px 0;}
.arrow-link img {float: right; position: relative; bottom: 2px;}
.arrow-link.last {border-top: 1px solid #fff; margin-top: 2px;}
.arrow-link:hover {  color: #E0731E; }

.contact-links {margin: 4px 0;}
.contact-links img {float: left; margin-right: 6px; }
.contact-links a, .contact-links span {display: block; margin: 8px 0;}
.contact-links span {font-size: 1.125em;}

.contact-page-headers {width: 100%; margin-bottom: 18px;}
.contact-page-headers div {background: #e0e0e0; padding: 6px 8px; float: left; font-size: 1.3em; font-weight: bold; position: relative; color: #666;}
.contact-page-headers img {position: absolute; bottom: -10px; left: 0;}
.contact-page-headers #gen-inq {width: 420px; margin-right: 45px;}
.contact-page-headers #msi {width: 215px;}