/*
 * #01 - General
 * #02 - Columns 
 * #03 - Menus / lists
 * #04 - Forms
 * #05 - Sections
 * #06 - Content (by page)  
 * #07 - Other   
 */

/* #01 - GENERAL **************************************************************/

*
{
	margin: 0;
	padding: 0;
}

html
{
	/* footerStickAlt */
	height: 100%;
}

body
{
	/* centering */
	text-align: center;
	
	/* footerStickAlt */
	height: 100%;
}

#wrapper
{
	/* centering */
	width: 984px;
	margin: 0 auto;
	text-align: left;
	
	/* height stretching for content area */
	/*height: auto !important;*/
	
	/* footerStickAlt */
	position: relative;
	min-height: 100%;
	background: #fff url('../images/content_bg.gif') repeat-y; 
}

* html #wrapper
{
	/* footerStickAlt */
	height: 100%;
}

#footer
{
	/* centering */
	width: 984px;
	margin: 0 auto;
	text-align: left;
  
	/* footerStickAlt */
	position: relative;
	margin-top: -68px;
	height: 56px;
	border-top: 12px solid #fff;
	background: #fff url('../images/footer.gif') no-repeat 0 0;
	
    clear: both;
}

/* #02 - COLUMNS **************************************************************/

.leftcol
{
	float: left;
	width: 260px; /* 260 + 20 + 20 = 300 */
	padding: 0 20px;
	margin-bottom: 50px; /* prevents sticky footer from getting too close to content */
	color: #6d6f71;
}

.rightcol-main
{
	float: right;
	width: 621px; /* 621 + 25 + 25 = 671 */
	padding: 0 25px;
	margin-bottom: 50px; /* prevents sticky footer from getting too close to content */
}

/* Index */

#index .middlecol
{
	float: left;
	width: 300px;
}

#index .rightcol
{
	float: right;
	width: 300px;
}

/* Properties */

#properties .middlecol,
#meo .middlecol,
#mes .middlecol
{
	float: left;
	width: 360px;
}

#properties .rightcol,
#meo .rightcol,
#mes .rightcol
{
	float: right;
	width: 200px;
}

#properties #content .rightcol
{
	color: #fff;
	background: #6d6f71;
	width: 175px;
	padding: 15px 10px 20px 15px;
}

/* Services */

#services .middlecol
{
	float: left;
	width: 280px;
}

#services .rightcol
{
	float: right;
	width: 280px;
}

/* Map */

#map .middlecol
{
	float: left;
	width: 280px;
}

#map .rightcol
{
	float: right;
	width: 280px;
}

/* Team */

#team .middlecol
{
	float: left;
	width: 300px;
}

#team .rightcol
{
	float: right;
	width: 300px;
}

/* Testimonials */
/* This whole page is temporarily a duplicate of Checklist, but can be changed as the content becomes availble */

#testimonials .middlecol
{
	float: left;
	width: 280px;
}

#testimonials .rightcol
{
	float: right;
	width: 280px;
}

/* Checklist */

#checklist .middlecol
{
	float: left;
	width: 280px;
}

#checklist .rightcol
{
	float: right;
	width: 280px;
}

/* #03 - MENUS / LISTS ********************************************************/

#mainnav
{
	height: 40px;
	width: 984px;
	background: #e6e8eb url('../images/mainnav.gif') no-repeat 0 0;
	border-bottom: 12px solid white;	
}

#mainnav ul
{
	list-style: none;
	/*width: 650px;*/
	/*height: 14px;*/
	padding-top: 13px;
	/*margin-left: 313px;*/
    overflow: hidden;
    text-align: right;
    float: right;
}

#mainnav ul li
{
	float: left;
	overflow: hidden;
}

#mainnav ul li a
{
    display: block;
    font-family: arial, helvetica, verdana, sans-serif;
	font-size: 14px;
    color: #414142;
    border: none;
    padding: 0 8px;
}

#mainnav ul li a:hover
{
	color: #991917;
}

#mainnav ul li
{
	/* must be on li, not a, so WayFinder can add the class="last" properly */
	background: transparent url('../images/mainnav_bar.gif') no-repeat center right;
}

#mainnav ul li.last
{
	padding-right: 12px;
	background: none;
}

/* Properties */

#properties #list-left
{
	float: left;
	width: 180px;
}

#properties #list-right
{
	float: right;
	width: 180px;
}

#list-left ul,
#list-right ul
{
	list-style: none;
}

#properties .rightcol ul
{
	margin-left: 16px;
	line-height: 1.5em;
}

#meo #content ul,
#mes #content ul
{
	margin-left: 30px;
	line-height: 1.5em;
	margin-bottom: 15px;
}

