/** CONTAINTERS **/
#main { position: relative; width: 980px; margin: 0 auto; padding: 20px 40px; background-color: white;}
#navigation { float: left; width: 276px; padding-top: 30px;}
#content { float: left; width: 644px; }
#picture { float: left; width: 312px; background: url(../images/shadow.gif) repeat-y top left; padding-left: 12px; }
#picture img {display: block; }
#half  { float: left; width: 290px; padding-left: 30px; padding-top: 25px; }
#full { background: url(../images/shadow5.gif) repeat-y top left; padding-left: 30px; min-height: 590px; width: 614px; padding-top: 25px; position: relative; overflow: hidden; }
#contact { padding-right: 70px; padding-top: 5px; position: relative; }
.midcol { width: 48%; float: left; }

/** TYPEOGRAPHY **/
body { font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 13px; line-height: 18px; color: #5c7685; }
h1 { padding-bottom: 16px; font-size: 1.4em; text-transform: uppercase;  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color: #5c7685;}
h2 { padding-bottom: 10px; font-size: 1.2em;   font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; clear:both;}
h3 { padding-bottom: 5px; font-weight: normal; }
p { padding-bottom: 16px; clear:both; }
p.small { font-size: .8em; }
a { color: #5c7685; text-decoration: none; }
a:hover { text-decoration: underline; }
#content ul { padding-bottom: 18px; position: relative;  }
#content li { list-style: square; padding: 2px; margin-left: 15px; position: relative;}
#content ul.twocol { overflow: auto; position: relative; width: 100%;}
#content ul.twocol li { float: left; width: 260px; position: relative; }
.clr { clear:both; display: block; overflow: hidden; width: 100%;}

table { margin-bottom: 18px; }
th { padding: 3px 6px; border: 1px solid #ccc; text-align: left;}
td { padding: 3px 6px; border: 1px solid #ccc; text-align: left; }
.strong { font-weight: bold; }

/** NAVIGATION **/
#navigation #logo { margin-left: 60px; margin-bottom: 25px; }
#navigation #boat { margin-left: 52px; padding-top: 30px; }

#navigation #mainnav li a { display: block; line-height: 28px; height: 28px; text-align: right; padding-right: 33px; letter-spacing: 1px; text-decoration: none; font-size: 14px;
       font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; }
#navigation #mainnav li.active a { font-weight: bold; }
#navigation h2 a { display: block; color: #b04f4f; text-align: right; padding: 15px 33px 0 0;}


/** CONTACT INFO **/

.contactinfo .col1 { display: block; float: left; width: 120px; padding-top: 7px;}
.contactinfo .col2 { display: block; float: left; width: 140px; }

/** HOME **/
.home #half h1 { padding-bottom: 12px;  }
.home #half h2 { padding-bottom: 1px; font-size: 1.2em; }
.home #half li { padding: 0; list-style: square; margin-left: 0;}
.home .contactinfo p { padding-bottom: 0px; }

/** CONTACT **/
#contact p { color: #484b4d; padding-bottom: 7px; font-size: 1em; line-height: 17px;  }
#contact .envelope { position: absolute; top: 30px; left: 170px; }
#nyroModalContent h1 { padding-top: 15px; }

/** FLOORPLANS **/
#content ul.images li { list-style: none; float: left; width: 190px; height: 180px; overflow: auto; margin-left: 0; position: relative;  }
#content ul.images.tall li { height: 250px; }
#content ul.images.xtall li { height: 300px; }
#content ul.images { overflow: auto; }
#content ul.images img { position: absolute; bottom: 0; }
#content.floorplans h2 { border-bottom: 1px solid #55798f; padding-bottom: 5px; margin-bottom: 10px;}
#content img.dollar { display:block; margin: 0 auto; }
#content a.pricesheet { display:block; text-align: center; padding-top: 60px; }
#content .floorplansection { clear: both; }

/** FORMS **/
form#application { width: 614px; padding: 0; margin: 0;}
form#application input { margin: 2px 0; }

form#contactform .input { padding: 4px 5px; width: 456px; border: 1px solid #ced0d0; color: #5f6565;
        font-family: Tahoma,Arial,Helvetica,sans-serif; display: block; margin-bottom: 10px; }
form#contactform .dropdown { width: 467px; }
form#contactform .textarea { padding: 8px 5px; width: 468px; max-width: 468px; height: 135px; font-size: 12px; }
form#contactform .submit_button { background: #fdfdfd url(../images/button_bg.png) repeat-x bottom left; text-transform: uppercase; color: #55798f;
                text-align: center; height: 27px; width:150px; border: 1px solid #bbbbbb; font-size: .8em; cursor: pointer; margin-left:  317px}
form#contactform .submit_button:hover { background: #eeeeee url(../images/button_bg_hover.png) repeat-x bottom left; text-decoration: none; }

/** LOCATION **/
.location a { text-decoration: underline; }

/** STORAGE **/
#storage #content a#directions { margin-top: 10px; display: block; border: 1px solid #cccccc; padding: 1px; text-align: center; width: 100px; background-color: #eeeeee; }
#storage #content a#paybill {  display: block; border: 1px solid #cccccc; padding: 2px; text-align: center; width: 100px; background-color: #eeeeee; float: left; }
#storage #content #accept { display: block; float: left; margin-left: 20px; border: 0;}
#storage #content img { display:block; padding: 2px; border: 1px solid #ccc; float: left; margin-right: 20px;  }
#sp-storage { margin-left: 20px; border: 1px solid #cccccc; padding: 1px; }
.storage-contact { position:absolute; top: -5px; left: 320px;}
#storage #content .storage-contact img { border: none; }
#storage #navigation #mainnav li.backtohome a { background: url(/images/view-apartment-website.jpg) no-repeat left top;
                width: 185px; height: 36px; padding: 0; display: block; line-height: 36px; text-align:left;text-indent: -9999px;
}
#storage #navigation #mainnav li { padding: 20px 0 20px 59px;}