/*
TODO:
1. Shadows for main body
2. Link back home from Logo
3. Edges of images on blue (JPG) background
4. Hover effects for SignUp and Login menu items
5. Loss of margins http://css-class.com/test/css/box/margins/iehaslayoutmargins.htm
6. 3 pixels IE6 bug http://www.positioniseverything.net/explorer/threepxtest.html
*/

body {
	background-color: #0b4e86;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #808080;
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
#wrapper {
	width: 952px;
	margin: 0 auto;
	background-color: white;
	border-top: 3px solid #0e66b0;
}
#header {
	background-color: white;
	padding: 0px 0 0px 0px;
}
#header a img {
	border: none;
	float: left;
}
#menu {
	
}
#menu ul {
	list-style: none;
	width: 900px;
	margin: 0;
	padding: 0 26px;
	background: white url(images/menuulbg.gif) repeat-x top left;
	border-bottom: 9px solid #DD6F19;
	overflow: hidden;
}
#menu ul li {
	background-color: #ffffff;
}
#menu li.left {
	float: left;
}
#menu li.right {
	float: right;
}
#menu li.first a {
	border-left: 1px solid #dddddd;
}
#menu ul li a {
	display: block;
	background: transparent url(images/menubg.gif) top left no-repeat;
	padding: 6px 10px;
	color: #494949;
	text-decoration: none;
	line-height: 17px;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #fff;
	font-size: 12px;
}
#menu ul li a:hover, #menu ul li a.active {
	background-position: bottom left;
	color: white;
	border-bottom: 1px solid #DD6F19;
	font-size: 12px;
}
#menu li.spacer {
	width: 100px;
}
#menu li.signup a {
	background-image: url(images/signupbg.gif);
	color: white;
}
#menu li.login a {
	background-image: url(images/loginbg.gif);
	color: white;
}
#main {
	background: transparent url(images/mainbg.jpg) no-repeat top left;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	height: 215px;
	color: white;
	padding: 25px;
}
#main .left , #main .right{
	float:left;
}
#main .left{
	width:655px;
}
#main .right .label{
	font-size:1.6em; 
	margin:5px 0px 10px;
	color:#FF8E33;
}
#services_list {
	font-size: 1.2em;
	border-bottom: 3px solid #4A90CC;
}
#services_list .line .item{
	background: url(images/tick3.gif) no-repeat;
	background-position: left center;
	width:225px;
	padding-left:20px;
	float:left;
	font-size: 15px;
}
#services_list .line {
	border-bottom: 1px solid #4A90CC;
	overflow:hidden;
	padding:5px 0;
}
#main .right .more  {
	text-align:right;
	font-size: 1.2em;
	clear:both;
}
#main a {
	color: white;
}
#main a img {
	border: none;
}
#tagline {
	font-weight: bold;
 	font-size: 1.55em;
	width: 490px;
}
#description {
	font-size: 1.1em;
	width: 490px;
}
#backupContainer {
	clear:both;
	display:table;
}
#points {
	background: white url(images/blue-fade.jpg) repeat-x top left;
	overflow: hidden;
}
#points .point {
	float: left;
	width: 300px;
}
#points .point img {
	float: left;
	margin: 10px 10px 30px 10px;
}
#points h2 {
	font-size: 10pt;
	color: #0a5899;
}
#points p {
	font-size: 9pt;
}
#cases {
	width: 311px;
	float: right;
	background: white url(images/green-fade2.jpg) no-repeat 1px 1px;
	padding: 0.5em 20px 1.5em 20px;
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
}
#cases h2 {
	color: #08579a;
	font-size: 12px;
}
#cases ul {
	list-style-image: url(images/attention.gif);
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
#cases ul li {
	font-size: 9pt;
}
#cases ul a {
	text-decoration: none;
	color: #0e66b0;
}
#cases p a {
	color: #000;
}
#why {
	background: white url(images/orange-fade.jpg) no-repeat 98% 1px;
	padding: 0.5em 0px 2em 27px;
	border-top: 1px solid #d7d7d7;
	width: 573px;
	float:left;
}
#why h2 {
	color: #08579a;
	font-size: 16pt;
	font-weight: normal;
}
#why p {
	font-size: 9pt;
	margin-right: 12px;
}
#footer {
	clear: both;
	background-color: #0C569D;
	padding: 10px 20px;
	font-size: 9pt;
	margin-bottom: 2em;
}
#footer a {
	color: white;
	text-decoration: none;
}
#footer .separator {
	padding: 0 10px;
	color: #7d9fba;
	font-size: 8pt;
	vertical-align: 10%;
}
#copyright {
	color: #a1c2dc;
}
#links {
	font-weight: bold;
}
#links img {
	float: left;
}
#testimonials {
	float: right;
	width: 260px;
	border-left: 1px solid #d7d7d7;
	padding-left: 20px;
	border-top: 1px solid #d7d7d7;
}
#testimonials h2 {
	color: #08579a;
	font-size: 12px;
	font-weight: bold;
	background: transparent url(images/quote.gif) no-repeat 96% 0%;
	padding-right: 40px;
	^margin-top: 1em;
}
#blog {
	^clear:both;	
	border-top: 1px solid #d7d7d7;
	width: 291px;
	float:left;
}
#links {
	^clear:both;
	border-top: 1px solid #d7d7d7;
	width: 551px;
	float:left;
}
#links h2 {
	color: #08579a;
	font-size: 12px;
	font-weight: bold;
	background: transparent 
	padding-right: 40px;
	^margin-top: 1em;
}
#blog h2 {
	color: #08579a;
	font-size: 12px;
	font-weight: bold;
	background: transparent url(images/rss.gif) no-repeat 96% 0%;
	padding-right: 40px;
	^margin-top: 1em;
}
#blog h3 {
	color: black;
	font-size: 10pt;
}
#blog p a {
	color: #0e66b0;
	text-decoration: none;
}
#blog p a:hover {
	text-decoration: underline;
}
a.button {
	background: white url(images/buttonbg.gif) no-repeat top left;
	color: white;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 8pt;
}
a.button span {
	background: white url(images/buttonbg.gif) no-repeat top right;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.clearer {
	clear:both;
}
#signup_big{
	width:300px;
	height:56px;
	background: #ef621b url(images/signup_new.gif) no-repeat top right;
	font-weight:bold; 
	text-decoration: none; 
}