/***************************************************************************************************/
/*                                         Layout Styles                                          */
/***************************************************************************************************/

/* Common Layout */
body {
	font:13px/1.5 Arial, 'Helvetica Neue', FreeSans, sans-serif;
	color:#333333;
	height:100%;
	background-color:#ffffff;
  background-image:url('../Images/bg.gif'); 
  background-position:0px 0px;
  background-repeat:repeat-x;
}
#wrapper {
	width:100%;
	height:100%;
	min-height:100%;
	margin-left:auto;
  margin-right:auto;
}
#header {
	width:960px;
	height:120px;
	min-height:120px;
	margin:0 auto;
}
#logo {
	width:610px;
	height:120px;
	float:left;
}
#topNavigation {
	width:340px;
	height:120px;
	float:left;
}
#center {
	width:960px;
	margin:0 auto;
	background-color:#ffffff;
	margin-top:20px;
}
#leftNavigation {
	width:280px;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:40px;
}
#footer {
	width:919px;
	margin:0 auto;
	border-top-width:1px;
	border-top-color:#000000;
	border-top-style:dotted;
	padding-top:10px;
	margin-top:20px;
	#margin-top:30px;
	font-size:85%;
	color:#333333;
}
#footerLeft {
	width:725px;
	float:left;
}
#footerRight {
	float:left;
	text-align:center;
}

/* Homepage Layout */
#banner {
	width:960px;
	height:165px;
	min-height:175px;
	margin:0 auto;
	background-color:#ffffff;
  background-image:url('../Images/bg-banner.gif'); 
  background-position:0px 0px;
  background-repeat:no-repeat;
}
#homepagecontent {
	width:383px;
	float:left;
	margin:0px;
	padding:0px;
	margin-right:17px;
	text-align:justify;
}
#testimonials {
	width:235px;
	height:370px;
	float:left;
	margin:0px;
	padding:0px;
	margin-left:10px;
	color:#333333;
}


/* Subpage Layout */
#bannerSub {
	width:960px;
	height:165px;
	min-height:175px;
	margin:0 auto;
	background-color:#ffffff;
  background-image:url('../Images/bg-banner.gif'); 
  background-position:0px 0px;
  background-repeat:no-repeat;
}
#pageName {
	width:290px;
	height:165px;
	float:left;
}
#pageNameContainer {
	height:110px;
	margin:30px;
	border-right-width:2px;
	border-right-color:#ffffff;
	border-right-style:dotted;
}
#pageTestimonial {
	width:660px;
	height:165px;
	float:left;
}
#pageTestimonialContainer {
 height:110px;
 margin-left:0px;
 margin-right:40px;
}
#content {
	width:660px;
	float:left;
	margin:0px;
	padding:0px;
	text-align:justify;
	margin-bottom:30px;
}

/***************************************************************************************************/
/*                                         Content Styles                                          */
/***************************************************************************************************/
a {
	color:#3c746b;
}
/* Left Navigation */
ul.leftnav {
  list-style-position:outside;
  padding-left:0px;
	font-weight:bold;
	text-align:left;
	width:100%;
	margin-left:25px;
}
a.leftnav {
  padding-left:25px;
  background-image:url('../Images/bullet.png'); 
  background-position:1px 0px;
  background-repeat:no-repeat;
	margin-bottom:5px;
	font-weight:bold;
	display:block;
	padding-bottom:5px;
	text-decoration:none;
	color:#3c746b;
	border-bottom-width:1px;
	border-bottom-color:#000000;
	border-bottom-style:dotted;
	width:200px;
	left:40px;
}
a.leftnav:hover {
	color:#000000;
	background-image:url('../Images/bulletOver.png'); 
}
span.leftnav, a.leftnavSelected {
  padding-left:25px;
  background-image:url('../Images/bulletOn.png'); 
  background-position:0px 0px;
  background-repeat:no-repeat;
	margin-bottom:5px;
	font-weight:bold;
	display:block;
	padding-bottom:5px;
	text-decoration:none;
	color:#660000;
	border-bottom-width:1px;
	border-bottom-color:#000000;
	border-bottom-style:dotted;
	width:200px;
	left:40px;
}
/* Footer */
#footerRight p {
	font-size:1.1em;
	font-weight:bold;
	font-color:#000000;
	line-height:1.15em;
}
#footerRight a {
	text-decoration:none;
	color:#333333;
}
#footerRight a:hover {
	text-decoration:underline;
	color:#3c746b;
}

