/* ---------- Main Tags ---------- */
* { margin: 0px; padding: 0px;} 
img { border: 0px;} 
body { background: #2D0F0F url(../images/bg2.jpg) repeat-x top; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 1em; }
h1 { font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px;  color: #000000; font-weight: bold; margin: 30px 0px 20px 7px;  }
h2 { font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px;  color: #717171; font-weight: bold; margin: 2px 0px 2px 7px;  }
h3 { font-size: 1em; color: #333333; margin: 20px 10px 5px 10px; } 
h4 { font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px;  color: #333954; font-weight: bold; margin: 20px 0px 10px 10px; border-bottom: 1px dotted #333954; }
.h1class { font-size: 30px;  color: #000000; margin: 30px 0px 20px 7px; }
.h2class { font-size: 20px; color: #223249; margin: 10px 10px 10px 10px; border-bottom: 1px dotted #333954; }
.h3class { font-size: 20px; color: #CC0000; margin: 30px 10px 10px 10px; }
.soctext { font-size: 20px; color: #FFFFFF; }
.divider { border-bottom: 1px solid #E4D3A5; margin-right: 10px;}

/* ---------- Sections ---------- */
#wholepage { width: 100%; text-align: center;}
#container { width: 960px; position: relative; margin: auto; }
#socbar { margin-top: 5px; float: right; }
#whiteframe { float: right; background: #FFFFFF url(../images/tag.gif) top right no-repeat; width: 905px; margin-top: 0px;}
#tag { background: url(../images/tag2.gif) top right no-repeat; }
#tanspace { margin:10px; background: #F7E8BD url(../images/tanspace.jpg) top repeat-x; text-align: left;}
#header { position: relative; height: 143px; background: url(../images/logo_large.gif) 15px 20px no-repeat; }
#footer{ clear:both; text-align: center;  color:#FFFFFF; font-size: 11px; line-height:1.4em; padding-top:5px;  padding-left:55px;}
	#footer a{ color:#FFF; }
	#footer a:visited{ color:#cccccc; }
	#footer a:hover{ color:#333333; }

/* ---------- Navigation ---------- */
#topnav a { display: block; padding: 7px 8px 0px 17px; margin: 116px 10px 0px 0px; float: right; height: 19px; color: #485824; }
#topnav a { font-size: 70%; text-decoration: none; }
#topnav a:hover { text-decoration: none; background-color: #EADAAC; color: #485824; }
#topnav .pager { background-color: #FAF4DC; color: #485824; height: 20px; }
#topnav .pager:hover { color: #485824; background-color: #FAF4DC;}

/* ---------- Images ---------- */
#largepic { position: absolute; top: 170px; left: 0px; width: 408px; height: 300px; background: url(../images/lgpicbg.jpg) no-repeat top;}
#largepic img { margin: 4px; }
#thumbl, #thumbr { width: 240px; height: 80px; background: url(../images/thumb_bg.gif) no-repeat top; margin: 2px 0px 2px 0px; }
#thumbl img, #thumbr img { margin: 10px; }
#plan { width: 160px; height: 115px; background: url(../images/plan_bg.gif) no-repeat top; margin: 0px 5px 0px 5px; float: left; }
#plan img { margin: 5px; }
.tiny { width: 64px; height: 64px; background: url(../images/tiny_bg.gif) no-repeat top; margin: 0px 4px 0px 4px; float: left; }
.tiny img { margin: 7px; }
#leftside .tinytext { margin-left: 75px; }
#featprop { width: 320px; height: 230px; background: url(../images/featured_bg.gif) no-repeat top; margin: 2px 0px 2px 10px; text-align: center; font-size: 0.8em;}
#featprop img { margin: 10px; }
#featprop a { border: none; }

/* ---------- Content ---------- */
#content { background: url(../images/content.gif) repeat-y left; clear: both; padding-top: 0px; } 
#content p, td { font-size: 0.8em; line-height: 1.4em;}
#orderform { margin: 10px 10px 20px 10px; background-color: #BE1E2D; color: #FFFFFF; padding: 10px;}
#orderform img { margin: 0px; padding: 0px; vertical-align: middle; }
#formheader { background-color: #A33A37; color: #FFFFFF; font-size: 0.8em; padding: 3px; margin-bottom: 0.4em; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #2F395F; border-bottom: 1px solid #2F395F;}
#leftside { float: left; width: 357px; margin-top: 267px; margin-bottom: 0px;  }
	#leftside h2 { margin-bottom: 10px;  }
	#leftside p { text-align: justify; margin-bottom: 25px; }
#rightside { float: left; width: 522px; margin-bottom: 20px;} 
#strip { margin-top: 7px; margin-bottom: 27px; height: 225px; background: url(../images/stripl.gif) repeat-y;} 
	#strip p { margin: 5px; }
#fullstrip { margin-top: 7px; margin-bottom: 27px; height: 225px; } 
.subspace { float: left; width: 50%;} 
.fullspace { float: left; width: 100%;}
.sub3 { padding-left: 10px; padding-right: 10px; }
.sub3 p, .sub3 table { margin: 15px 10px 15px 10px;  }
.sub3 table td { padding: 5px; margin: 0px 3px 3px 0px;}


.sub3 p span { width: 60px; font-weight: bold; float: left; }
.sub3 a { color: #1A1A1A; text-decoration: none; border-bottom: 1px dotted #4e851e; }
.sub3 a:hover { color: #BE1E2D; border-bottom: 1px solid #BE1E2D;}
.subspace .sub3 p { font-size: 0.80em; line-height: 1.4em; }
.sub3 ul { font-size: 0.80em; line-height: 1.4em; margin: 20px 0px 20px 10px; }
.sub3 li { list-style-type: none; margin-bottom: 7px; padding-left: 15px; background: url(../images/bullet.gif) no-repeat 3px 5px; }
.subspace .sub3 img { margin-left: -5px; }
.sub3photo { float: right; margin: 0px 10px 15px 15px; } 
.disclaimer { font-size: 10px; color: #7F6D37; text-align: justify; margin: 10px; border-top: 1px dotted #AF9F6D; }
.continue { text-align: right; margin-top: 8px; } 
.continue a{ color:#1A1A1A; }
.continue a:visited{ color:#1A1A1A; }
.continue a:hover{ color:#BE1E2D; }
.fpics { margin-top: 5px; margin-bottom: 5px; padding-left: 5px; }
.error { font-weight: bold; color: #FF0000; }
.ctr { text-align: center; padding: 3px;}
.rgt { text-align: right; padding: 3px;}
.lft { text-align: left; padding: 3px;}
.tbldvr { background-color: #FAF4DC; border-bottom: 1px solid #1A1A1A; }


/* ---------- Photo Gallery ---------- */
#gallery { margin: 10px 10px 30px 10px; }
#gallery a { border: none; }
#gallery img { margin: 5px; padding: 5px; background-color: #FAF4DC; border: 1px solid #AF9F6D; }
#gallery img:hover { margin: 5px; padding: 5px; background-color: #DFD1A7;  }

/* ---------- Homegrown Tags ---------- */
.clear { clear: both; height: 0px; line-height: 0px; } 
.clear2 { clear: both; height: 0px; line-height: 0px; margin-bottom: 15px; } 

/* ---------- Form Elements ---------- */
form { margin: 0px; padding: 0px; }
input, textarea, select { background: #FFFDF2; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF;  }
input, textarea, select { padding: 2px; margin: 0px 0px 0px 5px; font-size: 0.8em; color: #333; }
form div {  margin: 0px 0px 0px 10px; padding: 0px; padding-top: 0.4em; padding-bottom: 0.2em; }
form div label { float: left; width: 75px; font-size: 0.8em; margin-top: 3px; text-align: left; padding-right: 5px;}
.short { width: 50px; text-align: left; }
.medium { width: 200px; text-align: left; }
.long { width: 300px; text-align: left; }
.frmbuttons { position: relative; top: 10px; right: 10px; float: right; width: 115px; }
button { border: 1px solid #CCCCCC; padding: 2px; width: 100px;}
button:hover { background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
button.positive { color:#529214; background: #FFFFFF url(../images/tick.gif) no-repeat 8px 3px; margin-bottom: 10px;}
button.positive:hover { background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; }
button.negative { color:#d12f19; background: #FFFFFF url(../images/cross.gif) no-repeat 8px 3px;}
button.negative:hover { background-color:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }

.advertise { margin-top: 20px; margin-bottom: 20px; text-align: left; }
.advertise img { padding: 3px; margin-right: 3px; background-color: #FFFFFF; border: 1px solid #CCCCCC; }
.advertise a { color: #454545; }
.advertise a:hover { color: #BE1E2D; border-bottom: 1px dotted #BE1E2D; }
.advertise ul { margin: 20px 0px 20px 20px; padding: 0px; }
.advertise ul li { margin-bottom: 7px; line-height: 35px; padding: 2px 0px 2px 45px; }
#mapContainer {  border: 1px solid #AF9F6D; font-size: 10px; }
#propspecs { }
#propspecs p { margin: 5px 10px 5px 10px; }
#propspecs span { width: 120px; }