html, body
{
    margin: 0;
    padding: 0;
}
body
{
    font: 12px Arial, Verdana, sans-serif;
    color: #000;
    background-color: #fff;
}
h1, h2, h3, h4, h5{margin: 1em 0;}
h1
{
    font: normal 28px Arial, sans-serif;
    text-transform: uppercase;
    line-height: 1.1em;
    margin: 0 0 12px;
    color: #FBBB1E;
    letter-spacing: -1px;
}
h2
{
    font: normal 28px Arial, sans-serif;
    text-transform: uppercase;
    line-height: 1.1em;
    margin: 0 0 12px;
    color: #FBBB1E;
    letter-spacing: -1px;
}
h3
{
    font: 16px Arial, sans-serif;
    line-height: 1.4em;
    margin: 0 0 .8em;
}
h4{font-size: 12px; margin: 0 0 .3em;}
p
{
    margin: 0 0 1em;
    line-height: 1.5em;
}
td{font-size: 12px;}
a,
a:link,
a:visited{color: #356A7B; text-decoration: underline;}
a:hover,
a:active{color: #606054; text-decoration: underline;}

a img{border: none;}
ul li,
ol li{line-height: 1.5em;}
form{margin: 0;}
fieldset{padding: 0;}
hr
{
    border: none;
    height: 1px;
    color: #ccc;
    background-color: #ebebeb;
}

/* ~~~ === POSITIONING SELECTORS ===================================================================================== ~~~ */
#krd
{
    width: 940px;
    height: 18px;
    margin: 0 auto;
    font-size: 11px;
    line-height: 18px;
    text-align: left;
}
#krd p
{
    margin-left: 195px; 
    color: #999;
    height: 18px;
}
#wrapper
{
    width: 940px;
    margin: 0 auto;
    background-color: #fff;
    text-align: left;
}
#masthead
{
    height: 93px;
    border-bottom: 2px solid #fff;
}
#logo
{
    width: 193px;
    height: 93px;
    float: left;
    margin: 0;
}
#content
{
    clear: both;
    border-top: 5px solid #FBBB1E;
}
#leftcol
{
    width: 193px;
    float: left; 
    border-top: 2px solid #fff;  
    border-right: 2px solid #fff;
    font-size: 11px;
    background-color: #DFDFDD;
}
#leftcol p{line-height: 1.3em;}
#main
{
    width: 745px;
    float: left;
    border-top: 5px solid #FBBB1E;
    padding-bottom: 2px;
    min-height: 400px;
}
#rightcol
{
    width: 241px;
    float: right;
    font-size: 11px;
    background-color: #FEF6E2;
    margin-bottom: 12px;
}
#rightcol h3,
#rightcol h3 a
{
    color: #606054; 
    text-decoration: none;    
}
#rightcol p{line-height: 1.3em;}
#rightcol div.copy{padding: 12px 18px;}
#videoLink
{
    font-size: 14px;
    text-align: center;
    margin: 0;
}
#videoLink a
{
    display: block;
    background: url(../images/video_icon.gif) no-repeat 0 0;
    padding-left: 64px;
    line-height: 54px;
}
#copyright
{
    clear: both;
    width: 908px;
    margin: 0 auto;
    font-size: 11px;
    color: #999;
    border-top: 1px solid #DFDFDD;
    padding: 7px 16px;
}
#copyright a
{
    color: #999;
}
#copyright p.left{float: left;}
#copyright p.right{float: right;}

/* ~~~ === NAVIGATION ================================================================================================= ~~~ */
#menu
{
    width: 745px;
    float: right;
}
#menu ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-width: 1px 0 1px 1px;
    border-style:  solid;
    border-color: #D2D4D5;
    height: 91px; 
}
#menu ul li
{
    float: left;
    position: relative;
}
#menu ul li a
{
    display: block;
    width: 92px;
    height: 91px;
    float: left;
    font-size: 11px;
    text-transform: uppercase;
    color: #606054;
    border-right: 1px solid #D2D4D5;
    background: url(../images/menu_link_bg.gif) no-repeat 0 0;
    text-decoration: none;
}
#menu ul li.active a,
#menu ul li a:hover
{
    background-position: 0 -91px;
    text-decoration: none;
    color: #000;
}
#menu ul li a span
{
    position: absolute;
    left: 8px;
    bottom: 6px;
    line-height: 1em;
    cursor: pointer;
}
#menu ul li a b
{
    font-weight: normal;
    color: #000;
}
#menu ul li.active a b,
#menu ul li a:hover b{color: #fff;}
/*#menu ul #m-1 a span{bottom: 17px;}*/

/* ~~~ === SUB NAVIGATION =================================== ~~~ */
#submenu
{
    padding: 12px 16px;
    background-color: #FEEABB;
    border-bottom: 2px solid #fff;
}
#submenu h2
{
    font-size: 14px;
    color: #606054;
    margin: 0;
}

/* ~~~ === Jump Links === ~~~ */
#jumplinks
{
    background-color: #DFDFDD;
    color: #606054;
    padding: 0 34px 0 193px;    
    border-bottom: 2px solid #fff;
    height: 32px;
}
#jumplinks p
{
    line-height: 32px;
    margin: 0;
}
#jumplinks .input{font-size: 11px;}
#jumplinks p.left
{
    float: left;
    padding: 0 22px;
}
#jumplinks p.right{float: left; white-space: nowrap;}
#jumplinks p.left select,
#jumplinks p.right select{vertical-align: middle;}

/* ~~~ === HOME PAGE ================================================================================================= ~~~ */
#home #jumplinks
{
    border-top: 2px solid #fff;
    border-bottom: none;
    padding: 0 34px;
}
#home #main{width: 502px;}
#home #leftcol{padding-top: 50px; margin-top: -7px;}
#topcontent
{
    clear: both;
    height: 286px;
    border-bottom: 2px solid #fff;
}
#topLeftContent
{
    width: 193px;
    float: left;
}
#panel
{
    height: 91px;
    background-color: #606054;
    color: #fff;
    font-size: 14px;
    padding: 23px 20px;
    border-bottom: 2px solid #fff;    
}
#panel p
{
    margin: 0;
    line-height: 1.3em;
}
#quickLinks
{
    position: absolute;
    border-bottom: 2px solid #fff; 
}
#quickLinks ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#quickLinks a
{
    display: block;
    width: 168px;
    height: 37px;
    line-height: 37px;
    padding-left: 25px;
    border-top: 2px solid #fff;
    background: #fbbb1e url(../images/arrow.gif) no-repeat 16px 50%;
    color: #606054;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
}
#quickfind
{
    height: 102px;
    background-color: #FEEABB;
    padding: 10px 16px 8px;
    color: #606054;
}
#quickfind p
{
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
}
#quickfind ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#quickfind a
{
    display: block;
    padding-left: 9px;
    background: url(../images/arrow.gif) no-repeat 0 50%;
}
#mainImage
{
    width: 745px;
    float: right;
    position: relative;
}
#mainImage ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}  
#mainImage li
{
    position: absolute; 
    top: 0; 
    left: 0;
    display: none;
}

/* ~~~ === LEFTCOLUMN ============================================================ ~~~ */
#brochure
{
    padding-bottom: 4px;
    color: #666666;
    border-bottom: 2px solid #fff;
}
#brochure p{margin: 4px 16px;}

/* ~~~ === MAIN CONTENT ========================================================== ~~~ */
#main div.copy{padding: 20px;}
#showHomes #main div.copy{padding: 0;}
#icons span
{
    display: block;
    width: 463px;
    height: 65px;
    background: url(../images/icons.gif) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
    margin: 0 auto;
}
#icons span:hover{background-position: 0 -65px;}

/* ~~~ === RIGHT COLUMN ============================================================ ~~~ */
#events
{
    border-top: 2px solid #fff;
}
#events h2
{    
    margin: 0;
    background-color: #DFDFDD;
    padding-left: 18px;
    font-size: 16px;
    color: #606054;
    line-height: 37px;
    border-bottom: 2px solid #fff;
}
div.eventItem
{
    background-color: #FEEABB;
    padding: 12px 18px;
    border-bottom: 2px solid #fff;
}
div.feature{background-color: #FDDC8C;}
div.eventItem h3
{
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 4px;
}
div.eventItem p{line-height: 1.3em; margin: 0;}

/* ~~~ === OUR PLANS PLAN DETAILS PAGES ============================================================================ ~~~ */
#showHomes #main div.copy h2{padding-top: 12px;}
.planHeading
{
    float: left;
    width: 745px;
    display: inline;
    background-color: #7B766F;
    color: #fff;
    padding-bottom: 8px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.planHeading h3 span
{
    font-size: 16px;
    text-transform: none;
}
.planHeading h3
{
    font: 28px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin: 0;
    line-height: .8em;
    float: left;
    padding: 2px 0 0 20px;
}
.planHeading h4
{
    font: 22px Arial, Helvetica, sans-serif;
    margin: 0;
    line-height: 1em;
    float: right;
    padding: 32px 20px 0;
}
table.tblPlanDetails
{
    clear: both;
    width: 745px;   
}
table.tblPlanDetails td{ vertical-align: top;}
#planMainImage img
{
    display: block; 
    border-bottom: 2px solid #fff;
}
td.planImages p{line-height: 1em;}
td.planImages
{
    text-align: center;
    padding: 16px 0;
    border: 1px solid #D2D4D5;
}
div.description
{
    font-size: 12px;
    background-color: #FEEABB;
    padding: 12px 14px;
    line-height: 1.5em;
    border-bottom: 2px solid #fff;
}
td.description h3
{
    font: bold 16px Arial, Helvetica, sans-serif;
    margin: 40px 0 .3em;
}
td.areas
{
    width: 192px;
    background-color: #DFDFDD;
    padding: 10px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}
ul.features
{
    list-style-type: square;
    margin: 0 16px 12px 16px;
    padding: 0;
}
ul.features li{line-height: 1.3em;}
ul.tblPlanAreas
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* ~~~ === OUR PLANS PAGE ========================================================================================== ~~~ */
table.plan_type 
{
	width:100%;
	margin:0 0 1em;
}

table.plan_type td 
{
	vertical-align:top;
	text-align:center;
}

table.plan_type td img
{
    border: 1px solid #ccc;
    padding: 4px;    
}
/* ~~~ === OUR PLANS LISTINGS PAGE ================================================================================ ~~~ */

#plansList 
{
	list-style-type:none;
	margin:0;
	padding:0;
}
#plansList div.planHeading 
{
	padding-bottom:4px;
	background-color:#606054;
}

#plansList div.planHeading h3 
{
	font-size:18px;
	text-transform:uppercase;
	margin:0;
	line-height:1em;
	float:left;
	padding:4px 0 0 20px;
}

#plansList div.planHeading h4 
{
	font:13px Arial, Helvetica, sans-serif;
	margin:0;
	line-height:1em;
	float:right;
	padding:26px 20px 0;
}

#plansList dl 
{
	clear:both;
	padding:0;
	float:left;
	width: 725px;
	display:inline;
	margin:12px 20px;
}

#plansList dl dt 
{
	width:200px;
	float:left;
	display:inline;
}
#plansList img
{
    border: 1px solid #ccc;
    padding: 6px;    
}
#plansList dl dd{margin:0 0 0 222px;}
#plansList dl dd p, p.folders {margin:0 0 .3em;}


/* ~~~ === GALLERY PAGE ============================================================================================= ~~~~ */
/* ~~~ Albums ~~~ */
dl.thumb
{
    width: 230px;
    float: left;
}
dl.thumb dt{text-align: center;}
dl.thumb dt a
{
    display: block;
    width: 150px;
    height: 101px;    
    overflow: hidden;
    margin: 0 auto; 
    line-height: 100px; 
   
}
dl.thumb dt a img{vertical-align: middle;}
dl.thumb dt span
{
    display: block;
    width: 150px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 6px;
    margin: 0 auto;
   /* -moz-box-shadow:  2px 2px 6px #ccc;
    -webkit-box-shadow: 2px 2px 6px #ccc;*/
}
dl.thumb dd
{
    width: 150px;
    margin: 0 auto;
    text-align: center;
    font-size: 11px;
}
#photoDetail, 
.center, 
#lastestPhotos dt, 
ul#slide_show li{text-align:center;}
#photoDetail h3, 
h3.galleryHeading 
{
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
}
#photoDetail p.back{text-align:left;}
#photoDetail p.photo{margin: 0;}
#photoDetail p.photo img
{
    border: 1px solid #ccc;
    padding: 8px;
}
#pagination p.previous 
{
    float:left;
    margin-left: 140px;
}
#pagination p.next 
{
    float:right;
    margin-right: 140px;
}

/* ~~~ === NEW JAVASCRIPT DIALOUGE =============================================================================== ~~~ */
#galleryOverlay{background-color: #000;}
#galleryOuterContainer{}


/* ~~ === SHOWHOMES PAGE ============================================================================================ ~~~~ */
table.tableShowHomesRegions{width: 100%;}
table.tableShowHomesRegions td 
{
    vertical-align: top;
	text-align:center;
	padding:4px;
}

table.tableShowHomesRegions td img
{
    border:1px solid #ccc;
    padding: 6px;
}

#homeList 
{
	list-style-type:none;
	margin:0;
	padding:0 0 1em;
}
#homeList li {clear:left;}
div.showhomeHeading 
{
	clear:both;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding-bottom:4px;
	background-color:#606054;
}

div.showhomeHeading h3 
{
	font:18px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0;
	line-height:1em;
	padding:4px 0 0 20px;
}
div.showhomeHeading h3 span{text-transform: none; font-size: 16px;}
.showhomeHeading h3 
{
	font:28px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0;
	line-height:.8em;
	padding:2px 0 0 20px;
	color:#fff;
}
#homeList dl 
{
	margin:12px 20px;
	padding:0 0 1em;
}

#homeList dt 
{
	width:200px;
	height:212px;
	float:left;
}
#showHomesMainImage{position: relative;}
#slideImages
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#slideImages li a
{  
    text-align: center;
    margin: 0 auto;
}
#slideShowButton
{
    float: right;
    font-size: 14px;
    margin: 0 0 0 12px;
}
#slideShowButton img
{
    display: inline;
    vertical-align: middle;
}

a.videoBtn{margin-right: 12px;}

/* ~~~ === SHOWHOMES DETAIL PAGE =================================================================================== ~~~ */
#homeDetails {padding-bottom:2em;}
#homeDetails h3 
{
	background-color:#606054;
	color:#fff;
	font:22px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0;
	padding:4px 24px;
}
td.relatedGallery, 
td.showHomesPlan, 
td.showHomePhotos{padding:12px;}
td.relatedGallery h3, 
td.showHomesPlan h3, 
td.showHomePhotos h3 
{
	font:bold 16px Arial, Helvetica, sans-serif;
	margin:1em 0 .5em;
}
td.showHomesPlan p {margin:0 0 1em;}
td.showHomeDesc 
{
    width: 200px;
	vertical-align:top;
	padding:12px;
	background-color:#FDBE56;
}
table.showhomeThumbs, 
table.albums, 
table.photos {width:100%;}
table.showhomeThumbs td 
{
	text-align:center;
	font-size:11px;
	padding:6px;
	border:1px solid #ccc;
	vertical-align:middle;
}
table.showhomeThumbs td img{margin: 0 auto;}

/* ~~~ === CAROUSEL ======================================================= ~~~ */
#showHomesMainImage img
{
    display: block;
    margin: 0 auto;
}
div.carousel
{
    position: relative;
    border: 1px solid #ccc;
    padding: 8px 0;
    margin: 2px 0;
    padding-left: 24px;
}
div.carousel a.prev
{
    position: absolute;
    top: 36px;
    left: 8px;
    width: 16px;
    height: 16px;
    outline: none;
    background: url(../images/icons/control_rewind.png) no-repeat 0 50%;
    text-indent: -9999em;
}
div.carousel a.next
{
    position: absolute;
    top: 36px;
    right: 8px;
    width: 16px;
    height: 16px;
    outline: none;
    background: url(../images/icons/control_fastforward.png) no-repeat 100% 50%;
    text-indent: -9999em;
}
div.jCarouselLite ul
{
    list-style-type: none;
    margin: 0 0 0 24px;
    padding: 0;
}
div.jCarouselLite li
{   
    padding: 4px;
    border: 1px solid #ccc;
    margin: 0 4px;
}
div.jCarouselLite li a
{
    display: block;
    height: 60px;
    overflow: hidden;
    outline: none;
}

/* ~~~ === FIND US ================================================================================= ~~~ */
#regionalMap{position: relative;}
#regionSelect
{
    width: 316px;
    height: 73px;
    float: left;
    border: 1px solid #D7DAA4;
    padding: 12px;
}
#regionSelectHL
{
    width: 316px;
    height: 53px;
    float: left;
    border: 1px solid #D7DAA4;
    padding: 12px;
    margin-bottom: 12px;
}
#regionSelect select{font-size: 11px;}
#regionSelect p{margin: 0 0 4px;}
#maps
{
    margin: 12px 0 1em;
    clear: both;
}

/* ~~~ === NORTH ISLAND FLASH ==== ~~*/
#northIslandContainer
{    
    float: left;
    width: 340px;
    height: 320px;
    margin: 0;
}
#northIslandContainer dt
{
    text-transform: uppercase;
    margin-bottom: 4px;
    font-weight: bold;
}
#northIslandContainer dd
{
    margin: 0;
    border: 1px solid #D7DAA4;    
}
#northIslandContainer dd div.flashContainer
{
    width: 232px;
    margin: 0 auto;
}
#north_island{width: 230px; height: 320px;}
/* ~~~ === SOUNTH ISLAND CONTAINER ===== ~~~ */
#southIslandContainer
{
    float: right;
    width: 340px;
    height: 320px;
    margin: 0;
}
#south_island{width: 280px; height: 320px;}
#southIslandContainer dt
{
    text-transform: uppercase;
    margin-bottom: 4px;
    font-weight: bold;
}
#southIslandContainer dd
{    
    margin: 0;
    border: 1px solid #D7DAA4;
}
#southIslandContainer dd div.flashContainer
{
    width: 282px;
    margin: 0 auto;
}
div.south_island
{
	float: right;
	width: 270px;
}
table.franchiseDetail
{
    border-collapse: collapse;
    border-top: 1px solid #ccc;
}
table.franchiseDetail td
{
    padding: 4px 16px 4px 4px;
    border-bottom: 1px solid #ccc;
}
#franchises
{
    width: 316px;
    height: 73px;
    float: right;
    border: 1px solid #D7DAA4;
    margin-bottom: 12px;
    padding: 12px;
}
#franchises table
{
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}
#franchises table thead th
{
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 0 2px;
}
#franchises table tbody th
{
    padding: 2px 2px 2px 0;
    vertical-align: top;
    text-align: left;
}
#franchises table tbody td
{
    padding: 2px 0 2px 2px;
}

#franchise_lising ul
{
    list-style-type: none;
    margin: 1em 0;
    padding: 0;
}
#regionSelectListing
{
    width: 170px;
    float: left;
    display: inline;
    margin: 12px 0 0 3px;
}

#franchises h3
{
    background-color: #D7DAA4;
    font: bold 14px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 4px 8px;
    margin: 0;
}
#franchises dl{margin: 0;}
#franchises dt
{
    font: bold 12px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background-color: #F3F4E4;
    padding: 4px 8px;
}
#franchises dd{margin: 3px 1em 0;}

/* ~~~ === NEWS PAGE =============================================================================== ~~~ */
#newsDetail
{
    width: 482px;
    float: left;
}
#newsPhotos
{
    width: 202px;
    float: right;
}

#newsPhotos ul
{   
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#newsPhotos li
{
   margin-bottom: 10px;
   text-align: center;
   font-size: 11px; 
}
#newsPhotos a
{
    display: block;
}
#newsPhotos a img
{
    display: block;
    border: 1px solid #606054;

}

/* ~~~ === INTRANET ================================================================================= ~~~ */

table.tableRecord 
{
	width:100%;
	border-collapse:collapse;
	border:1px solid #ccc;
	margin:1em 0;
	font-size:11px;
}

table.tableRecord thead th 
{
	text-align:center;
	padding:4px;
	border-bottom:1px solid #ccc;
	background-color:#DFDFDD;
}

table.tableRecord thead th input, 
table.tableRecord thead th label{vertical-align:middle;}
table.tableRecord tbody tr.even {background-color:#eee;}
table.tableRecord tbody tr:hover{background-color: #EDEDEC;}
table.tableRecord tbody th 
{
	padding:2px 4px;
	background-color:#EDEDEC;
	font-style:italic;
	font-weight:normal;
}

table.tableRecord tbody td 
{
	padding:2px 4px;
	border:1px solid #ccc;
	text-align:center;
}
table.tableRecord tbody td.left{text-align: left;}
table.tableRecord tbody td.lastModified 
{
	width:25%;
	white-space:nowrap;
}
p.folders a.open 
{
	background:url(../images/icons/folder_open.gif) no-repeat 0 50%;
	padding:1px 0 1px 18px;
}
p.folders a.closed 
{
	background:url(../images/icons/folder.gif) no-repeat 0 50%;
	padding:1px 8px 1px 18px;
}
table.tableRecord select{font-size: 11px;}

/* ~~~ === PLAN LIBRAY ===================================================== ~~~ */

div.planSearch {margin:0 0 4px;}
.TogglePaneHeader 
{
	border:1px solid #ccc;
	background-color:#DFDFDD;
	font-size:12px;
	padding:4px;
	font-weight:bold;
	cursor:pointer;
}
.TogglePaneHeader span {text-decoration:underline;}
.TogglePaneHeaderClosed {border:2px outset #fff;}
.TogglePaneContent 
{
	background-color:#f0f0f0;
	color:#005;
	padding:0.5em;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#ccc;
	font-size:0.8em;
}
.tablePlanSearchOptions th 
{
	width:260px;
	background-color:#DFDFDD;
	border:1px solid #ccc;
	padding:4px;
	color:#000;
	font-size:11px;
	font-weight:normal;
	padding-right:8px;
}

.tablePlanSearchOptions td 
{
	padding-left:8px;
	color:#000;
}
.tablePlanSearchOptions {max-height:150px;}

.planLibrary 
{
	border:1px solid #C2C2C2;
	padding:8px;
	overflow:auto;
	height:100%;
	background-color:#F0F0F0;
}
.planLibrary dt 
{
	width:108px;
	float:left;
}
.planLibrary dt img 
{
	display:block;
	padding:4px;
	border:1px solid #ccc;
	background-color:#fff;
}
.planLibrary dd 
{
	margin:0 0 0 120px;
	font-size:11px;
}
ul#slide_show 
{
	list-style:none;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul#slide_show li img 
{
	border:1px solid #ccc;
	padding:4px;
	margin:0 auto;
}

/* ~~~ ==== LANDMARK LIVE ============================================================= ~~~~ */

#landmarkLiveThumbs {
	border:1px solid #ccc;
	padding:1em;
	margin:1em 0;
	overflow:auto;
	height:100%;
}

#lastestPhotos dl {
	float:left;
	width:120px;
}

#lastestPhotos dd {
	font-size:11px;
	text-align:center;
	margin:0;
}

#LastestDocuments table.tableRecord {
	margin-top:.3em;
}

.borderedThumbImage {
	border:1px solid #ccc;
	padding:4px;
	background-color: #fff;
}

#photoListings {
	max-height:240px;
	overflow:auto;
	border:1px solid #ccc;
	margin-bottom:1em;
}

p.photoTitle, #jImageTextContainer p.title {
	font-weight:bold;
}

p.photoTitle span {
	font-weight:normal;
	font-style:italic;
}

#landmarkLiveLink {
	padding:0 0 1.8em;
}

#landmarkLiveLink a {
	font-size:14px;
	color:#FBBB1E;
	font-weight:bold;
}

