@charset "utf-8";
/* CSS Document */

body { 
	background-image: url('../images/gradient.png'); 
	background-repeat: no-repeat;
	background-repeat: repeat-x; 
	background-position: top; 
	background-attachment: fixed;
	background-color: #4d4d34; 
	} 
	
a:link { color: #4C4C33; }
a:active { color: #4C4C33; }
a:visited { color: #4C4C33; }
a:hover { color: #4C4C33; }

a.tkm:link { color: #A09D6D; }
a.tkm:active { color: #A09D6D; }
a.tkm:visited { color: #A09D6D; }
a.tkm:hover { color: #4C4C33; }
	
div#logo {
	width: 970px;
	height: 120px;
	margin: auto;
	border: none;
	text-align: center;
	}
	
div#bodyHolder {
	width: 970px;
	margin: auto;
	}
	
div.nav { 
	width: 145px;
	height: 72px;
	float: left;
	}
	
div#navHolder {
	width: 970px;
	height: 72px;
	}
	

div#leftNav {
	width: 49px;
	height: 72px;
	background-image: url(../images/navLeft.png);
	float: left;
	}
	
div#rightNav {
	width: 45px;
	height: 72px;
	background-image: url(../images/navRight.png);
	float: left;
	}

div#home { width: 146px; }
div#contact { width: 151px; }
div#about { width: 144px; }
	
a.main-link { display: block; height: 72px; }
	
a.main-link span { display: none; }
	
a.main-link:hover { background-position: 0 -72px; }

a#home-link { background-image: url(../images/homeSprite.png); }
a#new-link { background-image: url(../images/newSprite.png); }
a#gallery-link { background-image: url(../images/gallerySprite.png); }
a#about-link { background-image: url(../images/aboutSprite.png); }
a#locations-link { background-image: url(../images/locationsSprite.png); }
a#contact-link { background-image: url(../images/contactSprite.png); }

div#footer-link-holder { width: 60px; height: 22px; margin: auto; }
a.footer-link { display: block; height: 22px; }
a.main-link span { display: none; }

body#homeBody #home-link, 
body#newBody #new-link,
body#galleryBody #gallery-link, 
body#aboutBody #about-link, 
body#locationsBody #locations-link,
body#contactBody #contact-link { background-position: 0 -72px; }

body#homeBody #home-link:hover, 
body#newBody #new-link:hover,
body#galleryBody #gallery-link:hover, 
body#aboutBody #about-link:hover, 
body#locationsBody #locations-link:hover,
body#contactBody #contact-link:hover { background-position: 0 0px; }

div#bodyTop { 
	width: 970px; 
	height: 19px;
	margin: auto;
	background-image: url(../images/bodyTop.png);
	}
	
div#bodyContent {
	width: 970px;
	margin: auto;
	background-image: url(../images/bodyBG.png);
	background-repeat: repeat-y; 
	}
	
div#body { 
	width: 920px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 15px;
	background-color: #D8D6B5;
	}
	
div#bodyBottom {
	width: 970px;
	height: 67px;
	margin: auto;
	background-image: url(../images/bodyBottom.png);
	}
	
div#bodyBottomMotto {
	width: 970px;
	height: 67px;
	margin: auto;
	background-image: url(../images/bodyBottomMotto.png);
	}
	
div#footer {
	width: 970px;
	margin: auto;
	}

div#footerContent { 
	width: 562px; /* height: 17px; */
	margin-left: 202px;
	background-image: url(../images/footerContent.png);
	background-repeat: repeat-y;
	}
	
div#footerBottom {
	width: 562px;
	height: 22px;
	margin-left: 202px;
	background-image: url(../images/footerBottom.png);
	}
	
div#footerBody {
	width: 90%;
	margin: auto;
	color: #4C4C33;
	display: none;
	text-align: center;
	}
	
div#copy {
	text-align: center;
	font-size: 12px;
	color: #4C4C33;
	}
	
.adminLogin {
	width: 90%; 
	margin: auto;
	text-align: center;
	padding: 10px;
	}
	
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

