/*
-------------------
GOBAL STYLE RESETS
-------------------
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}


ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a{
	color:#606052;
}

a:hover{
	color:#107FBE;
}

a.external {
	padding-left: 15px;
	background: url(../images/external-link.gif) top left no-repeat;
}

/*
-------------------
MAIN ELEMENTS
-------------------
*/
body, html{
	background-color:#FFF;
	color:#333;
	font:85%/1.5 Georgia, "Times New Roman", Times, serif;
}

#headerwrapper{
	position:relative;
	top:0;
	background:#002866 url(../images/header_bg.jpg) bottom center repeat-x;
	height:125px;
}

#contentwrapper{
	background:transparent url(../images/content_bg.jpg) top center repeat-x;
	overflow:hidden;
}

/*
--------------------
PAGE WIDTH IS SET TO 770px TO FIT 800x600 DISPLAY
30PX FOR SCROLL BAR
--------------------
*/

#header,
#content,
#footercontent{
	position:relative;
	top:0;
	width:770px;
	margin:0 auto;
}

#content{
	width:770px;
}

#maincontent{
	width:397px;
	float:left;
	padding-bottom:20px;
	
}

body#home #maincontent,
body#catering #maincontent{
	 position:relative;
	 top:0;
	 width:477px;
	 background:transparent url(../images/home_bg.jpg) top center repeat-y;
	 padding-bottom:0;
}

#maincontent_top{
	background:transparent url(../images/home_bg_top.jpg) top center no-repeat;
	width:417px;
	padding:30px;
	padding-bottom:0;
}

#maincontent_bottom{
	background:transparent url(../images/home_bg_bottom.jpg) top center no-repeat;
	height:25px;
}

body#history #maincontent{
	 position:relative;
	 top:0;
	 width:343px;
	 background:none;
	 padding:30px 15px;
	 padding-right:0;
}

#subcontent{
	width:313px;
	float:left;
	background:transparent url(../images/rooms_bg.jpg) top center no-repeat;
	padding:30px;
}

body#home #subcontent,
body#catering #subcontent{
	float:right;
	position:relative;
	width:233px;
	background:none;
	padding-top:280px;
}

body#history #subcontent{
	float:right;
	position:relative;
	width:337px;
	background:none;
	padding-top:307px;
}

body#rooms #subcontent{
	float:right;
}

#footerwrapper{
	clear:both;
	background:transparent url(../images/footer_bg.jpg) top center repeat-x;
	height:169px;
}



/*
-------------------
CONTENT ELEMENTS
-------------------
*/

h1{
	position:absolute;
	top:10px;
	left:0;
	height:80px;
	width:229px;
	background:transparent url(../images/logo.gif) top left no-repeat;
}

h1 a{
	display:block;
	height:80px;
	width:229px;
}

h1 span{
	display:none;
}


h2{
	color:#C60;
	font-size:2.8em;
	font-style:italic;
}

body#home h2,
body#history h2,
body#catering h2{
	color:#5B543E;
	padding-top:60px;
	padding-right:100px;
	font-size:2.5em;
	font-style:normal;
	line-height:1;
}

body#history h2{
	padding-top:50px;
	padding-right:0;
}

body#faqs h2,
body#photos h2{
	line-height:1;
	margin-bottom:10px;
}

body#photos h3{
	color:#C60;
	font-size:1.2em;
	font-style:italic;
	margin-left:25px;
	line-height:1;
	padding-right:20px;
}

h3{
	margin-bottom:5px;
}

h3 a{
	color:#606052;
	font-size:1.2em;
	line-height:1.5;
	text-decoration:none;
	padding-bottom:2px;
	border-bottom:1px dashed #606052;
}

h3 a:hover,
h3 a.active{
	color:#107FBE;
	border-bottom:1px dashed #107FBE;	
}

body#home h3,
body#history h3,
body#catering h3{
	font-size:1.5em;
	padding-bottom:40px;
	padding-top:40px;
	margin-bottom:5px;
	color:#C86A06;
}