/* Services */

#services .middlecol ul
{
	margin-left: 20px;
}

#services .rightcol ul
{
	margin-left: 5px;
}

#services .middlecol li,
#services .rightcol li
{
	margin: 0 0 10px 10px;
}

/* Virtual Offices */

#services div.virtual-offices .rightcol-main li
{
	margin-bottom: 0;
}

#services div.virtual-offices .rightcol-main ul
{
	margin-bottom: 15px;
}

/* Map */

#map .leftcol p
{
	margin-top: 80px;
}

/* Checklist */

#checklist .middlecol ul
{
	margin-left: 20px;
}

#checklist .rightcol ul
{
	margin-left: 5px;
}

#checklist .middlecol li,
#checklist .rightcol li
{
	margin: 0 0 10px 10px;
}

#checklist .middlecol ul li li
{
	margin-top: 10px;
}

/* Site Map */

/* Checklist */

#sitemap #content ul
{
	list-style: none;
	margin-left: -10px;
}

#sitemap #content li
{
	margin: 0 0 10px 10px;
}

#sitemap #content ul li li
{
	margin-left: 40px;
	margin-top: 10px;
}

/* #04 - FORMS ****************************************************************/

label
{
	float: left;
	width: 70px;
}

input.input-text
{
	width: 180px;
	margin-bottom: 8px;
	border: 1px solid #6d6f71;

	padding: 2px; 
}

textarea
{
	width: 180px;
	height: 100px;
	margin-bottom: 8px;
	border: 1px solid #6d6f71;

	padding: 2px;
}

input.input-submit
{
	width: 65px;
	margin-left: 187px;
}

#send-status
{
	/*
	width: 500px;
	*/
}

form#contact-form p
{
	/*
	margin-bottom: 5px;
	*/
}

/* #05 - SECTIONS *************************************************************/

#masthead
{
	height: 70px; 
	background: #fff url('../images/masthead_bg.gif') repeat-x 0 0;
}

/* HEADER */

#header
{
	height: 187px;
	background: #fff url('../images/red_gradient.jpg') no-repeat 100% 0;
	border-bottom: 12px solid #fff;
	overflow: hidden;
}

#flash
{
	float: left;
	width: 827px;
}

#page-title-short
{
	float: right;
	width: 154px; /* 174 - 20 */
	margin-top: 155px;
	padding-right: 20px;
}

#page-title-long
{
	float: right;
	width: 154px; /* 174 - 20 */
	margin-top: 128px;
	padding-right: 20px;
}

/* CONTENT */

#content
{
	margin-bottom: 50px; /* prevents sticky footer from getting too close to content */
	overflow: hidden;
}

#content .button-link
{
	display: block;
	margin-bottom: 4px;
	border: none;
}

/* HOME */

#home-contact
{
	margin-top: 15px;
}

/* PROPERTIES */

#mes .rightcol img,
#meo .rightcol img
{
	width: 194px;
	height: 375px;
}

/* VIRTUAL OFFICES */

#services div.virtual-offices .leftcol img
{
	margin-top: 30px;
	border: 4px solid #fff;
	width: 252px;
	height: 157px;
}

/* MAP */

div.googlemap
{
	border: 4px solid #fff;
}

#double-map a
{
	border: none;
}

/* TEAM */

.bio
{
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #991917;
	margin-bottom: 15px;
}

.bio.last
{
	border-bottom: none;
	margin-bottom: 0;
}

#team .leftcol img
{
	margin-top: 30px;
	border: 4px solid #fff;
	width: 252px;
	height: 157px;
}

#team .leftcol img.button
{
	margin-top: 30px;
	border: 0;
	width: 258px;
	height: 54px;
}

#team a
{
    border-bottom: none;
}

/* TESTIMONIALS */

.testimonial
{
	border-bottom: 1px solid #991917;
	margin-bottom: 15px;
}

/* CHECKLIST */

#checklist .rightcol-main #intro
{
	margin-top: 30px;
}

#checklist .leftcol img
{
	margin-top: 30px;
	border: 4px solid #fff;
	width: 252px;
	height: 157px;
}

/* CONTACT */

#contact .rightcol-main #intro
{
	margin-top: 30px;
}

/* FOOTER */

#footer-inner-wrapper
{
	text-align: right;
	padding: 21px 20px 0 0; 
}

#footer-inner-wrapper a img
{
	vertical-align: -3px;	
}

/* #07 - OTHER ****************************************************************/

.clear
{
	clear: both;
}

.float-r
{
	float: right;
}

.float-l
{
	float: left;
}