a.previous {
	background:url(../images/icons/resultset_previous.png) no-repeat 0 50%;
	padding:1px 4px 1px 18px;
}

a.viewAll {
	background:url(../images/icons/images.png) no-repeat 0 50%;
	padding:1px 4px 1px 18px;
}

a.sendEmail {
	background:url(../images/icons/email.png) no-repeat 0 50%;
	padding:1px 4px 1px 18px;
}

a.next {
	background:url(../images/icons/resultset_next.png) no-repeat 100% 50%;
	padding:1px 18px 1px 4px;
}

a.viewPhoto {
	background:url(../images/icons/image.png) no-repeat 0 50%;
	padding:1px 4px 1px 18px;
}

a.downloadPhoto {
	background:url(../images/icons/arrow_down.png) no-repeat 0 50%;
	padding:1px 4px 1px 18px;
}

a.addPhoto {
	background:url(../images/icons/image_add.png) no-repeat 0 50%;
	padding:1px 4px 1px 18px;
}

a.edit {
	background:url(../images/icons/image_edit.png) no-repeat 0 50%;
	padding:1px 4px 1px 18px;
}

a.delete {
	background:url(../images/icons/image_delete.png) no-repeat 0 50%;
	padding:1px 4px 1px 18px;
}

a.addCustomer {
	background:url(../images/icons/user_add.png) no-repeat 0 50%;
	padding:1px 4px 1px 18px;
}

