/*
	COMMON COLOURS
	dark purple:	#34006F
	dull blue:		#EAF4FA
	light blue:		#C0E3F7
	mid blue:		#01A1C5
	dark blue:		#003D61
*/
* {
	padding:				0;
	margin:					0;
}

body, html {
	height: 100%;
}

body {
	margin:					0px;
	padding: 				0px;
	font-family:			verdana;
	font-size:				12px;
	background:				#eeeeee url(../images/background.png) repeat-x top center;
	color:					#003D61;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* main structure */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#wrap {
	width:					900px;
	margin:					0 auto;
	border:					4px solid #ffffff;
	background:				#ffffff;
}

#head {
	clear: 					both;
	padding: 				0px;
	height:					130px;
	position:				relative;
	background:				#ffffff url(../images/head-bg-2.png) repeat-x top right;
}

#top-line {
	position:				relative;
	height:					4px;
	overflow:				hidden;
	background:				#34006F;
}

#headphone {
	position:				absolute;
	top:					50px;
	right:					0;
	width:					350px;
	text-align:				center;
}

#headphone h1 {
	color:					#34006F;
	font-size:				20px;
	text-decoration:		none;
	border:					0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* sections navigation */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#sections {
	position:				absolute;
	right:					0;
	bottom:					0;
	height:					30px;
	overflow:				hidden;
}

#sections ul {
	list-style-type:		none;
	margin-right:			5px;
}

#sections ul li {
	display:				inline;
}

#sections ul li a {
	color:					#000000;
	background:				#C0E3F7 url(../images/navigation/nav-link.png);
	text-align:				left;
	text-decoration: 		none;
	font-weight:			bold;
	float:					left;
	margin-left:			5px;
	/* NEED TO BE THE SAME */
	height:					30px;
	line-height:			30px;
	padding-left:			10px;
	padding-right:			10px;
}

#sections ul li a:hover {
	color:					#ffffff;
	background:				#01A1C5 url(../images/navigation/nav-hover.png);
	font-weight:			bold;
}

#sections ul li a.active {
	color:					#ffffff;
	background:				#34006F url(../images/navigation/nav-active.png);
	font-weight:			bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* main navigation */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#navi ul {
	margin:					0;
	list-style-type:		none;
}

#navi ul li {
	position:				relative;
}

#navi ul li a {
	position:				relative;
	display:				block;
	color:					#000000;
	background:				#C0E3F7 url(../images/navigation/nav-link.png);
	text-align:				left;
	text-decoration: 		none;
	font-weight:			bold;
	/* NEED TO BE THE SAME */
	height:					30px;
	line-height:			30px;
	padding-left:			10px;
	padding-right:			10px;
}

#navi ul li a div {
	position:				relative;
}

#navi ul li a:hover {
	color:					#ffffff;
	background:				#01A1C5 url(../images/navigation/nav-hover.png);
	font-weight:			bold;
}

#navi ul li a.active {
	color:					#ffffff;
	background:				#34006F url(../images/navigation/nav-active.png);
	font-weight:			bold;
}

/* subnav */
a.sub, a.subactive {
	padding-left:			30px!important;
	background:				#E2D2E7 url(../images/navigation/sub-nav-link.png)!important;
}

a.sub:hover {
	background:				#01A1C5 url(../images/navigation/nav-hover.png)!important;
}

a.subactive {
	color:					#ffffff!important;
	background:				#34006F url(../images/navigation/nav-active.png)!important;
	font-weight:			bold;
}

div.sub {
	color:					#34006F;
	background-color:		#34006F;
	height:					4px;
	margin:					0;
	padding:				0;
	line-height:			4px;
	overflow:				hidden;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* content layout */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content {
	border:					2px solid #34006F; /* 01A1C5 */
	/*border-top:				4px solid #34006F; */
	border-top:				0;
	border-bottom:			0;
	background:				#ffffff url(../images/content-bg.png) repeat-y;
	overflow:				hidden;
}

#content-home {
	border:					2px solid #34006F; /* 01A1C5 */
	/*border-top:				4px solid #34006F;*/
	border-bottom:			0;
	background:				#ffffff;
	overflow:				hidden;
}

