/* CSS Document */
body{
	background:url(../images/chevron.gif) repeat;
	/*background-color:#fff;*/
	background-position:top;
	margin:0 auto;
	padding:0px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:80%;
}
.sidebar li{line-height:20px;}
.sidebarimg{width:200px; padding:20px;}

a, a:link{
color:#000;
	
}
#container{
width:1020px;
text-align:center;
background-color:white;
padding:0px;
margin:0 auto;
}

#content{
	width:1010px;
	text-align:left;
	margin:0 auto;
	padding:0px;
	background-color:white;
	position:relative;
}

#masthead{
	background-image:url(../images/hamptoninn-logo.png);
	background-repeat:no-repeat;
	background-position:center;
	width:1020px;
	height:158px;
	margin:0 auto;
}
#masthead h1{
	text-align:right;
	font-size:18px;
padding-right:30px;
}

.hotelTitle{
margin:0px;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
font-size:1.5em;
}

/*Section begins the classes for the Main Menu*/
#mainMenu{
width:950px;
background:#c11b29; /**Red**/
background-repeat:repeat-x;
height:28px;
position:relative;
color:#fff; /**White**/
font-weight:bold;
font-size:1.2em;
margin:0 auto;
}


#mainMenu ul, #mainMenu li{
display:inline;
}

#mainMenu ul li{
padding-right:50px;	
line-height:28px;
}

#mainMenu ul li > a:link, a{
color:#fff; /**White**/
text-decoration:none;
}


#mainMain ul li > a:visited{
text-decoration:none;
/*color:#E5F3F8;*/
color:black;
}

#mainMain ul li > a:hover{
text-decoration:underline;
color:#fff;
}

/*ends sections about the menu*/
#flashshow {width:1010px;background:#fff /**25428c**/; height:400px;}
#mainmap {width:950px;background:#fff /**25428c**/; height:200px; background:url(../images/mapbk.gif) no-repeat;margin:0 auto;}
#mainspecials {width:950px;background:#fff /**25428c**/; height:200px; background:url(../images/specialsbk.gif) no-repeat;margin:0 auto;}
#mainlocal {width:950px;background:#fff /**25428c**/; height:200px; background:url(../images/localbk.gif) no-repeat;margin:0 auto;}
#maincontact {width:950px;background:#fff /**25428c**/; height:200px; background:url(../images/contactbk.gif) no-repeat;margin:0 auto;}
#mainrooms {width:950px;background:#fff /**25428c**/; height:200px; background:url(../images/roomsbk.gif) no-repeat;margin:0 auto;}


#hoverText{
position:absolute;
top:70px;
left:105px;
z-index:2;
}

#hoverText .title{
color:#fff;
font-size:1.8em;
width:200px;
font-weight:bold;
}

#hoverText > .body{
color:#DCEDF9;
padding-left:20px;
margin-top:-20px;
width:175px;
font-size:1.2em;
font-weight:470;
}

.sidebar{
float:left;
width:25%;
}

.mainBody{
margin-left:30%;
}


#pageContent{
	width:950px;
padding-top:30px;
margin:0 auto;
}

.welcomeBanner{
color:#fff; /**White**/
background-color:#c11b29 ;  /**Red**/
font-size:1.3em;
text-align:center;
margin-top:-15px;
}

/*classes for the hotel info table */
#hotelInfoTable{
background-color:#adadad;
position:relative;
min-height:200px;
}

/*classes for the hotel info table with white background */
#hotelInfoTable-white{
background-color:#fff;
position:relative;
min-height:200px;

}
#hotelInfoTable-white a {
color:blue;
text-decoration:underline;
}

.hotelInfo{
color:#fff; /**White**/
background-color:#c11b29 ;  /**Red**/
font-size:1.3em;
text-align:center;
margin-bottom:0px;
}

.hotelText{
position:relative;
left:20px;
width:100px;
}

.hotelPic{
position:relative;
top:-30px;
left:120px;
}

.catHeading{
font-weight:bold;	
}

#hotelInfoTable a{
color:blue;
font-weight:bold;
text-decoration:underline;
}

.SpecialsHeader{
background-color:#c11b29; /**Red**/
color:#fff; /**White**/
font-size:1.3em;
text-align:center;
}
/*This ends the section for the Hotel Info Table*/


/*Sidebar Form classes and divs*/

#availability-search{
background-color:#adadad;
margin-top:0px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
}

#availability-search > .open-expandable-content-control{
color:#fff; /**White**/
background-color:#c11b29 ;  /**Red**/
font-size:1.3em;
text-align:center;
margin-bottom:10px;
margin-top:10px;
}

#availability-search form a{
color:blue;
}

#availability-search form{
padding-left:10px;
}

#availability-search label{
line-height:20px;	
}

#availability-search .button-container{
position:relative;
}

.button-submit, button.submit, button.submit-hover{
	background-color:#c11b29; /**Red**/;
	border-top-color:#c11b29; /**Red**/;
	border-right-color:#c11b29; /**Red**/;
	border-bottom-color:#c11b29; /**Red**/;
border-left-color:#c11b29; /**Red**/;
border-right-width-ltr-source: physical;
color:#fff;

border-right-width-rtl-source: physical;
}
/*end of Sidebar classes*/


/*Footer classes and divs*/
#footer{
clear:both;	
text-align:center;
padding-top:30px;
padding-bottom:30px;
background-color:white;
}

#footer hr{
padding-top:-10px;
}

#footer a, a:link{
color:black;	
}

#footer a:hover{
text-decoration:underline;	
}
/*end of the Footer classes*/


/***********************************************************************************************/
/************      SUITES PAGE CLASSS AND IDS **************************************************/
#SroomInfoTable{
background-color:#fff;
position:relative;
min-height:250px;
}

#roomInfoTable2{
background-color:#fff;
position:relative;
min-height:300px;
}

.ShotelInfo{
color:#fff; /**White**/
background-color:#c11b29 ;  /**Red**/
font-size:1.3em;
text-align:left;
padding:10px;
}

.roomDes{
font-size:.75em;	
}



.hotelCol1 ul > li, .hotelCol2 ul > li{
display:list-item;
}

.hotelCol1 ul, .hotelCol2 ul{
display:block;
list-style-type:square;
width:200px;
margin-top:5px;
}

.hotelCol2{
position:absolute;
width:250px;
left:300px;
top:250px;
}
/*******************************************************************************************************************
/*******************************************************************************************************************

/*******************************************************************************************************************
/*********************************  DIRECTIONS PAGE CLASSES AND IDS ************************************************/

.padding{
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
padding-top:10px;
}

/******************************************************************************************************************
/******************************************************************************************************************