/* CSS Document */


/* Font Init
------------------------------------------------------------------------------------------*/

html{
	font-family: "Times New Roman", Times, serif;
	color: #262C26;
	background-color: #86BBE3;
	
}

body{
		background: #A8D1EF url(../images/design/bg-tile.png) repeat-x;
		margin: 0px;
}


/* Tags
------------------------------------------------------------------------------------------*/
a, a:visited{	color: #810262; outline: none;}
a:focus {  -moz-outline-style: none;}

label, a:hover, label:hover{
	color: #205E90;
	cursor: pointer;
}

/* Typography */
span, p, h1, h2, h3, h4, h5, ul, ol{
	color: #262C26;
	font-family: "Times New Roman", Times, serif;
}

p, ul, ol{
	font-size: 1.2em;
	line-height: 1.4em;
}


h1{
	font-size: 2.1em;
	font-style:italic;
	font-weight: normal;
}


h2{font-size: 1.6em; font-style: italic;}
.box h2, ul.boxes li h2{font-size: 15px; margin-bottom: 8px;color: #810262; text-transform:uppercase; font-style: normal;} 

h3{font-size: 1.4em;}
h3#message{font-size: 1.0em;}

h4{font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; }

hr{
	background-image:url(../images/design/hr-bg.jpg);
	background-repeat: repeat-x;
	width: 885px;
}

p img{
	float: none;
	margin: 0px;
}

ul{list-style: none;}

small{
	display: block;
}

/* Classes
------------------------------------------------------------------------------------------*/
div.colborder{
	border: none;
}

.phark, .phark a{	
	text-indent: -5000px;
	display: block;
	/*font-size: 0;*/
	overflow: hidden;
}

.left{float: left;}
.right{	float: right;}

p.important{
	color: #373534;
}

ul#banners{
  z-index: 0;
	position:relative;
	width: 961px;

	padding-top: 176px;
	margin: 0px;
}

.ie ul#banners{
	
}

.ie7 ul#banners{
 padding-top: 0px;
 margin-left: -961px;
 margin-top: 45px;

}

ul#banners img{
	-moz-box-shadow: 0 0 7px #666666;
	-webkit-box-shadow: 0 0 7px #666666;
	box-shadow: 0 0 7px #666666;
}

img.banner{margin-top: -17px;}
img.flavor{
	border:3px solid #BCDBF3;
	clear: right;
	margin-bottom: 20px;
}

.box{
	background-color: #B9DAF2;
	padding: 8px 30px 8px 15px;
}

.weather{padding-left: 0px; padding-right: 0px; }

.notice{margin: 15px 21px 15px 0;}

ul li.heading{font-weight: bold;}

/* Content Divs
------------------------------------------------------------------------------------------*/
.container{
	height: 100%;
	width:960px;
	padding: 0px 117px;
  background-image: url(../images/design/bg-scroll.jpg);
	background-repeat: no-repeat;
}

#header {
	height: 500px;
	position: relative;
	text-align: center;
}

	#branding{
		position: relative;
		z-index:10;
	}
		
			
	
	
#content{
	min-height: 550px;
	position: relative;
}		

.ie6 #content{
	height: 550px;
}

#content-main{
	margin-left:250px;
	margin-top:6px;
	padding:20px;
	position:relative;
	width:670px;
}

#content-main.wide{
	width: 691px;
	padding-right: 0px;
}

#content-supp{
	left:0;
	position:absolute;
	top:0;
	width:250px;
	padding-top: 24px;
}

.ie7 #content-supp, .ie6 #content-supp{
	top: 5px;
}

.ie6 #content-supp{
	left: 0px;
}
	
#footer{
	background-repeat: repeat-x;
	background-image: url(../images/design/bg-footer.png);
	font-size: 11px;
	width: 100%;
	height: 129px;
	padding-top: 10px;
}

#footer a, #footer p{
	color: #5b5959;
}

/* Navigation 
------------------------*/

#navigation{
	position:relative;
	width: 90%;
	margin: 0 0 -153px 235px;
	padding-top: 139px;
	height: 14px;
	z-index: 10;
	display: block;
}	

.ie7 #navigation{ margin: -200px 0 0 240px; height: 0px; } 

ul#nav-main{
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 100%;
	display: block;
}

ul#nav-main li{
	display:block;
}

	ul#nav-main a {
		display: block;
		height: 12px;
		background-repeat: no-repeat;
		margin-top: 2px;
	}
	
	ul#nav-main li/*, ul#nav-supp li*/ {
	float: left;
	background-repeat: no-repeat;
	display: block;
	/*overflow: hidden;*/
	height:15px;
	text-indent: -9999px;
	margin-right: 10px;
	padding-right: 10px;
	line-height: 15px;
	border-right: 1px solid #FFF;
	}

