/*************************************/
/********** START OF LAYOUT **********/
/*************************************/
body{
padding:0;
margin:0;
background:#fff}
#wrap {
position:relative;
	width:743px;
	margin:0 auto;
	padding:50px 0 0 0;
	text-align:left;}

h1 {
	float:left;
	width:200px;
	height:64px;
	margin:5px 0 10px 0px;
	padding:0;
	background:url(../images/title.gif) no-repeat center left;
	overflow:hidden;
	text-indent:-9999px;}
	h1 a {
		display:block;
		width:200px;
		height:64px;}
	.subtitle {
		margin:5px 0 0 0;
		color:#ED1B2F;
		font:bold 17px/18px arial, helvetica, sans-serif;
		letter-spacing:2px;}

#nav {
	clear:both;
	list-style:none;
	height:26px;
	margin:0 0 10px 0;
	padding:0;
	font:10px arial, helvetica, sans-serif;
	text-transform:uppercase;}
	#nav li {
		display:block;
		position:relative;
		float:left;
		line-height:26px;
		width:auto;
		margin:0;}
		#nav li a {
			display:block;
			width:auto;
			padding:0 8px;
			font-weight:bold;
			border-left:1px solid #ccc;
			line-height:26px;
		float:left;
			background:#fff;
			color:#333;}
		#nav li a:hover{
			background:#f9f9f9;
			color:#EC1C2F;
			border-left:1px solid #999;}


		#nav li a:focus, #nav li a:active {
			background:#EC1C2F;
			color:#222;
			border-left:1px solid #999;}
/* Suckerfish Dropdown Menu */

li ul {
	display:none;}
li > ul {
	top:auto;
	left:auto;}
li:hover ul,
li.over ul {
	display:block;
	position:absolute;
	top:25px;
	left:0px;
	width:145px;
	margin:0;
	padding:0;
	border-bottom:1px solid #000;
	text-transform:none;}
	
#nav li ul li {
	display:block;
	line-height:30px;
	margin:0;}
	#nav li ul li a {
		display:block;
		width:135px;
		float:none;
		padding:0 0 0 9px;
		font-weight:normal;
		border-top:1px solid #f6f6f6;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		background:#fff;
		color:#333;}


#nav li ul li.resale-title{
border-left:1px solid #ccc;
		border-right:1px solid #ccc;
padding:3px 0 3px 9px;
font:bold 1.1em Arial, Helvetica, sans-serif;
background:#fff;
width:135px;
color:#EC1C2F;}

	#nav li ul li a:hover,
	#nav li ul li a:focus {
		border-left:1px solid #ccc;
		background:#FDE8EA;
		float:none;
		display:block;
		color:#000;}


	
#nav li a.dropparent,
#nav li a:hover.dropparent {
padding-right:15px;
	background:url(../images/bullet2.gif) no-repeat 95% 50%;}

#nav .date{
	width:145px;
	margin:0;
	padding:0 0 0 25px;
	border-left:1px solid #ccc;
	text-transform:none;
	color:#6699ff;}

#left, .left {
	float:left;
	width:383px;
	padding:0 0 15px 25px;
	font:11px arial, helvetica, sans-serif;}
	#left p, .left p {
		line-height:18px;
		margin:0 0 18px 0;
		padding:0;}
	#left .indent {
		padding:0 0 0 60px;
		cursor:pointer;}
	#left a, .left a {
	
		color:#6699ff;}
		#left a:hover,
		#left a:focus, .left a:hover, .left a:focus {
		
			color:#333;}

#right, .right {
	float:right;
	width:270px;
	padding:0 0 25px 0;
	font:11px arial, helvetica, sans-serif;
	background:#fff}

#right .grey-box h3{
background-image:none;
background-color:#666;
color:#fff;
margin:0 0 5px 0;
padding:5px;
font:bold 11px Arial, Helvetica, sans-serif;
text-transform:uppercase;}

#right h3.more-margin{
margin-top:5px;}

.grey-box{
background:#eee;
padding:5px;
margin-bottom:20px;}