/* Homepage Banner Introduction */
#banner p {
	padding-top:35px;
	padding-bottom:40px;
	padding-left:50px;
	padding-right:50px;
	font-size:1.5em;
	font-weight:bold;
	text-align:justify;
	line-height:1.5em;
	color:#ffffff;
	font-size:1.25em;
	line-height:1.45em;
	padding-top:27px;
	padding-bottom:0px;
}

/* Homepage Rotating Testimonials */
#testimonialsContainer {
	height:370px;
}
p.testimonial {
	padding:10px 20px 0px 20px;
	font-size:115%;
  line-height:125%;
	font-style:italic;
	text-align:justify;
}
p.testimonialClient {
	padding:10px 20px 0px 20px;
	font-size:110%;
  line-height:120%;
	font-style:normal;
	text-align:right;
	font-weight:bold;
}
div.testimonialsCarouselList {
	vertical-align:top;
	height:320px;
}

/* Subpage Banner Testimonials */
#pageNameContainer h1 {
	color:#ffffff;
	width:100%;
	height:100%;
	font-weight:bold;
	font-size:1.5em;
	line-height:1.45em;
	margin-top:5px;
}
#pageTestimonialContainer p,  p.pageTestimonialContainerClient {
	color:#ffffff;
	font-weight:normal;
	font-size:1.25em;
	line-height:1.5em;
	font-style:italic;
}
#pageTestimonialContainer p.pageTestimonialContainerClient {
	font-weight:bold;
	margin-top:10px;
	text-align:right;
	font-style:normal;
	font-size:1.1em;
	line-height:1.1em;
}

/* Main Content */
#content h2, #homepagecontent h2 {
	color:#3c746b;
	width:100%;
	border-bottom-width:0px;
	border-bottom-color:#000000;
	border-bottom-style:dotted;
	margin-bottom:10px;
	font-weight:bold;
	font-size:1.35em;
}

/* Main Content Anchors */
td.anchor-left {
	margin-left:0px;
	margin-right:10px;
	width:400px;
	padding-right:20px;
	vertical-align:top;
}
td.anchor-right {
	margin-left:20px;
	width:235px;
	vertical-align:top;
	padding-top:25px;
}
ul.anchor {
  list-style-position:outside;
	font-weight:bold;
	text-align:left;
	width:205px;
	margin:15px;
}
a.anchor {
  padding-left:15px;
  background-image:url('../Images/bullet-anchor-off.png'); 
  background-position:1px 0px;
  background-repeat:no-repeat;
	font-weight:bold;
	display:block;
	text-decoration:none;
	color:#3c746b;
	left:20px;
	font-size:90%;
}
a.anchor:hover {
	color:#000000;
	background-image:url('../Images/bullet-anchor-on.png'); 
}
span.anchor, a.anchorSelected {
  padding-left:15px;
  background-image:url('../Images/bullet-anchor-on.png'); 
  background-position:0px 0px;
  background-repeat:no-repeat;
	font-weight:bold;
	display:block;
	text-decoration:none;
	color:#000000;
	left:20px;
	font-size:90%;
}
#content ul.associates-network {margin-top:20px;}
#content li {font-weight:700;}
#content li span {display:block;font-weight:700;padding-left:20px;text-decoration:none;background-image:url('../Images/bullet-services.gif');background-repeat:no-repeat;}
#content p.associates-networks {margin-top:10px;margin-bottom:10px;font-weight:normal;}