/*Sub-nav (dropdown, son of suckerfish)*/
	ul#nav-main li ul {
	  position: absolute;
		left: -999em;
		position: absolute;
		z-index: 10;
		list-style: none;
		margin:4px 0 0 -10px;
		border-top: 1px solid #810262;
	}
	

	

	ul#nav-main li:hover ul, ul#nav-main li.sfhover ul {left: auto;}
	.ie7 ul#nav-main li#community.sfhover ul{left:320px;}
	.ie7 ul#nav-main li#market-watch.sfhover ul{left:445px;}
	ul#nav-main li:hover, ul#nav-main li.hover{position: static;} /*IE7 Fix for sticking menus*/

	ul#nav-main li ul li{
		float: none;
		background-image: none;
		height: 23px;
		line-height: 23px;
		text-indent: 10px;
		text-align: left;
		margin: 0px;
		display: block;
		background-color: rgba(255,255,255,.7);
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7FFFFFFF', EndColorStr='#7FFFFFFF');
		border: none;		
		cursor: pointer;
	}
	
	/*ul#nav-main li ul li a{z-index:1000000000; position:relative;}*/
	
	.ie ul#nav-main li ul li{margin-top: -1px !important; }
	
	ul#nav-main li ul li:hover{
		background-color: #FFF;
	}
	
	ul#nav-main li ul li a, ul#nav-main li ul li a:hover{
	color: #810262;
	font-style: normal;
	background-image:none !important;
	font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	height: 100%;
	line-height: 23px;
	opacity: 1;
	margin: 0px;
}

	.ie7 ul#nav-main li ul li a{
		font-weight: normal;
		font-family:"Times New Roman", Times, serif;
		filter: none;
	}


#nav-footer, #footer p{width: 960px; margin: 0 auto; margin-bottom: 5px;}
#nav-footer li{display: inline; border-right: 1px solid #FFF; margin-right: 3px; padding-right: 6px;}
.ie7 #nav-footer li,.ie6 #nav-footer li {padding-left: 7px;}
#nav-footer li a, #footer p{text-decoration: none; color:#FFF;}


/* LISTS
------------------------------------------------------------------------------------------*/
ul li:last-child, ul li.last-child{margin: 0px !important; padding-right: 0px !important; border: none !important;}


ul#vcard{
	list-style: none;
	text-align: right;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
	margin:2px 0 2px 8px;
	}
	
	ul#vcard li{font-size: 16px; margin-bottom: 4px;}
	ul#vcard li.toll-free{font-size: 22px;}	
	ul#vcard li.email a{color:#262C26; text-decoration: none;}
	
ul.boxes{
	border-top:1px solid #C6E1F5;
	height:118px;
	margin:0 0 20px;
	padding-top:15px;
}

ul.boxes li {
	border-right:1px solid #C6E1F5;
	color:#810262;
	float:left;
	font-size:15px;
	height:102px;
	margin-right:12px;
	padding-bottom:18px;
	padding-right:12px;
	text-align:center;
	text-transform:uppercase;
	width:205px;
}

ul.boxes li h2{
	background-color:#B9DAF2;
	font-size:12px;
	line-height:20px;
	margin-top:-4px;

}

.ie7 ul.boxes li h2{margin-top: -6px; line-height: 22px; font-size: 11.5px;}

ul.boxes li h2 a{text-decoration: none;}
ul.boxes li:hover h2, ul.boxes li h2:hover{background-color: #E6F2FA;}
ul.boxes li:hover h2 a, ul.boxes li h2:hover a{color: #205E90;}

ul#columns{
	width: 699px;
	height: 472px;
	background-image: url(../images/design/bg-column.jpg);
	background-repeat: no-repeat;
	background-position: 0 29px;
	margin: 0 0 0 -5px;
}
ul#columns li{ overflow: hidden; height: auto; float: left;background-image: url(../images/design/bg-column.jpg); background-position: 0 29px; margin: 0px; padding-left: 30px;}
ul#columns li h2{background-image:url(../images/design/tab.jpg); background-repeat: no-repeat; padding: 5px; color: #20558a; font-size: 15px; 	padding: 12px 0 12px 22px; margin-left: -30px; font-style: normal;}
ul#columns li.single{width: 260px;}
ul#columns li.double{width: 369px; background-image: url(../images/design/bg-column.png); }
ul#columns li.double h2{background-image:url(../images/design/tab.png); }

ul#columns li ul, ul#columns li ol{background-image:none; margin: 0px; list-style: none;}
ul#columns li ul li, ul#columns li ol li{
	display:block;
	background-image: none;
	float: none;
	height: auto;
	width: 80%;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	line-height: 19px;
}
ul#columns li ul li.heading{
	font-weight: bold;
	margin-top: 10px;
}

ul#columns li a{display:block;margin:12px 0 0 0;color:#205E90;}

ul#details{width: 100%; margin:0px;}
ul#details li{float: left; margin-right: 25px;}

ul#details + p{clear: both; padding-top: 20px;}

