/*----------------------------------------------------|
// Main CSS
/*----------------------------------------------------*/
body {
	background: url('../images/misc/background.gif') #fafcff top repeat-x;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:9pt;
	color: #000000;
	letter-spacing: 0.3px;
}

img {
	border: 0px;
}

form {
	margin: 0px;
}

input:focus {
	outline: none;
}

textarea:focus {
	outline: none;
}

A {
	color: #000000;
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

/*----------------------------------------------------|
// Fonts
/*----------------------------------------------------*/
h1 {
	font-family: Arial;
	font-size: 9pt;
	color: #000;
}

.smallfont {
	font-family: Arial;
	font-size: 7pt;
	color: #ffffff;
}

font.headtext {
	color: #0066ff;
	font-weight: bold;
	font-size: 11pt;
}

/*----------------------------------------------------|
// Wrapper
/*----------------------------------------------------*/
#mainWrapper {
	margin: 0 auto 0 auto;
	width: 970px;
	background: #ffffff url('../images/misc/wrapper_background.gif') repeat-y top;
}

#mainFooter {
	margin: 0 auto 0 auto;
	width: 970px;
	height: 14px;
	background: url('../images/misc/wrapper_footer.gif') no-repeat bottom;
}

/*----------------------------------------------------|
// Content
/*----------------------------------------------------*/
#mainWrapper #mainContent {
	font-size: 9pt;
	width: 950px;
	padding: 0px 0px 3px 17px;
}

div#homescreen {
	background: url('../images/logos/MadeSimple2.jpg') no-repeat top left;
	height: 230px;
	width: 444px;
}

/*--------------------------------------------------|
// Logo
/*----------------------------------------------------*/
#header {
	margin: 0 auto 0 auto;
	width: 970px;
	height: 71px;
	background: url(../images/misc/logo.gif) no-repeat top;
}

	#miniMenu {
		float: right;
		width: 200px;
		text-align: center;
		margin: 8px 5px 5px 5px;
		color: #c0c0c0;
		font-size: 8pt;
		font-family: Arial;
	}

		#menuLinks {
			margin-top: 4px;
			color: #ffffff;
		}

		#menuLinks A {
			color: #ffffff;
			text-decoration: none;
		}

		#menuLinks A:hover {
			text-decoration: underline;
		}

	#searchBox {
		height: 20px;
		width: 200px;
		text-align: center;
		margin-top: 5px;
	}

		#searchBox #searchInput {
			float: left;
			border: 0px;
			padding-top: 2px;
			background: url(../images/misc/searchbox_bg.gif) repeat-x top;
			height: 24px;
			width: 150px;
			font-size: 8pt;
		}

		#searchBox #searchBoxLeft {
			float: left;
			background: url(../images/misc/searchbox_left.gif) no-repeat;
			height: 24px;
			width: 6px;
		}

		#searchBox #searchSubmit {
			float: left;
			border: 0px;
			background: url(../images/misc/searchbox_submit.gif) no-repeat;
			height: 24px;
			width: 26px;
		}

		#searchBox #searchBoxRight {
			float: left;
			background: url(../images/misc/searchbox_right.gif) no-repeat;
			height: 24px;
			width: 6px;
		}

/*----------------------------------------------------|
// Menu
/*----------------------------------------------------*/
#menu {
	margin: 0 auto 0 auto;
	background: #ffffff;
	width: 970px;
	height: 35px;
	background: url('../images/misc/menu.gif') top no-repeat;
	
}

	#menu #menuContent {
		width: 944px;
		height: 35px;
	}

	#menu .menuBlock {
		position: relative;
		cursor: pointer;
		float: left;
		text-align: center;
		padding: 12px;
		min-width: 50px;
		height: 11px;
		color: #000000;
		font-weight: bold;
		font-family: Arial;
		font-size: 8pt;
	}

		#menu .menuBlock A {
			color: #ffffff;
			font-weight: bold;
			font-family: Arial;
		}

	#menu .divider {
		float: left;
		width: 1px;
		margin-top: 1px;
		height: 34px;
		background: url(../images/misc/menu_d.gif) no-repeat top;
	}