#right .press,
#right .invest,
#right .refer,
#right .report,
#right .report-old,
#right .success,
#right .rss-right,
#right .archive,
#right .bcr-map,
#right .award-winners{
margin-bottom:0;}
#right .press a,
#right .invest a,
#right .refer a,
#right .report a,
#right .report-old a,
#right .success a,
#right .archive a,
#right .rss-right a,
#right .bcr-map a{
display:block;
padding:8px 5px;
background:#2d6c1f;
color:#fff;
font:bold 12px Arial, Helvetica, sans-serif;}
	#right .report a{
	font:normal 11px Arial, Helvetica, sans-serif;}
#right .report-old a{
	font:normal 11px Arial, Helvetica, sans-serif;}
#right .rss-right a.subscribe{
	font:normal 11px Arial, Helvetica, sans-serif;
padding:19px 5px 5px 70px;}
#right .invest a{
background:#6699ff;}
#right .refer a{
background:#f45611;}
#right .report a{
background:#e02630;
margin-bottom:3px;}
#right .report-old a{
background:#333;
margin:6px 0 0 0;}
#right .success a{
background:#c2025c;}
#right .archive a{
background:#e23c2b;
border-top:5px solid #eee;}
#right .bcr-map a{
color:#ede882;
background:#333;
margin-top:5px;}
#right .rss-right a.subscribe{
background:#333 url(../images/rss-right.jpg) no-repeat 0 10px;
height:70px;
color:#99cc33}

#right .press a:hover,
#right .invest a:hover,
#right .refer a:hover,
#right .report a:hover,
#right .report-old a:hover,
#right .success a:hover,
#right .bcr-map a:hover,
#right .archive a:hover,
#right .archive a:focus,
#right .press a:focus,
#right .invest a:focus,
#right .refer a:focus,
#right .report a:focus,
#right .report-old a:focus,
#right .success a:focus,
#right .bcr-map a:focus{
background:#666;
color:#fff}

#right .rss-right a.subscribe:hover{
background:#333 url(../images/rss-right.jpg) no-repeat 0 10px;
height:70px;
color:#fff}

#right .grey-box ul.rssnews{
padding:0;
margin:0;
border:0;
background:#333;
padding:5px;}

#right .grey-box ul.rssnews li{
padding:0;
margin:0;
border:0;
padding:7px 0 7px 30px;
background:#333 url(../images/green-arrows.gif) no-repeat 10px 10px;
display:block;
border-bottom:1px solid #444;
}

#right .grey-box ul.rssnews li a{

color:#fff;
padding:0;
margin:0;
border:0;

}

#right .grey-box ul.rssnews li a:hover{
color:#9c3}



a.yt{
text-indent:-9999px;
display:block;width:260px;
height:136px;
background:url(../images/youtube-channel.jpg) no-repeat center center;
outline:none;}

a.bp{
text-indent:-9999px;
display:block;
width:260px;
height:121px;
background:url(../images/buying-process.jpg) no-repeat center center;
outline:none;}


	#right p, .right p {
		line-height:14px;
		margin:0 0 11px 0;
		padding:0;}
	#right a, .right a {
		color:#6699ff;}
		#right a:hover,
		#right a:focus, .right a:hover, .right a:focus  {
			color:#EC1C2F;}
	#left ul,
	#right ul, .left ul, .right ul {
		list-style:none;
		margin:0 0 15px 0;
		padding:0 0 0 20px;}
		#left ul li,
		#right ul li, .left ul li, .right ul li {
			margin:0 0 11px 0;
			padding:0 0 0 20px;
			background:url(../images/bullet.gif) no-repeat 0 5px;}


#mailinglist{
padding:10px;
padding-left:30px;
width:225px;
background:#2f5191;}

#mailinglist form p{
margin:0;
padding:0;
margin:5px 0;}

#mailinglist form p label{
color:#fff
}

#mailinglist form .mail-input{
width:195px;
}





#foot {
	margin-top:20px;
	clear:both;
	padding:20px 0;
	width:743px;
	background:#fff url(../images/bg_top.gif) no-repeat top center;
	color:#666;
	font:9px verdana, arial, helvetica, sans-serif;}
	#foot p {
	text-align:right;
		line-height:18px;
		margin:0;
		padding:0;