#leftcol {
	float:					left;
	width:					174px;/*224px; -2px for border*/
	text-align:				center;
	background:				#C0E3F7;
}

#rightcol {
	float:					right;
	width:					722px;/*672px; -2px for border */
	background:				#ffffff;
}

#rightcol div {
	padding:				20px;
	padding-top:			10px;
	padding-bottom:			10px;
}

#full {
	float:					left;
	width:					876px; /* - the padding and border */
	padding:				10px;
	background:				#ffffff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* foot */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#foot {
	position:				relative;
	clear:					both;
	padding: 				5px;
	text-align:				center;
	color:					#ffffff;
	font-size:				10px;
	background-color:		#34006F;
}

#foot a, #foot a:visited, #foot a:hover {
	color:					#ffffff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* after foot */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#afterfoot {
	position:				relative;
	clear:					both;
	padding: 				5px;
	text-align:				center;
	color:					#666666;
	font-size:				10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* page elements */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* headings */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h1 {
	color:					#34006F;
	text-decoration:		none;
	/*border-bottom:			2px solid #01A1C5;*/
	font-size:				20px;
	margin-bottom:			10px;
}

h2 {
	color:					#01A1C5;
	text-decoration:		none;
	font-size:				14px;
}

h3 {
	color:					#01A1C5;
	text-decoration:		none;
	font-size:				14px;
	margin-bottom:			4px;
}

a, a:visited {
	border:					0px;
	color: 					#01A1C5;
}

a:hover {
	border:					0px;
	color: 					#34006F;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* other formattings */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

img {
	border:					0px;
}

table {
	border-collapse:		collapse;
}

td {
	padding:				0!important;
	vertical-align:			top;
	text-align:				justify;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* brochures table */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.brochures {
	width:					100%;
}

.brochures td {

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* lists */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul {
	margin-left:			20px;
	color:					#005070;
}

td li {
	margin-left:			10px;
	margin-bottom:			4px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CUSP */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#cusp {
	margin-bottom:			10px;
	width:					876px;
	height:					250px;
	overflow:				hidden;
	background:				url(../images/eagletech-cusp.jpg) no-repeat;
	position:				relative;
}

#cusp div {
	width:					400px;
	padding:				10px;
	margin:					0 auto;
}

#cusp  h1 {
	font-size:				26px;
	color:					#34006F;
	border:					0;
	font-weight:			normal;
}

#cusp  h2 {
	font-size:				18px;
	color:					#34006F;
	font-weight:			normal;
}

ul.cusp-link {
	list-style-type:		none;
	margin-left:			125px;
}

ul.cusp-link li {
	display:				inline;
}

ul.cusp-link li a {
	color:					#ffffff;
	text-align:				left;
	text-decoration: 		none;
	font-weight:			bold;
	float:					left;
	/* NEED TO BE THE SAME */
	height:					40px;
	line-height:			40px;
	padding:				0;
	margin:					0;
}

a.cusp-main {
	background:				url(../images/button/button-main.png) repeat-x;
	padding-left:			10px!important;
	padding-right:			10px!important;
}

a.cusp-left {
	width:					10px;
	background:				url(../images/button/button-left.png) repeat-x;
}

a.cusp-right {
	width:					10px;
	background:				url(../images/button/button-right.png) repeat-x;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* switchboard */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#switchboard {
	width:					876px;
	border-collapse:		collapse;
	font-size:				14px;
}

#switchboard td {
	width:					50%;
	text-align:				left;
}

/* LEFT */

#switchboard td div.swleft {
	margin-right:			5px;
}

#switchboard td div.swleft a {
	padding-left:			20px;
	background:				url(../images/bullet.png) no-repeat 10px 8px;
}
#switchboard td div.swleft a:hover {
	color:					#01A1C5;
}

