/******* CRICAVA CSS STYLESHEET ******/

/******* SHARED FOUNDATION CLASSES ******/


html
{
	height: 100%;
}

body 
{
	background: #ffffff;
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-family: Tahoma;
	font-size: 11px;
	/*background: url(../images/background-pattern-dark.gif) repeat;*/
	background: #000000;
	height: 100%;
}


div.outer
{
	width: 916px;
	margin-left: auto;
	margin-right: auto;
}


div.frame
{
	float: left;
	background: url(../images/faux.gif) repeat;
}


div.header
{
	background: #dad3b1;
}


div.logo
{
	float: left;
	height: 100px;
}

div.header div.stripe
{
	float: left;
	width: 100%;
	height: 12px;
	font-size: 0px;
	background: #dad3b1;
	position: relative;
	
}

div.left
{
	float: left;
	width: 235px;
	background: #e6e2c5;
}

div.right
{
	float: left;
	width: 681px;
	background: #f2eec8;
	height: 590px;
	min-height: 450px;
}


html>body div.right
{
	height:auto;
}


div.menu
{
	float: left;
	padding-left: 30px;
	margin-top: 50px;
	margin-bottom: 50px;
}

div.menu img
{
	float: left;
	clear: both;
}

div.submenu
{
	float: left;
	width: 200px;
	clear: both;
	text-align: left;
	margin-bottom: 5px;
	position: relative;
	left: 20px;
}

div.submenu ul
{
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
}

div.submenu ul li
{
	clear: both;
	display: block;
}

div.submenu ul li a, div.submenu ul li a:link, div.submenu ul li a:visited
{
	float: left;
	text-decoration: none;
	color: #7f7034;
	padding: 0px;
	margin: 0px;
}

div.submenu ul li a:hover
{
	text-decoration: underline;
	color: #7f7034;
}

div.meeting
{
	float: left;
	width: 100%;
	background: #c9bb82;
	height: 50px;
}

div.contact
{
	float: left;
	width: 100%;
	background: #9e8f54;
	height: 70px;
}

div.contact img, div.meeting img
{
	float: right;
}

div.contact img
{
	margin-top: 10px;
}

div.meeting img
{
	margin-top: 15px;
}


div.content
{
	float: none;
	width: 95%;
	text-align: justify;
	line-height: 18px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}	

div.content p img
{
	border: 5px solid #aaa07b;
	margin-left: 22px;
	margin-right: 20px;
}

div.footer
{
	width: 916px;
	float: left;
	clear: both;
	background: #756c4d;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border-top: 12px solid #c9bf9b;
}

div.footer a, div.footer a:link, div.footer a:visited
{
	color: #ffffff;
	|text-decoration: none;
	position: relative;
}

div.footer div.stripe
{
	float: left;
	width: 10px;
	height: 60px;
	background: #404237;
}


div.footer a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

div.copyright
{
	width: 98%;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: center;
	padding-right: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #ffffff;
}

div.footerContent
{
	float: left;
	text-align: center;
	width: 100%;
}


a.buttonCompanies
{
	float: left;
	width: 210px;
	height: 30px;
	background: url(../images/button-visit_companies.gif) no-repeat;
	margin-right: 20px;
	padding-top: 7px;
	position: relative;
	left: 235px;
}

a.buttonCompanies:hover
{
	float: left;
	width: 210px;
	height: 30px;
	background: url(../images/button-visit_companies-selected.gif) no-repeat;
	margin-right: 20px;
	padding-top: 7px;
}

a.buttonProperties
{
	float: left;
	width: 210px;
	height: 30px;
	background: url(../images/button-visit_properties.gif) no-repeat;
	margin-right: 20px;
	padding-top: 7px;
	position: relative;
	left: 270px;
}

a.buttonProperties:hover
{
	float: left;
	width: 210px;
	height: 30px;
	background: url(../images/button-visit_properties-selected.gif) no-repeat;
	margin-right: 20px;
	padding-top: 7px;
}


