/* =Main Structure
   -------------------------------------------------------------------------------------------------*/	

* {margin:0; padding:0;} 

/* this is for the "footer stick" */
html, body {height: 100%;}	

body {
	text-align: left;
	background: #f2f2f2 url(../images/bodyBG.jpg) no-repeat top center;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;}
	
#wrapper {
	width: 900px;
	background-color: #fff;
	margin: 0 auto -180px auto; /* negative magins needed for footer stick */
	border-left: 8px solid #ededed;
	border-right: 8px solid #ededed;	
	min-height: 100%;
	position: relative; /* needed for footer stick */}
	
#contentWrapper {background: url(../images/contentBG.jpg) repeat-x;}

#content {
	width: 860px; margin: 0 auto;
	padding: 0 20px;}		
	
#headerWrapper {
	background-color: #fff; 
	width: 100%;}

#header {
	background: url(../images/headerBG.jpg) no-repeat; 	
	margin: 0 auto;
	width: 900px;
	height: 220px;}	
	
.headerLogoLink {
	float: left;
	clear: both;
	cursor: pointer;	
	margin: 30px 0 0 20px;
	display: block; 
	width: 437px; height: 70px;}		
	
.clearBoth {clear: both;}	


/* =Learn More Link
   -------------------------------------------------------------------------------------------------*/	

a.learnMore {
	line-height: 2.2; 
	margin-bottom: 10px;}

a.learnMore:link, a.learnMore:visited {
	display: block;
  	width: 99px;
  	height: 27px;
 	background: url(../images/learnMoreBG.png) no-repeat; 
  	color: #000;
  	text-decoration: none;
  	text-align: center;}

a.learnMore:hover, a.learnMore:active {
 	background: url(../images/learnMoreBG.png) no-repeat; 
	text-decoration: underline;}
	

/* =Work With Us Link
   -------------------------------------------------------------------------------------------------*/	

a.workWithUs {
	line-height: 2.2; 
	margin-top: 20px;
	margin-left: 300px;}

a.workWithUs:link, a.workWithUs:visited {
	display: block;
  	width: 99px;
  	height: 27px;
 	background: url(../images/learnMoreBG.png) no-repeat; 
  	color: #000;
  	text-decoration: none;
  	text-align: center;}

a.workWithUs:hover, a.workWithUs:active {
 	background: url(../images/learnMoreBG.png) no-repeat;
	text-decoration: underline;}
		
.serviceSection {
	width: 190px;
	padding: 0 5px;
	clear: both;}
			
	
/* =Navigation
   -------------------------------------------------------------------------------------------------*/

#navWrapper {
	width: 100%; 
	height: 38px;
	background: url(../images/navBG.jpg) repeat-x;}

.nav {
	height: 38px;
	width: 900px;
	text-transform: capitalize;		
	margin: 0 auto 0px auto;
	font-size: 12px;}
	
.nav li {
	display: inline;}	
	
.nav li a {
	float: left;
	height: 38px;
	line-height: 3.2;	
	color: #000;
	padding: 0 11px;
	text-decoration: none;}
	
.nav li a:link, .nav li a:visited {
	color: #000; 	
	border-right: 1px solid #ccc;
	text-decoration: none;}	

.nav li a:hover, .nav li a:active {	
	color: #000;
	text-decoration: none;
	background: url(../images/navBG-over.jpg) repeat-x;}		
	
.nav li a#leftmostitem {}

.nav li a#rightmostitem {border: none;}

#home .nav li.home a, 
#services .nav li.services a, 
#aboutUs .nav li.aboutUs a, 
#solutions .nav li.solutions a, 
#ourTeam .nav li.ourTeam a, 
#documents .nav li.documents a, 
#ourNetwork .nav li.ourNetwork a, 
#contact .nav li.contact a, 
#pressReleases .nav li.pressReleases a,
#ourNetwork .nav li.ourNetwork a,
#propertyInformation .nav li.propertyInformation a
  {
	color: #000;
	font-weight: bold;
	border-bottom: none;
	background-image: url("../images/navBG-on.jpg");
	background-repeat: repeat-x;}	
	

