/* --------------------------------------------
Basic Style Sheet

version:  2.1
updated:  04-Mar-07
created:  01-Sep-06
author:   Matt Auld (and Scott Boyle)
email:    mattauld@gmail.com
website:  http://www.mattauld.com
----------------------------------------------- */

body, html {
	margin: 0;
	padding: 0;
	line-height: 1.4;
	font-size: x-small;
	font-family: verdana, arial, helvetica, sans-serif;
	background: #fff;
	height: 100%;
	margin-bottom: 1px;
}
#wrapper {
	margin: 0 auto;
	width: 738px;
	height: auto;
}
* {
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
a:link {
	text-decoration: none;
	color: blue;
}
a:visited {
	text-decoration: none;
	color: blue;
}
a:hover {
	text-decoration: underline;
	color: black;
}

/* =brand
----------------------------------------------- */
h1 {
	float: left;
	margin-top: 12px;
}
h2 {
	float: right;
	margin: 16px 2px 4px 0;
	width: 340px;
	height: 60px;
	text-indent: -9999px;
	background: url(../images/proposition.gif) no-repeat right top;
}

/* =navigation
----------------------------------------------- */
#mainNav {
	clear: both;
	padding: 7px 0 0 11px;
	margin-bottom: 1px;
	width: 727px;
	height: 2em;
	font-size: 110%;
	color: #999;
	background: #039 url(../images/nv_corner_top_right.gif) no-repeat right top
}
#mainNav a:link, #mainNav a:visited {
	text-decoration: none;
	color: white
	}
#mainNav a:hover {
	text-decoration: underline;
}
#mainNav .onState {
	color: white
}
.indent {
	padding-left: 40px
}
#subNav {
	float: left;
	margin-top: 13px;
}
#subNav ul {
	clear: both;
	float: left;
	margin-bottom: 0;
	width: 220px;
}
#subNav li {
	list-style: none;
	padding-left: 12px;
	line-height: 1.8;
	font-size: 110%;
}
#subNav #current {
	background: url(../images/subnav_arrow.gif) no-repeat 0 50%;
}
#subNav #currentThird {
	background: url(../images/subnav_arrow_down.gif) no-repeat 0 50%;
}
#subNav li a:link {
	text-decoration: none;
	color: blue;
}
#subNav li a:visited {
	text-decoration: none;
	color: blue;
}
#subNav li a:hover {
	text-decoration: underline;
	color: black;
}
#thirdNav {
	padding: 0;
	/* =sb removed margin-left: 20px;
	added padding-left: 12px */
	padding-left: 12px;
	margin-top: 0px;
	width: 220px;
}
#subNav #thirdNav li {
	list-style: none;
	/* =sb removed padding-left: 12px; */
	line-height: 1.8;
	font-size: 110%;
}
#subNav #thirdNav li a:link {
	text-decoration: none;
	color: blue;
}
#subNav #thirdNav li a:visited {
	text-decoration: none;
	color: blue;
}
#subNav #thirdNav li a:hover {
	text-decoration: underline;
	color: black;
}

/* =header on home page
----------------------------------------------- */
#homeHeader {
	float: left;
	width: 491px;
	height: 122px;
	vertical-align: middle;
	background: #4b86fc;
}
#homeHeader h3 {margin: 19px 90px 0 12px;
	line-height: 1.4;
	font-size: 170%;
	color: white;
}
#homeHeader a:link, #homeHeader a:visited {
	font-weight: normal;
	text-decoration: none;
	color: white;
}
#homeHeader a:hover {
	text-decoration: underline;
}
#homeHeaderImage {
	float: right;
}

