/***********************************************************
Cascading Style Sheet for highlandsbandb.co.uk
Created by Kerry Hyatt - Bespoke, standards compliant,
accessible websites. Email mail@kerryhyatt.co.uk
***********************************************************/

/***********************************************************
SCREEN
***********************************************************/

/***********************************************************
RESET
***********************************************************/

* {margin:0; padding:0;}

body, h1, h2, h3, h4, p, ul, li, ol, dl, dt, dd,
form, fieldset, legend, label, select, option, input,
table, tr, th, td {
	margin:0;
	padding:0;
	}

/***********************************************************
GLOBAL STYLES
***********************************************************/
	
body {
	border-top:4px solid #1E2628;
	font-family:Arial,Helvetica,sans-serif;
	background:url(../images/bg_body_top.jpg) repeat-x top left #fff;
	}
	
#container {
	margin:0 auto 0 auto;
	padding:0;
	width:952px;
	height:auto;
	/*position:relative;*/
	}
	
img.website {
	padding:2px 0 0 0;
	border:none;
}



/* Top Nav */

#topnav {
	font-size:11px;
	color:#aaa;
	height:19px;
	}

#topnav ul {
	list-style-type:none;
	margin:4px 0 0 0;
	}
	
#topnav ul.left {
	float:left;
	}
	
#topnav ul.right {
	float:right;
	}	

#topnav li {
	padding:0 0 0 0;
	float:left;
	border-left:1px solid #aaa;
	padding:0 6px 0 6px;
	height:14px;
	}	
	
#topnav li.first {
	border:none;
	padding-left:0;
	}
	
#topnav li.last {
	padding-right:0;
	}
	
#topnav a {
	color:#aaa;
	text-decoration:none;
	}
	
#topnav a:hover {
	color:#aaa;
	text-decoration:underline;
	}
	
/* Logo */

#logo_wrap {
	width:100%;
	height:72px;
	}
	
#logo_wrap img {
	border:none;
	padding:0 0 0 317px;
}

/* Main Nav */

#listmenu {
	width:100%;
	height:29px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	}
	
#listmenu ul {
	height:29px;
	list-style-type:none;
	position:relative;
	}

/* New list menu */

#listmenu li {
	padding:9px 0 5px 0;
	float:left;
	text-align:center;
	height:15px;
}

#listmenu li.home, #listmenu li.home_active {
	background:url(../images/nav_home.jpg) no-repeat top #99AF92;
	width:73px;
	text-align:left;
	}
#listmenu li.home a, #listmenu li.home_active a { padding-left:15px; }

#listmenu li.accommodation {
	background:url(../images/nav_accommodation.jpg) no-repeat top #99AF92;
	width:150px;
	}
#listmenu li.thingstodo {
	background:url(../images/nav_thingstodo.jpg) no-repeat top #99AF92;
	width:126px;
	}
#listmenu li.album {
	background:url(../images/nav_album.jpg) no-repeat top #99AF92;
	width:86px;
	}
#listmenu li.reviews {
	background:url(../images/nav_reviews.jpg) no-repeat top #99AF92;
	width:97px;
	}
#listmenu li.testimonials {
	background:url(../images/nav_testimonials.jpg) no-repeat top #99AF92;
	width:130px;
	}
#listmenu li.rates {
	background:url(../images/nav_rates.jpg) no-repeat top #99AF92;
	width:83px;
	}
#listmenu li.findus {
	background:url(../images/nav_findus.jpg) no-repeat top #99AF92;
	width:114px;
	}
#listmenu li.contact {
	background:url(../images/nav_contact.jpg) no-repeat top #99AF92;
	width:92px;
	text-align:right;
	}
#listmenu li.contact a { padding-right:15px; }

#listmenu li.home:hover {
	background:url(../images/nav_home_active.jpg) no-repeat top transparent;
	width:73px;
	}
#listmenu li.accommodation:hover {
	background:url(../images/nav_accommodation_active.jpg) no-repeat top transparent;
	width:150px;
	}
#listmenu li.thingstodo:hover {
	background:url(../images/nav_thingstodo_active.jpg) no-repeat top transparent;
	width:126px;
	}