margin-bottom:40px;}
	#foot p.floatleft {
	float:left;
text-align:left;
	}
	#foot a:hover,
	#foot a:focus {
		background:#fff;
		color:#EC1C2F;}



#park-left{
margin-bottom:20px;
background:#fff;
float:left;
text-align:center;

width:432px;}
#park-right{
float:right;
width:300px;}



/**********************************/
/********** CLASS STYLES **********/
/**********************************/

.flash {
	margin:0 0 20px 0;
	padding:0;}

#left .standout {
	font-weight:bold;
	font-style:italic;
	margin:0 0 15px 40px;}
	#left .standout strong {
		background:inherit;
		color:#EC1C2F;}

#developments {
	width:100%;
	border-left:1px solid #ccc;
border-right:1px solid #ccc;
	padding:5px;
padding-top:0;}
#developments h3 {
	position:relative;
	margin:0 0 5px 0;
	padding:5px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	background:#f4f4f4;
	font-size:10px;}
	#developments .sections h3 span {
		position:absolute;
		top:5px;
		right:5px;
		font:normal 0.9em Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		padding:0 0 0 10px;
		background:url(../images/bullet.gif) no-repeat center left;}
#developments .sections {
	clear:both;
	overflow:auto;
	padding:5px;}
#developments .thumbnail {
	float:left;
	margin:5px 8px 0 0;}
#developments .descript {
	line-height:15px;
	margin:0 0 15px 0;
	padding-left:94px;
	font-size:10px;}
#developments p {
	margin:0;
	padding:0;}
#developments a {
	border-bottom:1px dashed #ccc;
	background:none;
	color:#6699ff;}
#developments a:hover,
#developments a:focus {
	background:none;
	color:#000;}
	




.date {
	color:#EC1C2F;
	font-weight:bold;}

.orange {
	color:#EC1C2F;}
	
#right a img {
	border:2px solid #fff;}
#right a:hover img,
#right a:focus img {
	border:2px solid #EC1C2F;}

#right .newstitle {
	background:inherit;
	color:#f60;
	font-weight:bold;}




.clear {
	clear:both;}

.hidden {
	display:none;}

.center {
	text-align:center;}

.right, .right-subtitle{
	text-align:right;
font:bold 1.6em Arial, Helvetica, sans-serif;
color:#333;}
.right-subtitle{

color:#ED1B2F}

.floatright {
	float:right;}

/********************************/
/********** TAG STYLES **********/
/********************************/

html {
	margin:0;
	padding:0;
	border:none;}

body {
	padding:5px 0 20px 0;
	margin:0;
	background:#fff;
	color:#333;
	font:11px arial, helvetica, sans-serif;
	text-align:center;}

a {
	text-decoration:none;}

h2,
h3 {
	margin:0 0 15px 0;
	padding:0;
	color:#444;
	font:bold 17px verdana, arial, helvetica, sans-serif;
	text-transform:capitalize;
	letter-spacing:normal;}

h2{
margin-bottom:30px;}
h3, #right h3 {
	margin:30px 0 15px 0;
	padding:0 0 5px 0;
	font-size:12px;
color:#333;
text-transform:uppercase;
border-bottom:1px solid #ccc;}

img {
	margin:0;
	padding:0;
	vertical-align:middle;}
			

hr {
	display:none;}

/****************************************/
/********** START OF ID STYLES **********/
/****************************************/

#map {
}




#reservation {
	height:85px;
	width:245px;
	margin:0;
	padding:0 0 0 22px;
	background:url(../images/pdf.gif) no-repeat top left;
	color:#333;
	font:normal 11px arial, helvetica, sans-serif;}
	#reservation a {
		color:#EC1C2F;
		text-decoration:underline;}
	#reservation a:hover,
	#reservation a:focus {
		color:#333;
		text-decoration:none;}

/*****************************************/
/********** START OF EMAIL FORM **********/
/*****************************************/
	
