@import url("css/menu.css");
@import url("css/variations/stylesheetwidget.css");
/* CSS Document */
#Body { color: #4f6f19; background:#c6cd3e url(images/body_bg.png) repeat-y top center; height:100%; margin:0; padding:0;  text-align: center;}

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color: #4f6f19; font-family:‘Lucida Sans’, ‘Lucida Grande’, ‘Lucida Sans Unicode’, sans-serif !important; letter-spacing: 0.5px;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6{color:#5d87a1 !important;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}


a,a:link,a:visited,a:active{color:#3E81B5; text-decoration:none; font-weight:normal; }
a:hover{color:#D00; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:‘Lucida Sans’, ‘Lucida Grande’, ‘Lucida Sans Unicode’, Geneva, Verdana, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}


/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0; margin:0; }
.LeftPane{ padding:0 20px 0 0; width:20%; margin:0; }
.RightPane{ padding:0 0 0 20px; width:20%; margin:0; }


/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}

#terms_style{float:left; width: 49%; padding-top: 5px;}
#copy_style{float:right; width: 40%;  text-align: right; background:url('images/bug.png') top right no-repeat;  padding-top: 5px; padding-bottom: 12px; padding-right: 30px; }

#copy_style, #terms_style { color: #5c7f92; font-size: 8pt; }
.clear_float { clear: both; }

.wrapper { width: 880px; margin: 0px auto; text-align: left; }

#header { background-color: #fff; height: 140px; position: relative; }

#header #adSpot { color:#fff !important; float: right; height: 90px; width: 265px; display: block; background-color: #b8cf00; padding-top: 20px; padding-left: 120px; padding-right: 20px; }
#header #adSpot strong{ font-weight: bold; color: #fff !important; _font-size: 14pt; font-size: 14pt; }
#header #adSpot a { color: #fff; font-weight: bold; text-decoration: underline; font-size: 11pt; line-height: 28px; outline: none;  margin-top: 30px; }

#flower1, #flower2, #flower3, #flower4{ width: 238px; height: 133px; position: absolute; left: 350px; display: none;}
#flower1 {background: url(images/flower1.png) no-repeat top center;left: 350px; }
#flower2 {background: url(images/flower1.png) no-repeat top center;left: 360px; }
#flower3 {background: url(images/flower1.png) no-repeat top center;left: 360px; }
#flower4 {background: url(images/flower1.png) no-repeat top center;left: 360px; }




#backgroundPanel { background: url(images/body_panel.jpg) no-repeat top center; }