/* =content on home page
----------------------------------------------- */
#clients {
	clear: both;
	float: left;
	position: relative;
	border: 1px solid #ccc;
	border-top: none;
	width: 181px;
	height: 420px;
	background: #e5e5e6;
}
#news {
	float: left;
	position: relative;
	border: 1px solid #ccc;
	border-top: none;
	border-left: none;
	width: 308px;
	height: 420px;
}
#service {
	float: left;
	position: relative;
	border: 1px solid #ccc;
	border-top: none;
	border-left: none;
	width: 245px;
	height: 420px;
	background-color: #e5e5e6;
}
hr {
 	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin-bottom: 3px;
	border: none;
}
#clients h3, #news h3, #service h3 {
	margin: 8px 0 .5em 11px;
	font-size: 170%;
}
#clients h4, #news h4, #service h4 {
	margin: 0 11px 0 11px;
	font-size: 110%;
	color: black;
}
 #service h4 {
	margin-bottom:.5em;
}
#clients ul, #news ul, #service ul, #clients p, #news p, #service p {
	font-size: 110%;
	margin: 0 11px 1em 11px;
}
#clients ul, #service ul {
	list-style-type: none;
}
#service li {
	position: relative;
	padding-left: 19px;
	background: url(../images/arrow_greybg.gif) no-repeat 0 2px;
}
#clients .foot, #news .foot, #service .foot {
	position: absolute;
	bottom: -2px;
}
#clients a:link, #news a:link, #service a:link {
	font-size: 100%;
	text-decoration: none;
	color: blue;
}
#clients a:visited, #news a:visited, #service a:visited {
	text-decoration: none;
	color: blue;
}
#clients a:hover, #news a:hover, #service a:hover {
	text-decoration: underline;
	color: black;
}
#highLight a:link, #highLight a:visited {
	text-decoration: none;
	color: red;
}
#highLight a:hover {
	text-decoration: underline;
	color: black;
}

/* =header on content pages
----------------------------------------------- */
#mainHeader {
	float: left;
	margin-right: 1px;
	width: 246px;
	height: 84px;
	background: #4b86fc url(../images/hd_corner_bot_left.gif) no-repeat left bottom
}
#mainHeader h3 {
	margin: 52px 0 0 12px;
	font-size: 170%;
	color: white;
}
#secondHeader {
	float: left;
	margin-right: 1px;
	width: 245px;
	height: 84px;
	background: blue
}
#secondHeader h4 {
	margin: 52px 0 0 12px;
	font-size: 170%;
	color: white;
}
#brandPhotoTwo {
	float: left;
	margin-right: 1px;
}
#brandPhotoThree {
	float: left;
}

/* =content
----------------------------------------------- */
#mainContent {
	float: right;
	margin: 11px 10px 20px 0;
	width: 470px;
}
#mainContent h4	{
	line-height: 1.4;
	font-size: 110%;
	padding-top: .45em;
	margin: 0 0 .65em 0;
}
#mainContent p, #mainContent ul	{
	font-size: 110%;
	margin: 0 0 1em 0;
}
#mainContent li	{
	list-style: none;
	margin-left: 17px;
	padding-left: 18px;
	margin-bottom: 4px;
	font-weight: normal;
	background: url(../images/arrow_greybg.gif) no-repeat 0 2px;
}
#col1 {
	line-height: 1.4;
	font-size: 110%;
	margin: 1em 0 .65em .5em;
	float: left;
	width: 200px;
}
#col2 {
	float: left;
	width: 230px;
}
#col3 {
	float: right;
	width: 230px;
}
#list {
	font-size: 110%;
	margin: 0 0 4em 0;
	width: 210px;
}
#list li	{
	list-style: none;
	margin-left: 1px;
	padding-left: 1px;
	margin-bottom: 5px;
	font-weight: normal;
	background: none;
}
#callOut {
	width: 200px;
	height: 40px;
	background: #EFEFEF;
	padding: 10px;
	border: 1px solid #5F99FF; 
}
#feature {
	background: #EFEFEF;
	padding: 10px;
	border: 1px solid #5F99FF;
}

/* =footer
----------------------------------------------- */
#footer	{
	clear: both;
	margin-bottom: 5px;
	border-top: 1px solid #ccc;
	width: 738px;
	height: 50px;
	font-size: 110%;
}
#footer.home {
	border-top: 0;
}
#footer p {
	padding-top: 7px;
	
}
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: blue;
}
#footer a:hover	{
	text-decoration: underline;
	color: black;
}