/* =Footer
   -------------------------------------------------------------------------------------------------*/

#footerWrapper {
	width: 900px;
	margin: 0 auto;
	height: 180px;
	position: relative;
	background: url(../images/footerBG.gif) repeat-x;}	
	
#footerContent {
	width: 900px;
	height: 120px;
	text-align: center;
	margin: 0 auto;
	color: #999;
	vertical-align: middle;
	padding-top: 40px;
	font-size: 12px;}	
	
#footerContent p {
	color: #999;}		
	
.footerLinks {
	margin-top: 20px;}

.footerLinks li {display: inline;}	

.footerLinks li a {padding: 0 5px;}	
	
/* For the "Footer Stick" to work, make sure that the <form> is within the wrapper */
.clearfooter {
	height: 180px;
	padding-bottom: 20px;	
	clear: both;}

#copyright {}
	
/* =Columns
   -------------------------------------------------------------------------------------------------*/

#oneColumn, .oneColumn {
	width: 900px;
	margin: 0 auto 0px auto;
	clear: both;}	

#leftColumn { /* width is 520px */
	width: 500px;
	padding-right: 20px;
	float: left;}	
	
#rightColumn {
	width: 340px;
	float: left;}	
	
#leftColumn450 {
	width: 420px;	
	padding-right: 10px;
	float: left;}
	
#rightColumn450 {
	width: 420px;
	padding-left: 10px;
	float: left;}	
	
#leftColumn300 {
	width: 200px;
	background: url(../images/learnMoreGradient2.gif) no-repeat;	
	float: left;}	
	
#middleLeftColumn300 {
	width: 200px;
	margin-left: 20px;
	background: url(../images/learnMoreGradient2.gif) no-repeat;		
	float: left;}
	
#middleRightColumn300 {
	width: 200px;
	margin-left: 20px;
	background: url(../images/learnMoreGradient2.gif) no-repeat;		
	float: left;}	
	
#rightColumn300 {
	width: 200px;
	margin-left: 20px;
	background: url(../images/learnMoreGradient2.gif) no-repeat;				
	float: left;}				
	
img.floatLeft {float: left;}

img.floatRight {
	float: right; 
	margin-left: 10px;}	

img.border {
	padding: 8px; 
	background: url(../images/imageGradient.gif) repeat-x;}
			
	
/* =Links
   -------------------------------------------------------------------------------------------------*/	
	
a{}
a:link, a:visited {color: #39f; text-decoration: none;}
a:hover, a:active {color: #39f; text-decoration: none; background-color: #fff21a;}

.footerLinks a {background: none;}
.footerLinks a:link, .footerLinks a:visited {color: #39f; text-decoration: none;}
.footerLinks a:hover, .footerLinks a:active {color: #39f; text-decoration: underline;}
	


/* =Content Text
   -------------------------------------------------------------------------------------------------*/		
	
	
h1 {
	font-size: 34px;
	font-family: Arial, Helvetica, sans-serif;	
	color: #838383;
	clear: both;
	margin-bottom: 10px;
	text-align: left;}	
	
h1#aboutUsIcon {
	background: url(../images/h1-aboutUs.jpg) no-repeat; 
	height: 73px;
	margin-top: 10px;
	line-height: 2;	
	padding-left: 94px;}	
	
h1#servicesIcon {
	background: url(../images/h1-services.jpg) no-repeat; 
	height: 73px;
	margin-top: 10px;
	line-height: 2;	
	padding-left: 94px;}	
	
h1#solutionsIcon {
	background: url(../images/h1-solutions.jpg) no-repeat; 
	height: 73px;
	margin-top: 10px;
	line-height: 2;	
	padding-left: 94px;}
	
h1#ourTeamIcon {
	background: url(../images/h1-ourTeam.jpg) no-repeat; 
	height: 73px;
	margin-top: 10px;
	line-height: 2;	
	padding-left: 94px;}	
	