#listmenu li.album:hover {
	background:url(../images/nav_album_active.jpg) no-repeat top transparent;
	width:86px;
	}
#listmenu li.reviews:hover {
	background:url(../images/nav_reviews_active.jpg) no-repeat top transparent;
	width:97px;
	}
#listmenu li.testimonials:hover {
	background:url(../images/nav_testimonials_active.jpg) no-repeat top transparent;
	width:130px;
	}
#listmenu li.rates:hover {
	background:url(../images/nav_rates_active.jpg) no-repeat top transparent;
	width:83px;
	}
#listmenu li.findus:hover {
	background:url(../images/nav_findus_active.jpg) no-repeat top transparent;
	width:114px;
	}
#listmenu li.contact:hover {
	background:url(../images/nav_contact_active.jpg) no-repeat top transparent;
	width:92px;
	}
#listmenu li.home_active {
	background:url(../images/nav_home_active.jpg) no-repeat top #99AF92;
	width:73px;
	}
#listmenu li.accommodation_active {
	background:url(../images/nav_accommodation_active.jpg) no-repeat top #99AF92;
	width:150px;
	}
#listmenu li.thingstodo_active {
	background:url(../images/nav_thingstodo_active.jpg) no-repeat top #99AF92;
	width:126px;
	}
#listmenu li.album_active {
	background:url(../images/nav_album_active.jpg) no-repeat top #99AF92;
	width:86px;
	}
#listmenu li.reviews_active {
	background:url(../images/nav_reviews_active.jpg) no-repeat top #99AF92;
	width:97px;
	}
#listmenu li.testimonials_active {
	background:url(../images/nav_testimonials_active.jpg) no-repeat top #99AF92;
	width:130px;
	}
#listmenu li.rates_active {
	background:url(../images/nav_rates_active.jpg) no-repeat top #99AF92;
	width:83px;
	}
#listmenu li.findus_active {
	background:url(../images/nav_findus_active.jpg) no-repeat top #99AF92;
	width:114px;
	}
#listmenu li.contact_active {
	background:url(../images/nav_contact_active.jpg) no-repeat top #99AF92;
	width:92px;
	}
	
#listmenu a {
	color:#FFF;
	text-decoration:none;
	}
	
#listmenu li ul {
	position:relative;
	top:5px;
	left:8px;
	margin:0;
	padding:0;
	font-size:11px;
	}

#listmenu li ul li {
	background-color:#1E2628;
	background-image:none;
	margin:0;
	padding:6px 13px;
	text-align:left;
	}

#listmenu li.accommodation ul, #listmenu li.accommodation_active ul { width:148px; }
#listmenu li.accommodation ul li, #listmenu li.accommodation_active ul li { width:124px; }
#listmenu li.thingstodo ul, #listmenu li.thingstodo_active ul { width:218px; }
#listmenu li.thingstodo ul li, #listmenu li.thingstodo_active ul li { width:194px; }
#listmenu li.rates ul, #listmenu li.rates_active ul { width:150px; }
#listmenu li.rates ul li, #listmenu li.rates_active ul li { width:126px; }
	
#listmenu li ul li a:hover {
	color:#ccc;
	}	

#listmenu ul ul { /* hide drop down */
	display:none;
	} 
	
#listmenu ul li:hover ul { /* display drop down */
	display:block;
	} 

/* Header */

#header {
	width:100%;
	height:226px;
	margin-top:13px;
	}
	
#home #header, #rates #header, #accessibility #header, #sitemap #header {
	background:transparent url(../images/mainpics/mainpic_home.jpg) no-repeat;
	}
#accommodation #header {
	background:transparent url(../images/mainpics/mainpic_accommodation.jpg) no-repeat;
	}
#thingstodo #header {
	background:transparent url(../images/mainpics/mainpic_thingstodo.jpg) no-repeat;
	}
#album #header {
	background:transparent url(../images/mainpics/mainpic_album.jpg) no-repeat;
	}
#contact #header {
	background:transparent url(../images/mainpics/mainpic_contact.jpg) no-repeat;
	}
#findus #header {
	background:transparent url(../images/mainpics/mainpic_findus.jpg) no-repeat;
	}