input[type='submit'], input[type='button'] { width: 75px; height: 20px; border: 1px solid #4C4C33; background-color: #A2A271; color: #4C4C33; cursor: pointer; font-weight: bold; }
input[type='text'].login, input[type='password'].login { width: 100px; background-color: #D8D6B5; border: 1px solid #4C4C33; color: #4C4C33; }

.errorHeader { width: 350px; margin: auto; background-color: #FF4A4A; color: #FFFFFF; font-weight: bold; padding: 5px; border: 3px solid #FF4A4A;  }
.error { width: 320px; margin: auto; background-color: #FF8080; padding: 20px; font-size: 13px; text-align: center; border: 3px solid #FF4A4A; }

.message { width: 320px; margin: auto; background-color: #66CC66; padding: 20px; font-size: 13px; text-align: center; border: 3px solid #336633; }

#loggedHeader {
	width: 970px; 
	position: absolute;
	bottom: 0px;
	margin-left: 231px; border: 1px solid red;
	background-color: #494949;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 40px;
	z-index: 2;
	}
	
.loggedBox {
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
	}
	
#logout {
	width: 100px;
	position: absolute;
	top: 0px;
	margin-right: 0px;
	height: 25px;
	color: #FFFFFF;
	right: 0px;
	text-align: center;
	font-weight: bold;
	line-height: 25px;
	}

.loggedBox a { display: inline-block; line-height: 40px; color: #FFFFFF; text-decoration: none; }

#blog {
	width: 600px;
	margin: auto;
	margin-top: 25px;
	}
	
.blogPost {
	border: 1px solid #4C4C33;
	padding: 30px;
	background-color: #D8D6B5;
	color: #4C4C33;
	}
	
.blogPostHolder {
	padding: 4px;
	margin-bottom: 25px;
	background-color: #4d4d34;
	color: #4C4C33;
	}

	
.blogDate {
	font-size: 14px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #4C4C33;
	}
	
.blogTitle {
	color: #4C4C33;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	}

.blogContent {
	color: #4C4C33;
	padding: 15px;
	}
	
.blogFooter {
	font-size: 13px;
	font-style: italic;
	margin-top: 15px;
	}
	
.blogDay { text-align: center; width: 50px;  }
.blogMonth { text-align: center; width: 50px; }

h1 { font-size: 18px; font-weight: bold; margin-bottom: 10px; text-align: center; color: #4C4C33; }
h4 { font-size: 20px; font-weight: bold; margin-bottom: 5px; text-align: center; color: #4C4C33; }

#squeeze {
	width: 650px;
	height: 100%;
	margin: auto;
	}
	
#aboutPic {
	width: 300px;
	height: 200px;
	float: left;
	margin: 0;
	padding: 0;
	}

#aboutPicHolder {
	width: 300px;
	height: 200px;
	float: left;
	position: relative;
	margin-right: 20px;
	margin-bottom: 5px;
	}
	
#aboutPicInd {
	width: 200px;
	height: 250px;
	float: left;
	margin: 0;
	padding: 0;
	}

#aboutPicHolderInd {
	width: 200px;
	height: 250px;
	float: left;
	position: relative;
	margin-right: 20px;
	margin-bottom: 5px;
	}
	
.aboutPicSmall {
	width: 180px;
	height: 215px;
	float: left;
	border: none;
	}

.aboutPicHolderSmall {
	width: 180px;
	height: 215px;
	position: relative;
	border: none;
	margin: auto;
	margin-bottom: 5px;
	}
	
.round {
	
	}
	
.contactPic {
	width: 220px;
	height: 250px;
	margin: 0;
	padding: 0;
	}

.contactPicHolder {
	width: 220px;
	height: 250px;
	position: relative;
	text-align: center;
	margin: auto; 
	}
	


.contactPicSmall {
	width: 160px;
	height: 195px;
	margin: 0;
	padding: 0;
	border: none;
	}

.contactPicHolderSnall {
	width: 160px;
	height: 195px;
	position: relative;
	margin: auto; 
	margin-bottom: 5px; 
	}
	
.contactPicTextSmall {
	color:#FFFFFF;	
	
	-webkit-transform: rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform: rotate(-90deg);
		
	-moz-opacity:0.6;
    -khtml-opacity: 0.6;
	opacity:0.6; 
	
	white-space:nowrap;
	display:block;
	bottom:0;
	width:160px;
	height:30px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	text-shadow: 0px 0px 3px #000;
	position: absolute;
	top: 110px;
	left: 80px;
	text-align: left;
	}
	
.editLink {
	text-align: right;
	}
	
#content .calendar-icon-01 { background: url('../images/Calendar/01.gif'); }
#content .calendar-icon-02 { background: url('../images/Calendar/02.gif'); }
#content .calendar-icon-03 { background: url('../images/Calendar/03.gif'); }
#content .calendar-icon-04 { background: url('../images/Calendar/04.gif'); }
#content .calendar-icon-05 { background: url('../images/Calendar/05.gif'); }
#content .calendar-icon-06 { background: url('../images/Calendar/06.gif'); }
#content .calendar-icon-07 { background: url('../images/Calendar/07.gif'); }
#content .calendar-icon-08 { background: url('../images/Calendar/08.gif'); }
#content .calendar-icon-09 { background: url('../images/Calendar/09.gif'); }
#content .calendar-icon-20 { background: url('../images/Calendar/10.gif'); }
#content .calendar-icon-11 { background: url('../images/Calendar/11.gif'); }
#content .calendar-icon-12 { background: url('../images/Calendar/12.gif'); }

.calendar {
  	float: left;
  	margin-right: 6px;
	width: 42px;
	height: 42px;
	}

.calendar-day {
  	font-weight: bold;
  	font-size: 1.3em;
  	color: #000;
  	width: 42px;
  	text-align:center;
  	padding-top: 14px; 
	}
	
#editPicGif { 
	width: 30px;
	height: 30px;
	position: absolute;
	z-index: 2;
	left: 2px;
	bottom: 10px;
	cursor: pointer;
	border: none;
	}
	