a.addFile {
	background:url(../images/icons/page_add.png) no-repeat 0 50%;
	padding:1px 4px 1px 18px;
}

a.editFile {
	background:url(../images/icons/page_edit.png) no-repeat 0 50%;
	padding:1px 4px 1px 18px;
}

a.deleteFile {
	background:url(../images/icons/page_delete.png) no-repeat 0 50%;
	padding:1px 4px 1px 18px;
}

/* ~~~ === JAVASCRIPT GALLERY ============================================== ~~~ */

#jImageOverlay 
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:#000;
	opacity:.5;
}

#jImageOuterContainer 
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:2;
	text-align:center;
}

#jImageContainer 
{
	width:100px;
	height:100px;
	margin:0 auto;
	background:#fff url(../images/ajax-loader.gif) no-repeat 50% 50%;
	z-index:2;
}

#jImageCurrentImage {
	border:10px solid #fff;
	display:block;
}

#jImageTextContainer {
	position:relative;
	bottom:0;
	left:0;
	background-color:#fff;
	color:#000;
	height:50px;
}

#jImageTextContainer p 
{
	margin:0;
	text-align:left;
}

#jImageTitle 
{
	position:absolute;
	top:0;
	left:10px;
}

#jImageClose 
{
	position:absolute;
	top:0;
	right:10px;
	font-weight:bold;
}

