@charset "UTF-8";
/* CSS Document */

html {
	overflow-y: scroll;
	}
body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/body-background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #aaa;
	font: 14px/17px Helvetica, Arial, sans-serif;
}
a {
	color: #666;
	text-decoration: underline;	
}
p, li {
	font: 14px/17px Helvetica, Arial, sans-serif;
}
h1{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 28px;
	line-height: 32px;
	font-weight: bold;
}
h2{
	font: bold 19px/23px Helvetica, Arial, sans-serif;
}
h3{
	font: bold 14px/17px Helvetica, Arial, sans-serif;
}
.clearer{
	clear: both;
	height:0px;
}
.source {
	position: absolute;
	font-size: 11px;
	bottom: 0px;
	right: 20px;
	font-weight: bold;
}
#container {
	margin: 0px auto;
	padding: 0px;
	width: 818px;
}
#header {
	background-position:center top;
	background-repeat:no-repeat;
	height:115px;
	padding:65px 0px 0 30px;
	width:788px;
}
.home {
	background-image: url(../images/header-home.jpg);
}
.about {
	background-image: url(../images/header-about.jpg);
}
.contact {
	background-image: url(../images/header-contact.jpg);
}
.expertise {
	background-image: url(../images/header-expertise.jpg);
}
.faqs {
	background-image: url(../images/header-faqs.jpg);
}
.login {
	background-image: url(../images/header-login.jpg);
}
#bodycontent {
	padding: 35px 90px 90px 90px;
	margin: 0px;
	width: 638px;
	background-image: url(../images/content-background.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color: #fff;
	position: relative;
}
#footer {
	padding: 15px 0px 0px 0px;
	background-image: url(../images/footer-background.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	width: 798px;
	text-align: center;
	z-index:100;
}

#footer p{
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-size: 13px;
}
#QuoteContainer{
	background-image: url(../images/homepage-quotebox.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 50px;
	left: 86px;
	height:101px;
}
#homepagespacer{
	height: 110px;
}

#ctas ul{
	padding: 0px;
	margin: 4px -50px -15px 0px;
	float: right;
	list-style: none;
}
#ctas li{
	padding: 0px;
	margin: 0px;
	float: left;
	list-style: none;
}
#ctas a {
	background-position:left top;
	background-repeat:no-repeat;
	color:#AEAEAE;
	display:block;
	height:165px;
	outline: none;
	padding-left:11px;
	text-decoration:none;
	width:90px;
}
#ctas a:hover, #ctas a:active{
	background-position: bottom left;
}
#ctaAbout{
	background-image: url(../images/cta-1.gif);
}
#ctaExpertise{
	background-image: url(../images/cta-2.gif);
}
#ctaFaqs{
	background-image: url(../images/cta-3.gif);
}
#ctaContact{
	background-image: url(../images/cta-4.gif);
}
#ctaLogin{
	background-image: url(../images/cta-5.gif);
}
#header .submenu {
	width: 128px;
	height:30px;
	padding-top:10px;
	background-repeat:no-repeat;
	background-position:bottom center;
	text-align: center;
	text-indent: 0px;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	font-family: Helvetica, Arial, sans-serif
}
#header .current {
	background-position:top center;
	cursor: default;
}
#header .about {
	background-image:url(../images/about-buttons.gif);
}
#header .expertise {
	background-image:url(../images/expertise-buttons.gif);
}

#header ul{
	clear:left;
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
	}
#header li {
	padding: 0px:
	margin: 0px;
	list-style: none;
	float: left;
}
#header a{
	display: block;
	outline: none;
	height: 75px;
	background-repeat: no-repeat;
	basckground-position:top center;
	text-indent: -10000px;

}
#menuHome {
	background-image: url(../images/header-home.gif);
	width: 60px;
}
#menuAbout {
	background-image: url(../images/header-about.gif);
	width: 60px;
}
#menuExpertise {
	background-image: url(../images/header-expertise.gif);
	width: 70px;
}
#menuFaqs {
	background-image: url(../images/header-faqs.gif);
	width: 70px;
}
#menuContact {
	background-image: url(../images/header-contact.gif);
	width: 65px;
}
#menuLogin {
	background-image: url(../images/header-login.gif);
	width: 60px;
}
.about .fade, .about #menuAbout {
	background-position: 0px -75px;
}
.expertise .fade, .expertise #menuExpertise {
	background-position: 0px -150px;
}
.faqs .fade, .faqs #menuFaqs{
	background-position: 0px -225px;
}
.contact .fade, .contact #menuContact{
	background-position: 0px -300px;
}
.login .fade, .login #menuLogin{
	background-position: 0px -375px;
}