/*----------------------------------------------------|
// Sub menu
/*----------------------------------------------------*/
.submenu {
	position: absolute;
	width: 210px;
	background: #98cde1;
	color: #ffffff;
	font-weight: bold;
	z-index:1000;
	/*border: 1px solid #428098;*/
}

	.submenu .subitem {
		width: 190px;
		margin: 2px;
		padding: 5px;
		color: #ffffff;
		position: relative;
	}

	.submenu .subitem-parent {
		width: 180px;
		margin: 2px;
		padding: 5px;
		color: #ffffff;
		position: relative;
		background: #98cde1 url('../images/misc/bullet.gif') no-repeat right;
		font-weight: bold;
	}

	.submenu .subitem-hover {
		width: 180px;
		margin: 2px;
		padding: 5px;
		color: #ffffff;
		cursor: pointer;
		position: relative;
		background: #4ca0c1;
		font-weight: bold;
	}
	
	.submenu .subitem-parent-hover {
		width: 190px;
		margin: 2px;
		padding: 5px;
		color: #ffffff;
		cursor: pointer;
		position: relative;
		background: #4ca0c1 url('../images/misc/bullet.gif') no-repeat right;
		font-weight: bold;
	}

/*----------------------------------------------------|
// Content wrapper
/*----------------------------------------------------*/
.contentWrapper {
	padding-top: 15px;
	width: 100%;
	overflow: hidden;
}

	/*----------------------------------------------------|
	// Client login box
	/*----------------------------------------------------*/		
	.clientbox .fieldLeft {
		float: left;
		background: url('../images/misc/clientfield_left.gif') no-repeat;
		height: 17px;
		width: 4px;
	}
	
	.clientbox .fieldRight {
		float: left;
		background: url(../images/misc/clientfield_right.gif) no-repeat;
		height: 17px;
		width: 4px;
	}

	.clientbox .fieldMiddle {
		float: left;
		background: url(../images/misc/clientfield_middle.gif) repeat-x;
		font-size:8pt;
		height: 17px;
		border: 0;
		color: #fff;
	}

	/*----------------------------------------------------|
	// Content box
	/*----------------------------------------------------*/	
	.contentbox {
		border:1px solid #cfd1d2; 
		background: #fff url('../images/misc/content_bg.gif') top repeat-x; 
		margin-top:10px;
	}
	
		.contentbox .innerContent {
			padding: 1px 15px 2px 15px;
			overflow: hidden;
		}
		
		.contentbox .cCurveTL {
			background: url('../images/misc/contentbox_topleft.gif') 0 0 no-repeat;
		}
		
		.contentbox .cCurveTR {
			background: url('../images/misc/contentbox_topright.gif') 100% 0 no-repeat;
		}
	
		.contentbox .cCurveBL {
			background: url('../images/misc/contentbox_bottomleft.gif') 0 100% no-repeat;
			height: 100%;
		}
		
		.contentbox .cCurveBR {
			background: url('../images/misc/contentbox_bottomright.gif') 100% 100% no-repeat;
			height: 100%;
		}
	
	/*----------------------------------------------------|
	// Inner HTML
	/*----------------------------------------------------*/
	h1.headtext {
		margin-left: 50px;
	}

	.contentWrapper .divider {
		background: url(../images/misc/content_divider.gif) no-repeat;
		margin: 5px auto 5px auto;
		height: 7px;
		width: 385px;
	}

	.contentWrapper .leftDivider {
		background: url(../images/misc/content_divider.gif) no-repeat;
		margin: 5px;
		height: 7px;
		width: 385px;
	}

	.contentWrapper .clientbox A,
	.contentWrapper .clientbox A {
		color: #344b59;
		text-decoration: underline;
	}

	.contentWrapper A:Hover {
		color: #446571;
	}

	.contentWrapper .bullet {
		float: left;
		margin-right: 5px;
		margin-top: 4px;
		background: url(../images/misc/bullet.gif) no-repeat;
		height: 9px;
		width: 14px;
	}

