/*-------------------------------
	KILL ALL PADDING AND MARGINS
	-----------------------------*/
html {
	margin: 0;
	padding: 0;
}
* {
	margin: 0;
	padding: 0;
}
body {
	background: #ccc;
	color: #666666;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.7em;
}
body.long {
	border: #000 solid 0px; 
background: url(../tl_files/wht.gif) center 0 repeat-y; 
background-color: #ccc;
}

#containerhome {
    border: 0px solid #fff;
    background: #fff;
	width: 800px !important;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;	
	border-bottom: #fff solid 11px;
}

#containerabout, #containeraccom, #containergallery, #containerapply, #containerpayment, #containerfaqs, #containercontacts {
    border-bottom: #fff solid 11px;
    background: #fff;
	width: 800px !important;
	height: 100%;
	margin: 0px auto;
	padding: 0 0 0px;
	text-align: left;
	
}

#containerhome.home {
	background-image: url(../tl_files/back_front.jpg);
	background-repeat: no-repeat;
}
#containerabout {
	background-image: url(../tl_files/back_about.jpg);
	background-repeat: no-repeat;
}
#containeraccom {
	background-image: url(../tl_files/back_accom.jpg);
	background-repeat: no-repeat;
}

#containergallery {
	background-image: url(../tl_files/back_gallery.jpg);
	background-repeat: no-repeat;
}

#containerapply {
	background-image: url(../tl_files/back_apply.jpg);
	background-repeat: no-repeat;
}

#containerpayment {
	background-image: url(../tl_files/back_payment.jpg);
	background-repeat: no-repeat;
}


#containerfaqs {
	background-image: url(../tl_files/back_faqs.jpg);
	background-repeat: no-repeat;
}
#containercontacts {
	background-image: url(../tl_files/back_contacts.jpg);
	background-repeat: no-repeat;
}
#containerfoot {
    margin: 0px auto;
	padding: 0 0 0px;
	text-align: center;	
}
#leftbar {
border: 0px solid #000;
	width: 304px;
	height: 589px;
	float: left;
}

#leftbarhome {
border: 0px solid #000;
	width: 390px;
	height: 589px;
	float: left;
}


.map {
	padding: 0px 0px 0px  0px;
	display: inline;
border: #000 solid 0px;
	display:block;
	font: bold 14px/1 sans-serif;
	width: 390px;
	height: 288px;
	
}

.map a {
	display: inline;
border: #000 solid 0px;
	display:block;
	font: bold 14px/1 sans-serif;
	width: 390px;
	height: 288px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-indent: -5000px;
}


.map a:hover {
	border: #000 solid 0px;
	display:block;
	font: bold 14px/1 sans-serif;
	width: 390px;
	height: 288px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	background: url("../tl_files/map-h.jpg") 0 0 no-repeat;
}



#leftbarabout {
border: 0px solid #000;
	width: 304px;
	height: 960px;
	float: left;
}
#leftbarcontacts {
border: 0px solid #000;
	width: 304px;
	height: 640px;
	float: left;
}
#leftbargallery {
border: 0px solid #000;
	width: 274px;
	height: 640px;
	float: left;
}
#rightbar {
	width: 485px;
	float: left;
	border: 0px solid #000;
}
.righttop {
	width: 399px;
	height: 203px;
	margin: 16px 0px 0 0;
}

#rightbarhome {
	width: 399px;
	float: left;
	border: 0px solid #000;
}
.righttophome {
	width: 399px;
	height: 203px;
	margin: 16px 0px 0 0;
	border: 0px solid #000;
}



.righttopgallery {
	width: 485px;
	height: 197px;
	margin: 18px 0px 0 30px;
	
}


.flashHome {
	padding: 0px 0px 0px  174px;
	display: inline;
border: #000 solid 0px;
	display:block;
	font: bold 14px/1 sans-serif;
	width: 150px;
	height: 138px;
	
}


.flash {
	padding: 0px 0px 0px  260px;
	display: inline;
border: #000 solid 0px;
	display:block;
	font: bold 14px/1 sans-serif;
	width: 150px;
	height: 138px;
	
}

.flashHome a, .flash a {
	display: inline;
border: #000 solid 0px;
	display:block;
	font: bold 14px/1 sans-serif;
	width: 150px;
	height: 138px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url("../tl_files/bookroom.gif") 0 0 no-repeat;
	text-decoration: none;
	text-indent: -5000px;
}