.editText, .delete {
	width: 18px;
	height: 18px;
	cursor: pointer;
	border: none;
	}
	
.editTextLarge {
	width: 25px;
	height: 25px;
	cursor: pointer;
	border: none;
	}
	
.third {
	width: 32.5%;
	float: left;
	text-align: center;
	}
	
.red { color: #CC0000; }

.locPicHolder {
	width: 300px;
	height: 160px;
	position: relative;
	}
	
.locPic {
	width: 300px;
	height: 160px;
	}
	
.locBorder {
	padding: 4px;
	width: 300px;
	height: 160px;
	margin: auto;
	background-color: #FFFFFF;
	float: left;
	margin-right: 15px;
	}
	
.locHolder {
	width: 90%; 
	min-height: 170px;
	margin: auto;
	border-bottom: 1px dotted #4C4C33;
	padding-bottom: 15px;
	padding-top: 15px;
	}
	
.locHolderFirst {
	border-top: 1px dotted #4C4C33;
	}
	
.locDesc {
	float: left;
	}
	
.locText {
	color:#FFFFFF;
	border:0px solid red;
	white-space:nowrap;
	display:block;
	bottom:0;
	width:20px;
	height:20px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	text-shadow: 0px 0px 3px #000;
	position: absolute;
	bottom: 15px;
	left: 25px;
	
	-moz-opacity:0.7;
    -khtml-opacity: 0.7;
	opacity:0.7; 
	filter: alpha(opacity=70);
	}
	
.galleryText {
	color:#FFFFFF;
	border:0px solid red;
	white-space:nowrap;
	display:block;
	bottom:0;
	width:20px;
	height:20px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-shadow: 0px 0px 3px #000;
	position: absolute;
	bottom: 20px;
	left: 25%;
	
	-moz-opacity:0.7;
    -khtml-opacity: 0.7;
	opacity:0.7; 
	filter: alpha(opacity=70);
	}
	
.row { height: 200px; }
	
.gHolder {
	float: left;
	padding: 10px;
	position: relative;
	}
	
.gPicHolder {
	width: 180px;
	height: 180px;
	padding: 4px;
	background-color: #FFFFFF;
	}
	
.gPic {
	width: 180px;
	height: 180px;
	background-color: #D8D6B5;
	}
	
.noPic {
	width: 50%;
	height: 50%;
	display: block;
	margin: auto;
	margin-top: 25%;
	}
	
.noPlan {
	width: 25%;
	height: 25%;
	display: block;
	margin: auto;
	margin-top: 25%;
	}
	
#modelPhotoMainHolder {
	background-color: #FFFFFF;
	width: 300px;
	height: 250px;
	padding: 4px;
	float: left;
	}
	
#modelPhotoSubHolder {
	width: 300px;
	height: 250px;
	background-color: #D8D6B5;
	}
	
#modelPhoto {
	width: 300px;
	height: 250px;
	}
	
	
#modelFloorMainHolder {
	background-color: #FFFFFF;
	width: 300px;
	height: 250px;
	padding: 4px;
	float: right;
	}
	
#modelFloorSubHolder {
	width: 300px;
	height: 250px;
	background-color: #D8D6B5;
	}
	
#modelFloor {
	width: 300px;
	height: 250px;
	}	
	
.stripMain {
	background-color: #FFFFFF;
	width: 640px;
	height: 120px;;
	padding: 4px;
	}
	
.stripHolder {
	width: 640px;
	height: 120px;
	background-color: #D8D6B5;
	overflow: auto;
	}
	
.thumb {

	}
	
.descMain {
	background-color: #FFFFFF;
	width: 640px;
	height: 200px;;
	padding: 4px;
	}
	
.descHolder {
	width: 640px;
	height: 200px;
	background-color: #D8D6B5;
	}
	
.thumbMain {
	background-color: #FFFFFF;
	width: 110px;
	height: 90px;;
	padding: 4px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	}
	
.mainPic { width: 100%; height: 100%; }
	
.thumbHolder {
	width: 110px;
	height: 90px;
	background-color: #D8D6B5;
	}
	
.managePic {
	width: 150px;
	height: 150px;
	}
	
/* #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; display: inline; }
	#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
	#sortable li span { position: absolute; margin-left: -1.3em; } */