#form {
	margin:20px 0 20px 0;
	padding:0;
	background:#fff;
	color:#EC1C2F;}
	#form p {
		margin:0 0 10px 0;
		padding:0;}
	#form input,
	#form #subject,
	#form #referer,
	#form textarea {
		width:200px;
		margin:0;
		padding:1px;
		border:1px solid #999;}
	#form textarea {
		height:110px;}

		#form input:focus,
		#form select:focus,
		#form textarea:focus {
			background:#f2f2f2;
			color:#333;}
	#form label {
		display:block;
		float:left;
		width:90px;
		margin:0 20px 0 0;
		text-align:right;}
		#form label:hover {
			color:#333;
			cursor:pointer;}
	
	#form #title {
		width:60px;}
	#form #name, #form #name2 {
		width:137px;}
	
	#form #buyfrom,
	#form #buyto {
		width:79px;
		margin:0;
		padding:1px;
		border:1px solid #999;}
	.ft {
		padding:0 0 0 5px;}

	#form input.yes,
	#form input.no {
		margin-left:300px;
		width:30px;
		border:none;
		margin:0px;}	
			
	#form .submit {
		clear:both;
		margin:0;
		padding:0 0 0 110px;}
		#form .submit input {
			width:98px;
			margin:0 5px 0 0;
			border:1px solid #666;
			background:#f2f2f2;
			color:#333;
			font:10px verdana, arial, helvetica, sans-serif;
			cursor:pointer;}
		#form .submit input:hover,
		#form .submit input:focus {
			background:#f9f9f9;
			color:#333;
			cursor:pointer;}


/*****************************************/
/********** START OF INFO FORMS **********/
/*****************************************/

#infoform {
	margin:20px 0 0 0;
	padding:0;
	background:#fff;
	color:#EC1C2F;}
	#infoform p {
		margin:0 0 5px 0;
		padding:0;}
	#infoform input,
	#infoform select,
	#infoform textarea {
		width:150px;
		margin:0 0 0 5px;
		padding:1px;
		border:1px solid #999;}
	
	#infoform #title {
		width:45px;}
	#infoform #name {
		width:95px;}

	#infoform textarea {
		height:110px;}

		#infoform input:focus,
		#infoform select:focus,
		#infoform textarea:focus {
			background:#f2f2f2;
			color:#333;}
	#infoform label {
		display:block;
		float:left;
		width:90px;}
		#form label:hover {
			color:#333;
			cursor:pointer;}
	#infoform .submit {
		clear:both;
		margin:0;
		padding:0 0 0 98px;}
		#infoform .submit input {
			width:68px;
			margin:0 2px 0 0;
			border:1px solid #333;
			background:#f2f2f2;
			color:#000;
			font:10px verdana, arial, helvetica, sans-serif;
			cursor:pointer;}
		#infoform .submit input:hover,
		#infoform .submit input:focus {
			background:#f9f9f9;
			color:#333;
			cursor:pointer;}




	#infoform .submit2 {
		clear:both;
		margin:0;
		padding:0 0 0 5px;}
		#infoform .submit2 input {
			width:88px;
			margin:0 2px 0 0;
			border:1px solid #333;
			background:#f2f2f2;
			color:#000;
			font:10px verdana, arial, helvetica, sans-serif;
			cursor:pointer;}
		#infoform .submit2 input:hover,
		#infoform .submit2 input:focus {
			background:#f9f9f9;
			color:#333;
			cursor:pointer;}

p.alert{
color:#f00;
font-weight:bold;}

#infoform input#checkbox{
width:65px;
border:0;}


/*****************************************/
/***************** BANNERS ***************/
/*****************************************/

ul#banners{
list-style:none;
padding:0;}

ul#banners li{
background-image:none;
padding:0;
margin:20px 0;}










#left a img{
border:2px solid #000;

}

#left a:hover img{
border:2px solid #EC1C2F;

}


#press #left a img{

margin:0 20px 20px 0;
border:4px solid #000;

}

#press #left a:hover img{
border:4px solid #EC1C2F;
}

#right img#burc{
display:block;
margin:0 auto;}


#left #pearl-left{
float:left;
width:155px;}

#left #pearl-right{
float:right;
width:235px;
margin-right:-10px;
height:320px;
text-align:center;}