body#history h3{
	padding:50px 0 20px 0;
	margin-bottom:20px;
}

#maincontent p,
body#history #subcontent p{
	line-height:1.7;
	font-size:1.3em;
	padding-right:30px;
}

body#history #maincontent p{
	padding-right:25px;
	margin-bottom:1em;
}

body#history #subcontent p{
	padding-right:0;
	margin-bottom:1em;
}

a#longwood_logo{
	position:absolute;
	top:25px;
	right:20px;
	line-height:35px;
}

div.main_image_box{
	position:relative;
	margin-top:25px;
	background:transparent url(../images/photo_bg.gif) top center no-repeat;
	width:370px;
	height:281px;
	padding-left:12px;
	padding-top:13px;
}

body#faqs div.main_image_box{
	margin-left:50px;
	background:transparent url(../images/faq_photo_bg.gif) top center no-repeat;
	width:283px;
	height:372px;
	padding-left:12px;
	padding-top:13px;
	margin-bottom:15px;
}

body#directions div.main_image_box div#map{
	width:358px;
	height:268px;
}

body#home div.main_image_box,
body#history div.main_image_box,
body#catering div.main_image_box{
	position:absolute;
	top:0;
	margin-top:20px;
	left:400px;
	background:transparent url(../images/photo_home_bg.gif) top center no-repeat;
	width:348px;
	height:228px;
	z-index:1000;
	padding-left:12px;
	padding-top:12px;
}

body#photos div.main_image_box{
	background:none;
	padding:0;
	width:auto;
	height:auto;
	margin-left:25px;
}

body#photos div.main_image_box img{
	padding:3px;
	border:9px solid #CBCCB5;
}

body#home div.main_image_box img,
body#history div.main_image_box img,
body#catering div.main_image_box img,
body#photos div.main_image_box img{
	position:relative;
}

div.main_image_box div.t_corner{
	position:absolute;
	top:-10px;
	right:-10px;
	z-index:10;
	background:transparent url(../images/right_corner.png) top right no-repeat;
	width:85px;
	height:95px;
}

body#photos div.main_image_box div.t_corner{
	background:none;
}

div.main_image_box div.b_corner{
	position:absolute;
	bottom:-10px;
	left:-10px;
	z-index:10;
	background:transparent url(../images/left_corner.png) top right no-repeat;
	width:85px;
	height:95px;
}

body#photos div.main_image_box div.b_corner{
      background:none;
}

div.thumbnails{
	position:relative;
	top:20px;
}

div.thumbnails img,
ul#photogallery img{
	padding:1px;
	border:3px solid #CBCCB5;
	display:block;
	float:left;
	margin-right:3px;
	cursor:pointer;
}

div.thumbnails img:hover,
div.thumbnails img.active,
ul#photogallery li img:hover,
ul#photogallery li.active a img{
	border:3px solid #F60;
}

div.room,
div.faq,
div.direction{
	margin-bottom:5px;
	font-size:.9em;
}

div.room_details,
div.faq_details,
div.direction_details{
	padding-left:5px;
}

div.room_images{
	display:none;
}

div.room p,
div.faq p,
div.direction p{
	line-height:1.5;
	color:#514537;
	/*font-weight:bold;*/
	font-size:1.1em;
}

div.direction p{
	font-weight:normal;
}

div.direction p em{
	font-weight:bold;
	color:#C60;
	font-style:normal;
}

div.direction p br{
	margin-bottom:5px;
}

div.room p.price{
	color:#C60;
	font-weight:normal;
	font-size:2.1em;
}

body#directions ol{
	padding-left:20px;
}

body#directions ol li{
	list-style-type:decimal;
	font-size:1.05em;
	padding-bottom:5px;
}

body#directions #subcontent ul li,
body#directions #subcontent p{
	line-height:1.5;
}

body#directions form{
	margin:20px 0;
}

body#directions form p{
	overflow:hidden;
}

body#directions form label{
	float:left;
}

body#directions form input{
	float:left;
	clear:left;
}

body#directions form input#mapsUsSaddr{
	width:250px;
	margin-bottom:5px;
}