#testimonials #header {
	background:transparent url(../images/mainpics/mainpic_testimonials.jpg) no-repeat;
	}
#gardens #header {
	background:transparent url(../images/mainpics/mainpic_gardens.jpg) no-repeat;
	}
#castles #header {
	background:transparent url(../images/mainpics/mainpic_castles.jpg) no-repeat;
	}
#walking #header {
	background:transparent url(../images/mainpics/mainpic_walking.jpg) no-repeat;
	}
#towns #header {
	background:transparent url(../images/mainpics/mainpic_towns.jpg) no-repeat;
	}
#buildings #header {
	background:transparent url(../images/mainpics/mainpic_buildings.jpg) no-repeat;
	}
#outdoor #header {
	background:transparent url(../images/mainpics/mainpic_outdoor.jpg) no-repeat;
	}
#museums #header {
	background:transparent url(../images/mainpics/mainpic_museums.jpg) no-repeat;
	}
#breakfast #header {
	background:transparent url(../images/mainpics/mainpic_breakfast.jpg) no-repeat;
	}
#reviews #header {
	background:transparent url(../images/mainpics/mainpic_reviews.jpg) no-repeat;
	}
#golf #header {
	background:transparent url(../images/mainpics/mainpic_golf.jpg) no-repeat;
	}
	
#header p.intro {
	color:#fff;
	float:right;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:22px;
	line-height:28px;
	text-align:right;
	width:340px;
	}
	
#header p.address {
	clear:right;
	color:#fff;
	font-size:11px;
	padding:4px 0 0 610px;
	}

/* Content Area */

#main {
	clear:both;
	width:100%;
	height:auto;
	}
	
/* Left Col */

#left {
	width:620px;
	float:left;
	position:relative;
	}
	
#left h2 {
	color:#2F3739;
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:14px 0 8px 0;
	width:605px;
	border-bottom:1px solid #DFE6DD;
	margin:0 0 4px 0;
	}
	
#left h2:first-letter {
	font-size:28px;
	}
	
#left h2 span {
	font-size:18px;
	color:#666;
	}

#left h3 {
	color:#2F3739;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:5px 0 0 0;
	margin:0 0 4px 0;
	}
		
#left p {
	font-size:13px;
	color:#666;
	width:600px;
	line-height:19px;
	padding:6px 0;
	}
	
#left a {
	color:#92a98c;
	text-decoration:none;
	border-bottom:1px dotted #AABDA4;
	}
	
#left a:hover {
	color:#666;
	text-decoration:none;
	border-bottom:1px dotted #AABDA4;
	}

#left ul {
	list-style-type:disc;
	padding:8px 0 8px 16px;
	margin:0;
	color:#666;
	font-size:13px;
	line-height:20px;
}

#left ul li {
	padding:1px 0;
	}
	
#left ul li ul {
	font-size:100%;
	}
	
/* Right Col */

#right {
	width:323px;
	float:right;
	height:auto;
	}

/* Boxes */

.small_box {
	background:url(../images/bg_smallbox.jpg) no-repeat top transparent;
	width:307px;
	height:140px;
	float:right;
	padding:16px 0 0 16px;
	position:relative;
	}
	
.small_box2 {
	background:url(../images/bg_smallbox2.jpg) no-repeat top transparent;
	width:307px;
	height:140px;
	float:right;
	padding:16px 0 0 16px;
	}

.medium_box {
	background:url(../images/bg_mediumbox.jpg) no-repeat top transparent;
	width:307px;
	height:299px;
	float:right;
	padding:16px 0 0 16px;
	}
	
.large_box {
	background:url(../images/bg_largebox.jpg) no-repeat top transparent;
	width:307px;
	height:413px;
	float:right;
	padding:16px 0 0 16px;
	font-size:11px;
	}	
	
.xlarge_box {
	background:url(../images/bg_xlargebox.jpg) no-repeat top transparent;
	width:307px;
	height:683px;
	float:right;
	padding:16px 0 0 16px;
	font-size:11px;
	}	
	
/* Styles for all boxes */

.small_box h3,
.small_box2 h3,
.medium_box h3,
.large_box h3,
.xlarge_box h3 {
	color:#2F3739;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:3px 0;
	border-bottom:1px solid #DFE6DD;
	width:291px;
	}
	
