@charset "utf-8";

/* CSS Document  designed for The Castleton Hotel by Martin Lancaster igloo-design.org */

body {
background-color:#c1ba9d;
background-image:url(castleton-hotel-images/castleton_grad_bg.jpg);
background-position:center top;
background-repeat:repeat-y;
font-family:Palatino Linotype, Georgia, "Times New Roman", Times, serif;
color:#000000;
margin:0px;
padding:0px;
font-size:12px;
text-align:center;
}

h1{
font-weight:bold;
color:#322009;
font-size: 160%;
padding:15px 10px 0px 0px;
margin: 0px 0px 10px 0px;
}


#wrapper{ width:980px; margin:0px auto 0px ; text-align:left;}
#header{ background-image:url(castleton-hotel-images/980/logo.jpg); height:150px; }
#image{height:220px; background-image:url(castleton-hotel-images/980/sides.jpg); background-repeat:repeat-y; padding-top:5px; padding-bottom:5px;}

/* flash gallery drop///////////////////////////*/
#imagedrop{ min-height:3px; background-image:url(castleton-hotel-images/980/sides.jpg); background-repeat:repeat-y; padding-top:0px; padding-bottom:0px;}

.close-button{ color:#322009; font-size:120%;}
#drop{  background-image:url(castleton-hotel-images/tab.png); height:25px; background-repeat:no-repeat; background-position:right bottom; font-family:Verdana, Arial, Helvetica, sans-serif; padding:6px 30px 0px 0px; margin-right:40px; text-align:right; border:0px solid #FF3300; }
#drop a{ color:#322009; font-weight:bold; font-size:130%; text-decoration:none;}
#toggleText{ background-image:url(castleton-hotel-images/980/sides.jpg); background-repeat:repeat-y; padding-top:5px; padding-bottom:5px;}
#displayText{ border:0px solid #FF3300; margin:5px 0px 0px 0px; padding:0px; height:30px; }
.textdrop{ padding-top:10px;}
/* flash gallery drop///////////////////////////*/

#imageinside{height:230px; background-image:url(castleton-hotel-gallery/castleton-bell3.jpg); background-position:center top; background-repeat:no-repeat; margin:0px 55px 0px 55px;}
#content{ overflow: auto; background-image:url(castleton-hotel-images/980/sides.jpg); background-repeat:repeat-y; padding:0px 0px 5px 0px;}
#bottomcontent{ border-top:4px double #544546; overflow: auto; padding:10px 10px; margin:0px 44px 0px 44px; background-image:url(castleton-hotel-images/bottom-content-grad-bg2.jpg) ; background-repeat:repeat-x;}
#footer{ height:50px; background-image:url(castleton-hotel-images/980/footer.jpg); background-repeat:no-repeat; clear: both;}

/* Navigation block///////////////////////////*/
#side-a {margin:15px 0px 0px 10px; float: left; width: 140px;}
#side-a-cont{ margin:15px 0px 0px 10px; float: left; width: 140px;}
#side-a h2 { font-size:14px; padding:0px; margin:0px; font-weight:lighter;}
#side-a-cont h2 { font-size:14px; padding:0px; margin:0px; font-weight:lighter;}


#side-a ul {padding:0px; margin:0px;}
#side-a-cont ul {padding:0px; margin:0px;}
#side-a ul li {display:inline; padding:0px; margin:0px; background: none; float: left; padding:0px; width: 130px; height:30px;}
#side-a ul li a {padding:2px 0px 0px 10px;  text-decoration:none; height:30px;}
/*#side-a ul li a:hover, a:focus {padding:3px 0px 0px 15px; color:#ffffff;}*/
#side-a-cont ul li {display:inline; padding:0px; margin:0px; background: none; float: left; padding:0px; width: 130px; height:30px;}
#side-a-cont ul li a {padding:2px 0px 0px 10px; color:#ffffff; text-decoration:none; height:30px;}
/*#side-a-cont ul li a:hover, a:focus {padding:3px 0px 0px 15px; color:#ffffff;}*/
.arrowover a {display: block; width:115px; color:#FFFFFF; background: transparent url(castleton-hotel-images/button.png); background-repeat:no-repeat;}
.arrowover a:hover {background-position: -132px 0px; color:#FFFFFF; background-repeat:no-repeat;} 

.arrowoversub a { color:#322009; display: block; width: 115px; background: transparent url(castleton-hotel-images/buttons2.gif); background-repeat:no-repeat;}
.arrowoversub a:hover {background-position: -132px 0px; color:#322009; background-repeat:no-repeat;} 
/* END END END Navigation////////////////////////// */

#side-b {float: right; width: 200px;}

#side-b h1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; padding:0px 0px 5px 0px;}
#side-b p{ padding-right:10px;}
#side-b-rooms { margin-top:50px; float: right; width: 260px;}
#side-b-rooms a:link {}
#side-b-contact {margin:60px 10px 0px 0px; float: right; width: 260px;}

#contentinside {  margin-left:30px; float: left; width: 53%;}
#contentinside p {font-size: 12px; padding:5px 10px 0px 0px; margin: 0px 0px 5px 0px;}
#contentinside-rooms { float: left; width: 49%; margin-left:20px;}
#contentinside-contact {margin-left:20px; float: left; width: 46%;}
#contentinside-contact h1{ padding-left:8px;}


#contentoutside-menu {  margin-left:20px; float: left; width: 78%; padding-top:12px}
#contentinside-menu {  float: left; width: 40%;}
#contentinside-menu h2{ margin-left:2px; color:#322009;}
#side-b-menu {float: right; width:380px;}
#side-b-menu h2{ margin-left:2px; color:#322009;}


#banner{ }
#bannerinside{ background-image:url(castleton-hotel-images/banner-bg_r2_c1.png); background-repeat:repeat-y; padding-top:10px;}
.bannerinside{margin-top:30px; background-image:url(castleton-hotel-images/banner-bg_r1_c1.png); background-repeat:no-repeat; height:18px;}
.bannerinside2{ background-image:url(castleton-hotel-images/banner-bg_r4_c1.png); background-repeat:no-repeat; height:20px;}





.banner{margin:5px 10px 0px 10px; font-size:18px;}
.banner2{margin:0px 10px 0px 15px; font-size:18px;}
.send-button{margin:4px 10px 0px 15px;}
.inputmail{ margin:3px 0px 0px 13px; border:1px solid #544546; width:170px;}

.tablestyle{
margin:10px 0px 10px 0px;
}

.tableinside{
background-color:#544546;
font-size:12px;
color:#FFFFFF;

}
.tableinside2{
border-bottom:1px solid #7e725a; 
color:#322009;
font-size:12px;

}

.tablemenuhead{
padding-top:7px;
border-bottom:1px solid #7e725a; 
color:#322009;
font-size:15px;

}

.inputstyle{ border:1px solid #544546; }
fieldset{border:1px solid #544546; padding:10px; background-color:#FFFFFF;}


#menu {position:relative; top:0px; left:0px; width:260px; background-color:#fff;}
#menu a.p1, #menu a.p1:visited {display:block; width:260px; height:260px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu a img {border:0;}
#menu a.p1:hover {text-decoration:none; background-color:#fff; color:#000;}
#menu a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu a.p1:hover .large {display:block; position:absolute; top:-150px; left:-400px; width:538px; height:448px; border:2px solid #544546;}

#info {z-index:100; height:22em;}


#igloo-link{ color:#C96; float:right; height:10px; width:290px; margin:10px 0px 0px 0px; border: 0px solid #FFF; text-align:top; padding:0px;}
#igloo-link p{color:#C96; padding:0px 0px 0px 0px; margin:0px;  font-size:10px; text-decoration:none;}
#igloo-link a{ color:#C96; padding:0px 0px 0px 0px; margin:0px; font-size:10px; text-decoration:none;}
#igloo-link a:visited{color:#C96; padding:0px 0px 0px 0px; margin:0px; font-size:10px; text-decoration:none;}
#igloo-link a:hover{color:#fff; padding:0px 0px 0px 0px; margin:0px; font-size:10px; text-decoration:none;}


/*
a:link {
	color: #CC6600;
	text-decoration: none;
	
}
a:visited {
	text-decoration: none;
	color: #CC6600;
}
a:hover {
	text-decoration: none;
	color: #CC6600;
}
a:active {
	text-decoration: none;
	color: #CC6600;
}
*/