.flashHome a:hover, .flash a:hover {
	border: #000 solid 0px;
	display:block;
	font: bold 14px/1 sans-serif;
	width: 150px;
	height: 138px;
	padding: 0px 0px 0px 0px;
	background-position: 0 -138px;
	text-decoration: none;
}





.rightbottom {
	width: 391px;
}
.galleryframe {
	width: 241px;
	height: 246px;
	margin: 0 0 0 48px;
}
.photolabel {
	width: 400px;
	height: 50px;
	margin: 14px 0 0 18px;
	border: 2px solid #000;
	text-align: left;	
	float: left;

}
.gallerynav {
	width: 200px;
	height: 30px;
	margin: 108px 0 0 113px;
}
.applybetween {
	width: 380px;
	float: left;
	margin: 10px 0 0 0;
}


table {
    padding: 0 0 1em;
}
td  {
	padding: 0 25px 0 0;
}
#containerfooter {
	width: 800px;
	padding: 0 0 0px;
	text-align: left;
	margin: 0px auto;	
}





#footer {
border: #000 solid 0px; 
	padding: 10px 0 0 0;
	width: 450px;
}
#footer2 {

	padding: 10px 0 0 0;
	text-align: center;	
	margin: 0px auto;
}

#footer a, #footer2 a {
	color: #999;
	text-decoration: underline;
}
#footer a:visited, #footer2 a:visited {
	color: #999;
}
#footer a:hover, #footer2 a:hover {
	color: #eb0;
}
#footer a:active, #footer2 a:active {
	outline: none;
}





#footer ul{
	padding:0 0 0 0px;
list-style:none
}


#footer2 ul{
	padding:0 0 0 0px;
list-style:none
text-align:center;
}

#footer ul li, #footer2 ul li{
border-right: 0px solid #000;
padding:0px 5px 0px 0px;
	margin: 0px 0px 0px 0px;
display:inline;
}

#footer ul li#nob, #footer2 ul li#nob {
border-right: 0px solid #000;
}
#footer ul li a, #footer2 ul li a {
line-height: 16px;
	
}
#footer ul li a:hover, #footer2 ul li a:hover {
}
#footer ul li a:active, #footer2 ul li a:active {


}
#footer li.active a, #footer2 li.active a  {
color: #FF9933;
}







#galnav {
	text-align: center;
	float: left;
	margin: 0 0 0 30px;

}

#gallerynav {
	width: 320px;

}
#gallerynav ul{
	padding:0 0 0 8px;
	text-align:center;
	list-style:none
}
#gallerynav ul li{
	border-right: 1px solid #000;
	display:inline;
}

#gallerynav ul li.last {
	border-right: 0px solid #000;
}

#gallerynav ul li a {
	line-height: 16px;
	padding:0px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
}
#gallerynav ul li a:hover {
}
#gallerynav ul li a:active {
}
#gallerynav li.active {
	line-height: 16px;
	padding:0px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
}

/* -------------------------------
   ROLLOVERS
   ----------------------------- */

.rollleft a {
	display: block;
	float: left;
	width: 12px;
	height: 15px;
	background: url("../tl_files/nav_left.jpg") 0 0 no-repeat;
	text-decoration: none;
}
.rollleft a:hover { 
	background-position: 0 -15px;
}
.rollleft a:active {
	background-position: 0 -15px;
}
.rolltext {
	margin: 2px 1px 0 1px;
	float: left; 
}
.rollright a {
	display: block;
	float: left;
	width: 12px;
	height: 15px;
	background: url("../tl_files/nav_right.jpg") 0 0 no-repeat;
	text-decoration: none;
}
.rollright a:hover { 
	background-position: 0 -15px;
}
.rollright a:active {
	background-position: 0 -15px;
}

/* -------------------------------
   TEXT
   ----------------------------- */
   
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
p {
	padding: 0 0 1em;
}
p.menu {
	padding: 0 0 1em;
	font-size: 0.85em;
}
a {
	color: #666666;
	text-decoration: underline;
}
a.mail {
	color: #FF9933;
	text-decoration: underline;
}
 a:hover { 
 	color: #FF9933; 
}
.orange {
	color: #ff9933;
}


#containerheader {
	width: 778px;
		padding: 18px 0px 10px 0px;
	text-align: left;
	margin: 0px auto;	
	background: #f78f1e;
	border-left: #fff solid 11px;
	border-right: #fff solid 11px;
	background-image: url(../tl_files/back_logo.gif);
	background-repeat: no-repeat;
}
#containerheader ul {
width: 350px;
list-style-type: none;
	margin: 0px 0px 0px 5px;	
}