.small_box h3:first-letter,
.small_box2 h3:first-letter,
.medium_box h3:first-letter,
.large_box h3:first-letter,
.xlarge_box h3:first-letter  {
	font-size:20px;
	}
	
.small_box h4,
.small_box2 h4,
.medium_box h4,
.large_box h4,
.xlarge_box h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#2F3739;
	font-size:12px;
	padding:5px 0;
	font-weight:normal;
	}
	
.small_box p,
.small_box2 p,
.medium_box p,
.large_box p,
.xlarge_box p {
	font-size:11px;
	color:#666;
	padding:0 16px 5px 0;
	line-height:15px;
	}

/* All box styles (Info section on Accommodation pages) */

.small_box ul.info,
.small_box2 ul.info,
.medium_box ul.info,
.large_box ul.info {
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	list-style-type:none;
	margin:0;
	height:100px;
	padding:10px 0;
	width:291px;
	}
	
.small_box ul.info li,
.small_box2 ul.info li,
.medium_box ul.info li,
.large_box ul.info li {
	float:left;
	padding:0pt;
	text-align:center;
	width:97px;
	}

.small_box ul.info li img,
.small_box2 ul.info li img,
.medium_box ul.info li img,
.large_box ul.info li img {
	border:1px solid #DFE6DD;
	margin-bottom:0;
	}
	
.small_box ul.info li a,
.small_box2 ul.info li a,
.medium_box ul.info li a,
.large_box ul.info li a {
	color:#666;
	text-decoration:none;
	}
	
/* Small box styles (Weather) */

.small_box table {
	width: 291px;
	font-size: 11px;
	color:#555;
	margin:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	}

.small_box th {
	padding:6px 0 4px 0;
	text-align:center;
	font-weight:normal;
	}

.small_box td {
	text-align:center;
}

.small_box tr.temp {
	font-size:11px;
	}

/* Small box styles (Golf breaks) */

.small_box2 img.golfbreaks {
	border:1px solid #DFE6DD;
	float:left;
	margin: 0 10px 0 0;
}

*.small_box2 p {
	margin: 10px 0 0 0;
}

.small_box2 p.newslink {
	background:url(../images/bg_newslink.jpg) no-repeat top transparent;
	height:20px;
	width:83px;
	padding:4px 0 8px 0;
	margin:12px 15px 0 0;
	float:right;
	}
	
.small_box2 p.newslink a {
	padding:0 0 0 20px;
	text-decoration:none;
	color:#666;
	}
	
.small_box2 p.newslink a:hover {
	text-decoration:underline;
	}

/* Medium box styles (Facilities section on Lilac, Magnolia and Primrose pages) */

.medium_box ul.col_left, .medium_box ul.col_right {
	float:left;
	height:80px;
	list-style-type:disc;
	padding:10px 0 0 16px;
	margin:0;
	color:#666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	}
	
.medium_box ul.col_left li, .medium_box ul.col_right li {
	float:none;
	padding:2px 0;
	text-align:left;
	}
	
.medium_box ul.col_left li { width:160px; }
.medium_box ul.col_right li {width:90px; } 

/* Medium box styles (Booking form info on Contact page) */

#contact .medium_box p {
	padding-top:5px;
	}
	
.medium_box p.bookingform a {
	color:#666;
	text-decoration:none;
	}	
	
.medium_box p.bookingform a:hover {
	color:#666;
	text-decoration:underline;
	}
	
/* Medium box styles (Latest News & Events) */

.medium_box p.newslink {
	background:url(../images/bg_newslink.jpg) no-repeat top transparent;
	height:20px;
	width:83px;
	padding:4px 0 8px 0;
	margin:0;
	}
	
.medium_box p.newslink a {
	padding:0 0 0 20px;
	text-decoration:none;
	color:#666;
	}
	
.medium_box p.newslink a:hover {
	text-decoration:underline;
	}
	
/* Large box styles (Latest News & Events) */

.large_box p.newslink {
	background:url(../images/bg_newslink.jpg) no-repeat top transparent;
	height:20px;
	width:83px;
	padding:4px 0 8px 0;
	margin:0;
	}
	
