/* CSS Document */


body {background:#fff; margin:0; padding:0; text-align:center;}
a {outline:none;}
/* Outer Wrapper */
#wrapper {margin:0 auto; text-align:left; width:957px;}

/* Top Banner */
#banner {background:url(masthead.jpg) no-repeat; height:110px; width:957px;}
#banner h1 {text-indent:-5000px; margin:0; padding:0; width:275px; }
#banner a {display:block; margin:0 0 0 30px; height:110px; overflow:hidden; width:275px;}
#banner p {color:#7f734d; font:16pt/20pt Verdana, Arial, Helvetica, sans-serif; margin:-50px 0 0 320px; padding:0; text-align:center; width:600px;}

/* Navigation */
#navigation {background:#808cb2 url("navigation1a.jpg") no-repeat; font:bold 9pt/12pt Verdana, Arial, Helvetica, sans-serif; margin:18px 0 0; padding:7px 0 0; text-align:center; width:957px;}
#navigation ul {background:url("navigation1b.jpg") no-repeat bottom left; display: block; list-style-type: none; margin:0; overflow: hidden; padding: 0 0 8px; width:957px; } 
#navigation ul li {border-left:1px solid #fff; display:inline; list-style: none; margin:0; padding: 0 18px; }
#navigation ul li a{color:#fff; margin-right: 1px; padding: 0;  text-decoration: none;}
#navigation ul li a:hover {color:#cbe2f8}
#navigation ul li#nav01 {border-left:none;} 

/* Navigation Drop Down Menu*/
#mysubmenuarea { position:relative; height:34px; z-index:1000; }
.tabsmenucontentclass ul{ margin: 0; padding: 0; list-style-type: none; position:absolute; }
.tabsmenucontentclass li {font:bold 8pt/12pt Verdana, Arial, Helvetica, sans-serif; }
.tabsmenucontentclass li a{ background: #ded4b2; border:1px solid #333; border-top:none; color:#333; display: block; padding:2px 5px; text-decoration:none; width:160px; }
.tabsmenucontentclass li a:hover{ background: #c9ba65; }
.subnav01 {margin:0 0 0 30px;}
.subnav02 {margin:0 0 0 140px;}
.subnav03 {margin:0 0 0 289px;}
.subnav04 {margin:0 0 0 477px;}


/* Left Column */
#leftcolumn {float:left; font:9pt/12pt Verdana, Arial, Helvetica, sans-serif; margin:0 30px 0 0; width:625px;}

/* Left Column - Large Photo */
#slideshow1 {height:322px; position:relative;}
#largephoto, .largephoto {background:url("largephotocaption.jpg") no-repeat; height:322px; overflow:hidden; width:625px; z-index:1000;}
#leftcolumn #largephoto p, #leftcolumn .largephoto p {color:#fff; position:relative; margin:0 12px 0 0; padding:50px 0 0 15px; width:115px;}
#leftcolumn #largephoto p a, #leftcolumn .largephoto p a {color:#ded3ae; text-decoration:underline; }
#leftcolumn #largephoto p a:hover, #leftcolumn .largephoto p a:hover {text-decoration:none; }
#largephoto img, #leftcolumn .largephoto img {position:absolute; height:322px; margin:0 0 0 142px; width:483px;}
.largephotocurve {background:  url(largephotocurve.gif) 100% 0 no-repeat; height:322px; position:absolute; width:625px;}
.largephotofooter {clear:left; float:left; width:625px;}
.largephotofooter2 {clear:left; float:left; display:none; width:625px;}

/* Left Column Home Icons for Rollover */

#leftcolumn .homeicons { width:625px;}
#leftcolumn .homeicons div {border:none; float:left; height:65px; margin:15px 15px 0 0; width:130px;}
#leftcolumn .homeicons div img {position:absolute;}
#leftcolumn .homeicons div a {background:  url(smallphotocurve2.gif) no-repeat; display:block; margin:0; height:65px; position:absolute; text-indent:-5000px; width:130px;}

/* Left Column Typography*/

#leftcolumn h2 {color:#80744e; font:normal 20pt/22pt "Times New Roman", Times, serif; margin:0 0 1em 0; padding:0;}
#leftcolumn h3 {color:#000; font:bold 11pt/15pt Verdana, Arial, Helvetica, sans-serif; margin:0 0 1em 0; padding:.5em 0 0;}
#leftcolumn h4 {color:#000; font:bold 10pt/15pt Verdana, Arial, Helvetica, sans-serif; margin:0 0 1em 0; padding:.5em 0 0;}
#leftcolumn p { font:normal 10pt/14pt Verdana, Arial, Helvetica, sans-serif; margin: 1em 0; padding: 0;  }
#leftcolumn li { font:normal 10pt/15pt Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0;  }
#leftcolumn li span {color:red;}
#leftcolumn p.announcement {color:#666; font:8pt/12pt Verdana, Arial, Helvetica, sans-serif; margin:10px 0 0; padding:0; text-align:center; width:625px;}
#leftcolumn p a, #leftcolumn li a {color:#069; text-decoration:underline;}
#leftcolumn h3 a {color:#069; text-decoration:none;}
#leftcolumn p a:hover, #leftcolumn li a:hover {text-decoration:none;}
#leftcolumn h3 a:hover {color:#069; text-decoration:underline;}
#leftcolumn ol li a {text-decoration:none;}
#leftcolumn ol li a:hover {color:#80744e;}
blockquote { border : 1px dotted #069; border-left:none; border-right:none; font:oblique 12pt/15pt "Times New Roman", Times, serif; margin: 2em 0; padding: 1.5em 10px; quotes: "\201C" "\201D"; width:600px; }
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }
hr { background:none; color:#fff; border-top: 1px dotted #069; margin:0; padding:0;}

/* Left Column Drop Down*/
#leftcolumn div.dropdown{ border : 1px dotted #069; border-left:none; border-right:none; margin: .5em 0 .5em .5em; width:550px; }

/* Left Column - Home Images and Plans */

.homes {position:relative;}
.homes img {border:none}
.homes a {color:#ccc; text-decoration:none;}
.homes a img {border:1px solid #808cb2;}
.homes a:hover img {border:1px solid #069;}
.homes a:hover {color:#069;}
.homes a span {display:block; font:normal 8pt/10pt Verdana, Arial, Helvetica, sans-serif;}
.homes p {font:normal 10pt/14pt Verdana, Arial, Helvetica, sans-serif;}
.homes p a {color:#069; text-decoration:underline;}
.homes p a:hover {text-decoration:none; }



/* Left Column - Images */
.image150 img, .image150left img, .image200 img, .image200left img, .image250 img, .image250left img, .image350 img, .image350left img {border:1px solid #ccc;}
.image150 {float:right; margin:.5em 0 2em 2em; width:150px;}
.image150left {float:left; margin:.5em 2em 2em 0; width:150px;}
.image200 {float:right; margin:.5em .5em 2em 2em; width:200px;}
.image200left {float:left; margin:.5em 2em 2em 0; width:200px;}
.image250 {float:right; margin:.5em .5em 2em 2em; width:250px;}
.image250left {float:left; margin:.5em 2em 2em 0; width:250px;}
.image350 {float:right; margin:.5em .5em 2em 2em; width:350px;}
.image350left {float:left; margin:.5em 2em 2em 0; width:350px;}
.image150, .image150left, .image200, .image200left, .image250, .image250left, .image350, .image350left  {font:normal 8pt/10pt Verdana, Arial, Helvetica, sans-serif; }
.clearright {clear:right;}

/* Right Column */
#rightcolumn {float:left; margin:0; width:302px;}

/* Right Column - h2, h3 */
#rightcolumn h2 {color:#069; float:left; font:14pt/16pt Verdana, Arial, Helvetica, sans-serif; margin:0 0 10px; padding:0; width:300px; }
#rightcolumn h2.addtopmargin {margin:20px 0 0; }

#rightcolumn h3 {clear:left; color:#000; font:oblique 14pt/16pt "Times New Roman", Times, serif; margin:0; padding:1em 0 0;}

#rightcolumn p.announcement {color:#666; font:8pt/12pt Verdana, Arial, Helvetica, sans-serif; margin:0 0 20px; padding:0; text-align:left; width:300px;}
#rightcolumn p.announcement a{color:#069;}
#rightcolumn p.announcement a:hover {text-decoration:none;}

/* Right Form */
#rightcolumn form, #rightcolumn select {margin:0 0 8px; padding:0;}

/* Right Column - Mouseover Content Slider */
#rightcolumn .sliderwrapper{ font:normal 8pt/10pt Verdana, Arial, Helvetica, sans-serif; height:165px; margin:0; overflow: hidden; position: absolute; width: 130px; }
#rightcolumn .sliderwrapper .contentdiv{ height: 165px; padding: 0; position: absolute; visibility: hidden; width: 130px; -moz-opacity: 1; opacity: 1;}
#rightcolumn .sliderwrapper .contentdiv p {margin:0; padding:0; width:120px; }
#rightcolumn .sliderwrapper .contentdiv p a {color:#a49e86; display:block; padding:135px 0 0; margin:0; text-decoration:none; width:135px;}
#rightcolumn .sliderwrapper .contentdiv p a:hover {color:#80744e; } 

/* Right Column - Paginate Mouseover Content */
#paginate-mapslider { padding:0; width:135px;}
#paginate-mapslider a img {border:none; -moz-opacity:.65; filter:alpha(opacity=65); opacity:.65;}
#paginate-mapslider a.selected img {border:none; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
#paginate-mapslider a:hover img {border:none; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
#paginate-mapslider .pic {padding:0; position:absolute; }

/* Right Column - Paragraph Bubble */
#rightcolumn p.bubble {background:#808cb2 url("rightcolumn1a.jpg") no-repeat; float:left; font:12pt/15pt Verdana, Arial, Helvetica, sans-serif; margin:12px 30px 30px 0; padding:7px 0 0; text-align:center; width:130px;}
#rightcolumn p.bubble a {background:url("rightcolumn1b.jpg") no-repeat bottom left; color:#fff; display: block; margin:0; padding: 0 10px 8px; text-decoration:none; width:110px; } 
#rightcolumn p.bubble a:hover {color:#cbe2f8;}
#rightcolumn p.norightmargin {margin-right:0;}
#rightcolumn p.negativetopmargin {margin-top:-10px;}


#rightcolumn p {color:#999; float:left; font:8pt/10pt Verdana, Arial, Helvetica, sans-serif; margin:12px 30px 0 0; width:130px;}

#rightcolumn p span {color:#666; cursor:pointer; display:block; float:left; font:8pt/10pt Verdana, Arial, Helvetica, sans-serif; width:130px;}
#rightcolumn p span.thumb {background:url(http://jlsdesign.net/css/smallphotocurve2.gif) no-repeat; display:block; margin:-65px 0 0; padding:70px 0 0; position:relative; width:130px;}

#rightcolumn p span img {margin:6px 0 2px;}



/* Right Column - Special Links */

#home #rightcolumn p.speciallink {display:none;}
#rightcolumn p.speciallink {font:10pt/14pt Verdana, Arial, Helvetica, sans-serif; margin:5px 0 0; padding:0; text-align:center; width:300px;}
#rightcolumn p.speciallink a {color:#069;}
#rightcolumn p.speciallink a:hover {text-decoration:none;}
#rightcolumn p.left {text-align:left;}
#rightcolumn p.reader {font:8pt/13pt Verdana, Arial, Helvetica, sans-serif; margin:15px 0 0; }
#home #rightcolumn p.reader {display:block; margin:-10px 0 0; }

/* Portfolio Overrides */
#portfolio .sliderwrapper{ font:normal 8pt/10pt Verdana, Arial, Helvetica, sans-serif; height:auto; margin:0; padding:0; overflow: hidden; position: relative; width: 625px; }
#portfolio .sliderwrapper .contentdiv{ height: auto; margin:0 0 0 -2px; padding: 0; position: absolute; visibility: hidden; width: 625px; -moz-opacity: 1; opacity: 1;}
#portfolio .sliderwrapper .contentdiv img{ border:1px solid #ccc; margin:0; padding:0;}

#portfolio #mapslider {height:600px;}
#portfolio #paginate-mapslider { padding:0; width:302px;}
#portfolio #paginate-mapslider a img {border:none; -moz-opacity:.65; filter:alpha(opacity=65); opacity:.65;}
#portfolio #paginate-mapslider a.selected img {border:none; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
#portfolio #paginate-mapslider a:hover img {border:none; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
#portfolio #paginate-mapslider .pic {padding:0 5px 5px 0; float:left; position:relative;}


/* Footer Navigation */
#footernavigation {clear:left; float:left; font:9pt/12pt Verdana, Arial, Helvetica, sans-serif; margin:40px -3px 0; padding:0; text-align:center; width:957px;}
#footernavigation ul {display: block; margin:0; padding: 0; width:957px; } 
#footernavigation ul li {border-left:1px solid #9c9479; display:inline;  list-style: none; margin:0; padding: 0 20pt; }
#footernavigation ul li a{color:#9c9479; text-decoration: none;}
#footernavigation ul li a:hover {color:#7f734d; text-decoration:underline;}
#footernavigation ul li#footernav01 {border-left:none; } 
#footernavigation p {text-align:center; width:957px;}
#footernavigation p a {color:#808cb2; text-decoration:none; }
#footernavigation p a:hover {color:#677190; text-decoration:underline; }