.content { background-color: #f1f3d9; padding: 16px 0px 46px 32px; margin-bottom: 10px; color: #4f6f19 !important; width: 848px !important; _max-width: 848px !important;  }
.c_content p, .c_contentpane, .Normal { color: #4f6f19 !important; line-height: 17pt; } 
.c_content p h2, .c_contentpane h2 { font-size: 14pt; color: #5d87a1; font-weight: bold; }
.content h1 { font-size: 24pt; color: #5c7f92; } 


#logo { padding: 26px 30px 26px 30px; float: left; }


.listLeft { float: left; width: 200px; margin: 0px 0px 0px 40px; }
.listRight { float: left;  margin: 0px 0px 0px 25px; }
.listLeft, .listRight { list-style:disc !important; color: #4f6f19; font-size: 10pt; padding: 0px;  line-height: 12pt; }
.doubleList li { margin: 0px; padding: 0px; }
.doubleList { width: 100%; height: 180px;  clear: both; background-color: #fff; margin-top: 15px;}

.imagecontent { margin-left: 30px; display: block; _width: 400px; } 



p.callout { padding: 8px; background-color: #fff; font-weight: bold; }
div.callout { padding: 15px; background-color: #fff; font-weight: bold; }
div.callout h2 { margin-top: 0px; padding-top: 0px; margin-bottom: 5px; padding-bottom: 0px; }
.floatleft { float: left; }
.contact { height: 100px; width: 230px; margin-right: 10px; font-weight: normal;} 
.c_head { padding: 0px !important; margin: 0px !important; }
.c_head h1 { margin-top: 0px !important; padding-top: 0px !important; }
.c_head .head_title, .c_head .c_actions, .c_head .c_icon { margin-top: 0px !important; padding-top: 0px !important; }

.TitleHead { font-size: 38pt; } 
h2 { font-size: 13pt !important; }

#test { margin-top: 20px; margin-left: 30px; }
#test a { cursor: pointer; outline: none; display: block; border: 5px solid #fff; height: 86px; width: 58px; float: left; margin-right: 16px; }
#test a.active { border: 5px solid #b6bf00; }
#test img { border: 0px; }

.clearcap { clear: both; text-align: center; padding-top: 10px; }
.testimonial .testContent { float: left; padding: 20px; background-color: #fff; width: 526px; height: 267px; margin-right: 16px; }
.testimonial .imgLarge { float: left; border: 20px solid #fff; background-color: #fff; position: realtive; margin-top: -307px; margin-left: 588px; _margin-left: 295px;  }
#testimonials { position: relative; height: 310px; width: 800px;}
.testimonial { width: 800px; display: none; float: left; position: absolute; top: 0px; left: 0px;}
#i1 { display: block; }

#thumbWrapper { width: 630px; overflow: hidden; height: 630px; position: relative; margin-left: 90px; }

.pikachoose{width:600px;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:625px;height:295px;margin:50px 0 0 3px;overflow:hidden;}
.pikachoose ul li{float: left;padding:4px;background:#fff;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:529px;height:354px;display:block;position:relative; margin-left: 49px;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:14px;left:14px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #fff;background:#fff;padding:14px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:700px;height:25px;padding-top:4px;text-align:center;position:absolute;bottom:-43px;left:-85px; letter-spacing: normal;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('images/play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('images/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none; cursor: pointer;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center; position: absolute; top: 30px; left: 50px;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:1px;width:1px;background:url('images/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:1px;width:1px;background:url('images/fastf.png') top right no-repeat;}
a.pprev, a.pnext { display: block; width: 64px; height: 34px; }
a.pprev { position: absolute; top: 130px; left: -50px; background: url('images/btn_prev.jpg') top left no-repeat; text-indent: -5000px; outline: none;}
a.pnext { position: absolute; top: 130px; left: 514px; background: url('images/btn_next.jpg') top left no-repeat; text-indent: -5000px; outline: none;}

#apartmentFloor .pika_caption { bottom: -83px; }
#apartmentFloor ul { margin:90px 0 0 3px !important; }


.patioFloor { text-align: center; margin-left: 165px; margin-top: 30px; }
.patioFloor img {  }


#nav {  background-color: #5c7f92;  height: 40px;}
#nav a { outline: none; text-transform: uppercase; display: block; height: 20px; padding: 14px 15px 6px 15px; float: left; color: #e7e188 !important; font-weight: normal; font-family:‘Lucida Sans’, ‘Lucida Grande’, ‘Lucida Sans Unicode’, Geneva, Verdana, sans-serif !important; font-size: 8pt; font-weight: bold;}
#nav .first { margin-left: 20px; padding-left: 10px; _margin-left: 11px; }
#nav .active{ background:url('images/navactive.jpg') left bottom no-repeat; color: #fff !important;  }
 #nav a:hover { color: #fff !important;  text-decoration: none; }
#nav a:active { color: #fff !important;  }

#subnav { background-color: #F1F3D9; padding-bottom: 25px; _padding-bottom: 0px; height: 20px; }
#subnav .title { display: block;float: left; padding: 15px 15px 15px 15px; font-weight: bold; font-size: 8.5pt;  }
#subnav ul { background-color: #f1f3d9; margin-left: 0px; margin-bottom: 0px;padding-top: 10px;}
#subnav a { display: block; height: 20px; padding: 15px 15px 6px 15px; outline: none; float: left; color: #5c7f92 !important; font-weight: normal; font-family:‘Lucida Sans’, ‘Lucida Grande’, ‘Lucida Sans Unicode’, Geneva, Verdana, sans-serif !important; margin-bottom: 10px; font-weight: bold; font-size: 8.5pt;}
#subnav a:hover { text-decoration: none; color:#a2ad00 !important; }
#subnav .active { color: #a2ad00 !important; }
#subnav .first { padding-left: 3px; }
.DNNEmptyPane { width: 1px; _width:1px; }

.ContentPane { overflow: visible;}

ul li { list-style: disc; }

#tempNav { display: none; }
#dnn_ctr417_CFD_pnlCtrls { position: relative; }
#dnn_ctr417_CFD_pnlCtrls table { width: 400px !important; } 
#dnn_ctr417_CFD_pnlCtrls table img { display: none; }
#dnn_ctr417_CFD_pnlCtrls table input { margin-bottom: 10px; padding: 6px; background:url('images/inputbg.jpg') top left no-repeat; border: 0px; }
#dnn_ctr417_CFD_pnlCtrls table textarea {  padding: 6px; background:url('images/inputbg.jpg') top left no-repeat; border: 0px; }
#dnn_ctr417_CFD_cmdSend { position: relative; left: 186px; top: 5px; }
#dnn_ctr417_CFD_pnlCtrls span { width: 100px !important; }


#dnn_ctr412_CFD_pnlCtrls { position: relative; }
#dnn_ctr412_CFD_pnlCtrls table { width: 510px !important; } 
#dnn_ctr412_CFD_pnlCtrls table img { display: none; }
#dnn_ctr412_CFD_pnlCtrls table input { margin-bottom: 10px; padding: 6px; background:url('images/inputbg.jpg') top left no-repeat; border: 0px; }
#dnn_ctr412_CFD_pnlCtrls table textarea {  padding: 6px; background:url('images/inputbg.jpg') top left no-repeat; border: 0px; }
#dnn_ctr412_CFD_cmdSend { position: relative; left: 161px; top: 5px; }
#dnn_ctr412_CFD_pnlCtrls span {  float: right; margin-right: 5px; }
#fc { position: absolute; z-index: 1000; }

.Widgets {position: absolute; top: 116px; left: 800px; width: 79px !important; padding: 0px; }
#TextSizeWidget { margin: 0px; }
.userLogin { display: none; }