.large_box p.newslink a {
	padding:0 0 0 20px;
	text-decoration:none;
	color:#666;
	}
	
.large_box p.newslink a:hover {
	text-decoration:underline;
	}

/* Large box styles (Links on Things to do pages) */

.large_box ul.links {
	color:#666;
	margin:0 14px 0 0;
	padding:10px 0 10px 18px;
	}

.large_box ul.links li {
	padding:3px 0;
	margin:0;
	}
	
.large_box ul.links ul {
	list-style-type:disc;
	margin:0 0 0 16px;
	padding:0;
	color:#666;
	}
	
.large_box ul.links a {
	color:#666;
	text-decoration:none;
	}	
	
.large_box ul.links a:hover {
	color:#666;
	text-decoration:underline;
	}	
	
.large_box ul.links li.active {
	color:#000;
	}
	
/* Footer */

#footer_outer {
	width:100%;
	height:134px;
	clear:both;
	background:url(../images/bg_footer.jpg) repeat-x left bottom;
}

#footer_inner {
	width:954px;
	height:134px;
	margin:0 auto 0 auto;
	position:relative;
}

#footer_inner ul {
	list-style-type:none;
	font-size:11px;
	padding-top:52px;
	margin-left:33px;
}

#footer_inner li {
	float:left;
	padding:0 1px 0 20px;
	background:url(../images/footer-split.gif) no-repeat left;
	display:block;
}

#footer_inner li.first {
	float:left;
	background:url(../images/spacer.gif) no-repeat left;
}

#footer_inner li a {
	color:#2F3739;
	text-decoration: none;
}

#footer_inner li a:hover {
	color:#2F3739;
	text-decoration:none;
	border-bottom: 1px dotted #2F3739; 
}

#footer_inner p {
	font-size:11px;
	color:#ccc;
	padding:20px 0 0 0;
	line-height:16px;
	clear:both;
	display:block;
	}

.leftp {
	width:400px;
	float:left;
}

.rightp {
	width:400px;
	float:right;
	text-align:right;
}

#footer_inner p a {
	color:#ccc;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
	}
	
#footer_inner p a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #fff;
	}
	
/***********************************************************
PAGE SPECIFIC STYLES
***********************************************************/

/* Index */

.img_fourstar {
	float:left;
	margin:0px 12px 0 0;
	}
	
.img_alanlynn {
	float:left;
	margin:8px 10px 0 0;
	}
	
.img_sig {
	float:left;
	margin:24px 0 0 0;
	}
	
#left #offers {
	height:100px;
	width:100px;
	float:right;
	margin:-60px 14px 0 0;
	}

#left #offers img {
	border:none;
	}
	
#left #offers a {
	border:none;
	}
	
/* Accommodation, Lilac, Magnolia, Primrose */

#accommodation #left img {
	border:none;
	}

.img_bathroom {
	float:left;
	margin:0 8px 0 0;
	border:none;
	}
	
.img_bathroom2 {
	float:right;
	margin:0 0 0 8px;
	border:none;
	}
	
.img_room {
	margin:2px 8px 0 0;
	}

/* Contact, Rates */
	
img.adobe {
	border:none;
	margin-top:6px;
	}	
	
img.noborder {
	border:none;
	}

/* Rates */

#rates #left table {
	border:1px solid #555;
	color:#666666;
	font-size:13px;
	margin:10px 0pt;
	}
	
#rates #left th {
	background-color:#E0E7DE;
	border-bottom:1px solid #555;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	font-weight:normal;
	padding:6px 0pt 4px;
	height:34px;
	color:#2F3739;
	}
	
#rates #left tr {
	padding:6px 0pt 4px;
	}
	
#rates #left td {
	height:34px;
	padding:6px 0pt 4px;
	}
	
#rates #left .borderbot {
	border-bottom:1px solid #555;
	padding:5px;
	}
	
#rates #left .centre1 {
	border-bottom:1px solid #555;
	border-left:1px solid #555;
	text-align:center;
	width:122px;;
	}
	
#rates #left .centre2 {
	border-left:1px solid #555;
	text-align:center;
	width:122px;;
	}
	