h1#ourNetworkIcon {
	height: 73px;
	margin-top: 10px;
	line-height: 2;}		
	
h1#documentsIcon {
	background: url(../images/h1-pressReleases.jpg) no-repeat; 
	height: 73px;
	margin-top: 10px;
	line-height: 2;	
	padding-left: 94px;}
	
h1#contactIcon {
	background: url(../images/h1-contactUs.jpg) no-repeat; 
	height: 73px;
	margin-top: 10px;
	line-height: 2;	
	padding-left: 94px;}	
	
h1#propertiesIcon {
	height: 73px;
	margin-top: 10px;
	line-height: 2;}						
	
h2 { 
	color: #000;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
	clear: both;}	
	

h2.service {
	color: #838383;
	background: url(../images/grayCheck.jpg) no-repeat top left;
	padding-left: 26px;
	height: 28px;}			

h3 {
	color: #838383;
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: bold;}	
	
h3 span {
	background-color: #ffffcc;
	padding: 10px;
	border: 1px dotted #ccc;}	
	
h3.span {
	margin: 20px 0;}					

p {
	margin-bottom: 10px; 	
	line-height: 1.8; 
	font-size: 12px;
	color: #666;}
	
	
span.asterisk, p.asterisk {color: #f26922; font-weight: bold; font-style: italic;}	

span.bold {color: #999; font-weight: bold;}
	
span.noteBold {font-weight: bold; background-color: #ffffcc;}		
	
.bold {font-weight: bold;}	

.normal {font-weight: normal;}
	
ul.listing {
	list-style: none; 
	text-align: left;
	margin-bottom: 10px; 
	font-size: 12px;}

ul.listing li { 
	background: url(../images/greenCheck.png) no-repeat 2px 4px;
	list-style: none outside;	 
	padding-left: 18px;
	margin: 2px 0 3px 0; 
	line-height: 1.8;}
	
ol.listing {
	text-align: left;
	font-size: 12px;}

ol.listing li {
	margin-bottom: 10px;
	margin-left: 25px;
	line-height: 1.8;}	
	
div.hr {
	clear: both; 
	padding: 20px 0;  
	height: 1px; 
	background: #fff url(../images/hr_line.gif) no-repeat center;}			 		
	
	
/* =Top Teaser
   -------------------------------------------------------------------------------------------------*/

#topTeaserWrapper {
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	
	margin-bottom: 10px;
	height: 282px;}

#topTeaser {
	width: 900px;	
	height: 282px;
	margin: 0 auto;}
		
#leftTeaser {
	width: 430px;
	height: 282px;
	padding: 0 0 0 20px;
	/* background: url(../images/keys.jpg) no-repeat; */
	background: url(../images/girlPeeringUp.jpg) no-repeat; 	
	background-position: bottom center;	
	float: left;}
	
#leftTeaser h1 {
	font-size: 33px;
	margin-top: 10px;
	line-height: 1.3;}	
	
#teaserListing {
	list-style: none;
	margin-top: 20px;
	line-height: 1.3;
	font-size: 24px;}
	
#teaserListing li {
	list-style: none;}

#rightTeaser {
	width: 425px;
	height: 282px;
	float: right;}		
	

/* =Contact Info
   -------------------------------------------------------------------------------------------------*/		
	
#contactInfo {
	list-style: none;
	font-size: 12px;
	line-height: 2;
	width: 400px;}

#contactInfo li.left {
	width: 70px;
	float: left;
	color: #000;
	font-weight: bold;
	text-align: right;}
	
#contactInfo li.right {
	width: 325px;
	float: left;	
	padding-left:5px;
	text-align: left;}	

#googleMap {
	border: 1px solid #f2f2f2;}	


/* =Contact Form
   -------------------------------------------------------------------------------------------------*/	

#contactForm {
	list-style: none;
	background-color: #ffffe5;
	border: 1px solid #f2f2f2;
	padding: 24px 40px 0 40px;
	height: 396px;
	clear: both;}

li.question {
	margin-bottom: 15px;}
	
