﻿body
{
	font-family: 'Segoe UI', Segoe, Verdana, Sans-Serif;
	background: #DDD9C3;
	background-attachment: scroll;
	background-position: top;
	background-attachment: fixed; font-size:12px; color: #222; line-height:16px;
}
p {margin-bottom: 20px;}

a { text-decoration:none; color:#4EBAFF;}

img {border:0;}

.big { padding:5px;}

h1
{
	 font-family:Calibri;
	background: #3D3D3D url(/images/template/h1-bg.gif) no-repeat left bottom; 
	color: #fff; text-decoration:none;
	line-height: 24px; padding:4px 4px 8px 4px; font-size:14px; margin-bottom:10px;
}
h2 {font-size:14px; font-family:Calibri;}

h1 a { text-decoration:none; color: #fff;}

h1.arrow-dark
{
	background: #3D3D3D url(/images/template/h1-bg.gif) no-repeat left bottom; 
	color: #fff;
	line-height: 24px; padding:4px 4px 8px 4px; margin-top:10px;
}
h1.arrow-maroon
{
	background: #5C2345 url(/images/template/h1-bg.gif) no-repeat left bottom; 
	color: #fff;
	line-height: 24px; padding:4px 4px 8px 4px; margin-top:10px;
}
h1.arrow-blue
{
	background: #4EBAFF url(/images/template/h1-bg.gif) no-repeat left bottom; 
	color: #fff; text-decoration:none;
	line-height: 24px; padding:4px 4px 8px 4px; margin-top:10px;
}
.blue {background: #D1EEF7;} .blue b, .blue a {color: #2786C2;} 

.dark {background: #D8D8D8;} .dark a {color: #fff;}
.green {background: #DDEEB9;} .green b, .green a {color: #98C92F;}
.orange {background: #FCF1CC;}
.purple {background: #EBDCFF;}
.maroon {background-color: #5C2345;}

h2 {text-decoration:none;}
h2.blue
{
	background: url(/images/template/h2-blue.gif) no-repeat left bottom;
	color: #fff;
	line-height: 24px; padding:4px 4px 8px 4px;
}
h2.green
{
	background: url(/images/template/h2-green.gif) no-repeat left bottom;
	color: #fff;
	line-height: 24px; padding:4px 4px 8px 4px;
}
h2.orange
{
	background: url(/images/template/h2-orange.gif) no-repeat left bottom;
	color: #fff;
	line-height: 24px; padding:4px 4px 8px 4px;
}
h2.purple
{
	background: url(/images/template/h2-purple.gif) no-repeat left bottom;
	color: #fff;
	line-height: 24px; padding:4px 4px 8px 4px;
}
h2.maroon
{
	background: url(/images/template/h2-maroon.gif) no-repeat left bottom;
	color: #fff;
	line-height: 24px; padding:4px 4px 8px 4px;
}
h2.red
{
	background: url(/images/template/h2-red.gif) no-repeat left bottom;
	color: #fff;
	line-height: 24px; padding:4px 4px 8px 4px;
}
h2.dark
{
	background: url(/images/template/h2-black.gif) no-repeat left bottom;
	color: #fff;
	line-height: 24px; padding:4px 4px 8px 4px;
}
.sidecontent p {padding:0px 10px 0px 5px; float:left; width:200px; margin-bottom:10px;}

.sidecontent a { text-decoration:none;}
.sidecontent b { font-size:11px;}

.contentimage {margin:0px 0px 10px 10px;}
.icon {float:left; margin-left:5px;}

hr.dotted { height:1px; border:none; border-top:dotted 1px #aaa; line-height:1px; margin:0px 10px 5px 10px; padding:0px; clear:both; background:transparant;}
ul.list { list-style-image:url(/images/template/bullet.png); list-style-position:outside; padding-left:0px;}
ul.dotted li {border-top:dotted 1px #aaa; list-style-position:inside; padding:5px; padding-left:0px;}

.ullist ul { list-style-image:url(/images/template/inclusion-tick.png); list-style-position:outside; padding-left:30px;}
.ullist li {padding:5px;}

#header
{
	height: 220px; padding:0px; width:960px;
}
#logo
{
	float:left; width:250px; padding:8px 0px 0px 10px;
}
#buyline
{
	float:left; width:400px; text-align:center; margin-top:20px;
}
#memberships
{
	float: right;
	width: 210px; top:0px;
	margin:20px 20px 0px;
}
#memberships img
{
	float: right;
	margin: 5px 5px;
}
#headbar 
{
	height:60px; width:960px;
}

#portfolio
{
	height:120px;
    width:960px; overflow: hidden;
}

#masthead
{
    position:absolute;
    background-repeat: no-repeat;
    height:200px;
    width:90px;
    background-image: url(/images/headers/1.jpg); margin:5px;
}

ul
{
	margin: 0px;
	padding: 0px;
}
.homepanels
{
	text-align: center;
	margin: auto;
	width: 960px;
}
.homepanels div
{
	text-align: left;
	width: 310px;
	height: 130px;
	overflow: hidden;
	float: left;
	background: #fff url(/images/template/homepanel-bg.gif) no-repeat;
	margin: 5px;
}
.homepanels div:hover
{
	background: #fff url(/images/template/homepanel-bg-over.gif) no-repeat;
}
.homepanels div p
{
	width: 260px;
	padding: 5px;
	margin: 0px;
	font-size: 12px;
}
.homepanels div h2
{
	line-height: 25px;
	padding: 2px;
	margin: 0px;
}

#footer
{
	clear: both;
	width: 930px;
	font-size: 12px;
	background: #DDD9C3; padding:10px;
	border-top:10px solid #E7E4D5;
}
#footer .footerbar
{
	 float:left; margin-left:20px; width:600px; 
}
#footer .column
{
	 float:left; width:200px; 
}
.column ul {}
.column li { list-style-image: url(/images/template/bullet-white.png); list-style-position:inside;}

#footer-icons
{
	margin-right:10px; width:260px; float:right;
}

#footer a
{
	color: #6f6037;
	text-decoration: none;
}
#footer a:hover
{
	text-decoration: underline;
}

#footer-icons .icon
{
	float:right;
}

#footer-icons h3 {color: #fff; margin-left:40px; font-size:16px;}

/* Footer Popups */
.pop
{
	width:240px; 
	height:260px; 
	margin-top:-290px; margin-left:0px;
	color:#fff; 
	float:right; 
	position:absolute; 
	padding:10px; 
	font-size:14px;
}
.pop p {padding:3px;}
#footer .pop a {color: #fff;}
.pop td { padding:3px;}
.pop h2 { font-size:18px;}

#mContact {background: #5C2345 url(/images/template/contact-cap.gif) no-repeat left bottom;}
#mLogin {background: #3D3D3D url(/images/template/login-cap.gif) no-repeat right bottom;}

/*  Messages  */
.error
{
	border: solid 1px #FFCC66;
	padding: 15px;
	padding-left: 65px;
	color: #C00;
	background: #FBF2C3 url(/Admin/Images/Icons/alert-large.png) left no-repeat;
}
.info
{}
.success
{}

/* menu */
#menubar { font-family:Calibri, Tahoma; font-size: 14px; clear:both; float:left; width:950px; height:36px; margin-left:0px; background:#333; border-bottom:solid 1px #fff;}
#menubar ul {list-style:none;margin:1px 0;padding:0;}
#menubar li {float:left;width:158px;margin:0;padding:0;text-align:center;}
#menubar li a {display:block;padding:9px 10px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #333;}
#menubar li a {background:url(bg2.jpg) repeat 0 0;}
#menubar li a:hover, li a:focus, li a:active {background-position:-150px 0;}
#menubar #a a {background:url(/images/template/menu-bg.jpg) repeat -20px 35px;}

.house-stats
{
	background: #333; text-align:center; font-size:24px; 
}

.series-list
{
	float:left; margin:5px 10px 5px 5px; width:300px; height:206px; text-align:center;
}

.series-list p
{
 color: #fff; margin-top:120px; text-decoration:none; background: url(/images/template/trans.png); height: 50px;
}

.design-list
{
	float:left; margin:0px 10px 5px 0px; background: #DDD9C3; text-align:center; width:280px;
}
.design-list h2
{
	 margin:0px;
}
.design-list a
{
	text-decoration:none; color: #fff;
}


.design-list table
{
	 background: #000; color: #fff; font-size:18px; line-height:20px; font-size:12px; text-align:center; width:100%; 
}
table.house-specs
{
	width:100%;
}
table.house-specs td
{
	border-bottom: dotted 1px #aaa; padding:3px; color: #666;
}

.download
{
	width:80px; height: 40px; display:block; position:relative; background: #FF8A3C url(/images/template/download-bg.gif) no-repeat left; color: #000; padding:5px 5px 5px 40px; 
}
.view-item
{
	width:60px; height: 20px; display:block; position:relative; background: #4EBAFF url(/images/icons/view-item.gif) no-repeat left; color: #000; padding:1px 1px 1px 25px; color: #fff; line-height:22px;margin:1px;
}
.view-item:hover {background-color: #AAD450;}
.read-more
{
	width:60px; height: 20px; display:block; position:relative; background: #AAD450 url(/images/icons/read-more.gif) no-repeat left; color: #000; padding:1px 1px 1px 25px; color: #fff; line-height:22px; margin:1px;
}
.read-more:hover {background-color: #AAD450;}

.pager {float:left; clear:both; width:100%;}
.pager a {border:solid 1px #4EBAFF; float:left; padding:3px 5px 3px 5px; color: #333; background: #eee; margin:2px;}
.pager .pager-on {border:solid 1px #4EBAFF; background: #4EBAFF; font-weight:bold; color: #fff;}
.pager div {border:solid 1px #ddd; float:left; padding:3px 5px 3px 5px; color: #666; margin:2px;}

ul.house-specs
{
	margin:0px; border:0px; text-align:left;
}
ul.house-specs li
{
	margin:0px; padding:3px; border-bottom:solid 1px #ddd; text-align:left; 
	list-style-image: url(/images/template/bullet.png);
	 list-style-position:inside;
}
table.facilities {width:100%; line-height:28px; font-size:18px; border-spacing:1px; border-collapse:separate;}
table.facilities td { text-align:center; color: #fff; background: #4EBAFF; }

.awards li {display:block; background: #f6f6f6 url(/images/template/awards-bg.gif) no-repeat center top; width:200px; height:140px; float:left; text-align:center; border:solid 1px #eee; margin:2px; color: #666;}
.awards li strong {display:block; font-size:24px; margin:35px 0px 10px 0px; font-family:Times New Roman, Serif; color: #000;}
.awards li em {display:block; margin:0px 0px 10px 0px; clear:both; font-style:normal; font-size:12px; font-family:Times New Roman, Serif; color: #000; font-weight:bold;}
.awards li:hover { border:solid 1px #4EBAFF; color: #000;}

.estate-list {width:280px; height: 150px; margin:0px 10px 10px 5px; border:4px solid #DDD9C3; float:left; text-align:center;}
.estate-list h2 { background: #DDD9C3; color: #fff; padding:5px;}

.alt {background:#eee;}

/* Gallery */
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:600px; margin:5px auto; display:none}
#wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:600px; height:415px;background:#000}
#information {position:absolute; bottom:0; width:600px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:600px}
#image img {position:absolute; z-index:25; width:600px; height:415px;}
.imgnav {position:absolute; width:25%; height:415px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:415px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(/images/link.gif) center center no-repeat}
#thumbnails {margin-top:5px; height:90px; background: #222; width: 600px;}
#slideleft {float:left; width:20px; height:90px; background:url(/images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:90px; background:#222 url(/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:540px; margin-left:5px; height:90px; overflow:hidden;}
#slider {position:absolute; left:0; height:90px;}
#slider img {cursor:pointer; border:1px solid #666; padding:10px 2px; width:120px; height:65px;}

.slideshowcontainer {background:#000; padding:10px;}

.slideshow-options {height:30px; border-bottom:5px; text-align:center; padding:0px 15px 0px 15px;font-weight:bold;}
.slideshow-options a {display:block; float:left; line-height:30px; width:160px; text-align:center; background: #ccc url(/images/slideshow-tab.gif) repeat-x; color: #666; text-shadow: white 0px 1px 0px;}
.slideshow-options .on a {display:block; float:left; line-height:30px; width:160px; text-align:center; background: #000; repeat-x;  color: #fff; text-shadow:none;}
.slideshow-options a:hover {color: #4EBAFF;}
.slideshow-options .on a:hover {color: #fff;}

.mainform label {width:160px; float:left; text-align:right; padding-right:10px; display:block;}
label.req { background: url(/images/template/req.gif) no-repeat right top;}

.feature-btn { background: #2786C2 url(/images/template/large-bullet.png) no-repeat left; color: #fff; padding: 5px 15px 5px 20px; line-height:24px;}
.green-btn { background-color: #98C92F;}
.purple-btn { background-color: #5c2345;}
.dark-btn { background-color: #3D3D3D;}
.red-btn { background-color: #DE5E52;}


/* form builder */
.cmsform
{
	background: #E8EEF7; padding:10px;
}
.cmsform div#form-description
{
	background: #D2E6D2;
	padding: 10px;
}

.cmsform label
{
	display: block;
	float: left;
	width: 220px;
	margin-right: 10px;
	text-align: right;
	clear:right;
}
.cmsform hr {clear:both; border-bottom:solid 1px 333;}
.cmsform fieldset
{ margin:2px;
}

.cmsform legend
{ padding:10px; font-weight:bold; color: #5EC5ED;
}

.MyHomeMenu {float:left; height:30px; border-bottom:solid 4px #4EBAFF; clear:both; width:100%;}
.MyHomeMenu a {display:block; float:left; line-height: 30px; padding: 0px 20px 0px 20px; background: #eee; margin: 0px 2px 0px 2px;}
.MyHomeMenu a.on { background: #4EBAFF; color: #fff;}
.surround { border:solid 1px #4EBAFF; margin:2px; padding:10px;}
.myHomeTable { background: #eee;}
.myHomeTable th { background: #4EBAFF; color: #fff;}
.myHomeTable td { border:solid 1px #ccc;}
.btn { background:#4EBAFF; color: #fff; padding:5px; margin:5px; border:solid 1px #aaa; display:block; float:left;}
.RowHidden
{
	display: none;
}

.RowShow
{
	display:table-row;
}

.SortButton
{
	color: White;
	text-decoration: none;
}

.ItemRow
{
	background-color: #fff;
	height: 25px;
}

.AlternateRow
{
	background-color:#F0F6FF;
	height: 25px;
}

.CompleteTask
{
	background-image: url(../../Images/button_ok.png);
	background-position: center;
	background-repeat:no-repeat;
}

.UnCompleteTask
{
	text-align: center;
}