#rates #left .left {
	padding-left:5px;
	text-align:left;
	width:224px;
	}

/* Things to do, Gardens, Museums, Castles, Buildings, Outdoor, Walking, Towns */

#thingstodo #left ul.col_left, #thingstodo #left ul.col_right,
#gardens #left ul.col_left, #gardens #left ul.col_right,
#museums #left ul.col_left, #museums #left ul.col_right,
#castles #left ul.col_left, #castles #left ul.col_right,
#walking #left ul.col_left, #walking #left ul.col_right,
#towns #left ul.col_left, #towns #left ul.col_right,
#buildings #left ul.col_left, #buildings #left ul.col_right,
#outdoor #left ul.col_left, #outdoor #left ul.col_right {
	list-style-type:none;
	width:300px;
	padding:12px 0 0 0;
	margin:0 0 0 0;
	float:left;
	}
	
#thingstodo #left ul.col_left li, #thingstodo #left ul.col_right li,
#gardens #left ul.col_left li, #gardens #left ul.col_right li,
#museums #left ul.col_left li, #museums #left ul.col_right li,
#castles #left ul.col_left li, #castles #left ul.col_right li,
#walking #left ul.col_left li, #walking #left ul.col_right li,
#towns #left ul.col_left li, #towns #left ul.col_right li,
#buildings #left ul.col_left li, #buildings #left ul.col_right li,
#outdoor #left ul.col_left li, #outdoor #left ul.col_right li {
	padding:0;
	margin:0;
	clear:left;
	height:80px;
	font-size:11px;
	line-height:16px;
	}
	
#thingstodo #left ul.col_left li a, #thingstodo #left ul.col_right li a,
#gardens #left ul.col_left li a, #gardens #left ul.col_right li a,
#museums #left ul.col_left li a, #museums #left ul.col_right li a,
#castles #left ul.col_left li a, #castles #left ul.col_right li a,
#walking #left ul.col_left li a, #walking #left ul.col_right li a,
#towns #left ul.col_left li a, #towns #left ul.col_right li a,
#buildings #left ul.col_left li a, #buildings #left ul.col_right li a,
#outdoor #left ul.col_left li a, #outdoor #left ul.col_right li a {
	color:#2F3739;
	text-decoration:none;
	border-bottom:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	}
	
#thingstodo #left ul.col_left li a:hover, #thingstodo #left ul.col_right li a,
#gardens #left ul.col_left li a:hover, #gardens #left ul.col_right li a,
#museums #left ul.col_left li a:hover, #museums #left ul.col_right li a,
#castles #left ul.col_left li a, #castles #left ul.col_right li a,
#walking #left ul.col_left li a, #walking #left ul.col_right li a,
#towns #left ul.col_left li a, #towns #left ul.col_right li a,
#buildings #left ul.col_left li a, #buildings #left ul.col_right li a,
#outdoor #left ul.col_left li a, #outdoor #left ul.col_right li a {
	color:#2F3739;
	text-decoration:none;
	border-bottom:none;
	}
	
#thingstodo #left ul.col_left img, #thingstodo #left ul.col_right img,
#gardens #left ul.col_left img, #gardens #left ul.col_right img,
#museums #left ul.col_left img, #museums #left ul.col_right img,
#castles #left ul.col_left img, #castles #left ul.col_right img,
#walking #left ul.col_left img, #walking #left ul.col_right img,
#towns #left ul.col_left img, #towns #left ul.col_right img,
#buildings #left ul.col_left img, #buildings #left ul.col_right img,
#outdoor #left ul.col_left img, #outdoor #left ul.col_right img {
	margin:0 10px 0 0;
	float:left;
	}

/* Testimonials */

#testimonials ul.comments {
	list-style-type:none;
	padding:0;
	margin:0;
}

#testimonials ul.comments li {
	float:left;
	width:176px;
	height:102px;
	background:url(../images/comment_box.gif) no-repeat top left;
	padding:2px 7px;
	margin:2px 0 6px 17px;
	position:relative;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#testimonials ul.comments li.first {
	margin-left:0;
}