/*----------------------------------------------------|
// Miscellaneous
/*----------------------------------------------------*/
.sterlingform {
	padding-left: 17px;
	background: url('../images/icons/sterling.gif') left no-repeat;
	border: 1px solid #a5acb2;
}

#dullbg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: .6;
	z-index: 15;
}

#browserError {
	position: absolute;
	left: 150px;
	top: 150px;
	border: 1px solid #000;
	background: #fff;
	padding: 5px;
	width: 500px;
	min-height: 200px;
	z-index: 16;
	font-size: 10pt;
}

.cTitle {
	color: #ff6600;
	font-size: 13pt;
	font-weight: bold;
}

.cBlue {
	padding: 5px 15px 0px 15px;
	margin-top: 10px;
	margin-right: 15px;
	border-top: 1px solid #949494;
	color: #2f6481;
	line-height: 16px;
	background: #fff url('../images/gradient/cBlue.gif') top repeat-x;
}

.cProblem {
	float: left;
	width: 48%;
	padding: 5px;
	color: #2f6481;
	line-height: 16px;
	background: #fff url('../images/gradient/orange.gif') top repeat-x;
}

.cSolution {
	float: right;
	width: 48%;
	padding: 5px;
	color: #2f6481;
	line-height: 16px;
	background: #fff url('../images/gradient/blue.gif') top repeat-x;
}

/*----------------------------------------------------|
// Home Blocks
/*----------------------------------------------------*/
.homeleft {
	background: url('../images/misc/homeblock_header.gif') top no-repeat;
	width: 236px;
	min-height: 10px;
	overflow: hidden;
}

	.homeleft .innercontent {
		margin-top: 3px;
		border-right: 1px solid #cfd1d2;
		border-left: 1px solid #cfd1d2;
		background: #fff url('../images/misc/homeinfo_inner.gif') top no-repeat;
	}
	
		.homeleft .innercontent .title {
			font-size: 13pt;
			text-align: center;
			color: #ff6600;
		}

	.homeleft .contentfooter {
		background: url('../images/misc/homeblock_footer.gif') top no-repeat;
		height: 4px;
	}

.homemiddle {
	margin-top: 10px;
	background: url('../images/misc/homeinfo_header.gif') top no-repeat;
	width: 444px;
	min-height: 10px;
	overflow: hidden;
}

	.homemiddle .innercontent {
		margin-top: 3px;
		padding: 20px 15px 0px 15px;
		color: #2f6481;
		border-right: 1px solid #cfd1d2;
		border-left: 1px solid #cfd1d2;
		background: #fff url('../images/misc/homeinfo_inner.gif') top repeat-x;
	}
	
	.homemiddle .contentfooter {
		background: url('../images/misc/homeinfo_footer.gif') top no-repeat;
		height: 4px;
	}

	.homemiddle .headtext {
		color: #0066ff;
		font-weight: bold;
		font-size: 12pt;
	}

	.homemiddle .innercontent ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	.homemiddle .innercontent ul li {
		background-image: url('images/misc/libullet.gif');
		background-repeat: no-repeat;
		background-position: 0 .4em;
		padding-left: .6em;
	}
	
div.homePoint {
	cursor: pointer;
	margin-top: 10px;
	padding: 5px 0px 5px 0px;
	min-height: 20px;
	overflow: hidden;
}

div.homepoint_hover, div.hometick_hover {
	cursor: pointer;
	background: url('../images/homeblocks/homepoint_hover.gif') top left repeat-y;
	margin-top: 10px;
	padding: 5px 0px 5px 0px;
	min-height: 20px;
	overflow: hidden;
}

	div.homePoint b, div.homepoint_hover b, div.homeTick b, div.hometick_hover b {
		color: #0066ff;
	}
	
	div.homePoint a, div.homepoint_hover a, div.homeTick a, div.hometick_hover a {
		font-weight: bold;
		color: #0066ff;
	}
	
	div.homePoint div.pointContent, div.homepoint_hover div.pointContent {
		background: url('../images/icons/qmark.gif') left no-repeat;
		padding-left: 25px;
		min-height: 20px;
		margin:0px;
	}
	