h4{
margin:0;
margin-bottom:8px;
font:bold 1em Arial, Helvetica, sans-serif;
text-transform:capitalize;
color:#AD9B40}

#left #pearl-left p.home-more{
background:url(../images/arrow.gif) no-repeat right;
text-align:right;
margin:-20px 0 20px 0;
color:#005BA6;
}

#left #pearl-left p.home-more a{
color:#6699ff;
background:url(../images/arrow.gif) no-repeat right;
padding-right:17px;
margin-bottom:30px;}

#left #pearl-left p.home-more a:hover{
color:#333;}



#flashvideo{
text-align:center;}

ul#resale-list{
border-top:3px solid #ED1B2F;
border-bottom:3px solid #ED1B2F;
list-style:none;
padding-left:0;
margin:0;}

ul#resale-list li{
background:none;
padding:0;
margin:0;}
ul#resale-list li a{
padding:10px;
display:block;
width:343px;
background:url(../images/resale.png) no-repeat 2px 10px;
padding-left:30px;
border-bottom:1px solid #f2f2f2;
margin:0;
color:#847E61;
font-size:12px;}

ul#resale-list li a:hover{
padding:10px;
background:#fcfcfc url(../images/resale.png) no-repeat 2px 10px;
padding-left:30px;
color:#222}





#right h2{
color:#3F8EB9;}

.selling h3{
background:none;
color:#ED1B2F;
padding-top:25px;}



#the-four{
text-align:center;}

#the-four a img, #the-four a:hover img, #the-four a:focus img{
border:2px solid #fff;}

#developments .sections p.s-link{
color:#9E9878; 
font-weight:bold;
border:none;}

#developments .sections p.s-link a{
color:#ED1B2F; font-weight:bold; text-decoration:underline; border:none}

#developments .sections p.s-link a:hover{
color:#333; font-weight:bold; text-decoration:none; border:none}

#developments .sections span{
font-size:1.6em;
color:#ED1B2F}

#resale-d{
background:#f9f9f9;
color:#ED1B2F;
padding:10px;
padding-bottom:5px;
font:normal 1.2em Verdana, Helvetica, sans-serif;
margin:10px;
border:5px solid #ccc;}

#resale-d span{
color:#333;
font:normal 2.4em Georgia, "Times New Roman", Times, serif;
}

#blockquote2{
background-color:#f2f2f2;
background-image:none!important;
border-left:6px solid #ED1B2F;
font:normal 0.9em Verdana, Arial, Helvetica, sans-serif;
line-height:1.1em;
padding:10px!important;
margin:0 auto;
width:240px;
}



.toplinks{
position:absolute;
top:0;
left:0;
width:100%;
margin:0;
padding:7px 0;
color:#fff;
background:#111;
text-align:center;
z-index:100;
font:bold 1em Arial, Helvetica, sans-serif;
text-transform:uppercase;}

.toplinks a{
font:normal 0.9em Arial, Helvetica, sans-serif;
color:#C0C4AC;
text-transform:capitalize;}

.toplinks a:hover{
color:#e02630;}


div.offer{
position:relative;
}

div.offer img{
float:right;
margin-top:-5px;
right:0;
}

p.thumbnail img{
float:none;
margin-top:0;}

#home-highlight{
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#ED1B2F;}

#home-downloads{
clear:both;
margin:0;
padding:20px 0;
padding-top:30px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;}

#left ul#home-downloads li a{
background:none;
color:#fff;}

div.dev-images{
float:left;
width:90px;}

div.dev-spec{
float:right;
width:285px;}

p#black{
color:#333;
display:block;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:10px !important;}

dt.display{
font:normal 1em Verdana, Arial, Helvetica, sans-serif;
color:#ED1B2F;
display:block;
padding:4px 0 7px 0;
text-transform:capitalize;
cursor:pointer;
background:url(../images/bp-arrow.gif) no-repeat 0 5px;
padding-left:27px;}



dt.display:hover{
color:#333;
}