#testimonials ul.comments li.grey {
	background:url(../images/comment_box2.gif) no-repeat top left;
	color:#fff;
}

#testimonials ul.comments li.grey span {
	color:#666;
}

#testimonials ul.comments li span {
	position:absolute;
	bottom:0;
	right:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	display:block;
}

/* Contact */

#contact #formcontainer {
	width:600px;
	height:11em;
	font-size:1em;
	color:#555;
	font-family: Arial, Helvetica, sans-serif;
	padding:16px 0 4px 0;
}

#contact .formColLeft {
	height:100%;
	display:block;
	float:left;
}

#contact .formColRight {
	height:100%;
	display:block;
	float:left;
	padding:0 0 0 30px;
}

#contact label {
	width:120px;
	font-size:13px;
	color:#666;
	padding:0;
	margin:0 0 0 0;
}

#contact input.box {
	width:240px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	padding:5px 3px;
	border:1px solid #ccc;
	margin:2px 0;
}

#contact input.button {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	margin:4px 13px 0 0px;
	background:url(../images/bg_newslink.jpg) no-repeat top red;
	height:24px;
	width:83px;
	border:0;
	padding-bottom:2px;
}

#contact input.button:hover {
	color:#000;
	cursor:pointer;
	border:none;
}

#contact textarea {
	width:300px;
	height:10.0em;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	float:left;
	padding:3px;
	margin:2px 0;
	border:1px solid #ccc;
}

#contact textarea:hover, #contact input:hover,
#contact textarea:focus, #contact input:focus {
	border:1px solid #666;
}

/* Accessilbility and Access */

#accessibility, #access {
	border-top:4px solid #000;
	font-family:Arial,Helvetica,sans-serif;
	}
	
#accessibility #container, #access #container {
	margin:0 auto 0 auto;
	padding:0;
	width:952px;
	height:auto;
	}
	
#accessibility #main, #access #main {
	clear:both;
	width:100%;
	}

#accessibility #left, #access #left {
	width:460px;
	float:left;
	}
		
#accessibility #right, #access #right {
	width:460px;
	float:right;
	}
	
#accessibilty #main h2, #access #main h2 {
	width:460px;
	}

#accessibility #main h2, #access #main h2 {
	color:#2F3739;
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:14px 0 8px 0;
	width:605px;
	border-bottom:1px solid #DFE6DD;
	margin-bottom:4px;
	}
	
#accessibility #main h2:first-letter, #access #main h2:first-letter {
	font-size:28px;
	}
		
#accessibility #main h3, #access #main h3 {
	color:#2F3739;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:5px 0 0 0;
	margin-bottom:4px;
	}
	
#accessibility #main p, #access #main p {
	font-size:13px;
	color:#666;
	line-height:160%;
	padding:6px 0;
	}
	
#accessibility #left p, #accessibility #right p, #access #left p, #access #right p {
	width:450px;
	}
	
#accessibility #main ul, #access #main ul {
	list-style-type:disc;
	padding:8px 0 8px 16px;
	margin:0;
	color:#666;
	font-size:13px;
	line-height:19px;
}

#accessibility #main ul li, #access #main ul li {
	padding:1px 0;
	}
	
#accessibility #main a, #access #main a {
	color:#92a98c;
	text-decoration:none;
	border-bottom:1px dotted #AABDA4;
	}
	
#accessibility #main a:hover, #access #main a:hover {
	color:#666;
	text-decoration:none;
	border-bottom:1px dotted #AABDA4;
	}

/* Accessibility */

#accessibility acronym {
	cursor:help;
	}

/* Reviews */

#reviews .xlarge_box p, #reviews .small_box p {
	padding-top:5px;
}

#reviews #formcontainer {
	width:292px;
	color:#555;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:8px 0 4px 0;
}

#reviews fieldset {
	border:none;
}

#reviews label {
	width:120px;
	color:#666;
	padding:0;
	margin:0 0 0 0;
}

#reviews input.box {
	width:284px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	padding:5px 3px;
	border:1px solid #ccc;
	margin:2px 0;
}

#reviews .leftcol input.box, #reviews .rightcol input.box {
	width:132px;
}

#reviews .leftcol {
	float:left;
	width:140px;
}