ul#weather{margin: 0px; height: 51px;}
ul#weather li{border-right: 1px solid #dcecf9;font-family: Arial, Helvetica, sans-serif;color: #205e9d; width: 27%; text-align:center; height: 41px; line-height: 34px; padding-top: 10px; display: block; float: left;}
ul#weather li.icon{width: 78px;}
ul#weather li.temp{font-size: 18px;} 
ul#weather li.link{line-height: 11px; width:79px; text-align: left; padding-left: 10px; padding-top: 0px; text-align:center;}
ul#weather li a{text-decoration: none; color: #205e9d; font-size: 11px; }

div.two-col-lists{clear: both;}

div.two-col-lists ul{
	float: left; 
	width: 40%;
}

ul.icons{margin: 0px;}
ul.icons li{
	float: left;
	margin-right: 5px;
}

table {	width: 90%;	margin-bottom: 10px;}
table td{	padding: 0px;}
table tr + td{font-weight: bold;}

/* FORMS
------------------------------------------------------------------------------------------*/
form {margin-top:5px;}
form fieldset{border: none; margin: 0px; padding: 0px;}
form legend{font-weight: bold; font-size: 16px; }
ul#columns li.double form ol li{font-size: 14px; width: 94%; margin-bottom: 4px;}
form input[type=text]{width: 80%; float: right;}
form textarea{height: 125px; width: 100%;}

/* MLS Search
------------------------------------------------------------------------------------------*/
#content-main.iframe {
	background-color:#FFFFFF;
	border:3px solid #BCDBF3;
	margin-left:0;
	width:934px;
	text-align:center;
	padding-bottom: 0px;
	padding-right: 0px;
}

/* Listings Pages
------------------------------------------------------------------------------------------*/
ul.pager-nav, div.subhead{
	height: 26px;
	border-top: 1px solid #C6E1F5;
	background-color: #B9DAF2;
	color: #20558a;
	padding-top: 10px;
	padding-left: 15px;
	margin:0 0 3px;
	width: 677px;
}

div.subhead{padding-top: 4px; height: 35px; margin-bottom: 8px; }
div.subhead h2{margin: 0px; color: #205E90; font-style: normal;}
div.subhead a{float: right; font-size: 14px; margin: -24px 15px; color:#20558a; text-decoration: none; font-style: italic; font-family:"Times New Roman", Times, serif; } 

ul.pager-nav li{
	float: left;
	line-height: 13px;
	border-right: 1px solid;
	margin-right: 10px;
	padding-right: 10px;
	font-size: 13px;
}

ul.pager-nav li a{color: #20558a;}

div.listing{
	clear:both;
	min-height:105px;
	padding:16px 0 0;
	}
div.listing img{float: left;}
div.hr{height: 16px; 	border-bottom:1px solid #C6E1F5; clear: both; width: 690px;}
ul.details{
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	margin: -3px 0px 0px 10px;
}

ul.details li.title{font-weight: bold;}
ul.details li a, ul.details li.links{color: #20558A;}

#map{width: 691px; height: 500px;}
#small-map{width: 285px; height: 234px; margin-top: 27px; float: right;}

div#photo-viewer{float: left; width: 400px;  height: 445px;}
div#photo-nav{margin: 3px 0px; width: 100%; height: 20px;}

div#mini-map{float: right; margin-top: 26px;}

/* PHARK
------------------------------------------------------------------------------------------*/
h1#logo{
	float: left;
	width: 169px;
	height: 188px;
	background-image:url(../images/design/logo.png);
	margin: 3px 0 0 45px;
}

h1#logo a{
	height: 188px;
	width: 169px;
}

/* Nav
-------------------*/
ul#nav-main li#blog a{background-image: url(../images/text/nav/nav-main-blog.png); width: 196px;}
ul#nav-main li#blog a:hover{background-image:url(../images/text/nav/nav-main-blog-hover.png); }

ul#nav-main li#listings a{background-image: url(../images/text/nav/nav-main-listings.png); width: 75px;}
ul#nav-main li#listings a:hover{background-image:url(../images/text/nav/nav-main-listings-hover.png); }
ul#nav-main li#rentals a{background-image: url(../images/text/nav/nav-main-rentals.png); width: 74px;}
ul#nav-main li#rentals a:hover{background-image:url(../images/text/nav/nav-main-rentals-hover.png); }
ul#nav-main li#breck-news a{background-image: url(../images/text/nav/nav-main-breck-news.png); width: 107px;}
ul#nav-main li#breck-news a:hover{background-image:url(../images/text/nav/nav-main-breck-news-hover.png); }
ul#nav-main li#community a{background-image: url(../images/text/nav/nav-main-community.png); width: 105px;}
ul#nav-main li#community a:hover{background-image:url(../images/text/nav/nav-main-community-hover.png); }
ul#nav-main li#market-watch a{background-image: url(../images/text/nav/nav-main-market-watch.png); width: 136px;}
ul#nav-main li#market-watch a:hover{background-image:url(../images/text/nav/nav-main-market-watch-hover.png); }
ul#nav-main li#contact a{background-image: url(../images/text/nav/nav-main-contact.png); width: 82px;}
ul#nav-main li#contact a:hover{background-image:url(../images/text/nav/nav-main-contact-hover.png); }