dd.stretcher{
background:#fff;
color:#333;} 






/* NEW DEV */




#left #main-dev img#properties_home_img{
width:77px;
height:50px;
padding:2px;
border:1px solid #333;}

#left #main-dev a:hover img#properties_home_img {
border:1px solid #f00;
padding:2px;}



/* image popup */

#left #main-dev .properties_home_img{
z-index: 100;
}

#left #main-dev .properties_home_img:hover{
background-color: transparent;
z-index: 500;
}

#left #main-dev .properties_home_img span{ /*CSS for enlarged image*/
position:absolute;
visibility: hidden;}

#left #main-dev .properties_home_img span img{ /*CSS for enlarged image*/
border:1px solid #333;
position:absolute;
z-index:1000 !important;
background:#fff;
padding: 2px;}

#left #main-dev .properties_home_img:hover span{ /*CSS for enlarged image on hover*/
visibility: visible!important;
position:absolute;
z-index:500 !important;
background:#fff;}

 /*position where enlarged image should offset horizontally */

#left #main-dev .imagess{
width:97px;
float:left;
border-right:1px solid #ddd;
margin-right:10px;}

#left #main-dev .imagess p{
margin-top:0;}

#left #main-dev .text{
float:right;
width:270px;}

#left #main-dev{
width:400px;
font:normal 0.9em Arial, Helvetica, sans-serif;
margin:0;
margin-left:-8px;
background:#fff;}

#left #main-dev h3.devv{
margin:0;
padding:0;
color:#fff;
background:#666;
margin-bottom:15px;
padding:8px 2px;
padding-left:6px;
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
position:relative;
z-index:0;
}

#left #main-dev h3.devv span{
position:absolute;
top:9px;
font-weight:normal;
right:9px;
background:#666;
text-decoration:none;
color:#fff;
text-transform:capitalize;
font-size:11px;
padding:2px;}

#left #main-dev h3.devv a{
font-weight:normal;
text-decoration:none;
color:#fff;
background:#666;
text-transform:capitalize;
font-size:11px;
padding:2px;}
#left #main-dev h3.devv a:hover{
color:#3F8EB9;}

#left #main-dev .dev1{
background:#fff;
border:5px solid #eee;
}

.dev2{
background:#f9f9f9;}

#left #main-dev .dev1, .dev2{

margin-bottom:20px;
padding:5px;
padding-bottom:20px;

float:left;}



#left #main-dev h4{
margin:0;
padding:0;
color:#333;
background:#fff;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
margin-top:0;
margin-bottom:8px;
padding:5px;}

#left #main-dev ul.offer{
background:transparent;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:5px;
list-style:none;
background:none;
padding-top:10px;

}

#left #main-dev ul.offer li{
background:transparent url(../images/offer-arrow.gif) no-repeat center left;
padding:0;
padding-left:15px;
margin:0;
color:#ED1B2F;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
margin-bottom:13px;}
#left #main-dev ul.offer li.nored{
background-color:transparent;
background-image:none;
padding:0;
margin:0;
color:#333;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
margin-bottom:10px;}

#left #main-dev .dev-stats{
margin:0;
padding:0;
list-style:none;
margin-top:15px;
font-size:11px;}

#left #main-dev .dev-stats li{
margin-bottom:10px;
padding-left:23px;}

#left #main-dev .dev-stats li a{
text-decoration:none;
color:#3F8EB9;
background:#fff;
font-weight:bold;}



#left #main-dev .dev-stats li.pricelist{
background:url(../images/price.png) no-repeat center left;}
#left #main-dev .dev-stats li.floorplan{
background:url(../images/blue-file.png) no-repeat center left;}
#left #main-dev .dev-stats li.brochure{
background:url(../images/brochure.png) no-repeat center left;}
#left #main-dev .dev-stats li.type{
background:url(../images/type.png) no-repeat center left;}
#left #main-dev .dev-stats li.completion{
background:url(../images/time.png) no-repeat center left;}
#left #main-dev .dev-stats li.location{
background:url(../images/extlink.png) no-repeat center left;}

#left #main-dev .dev-stats li a:hover{
text-decoration:none;
color:#333;}


