/* Global CSS */

/* Site Specific Layout */
body {background:#ffffff url(../../images/bg.jpg) no-repeat top left; margin:0; padding:0;}
#page {width:861px; margin:0 auto; text-align:center; overflow:hidden;}
#main {float:left; width:823px; text-align:left; background:#ffffff url(../../images/bg-container.jpg) repeat-y; padding:0 19px 0 19px;}
#bg-bottom{width:861px; height:3px; margin:0 auto; text-align:center; overflow:hidden;}


/* Topnav */
ul#topnav {float:left; width:804px; height:24px; padding:0 0 0 19px; list-style:none; background-color:#532f64; margin:0;}
ul#topnav li {float:left; height:17px; display:inline; overflow:hidden; margin:5px 0 0 0; padding:0 3px 0 0;}
ul#topnav li a {display:block;}
ul#topnav li a:hover {margin:-17px 0 0 0;}
ul#topnav li.on a {margin:-34px 0 0 0;}

/* Subnav */
ul#subnav {float:left; width:804px; height:20px; padding:0 0 0 19px; list-style:none; background-color:#532f64; margin:0; border-bottom:2px solid #96a64f; color:#ccc1d1;}
ul#subnav li {float:left; height:17px; margin:0; padding:2px 0 0 0;}
ul#subnav li a {float:left; color:#ccc1d1; text-decoration:none; font-size:11px; letter-spacing:1px; display:block; padding:0 15px 0 15px;}
ul#subnav li a:hover {color:#ffffff; text-decoration:none;}
ul#subnav li.on a {color:#ffffff; text-decoration:none;}

/* Tertiary nav */
ul#tertiary-nav {float:left; width:790px; height:23px; padding:0 0 0 33px; list-style:none; background:#ffffff url(/clarendonlanes/images/top2.jpg) no-repeat top left; margin:0;}
ul#tertiary-nav li {float:left; height:23px; display:inline; overflow:hidden; margin:0 0 0 0; padding:0 18px 0 0;}
ul#tertiary-nav li a {display:block;}
ul#tertiary-nav li a:hover {margin:-23px 0 0 0;}
ul#tertiary-nav li.on a {margin:-23px 0 0 0;}

/* Main Content */
#content-container {width:823px; margin:0 auto; text-align:left;}
#banner{width:823px; height:82px; background:#ffffff url(../../images/top.jpg) no-repeat;}
#logo{float:left; width:240px; height:82px;}
#download{float:right; width:118px; height:10px; margin:21px 8px 0 0; padding:0; display:inline; overflow:hidden;}
#download a{display:block;}
#download a:hover{margin:-10px 0 0 0;}
/* Download Brochure List - English */
ul.brochure-list li {float:left; height:10px; padding-left:4px; display:inline; overflow:hidden;}
ul.brochure-list li a {display:block; height:10px;}
ul.brochure-list li a:hover {margin:-10px 0 0 0;}
ul.brochure-list li.on a {margin:-10px 0 0 0;}


/* Download Brochure List - French */
ul.brochure-fr-list {float:right; width:180px; padding-top:10px; list-style:none;}
* html ul.brochure-fr-list {float:right; width:180px; padding-top:20px; list-style:none;}
ul.brochure-fr-list li {float:left; height:12px; padding-left:4px; display:inline; overflow:hidden;}
ul.brochure-fr-list li a {display:block;}
ul.brochure-fr-list li a:hover {margin:-12px 0 0 0;}
ul.brochure-fr-list li.on a {margin:-12px 0 0 0;}


#content {float:left; width:823px; height:360px; overflow:hidden; text-align:left; background-color:#FFFFFF;}
#content-suites{height:420px;}
#content-intro {float:left; width:823px; height:354px; overflow:hidden; text-align:left; background-color:#FFFFFF;}
#content-form{float:left; width:788px; height:330px; overflow:hidden; text-align:left; background:#f3f5ea url(../../images/bg_box.gif) no-repeat; padding:0 15px 20px 20px; margin:0 11px 0 0;}
#content-map {float:left; width:823px; text-align:left; background-color:#FFFFFF;}
#bottom-green1{float:left; width:823px;height:4px; background-color:#96a64f;}
#bottom-green2{float:left; width:823px;height:8px; background-color:#d6ddba;}


/* Home CSS */
.col1 {float:left; width:231px; height:315px; background:#f3f5ea url(../../images/bg_box.gif) no-repeat; padding:25px 15px 20px 20px; margin:0 11px 0 0;}
.col1-suites {float:left; width:231px; height:420px; background:#f3f5ea url(../../images/bg_box.gif) no-repeat; padding:25px 15px 20px 20px; margin:0 11px 0 0;}
.col2 {float:left; width:543px; height:360px; border-right:3px solid #96a64f;}

.col1-map {float:left; width:231px;  min-height:555px; height:auto !important; height:555px; background:#f3f5ea url(../../images/bg_box.gif) no-repeat; padding:25px 15px 20px 20px; margin:0 11px 0 0;}

.col2-map {float:left; width:543px; min-height:600px;  height:auto !important; height:600px;  border-right:3px solid #96a64f;}

.col1 ul{margin:0; padding:0 0 0 15px;}

.image-col-first{float:left; width:266px; padding:0 11px 0 0; height:360px; overflow:hidden;}
.image-col-middle{float:left; width:266px; overflow:hidden;}
.image-col-last{float:left; width:266px; border-right:3px solid #96a64f; height:360px; overflow:hidden;}
.large-image-col-last{float:left; width:543px; border-right:3px solid #96a64f;}
.photos-extra-bg{float:left; width:11px;}

.image-suites-first{float:left; width:543px; }
.image-suites-last{float:left; width:266px; border-right:3px solid #96a64f;}

.flash {float:left;}
.flash-content {float:left;}


ul.home-promo-list {float:left; width:596px; padding-top:10px; list-style:none;}
ul.home-promo-list li {float:left; padding:0 0 0 10px; display:inline;}
ul.home-promo-list li img {float:left; width:px; height:146px;}
ul.home-promo-list li.first {padding-left:0px;}


/* Footer */
#footer-container {float:left; width:823px; height:29px; padding:0;}
ul#footer {float:right; margin:0; list-style:none; padding:6px 0 0 0;}
ul#footer li {float:left; font-size:11px;}

ul#footer li a {float:left; display:block; width:auto; padding:0 5px 0 8px; color:#778e1d; font-weight:normal; text-decoration:underline;}
ul#footer li a:visited {color:#778e1d; text-decoration:underline;}
ul#footer li a:active {color:#778e1d; text-decoration:underline;}
ul#footer li a:hover {color:#532F64; text-decoration:underline;}
ul#footer li.on a {color:#000000; text-decoration:none;}
.footer-note{float:left; width:300px; font-size:10px; text-align:left; margin:10px 0 0 20px;}

div.language {float:left; width:91px; height:27px; display:inline; overflow:hidden;}
div.language a{display:block;}
div.language a:hover{margin:-27px 0 0 0;}

#footer-info{width:861px; margin:0 auto; text-align:center; overflow:hidden;}
#copyright{font-size:9px; color:#B3B3B3; border-bottom:dotted 1px #B3B3B3; padding-bottom:10px; margin-bottom:10px;}
.clarendonlanes-info{font-size:11px; color:#532F64; line-height:15px;}
#footer-address{float:left; text-align:left; padding-top:8px;}

.crb-logo{float:right;padding:10px 20px 0 20px;}
#vertica-logo {float:right; text-align:left; padding-top:15px;}

/*Floor plans*/

ul.floorplans{float:left; width:231px; list-style:none; margin:0; padding:0 0 10px 0;}

/*Rates*/
ul.rates-list{float:left; width:231px; list-style:none; margin:0; padding:0 0 10px 0;}
ul.rates-list li{float:left; margin:0; padding:0 0 5px 0; width:101px;}
ul.rates-list li.first{width:130px;}
.starting-at{color:#999999; font-size:10px;}


/* Forms */
/*form {float:left; margin:0; padding:0;}
fieldset {float:left; width:345px; margin:0; padding:10px 0 0 0; border:none;}
label {font-size:11px; color:#333333;}

ul.form-list {float:left; width:345px; margin:0; padding:0; list-style:none;}
ul.form-list li {float:left; margin:0; padding:0 5px 5px 0; font-size:11px; color:#333333; display:inline;}
ul.form-list li.first {width:172px; margin:0; padding:0 8px 0 0;}

input.text {width:150px; padding:2px; border:1px solid #969696;}
textarea.text {width:300px; height:100px; border:1px solid #969696;}
select {width:155px; padding:2px; border:1px solid #969696;} */

table.contact{float:left; margin:0; padding:0;}
table.contact tr td{width:200px;}
table.contact tr td input{width:180px;}
table.contact tr td select{width:180px;}
table.contact tr td input.xbutton{float:left; width:60px; margin:0 0 0 10px; padding:0; text-align:center; cursor:pointer;}
table.contact tr td textarea{width:200px;}

table.contact tr td.label{width:160px;}
table.contact tr td.back{width:80px;}
table.contact tr td.buttons{width:160px;}

.manditory{	
	color:#CF3239;
}

#content-form h1{float:left; width:788px; padding:10px 0 20px 0; margin:0; line-height:15px;}
/*IE6*/
* html #content-form h1 {float:left; width:788px; padding:10px 0 0 0; margin:0; line-height:15px;}

/**********************************  Validation Stuff  *********************************/
#form-info {margin:0 0 40px 0; padding:3px; color:#990000; background-color:#FBE7C3; border:solid 1px #ff0000;}

.validation-failed {}
.validation-passed {}

.validation-advice {margin: 2px; padding: 1px 2px 0px 2px; color:#DE6526; font-weight:bold;}
.validation-advice-left {float:left; display:block; width: 11px; height:22px; background:url(../_images/required-left.gif) no-repeat;}
.validation-advice-middle {float:left; display:block; height:22px; background:url(../_images/required-middle.gif) repeat-x;}
.validation-advice-right {float:left; display:block; width: 7px; height:22px; background:url(../_images/required-right.gif) no-repeat;}

.warning {border: 1px solid #c66;}
.warning-advice {margin: 2px; padding: 2px; color:#fff; background-color:#bbb;}
.warning-advice-left {float:left;}
.warning-advice-middle {float:left;}
.warning-advice-right {float:left;}


/* Typography */
body {text-align:left; 
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	line-height : 15px;
	font-size: 11px;
}

p {font-size:11px; padding:0 0 15px 0; margin:0; line-height:15px;}

a:focus {outline:none;}

a:link {
	color: #778e1d;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	text-decoration:underline;
}
a:visited {
	color: #778e1d;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	text-decoration:underline;
}
a:hover {
	color: #532f64;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	text-decoration:underline;
}
.sitemap li.list1 {list-style: disc outside; } 
.sitemap li.list2 {list-style: disc inside; }

.contact-small{font-size:10px;}
/* Headings */

h1{
    font-weight:bold;
	line-height: 0px;
	color: #000000;
	font-size: 15px;
	margin:0;
	padding:0 0 20px 0;
}
h2{
	font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight:bold;
	line-height : 0px;
	color: #000000;
	font-size: 15px;
	margin-left:20px;
	margin-top:25px;
	margin-bottom:20px;
}
h2.suites{
	font-size: 14px;
	color:#532f64;
	margin:0;
	padding:0;
	line-height:14px;
	font-weight:normal;
	padding:0 0 15px 0;
}
.clear{clear:both;}