/* 
Open Home Media SITE-WIDE STYLESHEET
////////////////////////////////////////////////////////////////////////////////////
This document contains all the necessary styles for the Open Home Media site.
The document is split into numerous style sections:

/// SS01:Override styles - styles that override base xhtml elements.
/// SS02:Unique Styles - styles for unique ID objects
	// ss02.1:Form Styles For Bigger sites, a list of the "subsections"in the stylesheet, to make it easier to find the styles you want in the stylesheet
/// SS03:Combination Styles - styles that combine to make reflexive classes
/// SS04:Anchor &Link Styles - styles that redesign links, anchors etc.
	// ss04.1:Drop Down Menu Styles
 
////////////////////////////////////////////////////////////////////////////////////
*/
 
/* 
SS01:OVERRIDE STYLES
///////////////////////////////////////////
*/
 
body, html{padding:0px; margin:0px; height:100%; text-align:middle; font-size:14px; color:#222; font-family:Arial,sans-serif}

table{border:none;}

h1{margin:0px}

h3,h2{font-size:14px; font-weight:bold; color:black; margin:13px 0px 1px 0px}

h4{font:bold 12px; text-transform:uppercase; margin:0px; color:#999; margin:0px 0px 12px 0px}

h5{font-size:12px; font-weight:bold; color:#aaa; margin:0px 0px 7px 0px}

img{border:none}

ul{margin:0px 0px 0px 14px; padding:0px}

li{margin:0px; padding:0px; line-height:22px;}

textarea, input{width:220px; border:1px solid #878787; margin:2px 0px 12px 0px; font-family:arial; font-size:12px;}

input:focus, textarea:focus, .selectInput:focus{background:#FDE9D2; border:1px solid #B23231;}

form{}

a{text-decoration:none; color:black;}

a:active{border:white; text-decoration:none;}

.ProductRow:target{border:1px solid #ccc;height:100%;}

/* 
SS02:UNIQUE STYLES
///////////////////////////////////////////
*/
 
#CT_Body{width:999px; margin:auto; min-height:100%; position:relative;}

	.Background1{background:url(images/body-background.gif) repeat-x #fff 0px 134px;}
	
	.Background2{background:url(images/body-background.gif) repeat-x #fff 0px 263px;}

#CT_Header{height:120px; width:999px; clear:both; text-align:center; font-weight:bold; font-size:20px}

	#Logo{float:left; margin:37px 0px 0px 3px}
	
	#CT_Nav{width:715px; float:right; text-align:right;}
	
	.TagLine{padding:30px 0px 0px 21px; text-align:right; height:29px;}
	
	.TagLineImg{float:right; texct-decoration:none; border:none}

	#MainNav{width:715px; position:relative; height:49px; text-align:right; z-index:100;}

#CT_Content{width:999px; text-align:center; margin:3px 0px 15px 0px; position:relative;}

	#SubNav{float:left; width:145px; padding:3px 0px 0px 0px}
	
	#FlashBanner{width:854px; float:left}
	
	#ContentTop{margin:0px 0px 24px 0px}
	
	#ContentBottom{}
	
	#BottomPadding{padding:0px 13px 0px 13px}
	
	#HomeLeft{width:253px; background:url(images/btm-left.png) no-repeat bottom left; float:left; font-size:16px; line-height:24px; color:white; font-weight:bold; min-height:235px}
	
	#HomeLeftBtm{background:url(images/top-left.png) no-repeat top left; text-align:center; margin:auto}
	
	#HomeMiddle{float:left; width:427px; margin:0px 20px 0px 20px; text-align:center;}
	
	#HomeRight{width:253px; min-height:235px; background:url(images/btm-right.png) no-repeat bottom left; height:; float:left; font-size:15px; color:white}
	
	#HomeRightBtm{background:url(images/top-right.png) no-repeat top left; text-align:center; margin:auto}
	
	.HomeBoxTitle{margin:18px 25px 0px 11px}
	
	.HomeBoxTitleRight{margin:18px 0px 0px 80px}
	
	.HomeContent{width:223px; margin:21px 0px 10px 19px; text-align:left}
	
	.MainContent{background:url(images/main-background-mid.gif) repeat-y; width:967px; text-align:center; margin:auto; background-position:0px 33px}
	
	.MainContentTop{background:url(images/main-background-top.png) 0px 0px no-repeat; width:967px; min-height:420px}
	
	.MainContentBtm{background:url(images/main-background-btm.png) no-repeat bottom left; width:967px}
	
	.MainContentPadding{padding:28px 34px 28px 34px; text-align:left}
	
		.MainContentPadding p{width:620px;}
	
	.VideoContent{background:url(images/video-background-mid.png) repeat-y 0px 33px; width:999px}
	
	.VideoContentTop{background:url(images/video-background-top.png) 0px 0px no-repeat; width:999px;}
	
	.VideoContentBtm{background:url(images/video-background-btm.png) no-repeat bottom left; width:999px}
	
	.VideoContentPadding{padding:28px 34px 28px 34px; text-align:left; min-height:565px}
	
	#VideoMenu{float:right; width:570px; margin-bottom:40px; position:relative;}
	
	.PropertyDetails{float:left; width:200px;}
	.PropertyDetails3{float:left; width:250px;}
	
		.PropertyDetails ul{margin-top:5px; margin-bottom:5px;}
	
		.PropertyVideoListings h3{margin:0px 0px 5px 0px;}
	
	.PropertyDetailsPadding{padding:0px 5px 0px 0px; line-height:24px;}
	.PropertyDetailsPadding2{padding:0px 0px 0px 5px; line-height:24px;}
	
		.PropertyDetailsPadding h3{line-height:18px; margin-top:15px;}
		
		.PropertyDetailsPadding h3:first-child, .PropertyDetailsPadding2 h3:first-child{line-height:20px; margin-top:0px;}
	
	.PropertyVideo{float:left; width:515px;text-align:right;}
	
	.PropertyVideo h3 {margin:0px 0px 12px 0px;}
	
		.PropertyVideo p{margin:0px;}
	
	.PropertyVideoListings{text-align:left; float:left; width:595px;}
	
	.PropertyVideoListingsPadding{padding:0px 0px 0px 20px;}

#CT_Footer{margin:auto; /*height:100px; */ width:999px; clear:both; position:relative; font-size:12px}
	
	.CT_FooterPadding{padding:0px 19px 10px 19px}
	
	.Sitemap-Home{width:111px; float:left}
	
	.Sitemap-About{width:158px; float:left}
	
	.Sitemap-Products{width:142px; float:left}
	
	.SiteBy{width:181px; float:right; padding:10px 0px 0px 0px; text-align:right; color:#ccc; font-weight:bold}
	
	.SiteBy2{width:181px; float:right; padding-bottom:5px; text-align:right; color:#ccc; font-weight:bold}

.PropertyLinks{}

.PropertyLinksPadding{}

.PriceTable2{ float:left; width:400px; margin-bottom:20px; border:1px solid #F8A139; padding:2px;}
	.MR98{margin-right:98px;}
	.PriceTable2 td{line-height:24px;}
	.PriceTable2 .PriceCol{ width:150px; font-weight:bold; height:30px; text-align:center; background:#F8A139; line-height:30px;}
	.PriceTable2 .DetailsCol{width:200px; font-weight:bold; height:30px; text-align:center; vertical-align:middle; background:#F8A139; line-height:30px;}
	
	
.PriceTable{ float:left; width:400px; margin-bottom:40px; border:1px solid #F8A139; padding:2px;}
	.PriceTable td { vertical-align:top;}
	.PriceCol{ width:150px; font-weight:bold; height:30px; text-align:center; background:#F8A139; line-height:30px;}
	.DetailsCol{width:200px; font-weight:bold; font-size:18px; height:30px; text-align:center; vertical-align:middle; background:#F8A139; line-height:30px; text-transform:capitalize;}
	.Price{ font-size:40px; text-align:center; margin:20px 0px 20px 0px;}
	.Value{font-size:20px; text-align:center;}
	.Detailstd{ padding:10px 0px 0px 0px; line-height:24px;}
	.PriceTitle {text-align:center;}
	.PriceTitle h2{font-size:18px;margin:0px; }
	.PriceTable .PriceTitle h2{font-size:14px; margin-top:15px;}


/*SS02.1:Form Styles*/


.PropertyDetailsPadding input, .PropertyDetailsPadding2 input{ width:180px;}

.textField{}

.textArea{width:400px; height:100px;}

.submitButton{border:1px solid #878787; margin:5px 0px 10px 0px; background:#FDE9D2; width:auto;}

	.submitButton:hover{background:#F89F34;}

#leasing_link a, #marker_link a, .leasing_link a, .marker_link a, .center_marker a{border:1px solid #878787; margin:5px 0px 10px 0px; background:#FDE9D2; width:150px; padding:0px 10px 0px 10px; text-align:center; color:black; text-size:12px; text-decoration:none;}
	
	#leasing_link a:link:hover, #leasing_link a:link:visited, #marker_link a:link:hover, #marker_link a:link:visited{background:#F89F34;}

	.leasing_link a:link:hover, .leasing_link a:link:visited, #center_marker a:link:hover, #center_marker a:link:visited{background:#F89F34;}

.textboxInput{width:380px; height:150px; font-family:arial;}

.verificationInput{	width:140px;}

.selectInput{border:1px solid #878787; width:222px; margin:2px 0px 12px 0px; font-family:arial; font-size:12px;}

#theImage{width:140px;}

.smallText{font-size:10px;	line-height:12px;}

.validForm{width:380px;}

.radio{margin:0px; padding:0px; width:auto; background:none; border:none;}

.ContactForm .textInput{margin-bottom:0px;}

/* 
SS03:COMBINATION STYLES
///////////////////////////////////////////
*/

.UploadFileIcon{line-height:69px; vertical-align:middle;}

.mb40{margin-bottom:40px;}

.w100{width:100%;}

#alllistings{}

.rowHover:hover{background:#FDE9D2;}

	.rowHover .deleteListing{display:none;}

	.rowHover:hover .deleteListing{display:block;}

.bold{font-weight:bold;}

.packageHeading{font-size:20px;}

.price{float:right; font-size:18px;}

.PropertyDetailsPadding li{text-size:12px; line-height:14px; margin-top:0px;}

.errors{color:#CC0000;}

.Call-Now{float:right; width:450px;}

.ProductRow{margin: 0px 0px 40px 0px; padding:5px 0px 5px 0px}

.Product{width:420px; float:left; margin-right:140px;}

	.Product img{margin-bottom:4px;}

.Example{width:300px; float:left;}

.hide{display:none;}

.FirstTitleImage{margin-bottom:5px;}

.TitleImage{margin: 20px 0px 8px 0px;}

.ContactDetails{width:250px; float:left; margin-right:20px;}

	.ContactDetails p, .ContactDetails img{line-height:22px; vertical-align:middle;}

.ContactForm{float:left; width:570px;}

.w70{ line-height:normal; display:block;}

.w80{width:80px; line-height:normal; display:block;}

.marginB10{margin-bottom:10px;}

.marginT5{margin-top:5px;}

.spacer{clear:both; height:1px; line-height:1px}

.HR{height:1px; line-height:1px; background:url(images/hr.png)no-repeat; margin:7px 0px 7px 0px}

.floatLeft{float:left}

.floatRight{float:right}

.alignLeft{text-align:left;}

.alignCenter{text-align:center;}

.valignTop{vertical-align:top;}

.ImgRight{float:right; margin:0px 0px 45px 89px}

.ImgLeft{float:left; margin:0px 89px 45px 0px}

.MR12{margin-right:12px}

.MR100{margin-right:100px}
 
.PoweredBy{position:absolute; right:42px; bottom:30px; clear:both; zoom:1;}

	
	
.p15{padding:1px 30px 1px 0px;}

.lh37{	line-height:37px; height:37px; vertical-align:middle; font-weight:bold;} 

.valignMiddle
{
	vertical-align:middle;
}

#alllistings{margin-top:10px;}

.PropertiesListAll{width:80%; line-height:37px; margin-bottom:5px;}

	.propertyListIcon{line-height:37px; vertical-align:middle;}

/* 
SS04:ANCHOR AND LINK STYLES
///////////////////////////////////////////
*/

a.BT_PropertyLink:hover{text-decoration:underline}

.HomeContent a {color:white;}

	.HomeContent a:hover{color:black;}

a.ListingLink:link, a.ListingLink:visited, a.ListingLink:active{line-height:24px; color:#222; text-decoration:none;}
	
	 a.ListingLink:link:visited, a.ListingLink:link:hover, a.ListingLink:visited:hover{line-height:24px; text-decoration:none; color:#CE5928;}

#ContentBottom a{}

#CT_Footer a{color:#555; text-decoration:none}
	#CT_Footer a:hover{color:#333}

#CT_Footer .SiteBy a, #CT_Footer .SiteBy2 a{color:#ccc; text-decoration:none}

	#CT_Footer .SiteBy a:hover, #CT_Footer .SiteBy2 a:hover{color:#555; text-decoration:none}

/*Main Nav Menu Items*/

#Home, #AboutUs, #Products, #Prices, #ContactUs, #BookNow, #Properties /*common styles*/
{
height:38px; display:block; float:left; text-decoration:none;
}
	
	#Home:hover, #AboutUs:hover, #Products:hover, #ContactUs:hover, #BookNow:hover, #Properties:hover, #Prices:hover
	{background-position:0px -38px}

#Home
{width:49px;background:url(images/bt-home.png) no-repeat; }

#AboutUs{width:95px; background:url(images/bt-about.png) no-repeat;}

#Products{width:180px; background:url(images/bt-products.png) no-repeat;}

#Prices{width:77px; background:url(images/bt-pricing.png) no-repeat;}

#ContactUs{width:108px; background:url(images/bt-contact.png) no-repeat;}

#BookNow{width:110px; background:url(images/bt-booknow.png) no-repeat;}

#Properties{width:96px; background:url(images/bt-properties.png) no-repeat;}

/*Sub Nav Menu Items*/

#OnlineVideo, #Photography, #Copywriting, #DigitalFloorplans, #ProjectMarketing, #VIPTours /*common styles*/
{width:145px; height:30px; display:block; text-decoration:none; margin-bottom:1px}

	#OnlineVideo:hover, #Photography:hover, #Copywriting:hover, #DigitalFloorplans:hover, #ProjectMarketing:hover, #VIPTours:hover
	{background-position:0px -30px}

#OnlineVideo{background:url(images/side-bt-onlinevideo.png) no-repeat;}

#Photography{background:url(images/side-bt-photography.png) no-repeat;}

#Copywriting{background:url(images/side-bt-copywriting.png) no-repeat;}

#DigitalFloorplans{ background:url(images/side-bt-digitalfloorplans.png) no-repeat;}

#ProjectMarketing{background:url(images/side-bt-projectmarketing.png) no-repeat;}

#VIPTours{background:url(images/side-bt-video-tours.png) no-repeat;}

/*Video Menu*/

#VideoTour, #MapAddress, #DownloadFloorPlans /*common styles*/
{height:24px; display:block; float:right; text-decoration:none;}

	#VideoTour:hover, #MapAddress:hover, #DownloadFloorPlans:hover
	{background-position:0px -24px}

#VideoTour{width:93px; background:url(images/bt-video-tour.png) no-repeat; margin-right:6px}

#MapAddress{width:130px; background:url(images/bt-map-and-address.png) no-repeat; margin-right:6px}

#DownloadFloorPlans{width:161px; background:url(images/bt-download-floorplans.png) no-repeat;}

/*SS04.1:Drop Down Menu Styles*/
/*
.popup{ position:relative;  }
 
.popup:hover > .ProductsMenu{width:420px; height:380px; overflow:visible; display:block;}
 
.ProductsMenu{display:none; position:absolute; z-index:20; left:131px; top:35px;}

.ProductsDropDown{width:215px; z-index:9000; text-align:center; margin:auto; background:url(images/drop-down.png) repeat-x #4c5859; padding:2px}

.ProductsDropDown{padding:7px 0px 3px 0px}
*/
/*
.popup{ height:30px;display:block; position:relative; width:180px; background:url(bt-products.png) no-repeat; }
 
.popup:hover .ProductsMenu{width:215px; height:auto; overflow:visible; display:block;}
 
.popup:hover .ProductsDropDown{display:block;}

.ProductsMenu{display:none; position:absolute; z-index:20; left:0px; top:30px;}

.ProductsDropDown{width:215px; z-index:9000; display:none; text-align:center; margin:auto; background:url(images/drop-down.png) repeat-x #4c5859; padding:2px}

.ProductsDropDown{padding:7px 0px 3px 0px}
*/

.flyoutMaster
{
	position:relative;
	z-index:999;
	display:inline-block;
	float:left;
}

.flyoutMenu
{
	display:none;
	position:absolute;
	left:-15px;
	top:35px;
	z-index:20;
	width:215px;
	background:url(images/drop-down.gif) repeat-x #4c5859;
}

.flyoutMaster:hover > .flyoutMenu
{
	clear:both;
	display:block;
	overflow:visible;
}

/* This rule is applied to nodes in the DOM by Javascript as onMouseOver and MouseOut events */
.IEOver .flyoutMenu
{
	clear:both;
	display:block;
	top:33px;
	left:0px;
	overflow:visible;
}

/*
#ProductsMenu{visibility:hidden;position:absolute; z-index:100; left:131px; top:35px;	display:none;}

#ProductsDropDown{width:215px; z-index:9000; text-align:center; margin:auto; background:url(images/drop-down.png) repeat-x #4c5859; padding:2px}

#ProductsDropDown{padding:7px 0px 3px 0px}
*/
	#DDOnlineVideo, #DDCopyWriting, #DDPhotography, #DDFloorPlans, #DDMarketing, #DDVIPTours{height:15px; width:215px; display:block; text-decoration:none; margin:4px 0px 11px 0px;}
	
		#DDOnlineVideo:hover, #DDCopyWriting:hover, #DDPhotography:hover, #DDFloorPlans:hover, #DDMarketing:hover, #DDVIPTours:hover
		{background-position:0px -15px}
	
	#DDOnlineVideo{background:url(images/dropdown-onlinevideo.gif) no-repeat 0px 0px;}
	
	#DDCopyWriting{background:url(images/dropdown-copywriting.gif) no-repeat 0px 0px;}
	
	#DDPhotography{background:url(images/dropdown-photography.gif) no-repeat 0px 0px;}
	
	#DDFloorPlans{background:url(images/dropdown-floorplans.gif) no-repeat 0px 0px;}

	#DDMarketing{background:url(images/dropdown-projectmarketing.gif) no-repeat 0px 0px;}
	
	#DDVIPTours{background:url(images/dropdown-viptours.gif) no-repeat 0px 0px;}