#dhtmltooltip{
position: absolute;
width: 210px;
border: 5px solid #99cc33;
background: #333;
font:bold 11px Arial, Helvetica, sans-serif;
color:#fff;
text-transform:uppercase;
visibility: hidden;
padding:10px;
z-index: 100;}

input#owner, input#investor{
width:20px;}

.img{
text-align:center;}


#exchange-bond h2{
color:#ED1B2F;
padding-right:100px;
height:60px;
padding-top:20px;
width:160px;
background:url(../images/exchange-bond.gif) no-repeat center right;
margin-bottom:3px;
font-size:16px;}

p#exbm{
font-size:12px;
width:240px;
margin-bottom:50px;
background:#FACFD2}


p#exbm a{
padding:5px;
display:block;
width:229px;
padding-left:24px;
margin:0;
margin-top:0;
color:#333;
font:normal 10px Arial, Helvetica, sans-serif;
text-transform:capitalize;
background:#FAE6E8;
border-left:6px solid #ED1B2F;
color:#333;
}

p#exbm a:hover{
background:#ED1B2F;
border-left:6px solid #8C131E;
color:#fff;
}

#exbf{
padding:20px;
background:#f9f9f9;
border: 1px solid #ccc;
width:220px;}

#exbf form{
background:#f9f9f9;}


span.small{
font-size:9px;
font-weight:normal;
color:#333;}


#source{
margin-top:20px; 
border-top:1px solid #999;
padding-top:7px;
font-style:italic}

#news blockquote{
background:#f5f5f5;
padding:15px;
color:#333;
font:normal 12px/18px  Georgia, "Times New Roman", Times, serif;
font-style:italic;}

#left .tabcontentstyle h3{
background:#ed1b2f;
color:#fff;}

#rss-sub{
color:#fff;
background:#333;
padding:10px;}

#rss-subform{
text-align:center;
padding:5px;
color:#e23d29;
padding-bottom:0;
margin:0;
text-transform:uppercase;
font-weight:bold;}
#rss-subform p{
padding:0;}

#rss-subform input{
height:21px;
font-size:10px;}
#rss-subform input#email{
height:19px;
width:145px;
border:3px solid #99cc33;
font-size:10px;
padding:3px 5px 0 3px}











/* Pillar Columns

------------------------------------------------------------------*/



.col {

	float:left;

	width:150px;

	display:block;

}



.col.two {

	width:290px;

	padding-top:10px;

	

}



.col.three {

	width:440px;

}



.col.four {

	width:750px;

}



.col p {

	padding:6px 8px;

}



.col h1, .col h2, .col h3 {

	padding:8px;

}



.col h1 {

	padding-top:0;

}





/* Pillar List

------------------------------------------------------------------*/



#pillarList {

    height:205px;

    overflow:hidden;

    margin:0;

    padding:0;

    position:relative;

	font-size:13px;

}



#pillarList ul {

	padding:0; margin:0;

	list-style-type:none;

}



#pillarList li {

	display:inline;

	float:left;

	list-style-type:none;

	padding:0; margin:0;

	display:block;

	height:205px;

	position:relative;

}



#pillarList h2 {

	background:none;

	border:none;

	margin:0; padding:0;

	height:180px;

	float:left;

}



#pillarList h2 a {

	background:none;

	float:none;

	display:block;

	height:100%;


	margin:0; padding:4px 8px;

	text-indent:-999em;

	text-decoration:none;

}



.subBits {

	height:180px;

	margin:0; padding:0;

}



.subBits p, .subBits a {

	color:#fff;

}



#pillarList .pillarNav {

	display:block;

	position:absolute;

	bottom:0;

	overflow:hidden;

	border-top:1px dotted #333;

	margin:0 8px;

	width:280px;

}






#pillarList .pillarNav a {

	padding:0 12px 0 10px;

	color:#333;

}







ul#pillarJump {

	background:#333333;

	padding:0; 

	margin:0 0 0 31px;

	display:block;

	height:205px;

	border-left:2px solid #fff;

	overflow:hidden;

	width:270px;

}



#pillarJump li.title {

	padding:0;

	margin:0;

}

