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

body	{
	background: url(images/bg.jpg) repeat-x #000;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#1a1346;
}

img {
-ms-interpolation-mode:bicubic;
}

a img {border:none;}
a {color:#d5202b;}

h4 {margin-bottom:0;}

#container {
	margin:auto;
	width: 900px;

}

#headerText {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	font-weight: bold;
	height: 145px;
	padding: 30px 0 0 0;
}
	
	#headerText h1	a:link, #headerText h1 a:visited{
		font-family: Verdana, Geneva, sans-serif;
		font-size: 26px;
		color:#fff;
	}
		
	
	.address {
		float: left;
	}
	
	.numbers {

		margin: 0 0 0 250px;
		text-align: right;
		width:230px;
	}
	
	.numbers a:link, .numbers a:visited {
		color:#FFF;
	}
	
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
	
/* ---- Menu ---- */
#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height: 47px;
}

#menu ul li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	height: 40px;
	text-align: center;
	line-height: 13px;
	padding: 7px 0 0 0;

}

#menu ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#0a2c44;
	text-align: center;
	text-decoration: none;
	height: 47px;

}

/* ---- Menu Tabs ---- */
#tab1{
	background: url(images/tab1.jpg);
	width: 144px;
}

#tab2{
	background: url(images/tab2.jpg);
	width: 146px;
}

#tab3{
	background: url(images/tab3.jpg);
	width: 147px;
}

#tab4{
	background: url(images/tab4.jpg);
	width: 145px;
}

#tab5{
	background: url(images/tab5.jpg);
	width: 144px;
}

#tab6{
	background: url(images/tab6.jpg);
	width: 174px;
	
}

#tab6 a {
		position:relative;
		left:-20px;

}



#header {
	background:url(images/header.jpg) no-repeat;
	width: 900px;
	height: 320px;
	padding: 20px
}

	#header span, #headerContent span {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 28px;
		font-weight: bold;
		color: #191448;
		padding: 20px 0 0 35px;
	}

#headerContent {
	background: url(images/logo.jpg) top right no-repeat #FFF;
	width: 860px;
	height: 160px;
	padding: 20px
}

#middleSection {
	background:#FFF;
	padding: 0 20px 20px 20px;
	width:860px;
}

	#middleSection h2 {
		color: #d5202b;
		text-transform:uppercase;
	}
	
	
	#middleSection h3 {
		color: #d5202b;
		text-align:left;
	}
		.bigbox_left, .bigbox_right{
		background:url(images/bigbox.jpg) top left no-repeat #d5e7f0;
		width: 400px;
		margin: 20px 10px 0 0;
		padding: 10px;
		float: left;

		}	
		
			.bigbox_left, .bigbox_right ul {
				font-weight: bold;
				line-height: 20px;
			}
			
		.bigbox_left p, .bigbox_right p {
			font-weight:normal;
		}
		

h2 {
	margin:0;
	font-size:24px;
	line-height: 24px;
	color: #191448;
}

h3 {
	font-size:20px;
	text-align:right;
	color:#FFF;
}

/*--- Boxes --- */
/* ---- White Content Boxes ---- */
#topboxes .left, #topboxes .right, #bottomboxes .middle {
	background:url(images/whitebox.jpg) no-repeat #FFF;

}

/* ---- Blue Content Boxes ---- */
#topboxes .middle, #bottomboxes .left, #bottomboxes .right {
	background:url(images/bluebox.jpg) no-repeat #d5e7f0;

}

div.left, div.right {
	width: 270px;
	margin: 20px 0 0 0;
	padding: 10px;
	float: left;
	height: 175px;
	position:relative;
	overflow:auto;
}

div.middle {
	width: 270px;
	margin: 20px 15px 0 15px;
	padding: 10px;
	float: left;
	height: 175px;
	position:relative;
	overflow:auto;

}

div.left p, div.right p, div.middle p {
	font-style:italic;
}

div.more {
	position:absolute;
	bottom: 0;
	right: 0;
	width: 75px;
	height: 25px;
	background: #191448;
	text-align: center;
	padding-top: 7px;
}

div.more a {
	color:#FFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;

}

/*---- FAQ ---- */
.accordion ul {
	font-weight:normal;
}

.accordion h4 {
	font-weight:bold;
	text-decoration:underline;
}

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

#companies	{
	color:#FFF;
	font-size:12px;
	margin: 20px;
}

#companies div {
	float: left;
	padding: 5px;
	margin: 5px 5px 5px 0;
}

#companies div a {text-decoration:none}
	#hyperGraphics, #hyperGraphics a, #hyperGraphics a:visited {
		background:#cfcb4b;
		color:#7b0101;
	}
	
	#quipColor, #quipColor a, #quipColor a:visited	{
		background:#ff8001;
		color:#000;
	}
	
	#quipCal, #quipCal a, #quipCal a:visited	{
		background:#2e2cb0;
		color:#ff8001;
	}

#footer {
	width:100%;
	background:url(images/footerbg.jpg) repeat-x;
	height: 60px;
	margin: 0;
	
}

#footerInfo {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#04212b;
	line-height: 14px;
	width:900px;
	margin: auto;
	padding-top: 9px;
}

#footerInfo .numbers a, #footerInfo .numbers a:visited {
	color:#04212b;
}


/* ===== FORMS */
textarea, input {overflow:auto;border:solid;}
form table tr td {background:#d5e7f0; font-size:11px;}
.red {color:#d5202b;}