div.member, div.visit
{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

div.picture, div.company
{
	float: left;
	width: 150px;
	text-align: center;
	overflow:hidden;
	height:117px;
	border: 4px solid #c0c0c0;
	background:#fff;
}

div.picture img, div.company img
{
	

}

div.person, div.description
{
	float: left;
	border: 1px solid #dddbb7;
	padding: 8px;
	background: #ebe9c6;
	width: 450px;
	height: 106px;
}

div.google-map
{
	text-align: center;
}


/****** PAGE SPECIFIC CLASSES ******/

/****** TITLES, INPUTS AND HRS *******/


a, a.link, a.visited
{
	color: #9e8f54;
	font-weight: bold;
}

h1
{
	text-align: left;
	font-family: "Century Gothic";
	font-size: 20px;
	color: #757013;
	border-bottom: 1px solid #9e8f54;
	text-transform: capitalize;
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
	margin-top: 10px;
	margin-bottom: 15px;
}

h2
{
	text-align: left;
	font-family: Tahoma, Arial, Verdana, Courier New, Courier, Helvetica;
	font-size: 14px;
	color: #757013;
	text-transform: capitalize;
}

input.textInput
{
 	border: 1px solid #9e8f54; 
 	background: #e5e3c5;
 	margin-bottom: 2px;
 	font-family: Verdana;
 	font-size: 11px;
 	height: 16px;
 }

textarea.textInput
{
	border: 1px solid #9e8f54; 	
	background: #e5e3c5;
	font-family: Verdana;
 	font-size: 11px;
 	margin-top: 3px;
 	
 }

input.submitButton
{
	float: right;
	font-family: Verdana;
	font-weight: bold;
	border: 0px solid;
	font-size: 14px;
	color: #766b40;
	font-family: "Century Gothic";
	background: #f2efc7;
	margin-top: 20px;
}

label
{
	float: left;
	width: 80px;
	text-align: right;
	font-weight: bold;
	font-size: 13px;
	color: #766b40;
	font-family: "Century Gothic";
	margin-right: 10px;
}

textarea
{
	overflow: auto;
}

select
{
	background: #e5e3c5;
	border: 1px solid #9e8f54;
}	

form
{
	float: left;
}

hr 
{	
	height: 3px;	
	color: #3F4945;
	background-color: #3F4945;
	border: 0;
	padding: 0px;
}

img
{
	border: 0px solid;
}

p
{
	margin-top: 0px;
	margin-bottom: 15px;
}


div.submenu ul li a.selected, div.submenu  ul li a.selected:link, div.submenu ul li a.selected:visited
{
	color: #00275d;
}


/***** MAIN MENU ****/

a.home
{
	float: left;
	background: url(../images/menu-home.gif) no-repeat;
	width: 150px;
	height: 30px;
}

a.home:hover, a.home-selected
{
	float: left;
	background: url(../images/menu-home-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
}


a.amenities
{
	float: left;
	background: url(../images/menu-amenities.gif) no-repeat;
	width: 150px;
	height: 30px;
}

a.amenities:hover, a.amenities-selected
{
	float: left;
	background: url(../images/menu-amenities-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
}


a.leasing
{
	float: left;
	background: url(../images/menu-leasing.gif) no-repeat;
	width: 150px;
	height: 30px;
}

a.leasing:hover, a.leasing-selected
{
	float: left;
	background: url(../images/menu-leasing-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
}

a.tenants
{
	float: left;
	background: url(../images/menu-tenants.gif) no-repeat;
	width: 150px;
	height: 30px;
}

a.tenants:hover, a.tenants-selected
{
	float: left;
	background: url(../images/menu-tenants-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
}

a.gallery
{
	float: left;
	background: url(../images/menu-gallery.gif) no-repeat;
	width: 150px;
	height: 30px;
}

a.gallery:hover, a.gallery-selected
{
	float: left;
	background: url(../images/menu-gallery-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
}


a.about
{
	float: left;
	background: url(../images/menu-about.gif) no-repeat;
	width: 150px;
	height: 30px;
}

a.about:hover, a.about-selected
{
	float: left;
	background: url(../images/menu-about-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
}


a.deals
{
	float: left;
	background: url(../images/menu-deals.gif) no-repeat;
	width: 150px;
	height: 30px;
}

a.deals:hover, a.deals-selected
{
	float: left;
	background: url(../images/menu-deals-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
}

a.contact
{
	float: left;
	background: url(../images/menu-contact.gif) no-repeat;
	width: 150px;
	height: 30px;
}

a.contact:hover, a.contact-selected
{
	float: left;
	background: url(../images/menu-contact-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
}


/**** SUBMENU ****/ 


a.at_riverpark
{
	float: left;
	background: url(../images/submenu-at_riverpark.gif) no-repeat;
	width: 150px;
	height: 30px;
	
}

a.at_riverpark:hover, a.at_riverpark-selected
{
	float: left;
	background: url(../images/submenu-at_riverpark-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
}


a.near_riverpark
{
	float: left;
	background: url(../images/submenu-near_riverpark.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: -5px;
}

a.near_riverpark:hover, a.near_riverpark-selected
{
	float: left;
	background: url(../images/submenu-near_riverpark-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: -5px;
}

a.availability
{
	float: left;
	background: url(../images/submenu-availability.gif) no-repeat;
	width: 150px;
	height: 30px;
}

a.availability:hover, a.availability-selected
{
	float: left;
	background: url(../images/submenu-availability-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
}

a.floor_plans
{
	float: left;
	background: url(../images/submenu-floor_plans.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: -5px;
}

a.floor_plans:hover, a.floor_plans-selected
{
	float: left;
	background: url(../images/submenu-floor_plans-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: -5px;
}

a.directory
{
	float: left;
	background: url(../images/submenu-directory.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: -5px;
}

a.directory:hover, a.directory-selected
{
	float: left;
	background: url(../images/submenu-directory-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: -5px;
}


a.site_rendering
{
	float: left;
	background: url(../images/submenu-site_rendering.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: -10px;
}

a.site_rendering:hover, a.site_rendering-selected
{
	float: left;
	background: url(../images/submenu-site_rendering-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: -10px;
}

a.executive_suites
{
	float: left;
	background: url(../images/submenu-executive_suites.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: -15px;
}

a.executive_suites:hover, a.executive_suites-selected
{
	float: left;
	background: url(../images/submenu-executive_suites-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: -15px;
}

a.find_us
{
	float: left;
	background: url(../images/submenu-find_us.gif) no-repeat;
	width: 190px;
	height: 30px;
}

a.find_us:hover, a.find_us-selected
{
	float: left;
	background: url(../images/submenu-find_us-selected.gif) no-repeat;
	width: 190px;
	height: 30px;
}

a.press_releases
{
	float: left;
	background: url(../images/submenu-press_releases.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: -5px;
}

a.press_releases:hover, a.press_releases-selected
{
	float: left;
	background: url(../images/submenu-press_releases-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: -5px;
}

a.newsletters
{
	float: left;
	background: url(../images/submenu-newsletters.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: -10px;
}

a.newsletters:hover, a.newsletters-selected
{
	float: left;
	background: url(../images/submenu-newsletters-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: -10px;
}

a.faq
{
	float: left;
	background: url(../images/submenu-faq.gif) no-repeat;
	width: 190px;
	height: 30px;
	position: relative;
	top: -15px;
}

a.faq:hover, a.faq-selected
{
	float: left;
	background: url(../images/submenu-faq-selected.gif) no-repeat;
	width: 190px;
	height: 30px;
	position: relative;
	top: -15px;
}


a.department_contacts
{
	float: left;
	background: url(../images/submenu-department_contacts.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: 0px;
}

a.department_contacts:hover, a.department_contacts-selected
{
	float: left;
	background: url(../images/submenu-department_contacts-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: 0px;
}

a.service_requests
{
	float: left;
	background: url(../images/submenu-service_requests.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: -5px;
}

a.service_requests:hover, a.service_requests-selected
{
	float: left;
	background: url(../images/submenu-service_requests-selected.gif) no-repeat;
	width: 150px;
	height: 30px;
	position: relative;
	top: -5px;
}


/**** CAPTCHA-STYLES ****/

p.captcha_1, p.captcha_2, p.captcha_notvalid
{
	margin-left: 30px;
	margin-right: 20px;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: transparent;
	color: #000000;
}

p.captcha_2
{
	font-size: 10px%;
	font-style: italic;
	font-weight: normal;
}

p.captcha_notvalid
{
	font-weight: bold;
	color: #FFAAAA;
}

.captchapict
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset;
	border-width: 4px;
	border-color: #C0C0C0;
}

#captcha
{
	margin-left: 30px;
	margin-right: 30px;
	border-style: dashed;
	border-width: 2px;
	border-color: #FFD940;
}

/******  GALLERY STYLES   *******/

#gallery {width:610px; height:380px; padding:10px; position:relative; left: -5px; }
#gallery b.default {position:absolute; left:-50px; top:10px; width:548px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #333333; }
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #777777;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color: #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-425px; top:0; width:420px; height:380px; text-align:center; background:#f2eec8; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #333333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-430px; top:0; width:430px; height:380px; text-align:center; background:#f2eec8; z-index:10; color: #333333}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#333; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}


/***** COLLAGE STYLES *****/

div.content img.borderless
{
	border: 0px solid;
}

div.home-text
{
	float: left;
	position: relative;
	z-index: 2;
}

div.collage-home
{
	float: left;
	width: 429px;
	height: 279px;
	position: relative;
	margin-top: -495px;
	left: 220px;
	z-index: 1;
}

div.collage-tenant, div.collage-amenities, div.collage-about
{
	text-align: center;
}

div.leasing-text
{
	float: left;
	position: relative;
	z-index: 2;
	width: 470px;
}

div.collage-leasing
{
	float: left;
	width: 429px;
	height: 279px;
	position: relative;
	margin-top: -230px;
	left: 79px;
	z-index: 1;
}