div.homeTick {
	cursor: pointer;
	margin-top: 10px;
	padding: 5px 0px 5px 0px;
	min-height: 20px;
	overflow: hidden;
}
	
	div.homeTick div.pointContent, div.hometick_hover div.pointContent {
		background: url('../images/icons/hometick.gif') left no-repeat;
		padding-left: 25px;
		min-height: 20px;
		margin:0px;
	}

.homeright1 {
	margin-top: 10px;
	background: url('../images/homeblocks/homeright1_header.gif') top no-repeat;
	width: 236px;
	min-height: 10px;
	overflow: hidden;
}

	.homeright1 .innercontent {
		margin-top: 3px;
		padding: 5px;
		height: 93px;
		color: #2f6481;
		border-right: 1px solid #cfd1d2;
		border-left: 1px solid #cfd1d2;
		background: #f5f5f5;
	}

	.homeright1  .contentfooter {
		background: url('../images/homeblocks/homeright1_footer.gif') top no-repeat;
		height: 4px;
	}
	
.homeright2  {
	margin-top: 10px;
	background: url('../images/homeblocks/homeright2_header.gif') top no-repeat;
	width: 236px;
	min-height: 10px;
	overflow: hidden;
}

	.homeright2  .innercontent {
		margin-top: 3px;
		padding: 5px;
		height: 93px;
		color: #2f6481;
		border-right: 1px solid #cfd1d2;
		border-left: 1px solid #cfd1d2;
		background: #fff url('../images/homeblocks/homeright2_inner.gif') top repeat-x;
	}

	.homeright2 .contentfooter {
		background: url('../images/homeblocks/homeright2_footer.gif') top no-repeat;
		height: 4px;
	}
	
.homeright3  {
	margin-top: 10px;
	background: url('../images/homeblocks/homeright3_header.gif') top no-repeat;
	width: 236px;
	min-height: 10px;
	overflow: hidden;
}

	.homeright3  .innercontent {
		margin-top: 3px;
		padding: 5px;
		height: 93px;
		color: #2f6481;
		border-right: 1px solid #cfd1d2;
		border-left: 1px solid #cfd1d2;
		background: #fff url('../images/homeblocks/homeright3_inner.gif') top repeat-x;
	}

	.homeright3  .contentfooter {
		background: url('../images/homeblocks/homeright3_footer.gif') top no-repeat;
		height: 4px;
	}
	
.clientbox  {
	background: url('../images/homeblocks/clientbox_header.gif') top no-repeat;
	width: 236px;
	min-height: 10px;
	overflow: hidden;
}

	.clientbox  .innercontent {
		margin-top: 3px;
		padding: 5px;
		height: 93px;
		color: #2f6481;
		border-right: 1px solid #cfd1d2;
		border-left: 1px solid #cfd1d2;
		font-size: 8pt;
		background: url('../images/homeblocks/clientbox_inner.gif') top repeat-x;
	}
	
		.clientbox .innercontent a {
			text-decoration: none;
		}
		
		.clientbox .innercontent a:hover {
			text-decoration: underline;
		}

	.clientbox  .contentfooter {
		background: url('../images/homeblocks/clientbox_footer.gif') top no-repeat;
		height: 4px;
	}

/*----------------------------------------------------|
// Footer (Copyright)
/*----------------------------------------------------*/
#footer {
	clear: both;
	margin: 10px auto 0 auto;
	width: 950px;
	text-align: center;
	font-size: 8pt;
	font-family: Arial;
	color: #4e66c6;
}

	#footerLeft {
		width: 850px;
		float: left;
	}
	
	#footerRight {
		float: right;
	}

	#footer A {
		color: #4e66c6;
		letter-spacing: 1px;
	}