#pillarJump h2 {

	background:#666;

	color:#fff;

	border:none;

	padding:4px 0 4px 41px;

	margin:0 0 4px 0;

	line-height:1em;

	font:bold 13px Arial,Helvetica,sans-serif;

	text-transform:lowercase;

	letter-spacing:0px;

}



#pillarJump li {



	list-style-type:none;

}





#pillarJump a {

	display:block;

	padding:8px 0;

	color:#666;

	font:bold 13px Arial,Helvetica,sans-serif;

	text-decoration:none;


}



#pillarJump a.selected {

	background:#fff;

	color:#000;

}

#pillarJump li.pone a.selected{

	background:#61C2E2;

	color:#fff;}

	#pillarJump li.ptwo a.selected{

	background:#8ac902;

	color:#fff;}

	#pillarJump li.pthree a.selected{

	background:#fc9526;

	color:#fff;}

	#pillarJump li.pfour a.selected{

	background:#c0bdf0;

	color:#fff;}

	#pillarJump li.pfive a.selected{

	background:#ff5d3a;

	color:#fff;}


#left ul#incentives li{
background-image:none;
font:bold 15px Arial, Helvetica, sans-serif;
background:#333;
padding:6px;
margin:0;
margin-top:7px;
color:#fff;}

#left ul#incentives{
margin:0;
padding:0;}


#left #development-links{
padding:0;
margin:0;
height:50px;}

#left #development-links li{
padding:0;
margin:0;
border:0;
float:left;
height:28px;
background-image:none;}

#left #development-links li a{
color:#333;
display:block;

width:100px;
color:#333;
border-right:10px solid #fff;
border-left:10px solid #fff;
border-bottom:10px solid #fff;
padding:5px 3px;
background:#eee;
text-align:center;}

#left #development-links li a:hover{
color:#fff;
background:#666;
}


p#no-border{
margin:0;
text-align:right;}

p#no-border a{
color:#ccc}





#dropinboxv2cover{
width: 420px; /*change width to desired */
 /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
top:0;
left:0;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
width: 320px; /*change width to above width-20. */
 /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
border: 8px solid #333; /*Customize box appearance*/
color:#fff;
padding:20px;
position:absolute; /*Don't change below 3 rules */
left:0px;
top:0px;
font: normal 11px Arial, Helvetica, sans-serif;
background:#000;
}

#dropinboxv2 h2{
font:normal 31px  'Century Gothic', Arial, Helvetica, sans-serif;
color:#C8A408;
margin:0;}

#dropinboxv2 h3{
font:normal 18px  Arial, Helvetica, sans-serif;
text-transform: none;
color:#ec2227;
border-bottom:none;}

#dropinboxv2 h3 span{
color:#68c1d2;}

#dropinboxv2 p.redlink a{
color:#ee2c25;
font:bold 13px Arial, Helvetica, sans-serif;
padding-left:10px;}


#dropinboxv2 div#dibleft{
float:left!important;}

#dropinboxv2 div#dibright{
width:180px;
float:right!important;
padding:20px;}

#dropinboxv2 #mcutube{
text-align:center;
clear:both;}

#dropinboxv2 a{
color:#68c1d2;
font-weight:bold;
text-decoration:none;}

#downloads{
background:#f2f2f2;
padding:20px;
border:1px  solid #333;}

#left #downloads p{
margin-bottom:0;}

#left #downloads p a{
margin:0;
font:bold 14px Arial, Helvetica, sans-serif;
display:block;
padding:5px;
color:#00CC00;
background:none;
border-bottom:1px solid #ccc;}

#left #downloads p a:hover{
margin:0;
font:bold 14px Arial, Helvetica, sans-serif;
display:block;
padding:5px;
color:#f00;
background:#333;}

#date{
border-bottom:1px solid #888;
font-style:italic;}

#foot #portal{
text-align:center;
padding-top:20px;
border-top:1px solid #eee;
margin-top:0;}

#right #award-logo{
text-align:center;
padding:20px 0 23px 0;}

#right #email-subscribe{
color:#fff;
background:#2f5191;
padding:20px;}

#right #email-subscribe input{
margin-bottom:10px;}