#switchboard td div.swleft h1 a {
	padding-left:			10px;
	background:				none;
}
#switchboard td div.swleft h1 a:hover {
	color:					#01A1C5;
}

/* RIGHT */

#switchboard td div.swright {
	margin-left:			5px;
}

#switchboard td div.swright a {
	padding-left:			20px;
	background:				url(../images/bullet.png) no-repeat 10px 8px;
}
#switchboard td div.swright a:hover {
	color:					#01A1C5;
}

#switchboard td div.swright h1 a {
	padding-left:			10px;
	background:				none;
}
#switchboard td div.swright h1 a:hover {
	color:					#01A1C5;
}



#switchboard td div {
	padding:				10px;
	padding-top:			0px;
	background:				#C0E3F7;
	position:				relative;
}

#switchboard td a {
	color:					#34006F;
	text-decoration:		none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* module boxes */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.rightboxtop {
	width:					150px;
	height:					10px!important;
	overflow:				hidden;
	background:				transparent url(../images/right-mod-top.png) no-repeat;
	padding:				10px!important;
	padding-top:			0!important;
	padding-bottom:			0!important;
}
.rightboxbot {
	width:					150px;
	height:					10px!important;
	overflow:				hidden;
	background:				transparent url(../images/right-mod-bottom.png) no-repeat;
	padding:				10px!important;
	padding-top:			0!important;
	padding-bottom:			0!important;
}
.rightboxmid {
	width:					150px;
	overflow:				hidden;
	background:				#EAF4FA;
	color:					#000000;
	border:					2px solid #34006F;
	border-top:				0;
	border-bottom:			0;
	padding:				8px!important; /* remove border */
}

.rightbox {
	float:					right;
	width:					150px;
	margin-left:			10px;
	margin-right:			20px;
	margin-bottom:			10px;
	padding:				0!important;
}

.rightbox h1{
	text-align:				center;
	font-size:				14px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* contact form */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.content-left {
	width:					50%;
	padding:				0px!important;
	float:					left;
}

.content-right {
	width:					50%;
	padding:				0px!important;
	float:					right;
}

table.form {
	width:					100%;
}

table.form td {
	padding:				4px!important;
}

input.text, textarea {
	background-color:		#ffffff;
	border:					2px solid #34006F;
	font-family:			verdana;
	font-size:				12px;
}

input.btn {
	background-color:		#34006F;
	border:					2px solid #34006F;
	color:					#ffffff;
	font-family:			verdana;
	font-size:				12px;
	font-weight:			bold;
	padding:				4px;
}

textarea {
	width:					100%;
	height:					125px;
}

.error {
	color:					#ff0000!important;
	font-weight:			bold!important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TASTY CORNERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.tl, .tr, .bl, .br {
	position:				absolute!important;
	height:					4px;
	width:					4px;
}
.tl {
	background:				transparent url(../images/corners/tl.png) no-repeat top left!important;
	top:					0;
	left:					0;
}

.tr {
	background:				transparent url(../images/corners/tr.png) no-repeat top right!important;
	top:					0;
	right:					0;
}

.bl {
	background:				transparent url(../images/corners/bl.png) no-repeat bottom left!important;
	bottom:					0;
	left:					0;
}

.br {
	background:				transparent url(../images/corners/br.png) no-repeat bottom right!important;
	bottom:					0;
	right:					0;
}

div.aleft {
	text-align:				left!important;
	padding-left:			10px;
}

div.clear {
	clear:					both;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TESTIMONALS TABLE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table.testimonials {
	width:					100%;
}
table.testimonials tr td{
	padding:				10px!important;
	vertical-align:			middle;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TESTIMONALS TABLE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.button {
	background:				url(../images/button/button.png);
	margin:					11px;
	overflow:				hidden;
	width:					200px;
	height:					40px;
	color:					#ffffff;
	line-height:			40px;
	font-weight:			bold;
}

.center {
	text-align:				center;
}