@import url(typography.css);
@import url(nav.css);

body {
	background-color: #2e7f99;
	color: #333;
	font-size: 1.1em;
	text-align: center;
}

h1, h2, h3 { color: #4088a0; }

h1 { margin-top: 0; }

h2 {
	color: #666;
	font-family: georgia, "times new roman", times, serif;
	margin-bottom: 0.6em;
}

h3 {
	background: transparent url(../images/bullet-star-yellow.gif) no-repeat left 0.3em;
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 0.6em;
	padding-left: 20px;
}
* html h3 { font-weight: normal; }

p, table, ul { font-size: 1.1em; }

a {
	background: transparent url(../images/a-bg.gif) repeat-x left bottom;
	color: #2e7f99;
	padding-bottom: 0.2em;
	text-decoration: none;
}

a:hover {
	background: transparent url(../images/a-hover-bg.gif) repeat-x left bottom;
	color: #fac32e;
}

hr {
	background-color: #c1cad1;
	border: 0;
	color: #c1cad1;
	height: 1px;
	margin: 0 0 5px 0;
	padding: 0;
}

#container {
	background: #fff url(../images/container-bg.gif) repeat-y left top;
	margin: 7px auto;
	text-align: left;
	width: 770px;
}

#headertop {
	background: transparent url(../images/header-bg.gif) no-repeat left top;
	color: #666;
	padding: 4px 5px;
	padding-left: 225px;
	text-align: left;
}

#nav li {
	margin: 0 2px;
	width: auto;
}

#nav a {
	background-image: none;
	padding-left: 5px;
	padding-right: 5px;
	width: auto;
}

#nav li ul {
	background: transparent url(../images/submenu-bg.gif) no-repeat left bottom;
	padding-bottom: 8px;
	width: 180px;
}

#nav li li {
	background-color: #f1f1f1;
	margin: 0;
	width: 180px;
}

#nav li li a { width: 170px; }

#header {
	margin: 0 15px;
	text-align: left;
}

#header h1 {
	color: #333;
	font-size: 1em;
	font-weight: normal;
	margin: 5px 0;
}

#logo { margin-left: 40px; }

#quickcontact {
	display: inline;
	float: right;
	font-size: 1.2em;
	font-weight: bold;
	list-style: none;
	margin: 5px 5px 0 0;
	padding: 0;
}

#quickcontact li {
	background-position: left 1px;
	background-repeat: no-repeat;
	margin-bottom: 1px;
	padding-left: 25px;
}

#quickcontact .telephone { background-image: url(../images/icon-telephone.gif); }
#quickcontact .fax { background-image: url(../images/icon-fax.gif); }
#quickcontact .email { background-image: url(../images/icon-email.gif); }

#headerbottom {
	border: solid 2px #c1cad1;
	border-width: 2px 0 1px 0;
	margin: 0 5px;
}

#banner, #bett, #plan {
	display: inline;
	float: left;
	height: 180px;
	text-align: center;
	width: 233px;
}

#banner { width: 264px; }

#banner p { padding: 20px; }

#bett, #plan {
	height: auto;
	padding: 10px 5px;
	width: 223px;
}

#plan { margin-left: 20px; }

#bett img, #plan img { margin-bottom: 5px; }

#bett a, #plan a {
	background: transparent url(../images/arrow.gif) no-repeat left 0.4em;
	font-weight: bold;
	padding: 0;
	padding-left: 12px;
}

#bett a:hover, #plan a:hover { color: #fac32e; }

#bett a { color: #683289; }

#plan a { color: #3366cc; }

#body {
	margin: 0 10px;
	padding: 0 5px;
}

#body  p, #body li, #content  p, #content li { line-height: 1.6em; }

#areasofexpertise, #customervoice, #extranetdemo {
	display: inline;
	float: left;
	width: 233px;
}

#areasofexpertise ul {
	font-size: 1.2em;
	font-weight: bold;
	list-style: none;
	margin: 10px 0 0 20px;
	padding: 0;
}

#areasofexpertise li {
	background: transparent url(../images/bullet-square-yellow.gif) no-repeat left 0.7em;
	margin-bottom: 0.6em;
	padding-left: 16px;
}

#customervoice { margin: 0 20px; }

#areasofexpertise img, #customervoice img, #extranetdemo img { border: solid 1px #c1cad1; }

#features {
	background: transparent url(../images/we-can-help-bg.gif) repeat-y 335px top;
	border: solid 1px #c1cad1;
	margin-top: 10px;
}

#smartstrategy, #wecanhelp {
	display: inline;
	float: left;
}

#smartstrategy {
	padding: 0 5px;
	width: 325px;
}

#wecanhelp {
	padding: 0 5px 0 20px;
	width: 370px;
}

#wecanhelp h3 {
	background-image: url(../images/bullet-star-white.gif);
	color: #333;
}

#wecanhelp ul {
	list-style-type: square;
	margin-left: 20px;
}

#wecanhelp li { line-height: 2em; }

#wecanhelp a {
	background-image: url(../images/a-black.gif);
	color: #333;
}
#wecanhelp a:hover { background: none; }

#content, #bettcontent, #plancontent { padding: 10px 25px; }

#content ul {
	list-style: none;
	margin-left: 0;
}

#content li {
	background: transparent url(../images/bullet-square-yellow.gif) no-repeat 0.6em 0.7em;
	padding-left: 2em;
}

#bettcontent h1, #bettcontent h2, #bettcontent h3, #plancontent h1, #plancontent h2, #plancontent h3 {
	background: none;
	padding: 0;
}
#bettcontent h1, #bettcontent h2, #bettcontent h3 { color: #683289; }
#plancontent h1, #plancontent h2, #plancontent h3 { color: #3366cc; }

#plancontent img { border: 0; }

#footer {
	background: transparent url(../images/footer-bg.gif) no-repeat left bottom;
	color: #666;
	font-size: 0.9em;
	padding: 15px;
	padding-top: 10px;
	text-align: right;
}

#footer ul {
	display: inline;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer li {
	display: inline;
	margin: 0;
	padding: 0;
}

#footer a { background: none; }

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix { display:inline-block; }
/* Eide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

.float-lft, .top-lft, .btm-lft {
	display: inline;
	float: left;
}
.float-rgt, .top-rgt, .btm-rgt {
	display: inline;
	float: right;
}

.photo-lft, .photo-rgt {
	border: solid 2px #ccc;
	display: inline;
}
.photo-lft:hover, .photo-rgt:hover {
	border-color: #4088a0;
	display: inline;
}
.photo-lft {
	float: left;
	margin: 0 10px 10px 0;
}
.photo-rgt {
	float: right;
	margin: 10px 0 0 10px;
}