/*
 * #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_steel.jpg') 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: #918173;
}

.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,
#calgary-executive-office-space .middlecol,
#calgary-office-rental .middlecol
{
	float: left;
	width: 360px;
}

#properties .rightcol,
#calgary-executive-office-space .rightcol,
#calgary-office-rental .rightcol
{
	float: right;
	width: 200px;
}

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

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

/* Services */

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

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

/* Team */

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

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

/* Checklist */

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

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

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

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

#mainnav ul
{
	list-style: none;
	/*width: 650px;*/
	/*height: 14px;*/
	padding-top: 12px;
	/*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: #ebebeb;
    border: none;
    padding: 0 8px;
}

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

#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 */

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

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

#calgary-executive-office-space #content ul,
#calgary-office-rental #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;
}

/* 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;
}

/* Virtual Office */

#virtual #content ul
{
	margin-left: 30px;
	margin-bottom: 15px;
}

#virtual #content ul li
{
	margin-bottom: 5px;
}

/* Meeting Rooms */

#boardroom #content ul
{
	margin-left: 30px;
}

#boardroom #content ul li
{
	margin-bottom: 5px;
}


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

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

input.input-text
{
	width: 180px;
	margin-bottom: 8px;
	border: 1px solid #918173;
	padding: 2px; 
}

textarea
{
	width: 180px;
	height: 100px;
	margin-bottom: 8px;
	border: 1px solid #918173;
	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/orange_gradient.jpg') no-repeat 100% 0;
	border-bottom: 12px solid #fff;
	overflow: hidden;
}

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

#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: 10px;
	border: none;
}

/* Rounded Corners */

.rc-header
{
	background: transparent url('../images/rc_tl.gif') no-repeat 0 0;
}

.rc-header .rc-corner
{
    overflow: hidden;
    height: 15px;
    background: transparent url('../images/rc_tr.gif') no-repeat right 0;
}

.rc-body,
.rc-body .rc-corner
{
    background: #918173;
}

.rc-body .rc-corner .rc-content
{
	padding: 0 15px;
    overflow: hidden; /* alternative to putting an empty div below the content with clear: both;
    				     This will ensure the height of .rc-content stretches to match the content,
    				     even if the content within is floated */
}

.rc-footer
{
    background: transparent url('../images/rc_bl.gif') no-repeat 0 0;
}

.rc-footer .rc-corner
{
    overflow: hidden;
    height: 15px;
    background: transparent url('../images/rc_br.gif') no-repeat right 0;
}

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

/* PROPERTIES */

#calgary-office-rental .rightcol img,
#calgary-executive-office-space .rightcol img
{
	width: 194px;
	height: 375px;
}

/* TEAM */

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

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

/* CHECKLIST */

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

#checklist .leftcol img,
#virtual .leftcol img,
#boardroom .leftcol img
{
	margin-top: 30px;
	border: 4px solid #f4f2f1;
	width: 252px;
	height: 157px;
}
#virtual .leftcol img { height: 224px; }
#boardroom .leftcol img { height: 168px; }

/* CONTACT */

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

/* FOOTER */

#footer-inner-wrapper
{
	text-align: right;
	border-top: 4px solid #aa560f;
	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;
}