body#directions form input.submit{
	border:1px solid #CCC;
	cursor:pointer;
	color:#666;
	margin-right:3px;
}

body#directions form input.clear{
	clear:none;
}

body#directions form input:hover.submit{
	color:#333;
	border:1px solid #333;
}

div#directions_box{
	margin-left:-5px;
	width:382px;
}

ul#photogallery{
	padding-bottom:20px;
}

ul#photogallery li{
	float:left;
	margin-right:10px;
	padding-bottom:10px;
}

/*
-------------------
VCARD ELEMENTS
-------------------
*/

body#photos div#vcard,
body#directions div#vcard{
	clear:both;
}

div#vcard{
	background:transparent url(../images/astrix.png) top left no-repeat;
	padding:15px 0 0 15px;
	color:#C60;
	margin:10px 0;
	line-height:1.5;
	font-weight:bold;
}

body#rooms div#vcard,
body#faqs div#vcard{
	padding:0;
	background:none;
}

body#directions div#vcard{
	clear:both;
	margin-top:30px;
}


div#vcard span{
	margin-right:5px;
}

div#vcard .tel,
div#vcard a{
	color:#514537;
}

div#vcard a{
	text-decoration:none;
}

/*
-------------------
NAVIGATION ELEMENTS
-------------------
*/

#global_nav{
	position:absolute;
	top:95px;
	left:15px;
	height:30px;
}

#global_nav li{
	float:left;
	padding:0 1px 0 1px;
	height:30px;
}

#global_nav li a{
	font-size:1.2em;
	display:block;
	float:left;
	height:30px;
	text-decoration:none;
	color:#FFF;
	font-style:italic;
	padding-left:4px;
}

#global_nav li a span{
	float:left;
	display:block;
	height:27px;
	padding:3px 8px 0 4px;
	cursor:pointer;
	line-height:1.2;	
}

#global_nav li a:hover{
	color:#F60;
	background:transparent url(../images/tab_left.gif) top left no-repeat;	
}

#global_nav li a:hover span{
	background:transparent url(../images/tab_right.gif) top right no-repeat;	
}


body#home li.nav-home a,
body#history li.nav-history a,
body#rooms li.nav-rooms a,
body#faqs li.nav-faq a,
body#catering li.nav-catering a,
body#directions li.nav-directions a,
body#photos li.nav-photos a{
        color:#F60;
}

body#home #global_nav li.nav-home a,
body#history #global_nav li.nav-history a,
body#rooms #global_nav li.nav-rooms a,
body#faqs #global_nav li.nav-faq a,
body#catering #global_nav li.nav-catering a,
body#directions #global_nav li.nav-directions a,
body#photos #global_nav li.nav-photos a{
	background:transparent url(../images/tab_left.gif) top left no-repeat;
}

body#home #global_nav li.nav-home a span,
body#history #global_nav li.nav-history a span,
body#rooms #global_nav li.nav-rooms a span,
body#faqs #global_nav li.nav-faq a span,
body#catering #global_nav li.nav-catering a span,
body#directions #global_nav li.nav-directions a span,
body#photos #global_nav li.nav-photos a span{
        background:transparent url(../images/tab_right.gif) top right no-repeat;
}



/*
-------------------
FOOTER ELEMENTS
-------------------
*/

#footercontent ul{
	padding-top:22px;
	margin-bottom:30px;
	height:30px;
}

#footercontent ul li{
	float:left;
	padding:0 12px;		
}

#footercontent ul li a{
	display:block;
	float:left;
	height:25px;
	line-height:25px;
	padding-top:3px;
	text-decoration:none;
	color:#606052;
	font-weight:bold;
}

#footercontent ul li.active a,
#footercontent ul li a:hover{
	color:#F60;
}

#footercontent p{
	padding-left:12px;
	color:#FFF;
	font-style:italic;
	font-size:1.1em;
	line-height:1.5;
}

#footercontent p.cookie{
	font-size:.85em;
}

#footercontent p a{
	color:#FFF;
}