#reviews .rightcol {
	float:right;
	width:140px;
}

#reviews input.button {
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	margin:10px 0 0 0;
	background:url(../images/bg_newslink.jpg) no-repeat top red;
	height:24px;
	width:83px;
	border:0;
	padding-bottom:2px;
}

#reviews input.button:hover {
	border:0;
	color:#000;
	cursor:pointer;
}

#reviews textarea {
	width:284px;
	height:10.0em;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	float:left;
	padding:3px;
	margin:2px 0;
	border:1px solid #ccc;
}

#reviews textarea:hover, #reviews input:hover,
#reviews textarea:focus, #reviews input:focus {
	border:1px solid #666;
	}

#reviews textarea.comments { height:13em; }
#reviews textarea.suggestions { height:8em; }

#reviews label.checkboxes {
	display:inline-block;
	width:260px;
	padding-left:20px;
	margin-top:8px;
	cursor:pointer;
}

.checked {
	background:url(../images/chk_on.png) no-repeat;
}

.unchecked {
	background:url(../images/chk_off.png) no-repeat;
}

#reviews label.radioboxes {
	display:inline-block;
	width:23.5px;
	padding-left:16px;
	cursor:pointer;
	margin-bottom:6px;
	margin-top:4px;
}

.selected {
	background:url(../images/rdo_on_2.png) no-repeat;
}

.unselected {
	background:url(../images/rdo_off_2.png) no-repeat;
}

#reviews p.review_details  {
	color:#1E2628;
	font-size:13px;
	font-weight:bold;
	border-top:1px solid #D8E0D6;
	margin-top:10px;
}

#reviews img.review_stars {
	float:right;
	width:68px;
	height:13px;
	padding-top:3px;
}

#reviews p.review_comments  {
	color:#92A98C;
	font-weight:bold;
	font-size:13px;
}

#reviews p.review_response  {
	color:#1E2628;
	font-weight:normal;
	font-size:13px;
	padding-bottom:20px;
}

#reviews p.review_comments img.quote {
	float:left;
	margin:0 10px 0 0;
	padding-top:4px;
}

#reviews p.review_namedate {
	color:#666;
	text-align:right;
	font-weight:normal;
	font-size:11px;
	line-height:14px;
	padding-top:0;
	padding-bottom:0;
}

/* Album */

#album #left {
	width:476px;
	float:left;
	height:auto;
	}
		
#album #right {
	width:476px;
	float:right;
	height:auto;
	}
	
#album #main h2 {
	width:460px;
	}

#album #main h2 {
	color:#2F3739;
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:14px 0 8px 0;
	width:605px;
	border-bottom:1px solid #DFE6DD;
	margin-bottom:4px;
	}
	
#album #main h2:first-letter {
	font-size:28px;
	}
		
#album #main h3 {
	color:#2F3739;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:5px 0 0 0;
	margin-bottom:4px;
	}
	
#album #main p {
	font-size:13px;
	color:#666;
	line-height:160%;
	padding:6px 0;
	}
	
#album #left p, #accessibility #right p {
	width:450px;
	}
	
#album ul.album {
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
#album ul.album li {
	float:left;
	margin:0;
	padding:6px 14px 6px 0;
	position:relative;
	}
	
#album ul.album li img {
	border:1px solid #DFE6DD;
	}
	
#album ul.album a {
	text-decoration:none;
	border:none;
	}
	
#album ul.album a:hover {
	text-decoration:none;
	border:none;
	}

noscript {
	font-size:13px;
	color:#ea0000;
	line-height:160%;
	padding:6px 0;
	}
	
/* Lightbox */	

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer{
	padding: 10px;
}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 12px Arial, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 2em;
	overflow: auto;
	width: 100%	
}

#imageData{	padding:0 10px; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; line-height:1.4em;}	
#imageData #caption{ font-weight: bold; font-size:12px; color:#555555;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; color:#555555;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}	

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #1E2628;
}

/***********************************************************
GLOBAL CLASSES
***********************************************************/

.hide {
	display:none;
	}
	
.clear {
	clear:both;
	}

.clearfix:after {
	clear:both;
	content: ".";
	display:block;
	height:0;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}