/* CSS Document - Inn at the Park Website - STORM and The Design Room*/

body {
	background-color: #4C4C4C;
	margin-top: 50px;
	margin-left: 50px;
	padding: 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

html{
    height: 100%;
}

p { margin-top: 6px; margin-bottom: 6px; }


#mainholder {
	float: left;
	background-color: #ADADAD;
	border: #FFFFFF solid 2px;
	width: 720px;
	min-height: 100%;
}

#innattheparklogo {
	float: left;
	padding-top: 25px;
	padding-left: 50px;	
}

#toplinks {
	float: right;
	padding-right: 50px;
	font-size: 11px;
	padding-top: 75px;
}


#dividerone {
	position: absolute;
	left: 438px ;
	top: 130px ;
}

#dividertwo {
	position: absolute;
	left: 536px;
	top: 130px;
}

#dividerthree {
	position: absolute;
	left: 622px;
	top: 130px;
}

#dividerfour {
	position: absolute;
	left: 684px;
	top: 130px;
}

#imageholdertopone {
	float: right;
	background-color:#CCCCCC;
	border: #CCCCCC solid 4px;
	height: 290px;
}

#imageholdertoptwo, #imageholdertopthree, #imageholdertopfour, #imageholdertopfive, #imageholdertopsix {
	position: absolute;
	top: 158px;
	left: 324px;
	background-color:#CCCCCC;
	border: #CCCCCC solid 4px;
	visibility: hidden;
}


#imageswaps {
	float: right;
	padding-top: 12px;
	width: 165px;
}

#imageswaps2 {
	float: right;
	padding-top: 12px;
	width: 81px;
}
#imageswaps3 {
	float: right;
	padding-top: 12px;
	width: 102px;
}

#menusystem {
	float: left;
	padding-left:50px;
	width: 192px;
}

#menusystem img {
	float:left;
	clear: both;
}

#threepicsside {
	float: left;
	width: 192px;
	padding-left: 50px;
}
#specialoffers {
	float: left;
	border: #CCCCCC solid 3px;
	height: 88px;
	margin-bottom: 10px;
	width: 185px;
}

#reservations {
	float: left;
	clear: both;
	margin-bottom: 10px;
	height: 88px;
	border: #CCCCCC solid 3px;
}

#personal {
	float: left;
	clear: both;
	margin-bottom: 10px;
	height: 88px;
	border: #CCCCCC solid 3px;
}

#middivider {
	float: left;
	margin-left: 48px;
	width:388px;
	height:2px;
	background-image: url(images/divider_middle.jpg);
	background-repeat: repeat-x;
}

#mainarea {
	float: left;
	margin-left: 48px;
	left:0px;
	width: 389px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
}

#mainarea2holder {
float: right;
padding-right: 50px;
width: 428px;
}

#mainarea2 {
	float: right;
	width:389px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
}

#mainarea2 img { 
	float: left;
	border: #CCCCCC solid 3px;
	margin-right: 10px;
	margin-bottom: 6px;
	background-color:#CCCCCC;
}

#mainarea2 h1 {
	font-size: 14px;
}

#mainarea2 h3 {
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}

#mainarea2 a, #mainarea2 a:visited, #sitemaplinks a, #sitemaplinks a:visited, #function a, #function a:visited, #conferencelayer a, #conferencelayer a:visited, #bedroomlayer a, #bedroomlayer a:visited, #restaurantlayer a, #restaurantlayer a:visited, #weddinglayer a, #weddinglayer a:visited, #hightea a, #hightea a:visited, #xmas06 a, #xmas06 a:visited {
	color: #000000;
	text-decoration: none;
}

#mainarea2 a:hover, #sitemaplinks a:hover, #function a:hover, #conferencelayer a:hover, #bedroomlayer a:hover, #restaurantlayer a:hover, #weddinglayer a:hover, #hightea a:hover, #xmas06 a:hover {
	color: #FFFFFF;
}

#topanchor {
	position: absolute;
	top: 0px;
	left: 0px;
}

.dividerbottom {
	background-image: url(images/divider_middle.jpg);
	background-repeat: repeat-x;
	height: 10px;
	
}

#bottomlinks {
	float: left;
	clear: both;
	width:628px;
	height:31px;
	margin-top: 15px;
	margin-bottom: 15px;
	
}

.bottomtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	
}

.bottomtext a, .bottomtex a:visited {
	color: #333333;
	text-decoration: none;
}

.bottomtext a:hover {
	color: #FFFFFF;
}

#holdermain {
	float: left;
	padding-left: 99px;
	top: 489px;
}

#sitemaplinks {
	position:absolute;
	left:544px;
	top:610px;
	width:183px;
	color: #333333;
	font-size: 11px;
	line-height: 16px;
}

#restaurantlayer {
	position:absolute;
	left:337px;
	top:940px;
	width:387px;
	font-size: 11px;
	color:#333333;
	line-height: 16px;
}

#conferencelayer {
float: left;
font-size: 11px;
color:#333333;
line-height: 16px;
}

#bedroomlayer {
	float: left;
	width:387px;
	font-size: 11px;
	color:#333333;
	line-height: 16px;
}

#restaurantlayer {
	position:absolute;
	left:340px;
	top:791px;
	width:387px;
	font-size: 11px;
	color:#333333;
	line-height: 16px;
	z-index: 1;
}

#weddinglayer {
	position:absolute;
	left:336px;
	top:853px;
	width:387px;
	font-size: 11px;
	color:#333333;
	line-height: 16px;
}

#function {
	position:absolute;
	left:338px;
	top:1123px;
	width:387px;
	font-size: 11px;
	color:#333333;
	line-height: 16px;
}

#hightea {
	position:absolute;
	left:339px;
	top:748px;
	width:387px;
	font-size: 11px;
	color:#333333;
	line-height: 16px;
}

#xmas06 {
position:absolute;
left:340px;
top:933px;
font-size: 11px;
color:#333333;
line-height: 16px;
}
#xmas {
width: 300px;
height: 10px;
}
#xmas img {
border: 0px solid #FFFFFF;
float: none;
margin: 0px;
}
#xmas a, #xmas a:visited {
text-decoration: none;
}
#xmas a:hover {
color: #FFFFFF;
text-decoration: none;
}
#topspace {
float: left;
width: 720px;
height: 12px;
}
#imagemainholder {
float: right;
width: 428px;
padding-right: 50px;
}
#swapsholder {
float: left;
width: 720px;
padding-bottom: 12px;
}
#footernew {
float: left;
width: 620px;
margin-top: 20px;
border-top: 1px solid #666666;
padding-top: 20px;
padding-bottom: 20px;
margin-left: 50px;
margin-right: 50px;
font-size: 9px;
color: #333333;
}
#footernew a {
color: #333333;
text-decoration: none;
padding-left: 38px;
}
#footernew a:hover {
text-decoration: underline;
}
#tariflayer {
background-color: none;
border-color: none;
}
#tariflayer img a {
border: 0px;
padding-left: 10px;
}