li.submit {
	margin-left: 110px;}	

label {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-bottom: 10px;}

.textfield {
	width: 300px;
	height: 20px;
	padding: 2px;
	background-color: #f2f2f2;
	border: 1px solid #ccc;}

.textarea {
	width: 300px;
	height: 100px;
	padding: 2px;
	background-color: #f2f2f2;
	border: 1px solid #ccc;}
	
.formButton {
	background-color: #fff21a; 
	color: #000;
	font-weight: bold;
	line-height: 1.6; 
	padding: 0 8px;}
	
input:focus, textarea:focus{
	background-color: #fff;}
	
.errorMessage {
	font-size: 10px;
	padding-left: 30px;
	color: #CC0000;}	
		
		

/* =Toggle for Services
   -------------------------------------------------------------------------------------------------*/	

ul.subsection_tabs {
	list-style:none;
	margin: 0 0 10px 0;
	font-size: 12px;
	padding: 0;
	clear: both;
	height: 20px;}

ul.subsection_tabs li {
	float: left;
	margin-right: 7px;
	text-align: center;}

ul.subsection_tabs li a {
	display: block;
	padding: 4px;
	background-color: #f9f9f2;
	border: 1px solid #f2f2f2;
	color: #000;
	text-decoration: none;
	width: 100px;}

ul.subsection_tabs li a:hover {
	color:#fff;
	background-color: #838383;}

ul.subsection_tabs li a.active {
	background-color:#838383;
	color: #fff;
	text-decoration: none;}
	
ul.subsection_tabs li.hiddenTab a {
	display: none;
	padding: 0;
	margin: 0;
	background: none;
	text-decoration: none;
	width: 0;}	
	
#servicesToggle {margin: 20px 0;}			


/* =Highslide 
   -------------------------------------------------------------------------------------------------*/

.highslide-html {
    background-color: #fff;}

.highslide-html p {
    padding-right: 20px;}

.highslide-html-blur {}

.highslide-html-content {
	position: absolute;
    display: none;}

.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid #fff;
    background-color: #666;
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;}

a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: #fff;
    background-color: #999;}

/* Styles for the popup */
.highslide-wrapper {
	background-color: #666;}
	
.highslide-wrapper .highslide-html-content {
    width: 550px;
	height: 500px;
    padding: 15px;}
	
.highslide-wrapper .highslide-header div {}

.highslide-header {margin-bottom: 20px; font-size: 12px;}

.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;}

.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;}

.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;}

.highslide-wrapper .highslide-header a {
	color: #39f;
	text-decoration: none;}

.highslide-wrapper .highslide-header a:hover {
	color: #39f;}
	
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;}

.highslide-wrapper .highslide-footer {
	height: 11px;}

.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);}

.highslide-wrapper .highslide-body {
	text-align: left;}

.highslide-move {
    cursor: move;}

.highslide-resize {
    cursor: nw-resize;}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;}

.highslide-display-none {
    display: none;}	

li.moveIcon a {
	background: url(../images/moveIcon.png) no-repeat;
	vertical-align: middle;
	padding: 10px 0 30px 24px;}

li.printIcon a {
	background: url(../images/printIcon.png) no-repeat;	
	vertical-align: middle;			 	 
	padding: 10px 0 30px 24px;}

li.closeIcon a {
	background: url(../images/closeIcon.png) no-repeat;
	vertical-align: middle; 		 
	padding: 10px 0 30px 24px;}
	
	
/* This adds PDF icon next to any PDF link */
a[href$=".pdf"] {
	background: url(../images/pdf.gif) no-repeat left top;
	padding-left: 25px;}	
	
a:hover[href$=".pdf"] {
	background: #fff21a url(../images/pdf.gif) no-repeat left top;
	color: #39f; text-decoration: none; 
	padding-left: 25px;}		
				

/* =ourTeam
   -------------------------------------------------------------------------------------------------*/	
   
img.headshot {
	padding: 2px;
	background-color: #fff21a;
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #f2f2f2;}  	
	
.teamMember {clear: both;}