#jImagePrevious, #jImageNext 
{
	padding:0 12px;
	font-weight:bold;
}

/* ~~~ === SITEMAP ================================================================================== ~~~ */

#sitemap {margin-bottom:1em;}

#sitemap h3 
{
	background:url(../images/icons/base.gif) no-repeat 2px 0;
	margin:16px 0 0 16px;
	padding:0 0 5px 18px;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#333;
}

ul.sitemap 
{
	list-style-type:none;
	margin:0 16px 16px;
	padding:0;
	background:url(../images/icons/line.gif) repeat-y;
}

ul.sitemap ul 
{
	list-style-type:none;
	margin:0 0 0 8px;
	padding:0;
	background:url(../images/icons/line.gif) repeat-y;
}

ul.sitemap li 
{
	line-height:20px;
	padding-left:7px;
}

ul.sitemap a 
{
	background:url(../images/icons/page.gif) no-repeat 0 50%;
	padding:4px 0 4px 28px;
	color:#356A7B;
}

ul.sitemap li.lastchild li a 
{
	background:url(../images/icons/page.gif) no-repeat 0 50%;
	padding:4px 0 4px 28px;
}
ul.sitemap a:link, 
ul.sitemap a:visited {color:#356A7B;}
.lastchild, #ImageBoxCaption {background-color:#fff;}
li.lastchild a, 
ul.sitemap li.lastchild li.lastchild a 
{
	background:#fff url(../images/icons/page_bottom.gif) no-repeat 0 0;
}

/* ~~~ === FORMS =================================================================================================== ~~~ */

table.formtable 
{
	width:100%;
	margin:0 auto 1em;
	font:12px Helvetica,Arial, sans-serif;
	border:1px solid #ebebeb;
	background-color:#F9F9F9;
}

table.formtable caption 
{
	font:bold 16px Helvetica, Arial sans-serif;
	text-align:left;
	padding-top:1em;
}

table.formtable thead th 
{
	text-align:left;
	padding:8px 12px;
	text-transform:uppercase;
}

table.formtable tbody th 
{
	text-align:right;
	padding:2px 4px 2px 12px;
	width:1%;
	white-space:nowrap;
}
table.formtable tbody th span{color:red;}
table.formtable tbody th span.small 
{
	font-weight:normal;
	color:#000;
	font-style:italic;
}
table.formtable tbody td, 
table.tblPlanAreas tbody td, 
table.franchiseProfile td, 
dl.franchiseStaff dd table tbody td 
{
	padding:2px 4px;
}

table.formtable tfoot td {
	padding:8px 4px;
}

table.formtable tbody th.padBottom, table.formtable tbody td.padBottom {
	padding-bottom:12px;
}
.input, .select {
	font:12px Helvetica, Arial, sans-serif;
	border:1px solid #C4C4C4;
	color: #606054;
}

.button {
	font:bold 12px Helvetica, Arial, sans-serif;
	background-color:#5C5C51;
	color:#fff;
}


/* ~~~ === CLASSES ================================================================= ~~~~ */

.borderedImage
{
    border: 1px solid #ccc;
    padding: 8px;
    background-color: #fff;
}
.planHeading2 
{
	font:normal 28px Arial, sans-serif;
	text-transform:uppercase;
	line-height:1.1em;
	margin:12px 20px;
	color:#606054;
	letter-spacing:-1px;
}
.clear{clear: both;}
.left{text-align: left;}
ul.links
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.links a
{
    display: block;
    padding-left: 9px;
    font-size: 12px;
    background: url(../images/arrow.gif) no-repeat 0 50%; 
}
ul.links li
{
    line-height: 18px;
}
ul.links ul
{
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 12px;
}
.img-left
{
    float: left;
    margin: 0 12px 4px 0;
}
.img-right
{
    float: right;
    margin: 0 0 4px 12px;
}
.border-none{border: none;}
.border-thin{border: 1px solid #606054;}
.border-thick{border: 2px solid #606054;}