#containerheader ul.level_1 li {
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 5px 0px;
	display:inline;
	font-size: 12px;
	line-height: 18px;
	border-right: #fff solid 1px;
}

#containerheader a {
	color: #fff;
	text-decoration: none;
}
#containerheader a:visited {
	color: #fff;
}
#containerheader a:hover {
	color: #eb0;
}
#containerheader a:active {
	outline: none;
}



#map_canvas {
	width: 400px;
	height:360px
		padding: 0px 0px 20px 0px;
	margin: 0px;
	border: #000 solid 0px !important;
}



/* -------------------------------
   NAV STYLES
   ----------------------------- */ 
ul{
	list-style-type: none;
}
#footer ul.level_1 li, #footer2 ul.level_1 li{
	display:inline;
	font-size: 0.85em;
}
.gallerynav ul.pag li{
	display:inline;
}

/* -------------------------------
   MAIN CONTENT STYLES
   ----------------------------- */ 
   
   


/* -------------------------------
   FOOTER STYLES
   ----------------------------- */ 


/*-------------------------------
	FORM STYLING
	-----------------------------*/

form div.formrow {
border: 0px solid #000;
width: 480px;
	margin-bottom: 2px;
}
form div.formrow label {
border: 0px solid #000;
width: 150px;
	float: left;
	clear: both;
	padding: 5px 0;
	margin-right: 5px;
	font-size: 0.9em;
	
}

form div.date label {
border: 0px solid #000;
width: 146px;
	float: left;
	clear: both;
	padding: 8px 0;
	margin-right: 8px;
	font-size: 0.9em;
}
form div.date select {

	float: left;
	width: 73px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	margin-bottom: 5px;
}

form div.formrow label span {
	display: none;
}
form div.formrow input, form div.formrow textarea {
	float: left;
	width: 320px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	margin-bottom: 5px;
}

form div.formrow select {
	float: left;
	width: 320px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	margin-bottom: 5px;
	behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
}



form div.formrow input {
	width: 316px;
	padding: 2px;
	border: 1px solid #ddd;
}


form div.formrow select {
	padding: 2px;
	border: 1px solid #ddd;
}



form div.formrow div.date, form div.formrow div.checkholder {
	float: right;
	width: 320px;
	border: 1px dotted #000;
}
form div.formrow div.date select {
	width: 68px;
	float: left;
	margin-left: 4px;
}
form div.formrow label.checkbox {
	display: inline;
	float: left;
	width: 100px;
	margin: 0 5px 5px 0;
	padding: 2px 0 0;
} 
form div.formrow label.checkbox input {
	float: left;
	width: auto;
	margin: 0 5px 0 0;
	padding: 0;
	border: 0;
	background: transparent !important;
}
form fieldset {
	padding: 0 0 10px;
	margin: 0 0 10px;
	border: 0;
	border-bottom: 1px dotted #666;
}
* html form fieldset {
	border: 0;
}
form fieldset legend {
	display: none;
}
#submit {
	margin: 0 0 0 336px;
}
form div.hidden {
	display: none;
}
div.slide-info form div.formrow {
	width: 240px;
}
div.slide-info form div.formrow label {
	float: left;
	clear: both;
	width: 80px;
	padding: 0.2em 0 0;
	clear: left;
}
div.slide-info form div.formrow input, div.slide-info form div.formrow textarea {
	float: right;
	width: 150px;
	border: 1px solid #ddd;
	font-size: 1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	padding: 1px;
}
div.slide-info form div.formrow select {
	width: 150px;
}
div.slide-info form div.formrow textarea {
	height: 50px;
}
div.slide-info p.submit-holder {
	display: inline;
	float: right;
	margin: -39px 0 0;
	padding: 0;
	overflow: hidden;
}
div.slide-info #submit {
	margin: 0 0 0 200px;
	overflow: hidden;
}

form#portfolio-sel {
	float: left;
	width: 216px;
	margin: 0 8px 0 0;
}
form#portfolio-sel .formrow select {
	margin: 0.2em 0 1em;
}
form#portfolio-sel #submit {
	margin: 0;
	float: right;
}
form#portfolio-sel div.formrow label {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	padding: 0 0 0.5em;
	font-weight: bold;
	float: none;
	clear: both;
}


/* -------------------------------
   GENERAL LAYOUT TRICKERY
   ----------------------------- */ 

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.borderise {
	border: 1px solid #000;
}
.hide {
	visibility: hidden;
}
.remove {
	display: none;
}
p.nospace {
	padding-bottom: 0.2em;
}