#content ul.client-list {margin-top:0px;}
#content ul.client-list li {font-weight:700;}
#content ul.client-list li span {display:block;font-weight:700;padding-left:20px;text-decoration:none;background-image:url('../Images/bullet-services.gif');background-repeat:no-repeat;}
#content ul.client-list p.client-list {margin-top:10px;margin-bottom:10px;font-weight:normal;}
#content ul.client-list li ul.client {margin-top:0px;margin-bottom:22px;}
#content ul.client-list li ul.client li {margin-left:20px;font-weight:normal;}

#content ul.testimonial li.testimonial {margin-top:0px;margin-bottom:20px;margin-left:0px;font-weight:normal;padding-bottom:20px;}
#content ul.testimonial li.testimonial p.testimonial {margin-left:0px;padding-left:0px;padding-top:0px;}

#content ul.services {margin-top:10px;margin-bottom:10px;}
#content li.services {font-weight:normal;display:block;padding-left:20px;text-decoration:none;background-image:url('../Images/bullet-services.gif');background-repeat:no-repeat;}

/* jQuery menu */
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav {margin-top:50px;}
#nav li.menu {float:left;display:block;width:80px;position:relative;z-index:500;}
/* this is the parent menu */
#nav li.menu a.menu {display:block;font-weight:700;padding-top:2px;padding-right:2px;text-align:center;width:70px;height:25px;text-decoration:none;color:#ffffff;background-image:url('../Images/bg-nav-menu-off.gif');background-repeat:no-repeat;}
#nav li.menu a.menu:hover {color:#ffffff;background-image:url('../Images/bg-nav-menu-on.gif');background-repeat:no-repeat;}
/* you can make a different style for default selected value */
#nav li.menu a.menuSelected {display:block;font-weight:700;padding-top:2px;padding-right:2px;text-align:center;width:70px;height:25px;text-decoration:none;color:#ffffff;background-image:url('../Images/bg-nav-menu-on.gif');background-repeat:no-repeat;}
/* submenu, it's hidden by default */
#nav ul.submenu {position:absolute;left:0;display:none;list-style:none;}
#nav ul.submenu li.submenu {width:220px;height:25px;float:left;border-top:1px solid #fff;background-color:#ebf1f0;margin-left:5px;}
/* display block will make the link fill the whole area of LI */
#nav ul.submenu a.submenu {display:block;height:25px;color:#3c746b;text-decoration:none;padding-left:10px;padding-top:2px;border-left-width:10px;border-left-color:#3c746b;border-left-style:solid;}
#nav ul.submenu a.submenu:hover {color:#3c746b;background-color:#cbd7a4;}
#nav ul.submenu a.submenuSelected {display:block;height:25px;color:#3c746b;text-decoration:none;padding-left:10px;padding-top:2px;border-left-width:10px;border-left-color:#660000;border-left-style:solid;font-weight:bold;}

/* fix ie6 small issue */
*html #nav ul {margin:0 0 0 -2px;}

/* Scrolling Sections (DIVs) */
#contentScroll{
  overflow:hidden;
  width:635px;
  position:relative;
  float:left;
	border:red 0px dashed;
	font-weight:normal;
}
.section .sub{
  position:relative;
  float:left;
  padding:0;
  margin:0;
  width:635px;
	font-weight:normal;
}
#contentScroll li {
	font-weight:normal;
}
#contentScroll h2 {
	color:#660000;
	font-size:98%;
	font-weight:bold;
	border-bottom-width:1px;
	border-bottom-color:#660000;
	border-bottom-style:dotted;
}

/* Rounded Corners */
.rounded {
	margin: 0pt auto;
	background-color: #ebf1f0;
}
a.directionsmap {
	font-weight:bold;
	display:block;
	text-decoration:none;
	color:#3c746b;
	border-bottom-width:1px;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-top-width:1px;
	border-top-color:#000000;
	border-top-style:solid;
	border-right-width:1px;
	border-right-color:#000000;
	border-right-style:solid;
	border-left-width:1px;
	border-left-color:#000000;
	border-left-style:solid;
	width:200px;
	text-align:center;
	height:25px;
	padding-top:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top:15px;
	background-color:#ebf1f0;
}
a.directionsmap:hover {
	color:#cbd7a4;
	background-color:#3c746b;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
span.quote {
	font-size:1.5em;
}