/*********************************************************************************************
	Project Name: City of Cambridge
	Project URL: http://www.cambridgema.gov/CPL/
	Description: contains specific styles for Cambridge Public Library
	Date: 27 May, 2010   
	Author: Petra Gregorova (ISITE Design, Inc.)
*********************************************************************************************/
body {background:#fef2de;}
h1, h2, h3, h4 {font-family:Georgia, "Times New Roman", Times, serif;}
h1 {color:#25555c; font-size:1.8em; font-weight:normal;}

hr {border-top:1px solid #ccc; clear:both; margin:10px 0 15px;}
*+html hr {margin:5px 0 7px;}


/*----------------------------------- Site Structure --------------------*/
#container, #wrapper, #header, .header-image, #header-content, #content, #footer-content {overflow:hidden;width:1030px;}
* html #content {margin:0;}

#container {position:relative;}

/*----------------------------------- links, lists --------------------*/
a, a:link, a:active, a:focus, a:visited,
#secondary .callout a, #secondary .callout a:active, #secondary .callout a:visited,
#tertiary .callout a, #tertiary .callout a:active, #tertiary .callout a:visited {color:#BF1F38;}
a:hover, #secondary .callout a:hover, #tertiary .callout a:hover {color:#d68177;}

p.more {float:right;clear:both;width:205px;text-align:right;/*width:245px;*/}
	.col p.more {text-align:right;width:190px;}
p.more a {background:url(../img/css/icon-link-arrow.gif) no-repeat 0 3px; padding-left:15px; text-align:right;}

* html #primary img.right, * html .interior #primary img.right {height:auto; margin:0 0 10px 10px; width:auto;}

ul {list-style:none;}

/* HEADER
-------------------------------------------------------------------*/
#container, #header, #footer {background:#bf1f38; margin:0 auto; width:1030px;}
#header, #header-content {height:155px;}
#header { 
	background:#BF1F38 url(../img/css/bg_header-bottom.gif) no-repeat left bottom;	
	color:#D8897F;
	padding-bottom:16px;
}

.boy .header-image {background:url(../img/css/boy-reading.jpg) no-repeat right bottom; float:right; }
.girl .header-image {background:url(../img/css/girl-reading.jpg) no-repeat right bottom; float:right; }

#header-content {
	background:url(../img/css/bg_header.gif) repeat-x right bottom;
	float:left;
	padding-bottom:0;
	position:relative;
	width:inherit;
}

#header-content p, #header-content ul#alternate-txt { left:620px;position:absolute;}
#header-content p { top:15px;}
* html #header-content p {padding:5px 0 3px;}
*+html #header-content p {padding:5px 0 3px;}

	#header-content p a.button { font-size:1.1em; font-weight:bold;margin-right:15px;}
#header-content ul#alternate-txt {
	font-size:1.1em; 
	font-weight:normal;
	right:0; 
	list-style:none; 
	margin-left:0;
	top:85px;
}

/* search form */
#search-form {
	background:url(../img/css/icon-magnifier-glass.gif) no-repeat 10px 0;
	bottom:0;
	height:3em;
	margin:25px 0;
	position:relative;
	right:0;
	text-align:right;
	width:220px;
}
* html #search-form {bottom:10px;}
#search-form label { line-height:1%;text-indent:-9999em;}
* html #search-form label {float:left;}

#search-form input, #search-form button {display:inline;}
#search-form input { font-size:1.2em;padding:5px 4px; margin-right:-3px; width:125px;}
*+html #search-form input {margin-right:0;}
button, button.search, .button, #wrapper .scfSubmitButton {background:#1e4b51 url(../img/css/bg_button.gif) repeat-x  0 0;}
button:hover, button.search:hover, a:hover.button, #wrapper .scfSubmitButton:hover {background-color:#2b5c63; background-position: 0 -38px;}
button, .button, button.search, #wrapper .scfSubmitButton {
	border-top-right-radius:25px;
	border-bottom-right-radius:25px;
	-webkit-border-top-right-radius:25px;
	-webkit-border-bottom-right-radius:25px;
	-moz-border-radius-topright:25px;
	-moz-border-radius-bottomright:25px;
	border-top-left-radius:25px;
	border-bottom-left-radius:25px;
	-webkit-border-top-left-radius:25px;
	-webkit-border-bottom-left-radius:25px;
	-moz-border-radius-topleft:25px;
	-moz-border-radius-bottomleft:25px;
	color:#fff;
	font-size:1.2em;
	/*height:1.8em;*/
	padding:3px 10px 7px;
	width:auto;
}

button.search {text-indent:0; width:72px;}

#wrapper .scfSubmitButton {font-weight:bold; float:right; margin:10px 60px 0 0;}

	button.go{
		border-top-left-radius:0;
		border-bottom-left-radius:0;
		-webkit-border-top-left-radius:0;
		-webkit-border-bottom-left-radius:0;
		-moz-border-radius-topleft:0;
		-moz-border-radius-bottomleft:0;
		height:2em;
		padding:3px 5px 6px 2px;
		text-transform:uppercase;
	}


	.button, #secondary .button, #secondary .callout .button,
	.button:hover, #secondary .callout .button:visited, #secondary .button:hover, #secondary .callout .button:hover {
		border-top-left-radius:25px;
		border-bottom-left-radius:25px;
		-webkit-border-top-left-radius:25px;
		-webkit-border-bottom-left-radius:25px;
		-moz-border-radius-topleft:25px;
		-moz-border-radius-bottomleft:25px;
		color:#fff;
		padding:3px 15px 5px;
		text-transform:none;
	}
	* html #secondary .button, * html #secondary .button:hover {padding:3px 10px 5px;}
button:hover.search {background-position:0 -/*23*/38px;}

.scfSectionBorder input, .scfSectionBorder textarea {font-size:1.3em;}


/* sitecore form overrides */
.scfForm {

}

.scfSectionBorderAsFieldSet { border:0 !important; margin:0 !important;}
/* div around form elements */
.scfDropListBorder, .scfEmailBorder, .scfMultipleLineTextBorder, .scfSingleLineTextBorder, .scfPasswordBorder, .scfNumberBorder, .scfDateBorder, .scfRadioButtonListBorder, .scfListBoxBorder, .scfCheckBoxListBorder, .scfFileUploadBorder, .scfDateSelectorBorder, .scfCreditCardBorder, .scfConfirmPasswordBorder, .scfCaptchaBorder {overflow:hidden;}

/* form fields */
.scfEmailTextBox, .scfSingleLineTextBox, .scfPasswordTextBox, .scfNumberTextBox, .scfDateTextBox, .scfRadioButtonList, .scfListBox, .scfCheckBoxList, .scfFileUpload, .scfCreditCardTextBox, .scfCreditCardType, .scfConfirmPasswordTextBox {font-size:1.2em;}

/* gray info below fields */
.scfForm .scfDropListUsefulInfo, .scfForm .scfEmailUsefulInfo, .scfForm .scfMultipleLineTextUsefulInfo, .scfForm .scfSingleLineTextUsefulInfo, .scfForm .scfPasswordUsefulInfo, .scfForm .scfNumberUsefulInfo, .scfForm .scfDateUsefulInfo, .scfForm .scfRadioButtonListUsefulInfo, .scfForm .scfListBoxUsefulInfo, .scfForm .scfCheckBoxListUsefulInfo, .scfForm .scfFileUploadUsefulInfo, .scfForm .scfDateSelectorUsefulInfo, .scfForm .scfCreditCardTextUsefulInfo, .scfForm .scfConfirmPasswordUsefulInfo, .scfForm .scfCaptchaUsefulInfo, .scfCheckboxBorder .scfCheckboxUsefulInfo  {color: #9e9e9e; font-weight:normal; padding:0;}

/* date - select fields */
.scfForm .scfDateSelectorDay, .scfForm .scfDateSelectorMonth, .scfForm .scfDateSelectorYear {float:left; margin-right:2px; width:32%;}
.scfDropListBorder .scfListBox, .scfDropListBorder .scfDropList {margin:0; font-size:1.2em;}

/* checkbox */
.scfForm .scfCheckboxBorder  {margin-left:215px; width:auto;}
	.scfCheckbox input, .scfCheckbox label {display:inline; font-weight:normal;}
	.scfCheckbox input {margin-right:5px;}

/* radio */
.scfRadioButtonList, .scfRadioButtonList td, .scfCheckBoxList, .scfCheckBoxList td {border:0;}
.scfRadioButtonList input, .scfCheckBoxList input, 
.scfRadioButtonList label, .scfCheckBoxList label { display:inline;font-size:.85em; font-weight:normal; margin-bottom:8px;}
	.scfRadioButtonList input, .scfCheckBoxList input {margin-right:5px;}

.scfForm .scfSectionUsefulInfo { float:left; font-size:1.2em; margin-bottom:.75em;}
	.scfSectionBorderAsFieldSet legend {font-size:1.5em;margin:0 0 /75em 0; padding:0;}
	*+html .scfSectionBorderAsFieldSet legend {padding-bottom:.25em;}

#wrapper .scfSubmitButton 		{ background: url("../img/css/bg_button.gif") repeat-x scroll 0 0 #1E4B51; color:#FFF;float:right;font-weight:bold;margin-right:70px; padding:3px 15px 5px;}
#wrapper .scfSubmitButton:hover {/* background-color: #812310;*/ background-position: 0 -38px; }
#wrapper .scfTitleBorder {
	border: none;
	clear: both;
	color: #8EB655;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: .25em;
}

#wrapper .scfForm .scfTitleBorder {color:#25555C;font: normal 1.8em Georgia,"Times New Roman",Times,serif;}

/* captcha */
.scfCaptchaGeneralPanel table, .scfCaptchaGeneralPanel td {border:0;}
.scfCaptchaGeneralPanel .scfCaptchaLimitGeneralPanel, .scfCaptchaGeneralPanel .scfCaptchStrongTextPanel, .scfCaptchStrongTextPanel .scfCaptchaTextBox {width:auto;}

#wrapper .scfSectionLegend { text-transform: none; }
.scf-page #wrapper #primary { margin-left: 0; }


/* BRAND */
#header #brand {
	background:transparent url(../img/css/logo_cambridge-public-library.gif) no-repeat scroll 0 0;
	height:88px;
	margin:18px 0 0 45px;
	width:317px;
}


.scfSectionContent .scfValidatorRequired, .scfSectionContent .scfRequired {float:left; margin-left:10px;}

/* MAIN NAVIGATION */
#nav ul, #nav ul li, #nav ul a {height:auto;}
#nav ul {
	background:#215257;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	color:#4C7273;
	font-size:1.4em;
	height:1.5em;
	left:35px;
	padding:10px 0 5px 15px;
	top:119px;
}
* html #nav ul {left:35px;top:119px;}

#nav ul li {margin-right:10px;}
#nav ul a {
	background-image:none;
	color:#fff;
	font-weight:bold;
	margin-right:10px;
	text-indent:0;
} 

#nav ul a:hover {color:#719296;}
#nav .nav-services {width:auto;}
#page-hours #nav .nav-hours, #page-events #nav .nav-events, #page-services #nav .nav-services, #page-elibrary #nav .nav-elibrary, #page-kids #nav .nav-kids, #page-teens #nav .nav-teens, #page-about #nav .nav-about {color:#719296; width:auto;}


/* FOOTER
-------------------------------------------------------------------*/
#footer { 
	background: #BF1F38 url(../img/css/bg_footer-top.gif) no-repeat 0 0;
	border:0;
	margin-bottom:10px;
	min-height: 32em; /* prevent break-out photos overlap */
	padding:16px 0 18px;
}
	* html #footer { height: 32em; }
#footer-content {
	background:#BF1F38 url(../img/css/bg_footer.gif) repeat-x 0 0;
	padding:35px 0 15px;
}

#footer-content dl {
	margin:0 0 16px 30px;
	width:170px;
}
* html #footer-content dl {margin-left:20px;}
	#footer-content dl.last {margin-right:0;}
	
#footer-content dl dt {
	color:#500004;
	text-transform:uppercase;
}
#footer-content dl dd {}
#footer a, #header a {color:#fff;}
#footer a:hover, #header a:hover {color:#D8897F;}
#header a.button:hover {color:#fff;}

#copyright { 
	background:url(../img/css/bg_copyright.gif) no-repeat right 98%;
	border-top:0; 
	border-bottom: 3px solid #e9b1ba;
	padding-bottom:100px;
}
#copyright ul { float:left;margin:0 0 25px; width:auto;}
#copyright li {color:#d8897f;}
#copyright li a { text-decoration:none;}
#copyright li.copy {width:400px;}

#copyright .nav li, #copyright .nav li a {margin-right:10px;}
#copyright .nav li.last, #copyright .nav li.last a {margin-right:0;}

#footer .nav {float:right; text-align:right;}

/* TEMPLATES
-----------------------------------------------------------------------*/
/* two col, secondary on right  */
#content {
	background:url(../img/css/bg_content.gif) repeat-y 0 0;
	margin:0;
	padding:0 0 25px;
}
* html #content {margin-top:0;}

#primary {
	margin-top: 0; /* make room for absolutely position nav */	
	width: 720px;
}

#primary{ width:715px;}
#page-home #primary {margin:0; width:750px;}
#page-home #secondary { margin-top:-15px; padding-bottom: 25px;} /* bottom padding added to keep break-out photo inline */

#secondary { margin:-10px 42px 0 0; width:220px;}

/* three col, secondary on right, tertiary on left  */
.interior #primary { margin-left:225px;}
* html .interior #primary { width:520px;margin-left:225px;}
* html .interior.wide #primary {margin-left:5px;width:705px;}

.interior #tertiary {width:200px;}
* html .interior #tertiary {margin-left:-745px;}

.interior.wide #primary, .interior.wide.scf-page #wrapper #primary { margin-left:45px;width:705px; } 

/* PRIMARY 
-----------------------------------------------------------------------*/

#primary img {border:4px solid #becfcc; padding:0;}
#primary div.google-map-canvas img {border:none;}

/* BREADCRUMBS */
ul#breadcrumbs {
	margin:0 0 25px; 
	padding-left:45px;
	width:710px;
}
	.interior #primary ul#breadcrumbs {padding-left:0;}
	.interior #primary ul#breadcrumbs li {background:0; padding-left:0;}
	
#breadcrumbs li {margin-right:7px;}
#breadcrumbs li a {margin-right:7px;}

ul.page-actions {
	margin:0.5em 0 0 3px;
	width:12.25em;
}


#page-city #primary h1 {width:335px;}
* html #page-city #primary h1 {width:325px;}

#primary p {margin-right:/*25px*/0;}


#primary ul {margin-left:0;}
#primary ul li { background:url(../img/css/bullet-ul.gif) no-repeat 0 0; padding-left:16px; }
#primary .col ul li {background:0; padding-left:0;}

/* FORM specific classes */
.scfSubmitButtonBorder {clear:both;}

/* SECONDARY 
-----------------------------------------------------------------------*/
#secondary .callout, .col {
	background:url(../img/css/bg_callout.gif) repeat-y 0 0;
	color:#4c4c4c; 
	overflow:hidden;
	padding:0;
	width:220px;
}

#secondary .callout.links {background:#becfcc;}
#secondary .callout.links h3 {
	background:#3b666d url(../img/css/bg_callout-links-h3.jpg) no-repeat 100% 0; 
	border-bottom:3px solid #fff;
	color:#fff;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:6px 10px 5px;
	text-transform:uppercase;
}
	* html #secondary .callout.links h3 {color:#fff;font: bold 1.4em Arial, Helvetica, sans-serif;}
#secondary .callout.links ul {list-style:none; margin-left:10px;}
#secondary .callout.links li { font:bold 1.6em/140% Calibri, "Century Gothic", Arial;line-height:160%;}
	* html #secondary .callout.links li { font-size:1.5em;}
#secondary .callout.links ul a, #secondary .callout.links ul a:visited {
	color:#04212e;
	text-decoration:none;
}

#secondary .callout.links ul a:hover {color:#37727a;}

#secondary .callout h3, .col h3 {
	background:url(../img/css/bg_callout-h2.gif) repeat-x 0 0;
	border-bottom:3px solid #fff;	
	margin:0 0 10px 0;
	padding:5px 10px;
}
* html .col h3 {width:inherit;}

#secondary .callout h3, #tertiary h2, .col h3 {font: bold 1.4em Arial, Helvetica, sans-serif;color:#fff; text-transform:uppercase;}

/* FLICKR */
#flickr {margin:0 10px; overflow:hidden;}
#flickr img { border:3px solid #fff; margin:10px 0 0 15px;}
#flickr img:hover {border-color:#BECFCC; }
#flickr a {float:left;}
.callout p.flickr, .callout p.flickr a {
	background: url(../img/css/logo-flickr.gif) no-repeat 100% 0; 
	display:block; 
	float:right; 
	height:25px;
	margin:5px 0 15px;
	text-indent:-9999em;
	width:75px;
}
 	.callout p.flickr a {background:none;}
	* html .callout p.flickr {margin-bottom:0;}
	
	
/* SOCIAL MEDIA */
#social-media {margin-left:5px; width:220px;}
#social-media li {padding:3px 0 5px 30px;}
	* html #social-media li {padding:3px 0 5px 25px;}
#social-media li.twitter {background:url(../img/css/icon-twitter.gif) no-repeat 0 0;}
	#social-media li.twitter a {font-size:12px;}
	
#social-media .button, #social-media .button:hover {
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
	-webkit-border-bottom-left-radius:0;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	font-weight:bold;
	padding-left:10px;
	text-decoration:none;
}
/** html #social-media .button, * html #social-media .button:hover { padding:3px 5xp 5px;}*/

/* TERTIARY 
-----------------------------------------------------------------------*/
#tertiary h2 {
	background:url(../img/css/bg_tertiary-h2.gif) no-repeat 0 100%;
	border:0; 
	margin:0; 
	padding:14px 10px 26px 55px;
}
#tertiary ul {
	background:#f0f7f6 url(../img/css/bg_tertiary-nav.gif) repeat-x 0 100%; 
	margin:-13px 0 25px 45px;
	padding:10px 0;
}
	* html #tertiary ul {margin-left:45px;}
	
	#tertiary li {margin-bottom:0.85em;padding-right:5px;}

		#tertiary ul ul {background:0; margin:-10px 0 0 0; padding-bottom:0;}
			#tertiary ul li.active {background:0;}
			#tertiary ul li.active a{font-weight:normal;}
				#tertiary ul li.active ul li {background:url(../img/css/bullet-ul.gif) no-repeat 0 0; margin-bottom:0; padding-left:14px;}
					#tertiary ul li.active ul li a {color:#BF1F38;}
					#tertiary ul li.active ul li a:hover {color:#D68177;}

#tertiary .callout {background:#becfcc; color:#4c4c4c; margin-left:45px;}

#tertiary a {text-decoration:none;}

#tertiary h2 a, #tertiary h2 a:visited {color:#fff;}
#tertiary h2 a:hover {color:#BF9783;}



/* COLUMNS */
.interior .col {border:0; padding-top:0; padding-right:0;}
	* html .interior .col {padding-right:0;}
.interior div.col.last {border-left:0; padding-top:0;}

.interior .col { padding:0;width:215px;}
	/** html .interior .col { border:1px solid green;}
	* html .interior .col img{ border:1px solid blue;}*/
.col.wide { margin-left:23px;padding-right:0;width:280px;}
	* html .col.wide, * html .interior .col.wide { margin-left:15px;width:280px;}

.col h4, .col h5 { font-weight:normal; margin: 0 10px .25em;}
.col h4 {color:#6d6e70;}
	h4 a:link, h4 a:active, h4 a:visited, .col h4 a:link, .col h4 a:active, .col h4 a:visited {color:#c21f2f;font-size:1.3em; font-weight:normal;}
	h4 a:hover, .col h4 a:hover {color:#D68177;}
	
.col h5 {color:#4c4c4c;font-size:1.1em; font-weight:bold; }

#primary .col p {margin:0 10px .75em; }
	* html #primary .col p.more {margin:0 10px .75em 0; }

#primary .col img {border:4px solid #fff;display:block;margin:5px auto;}
	* html #primary .col img {float:left;margin:5px;}

/* WIDE COL */
.col.wide.alt h4 {clear:both; color:#4c4c4c; display:block; font-family:Arial, Helvetica, sans-serif;font-size:1.8em; }
	.col.wide.alt h4 span {display:block;font-size:0.7em;}
	.col.wide.alt h4 a:link, .col.wide.alt h4 a:active, .col.wide.alt h4 a:visited{color:#25555c; font-size:1em; font-family:Georgia,"Times New Roman",Times,serif;}
	.col.wide.alt h4 a:hover {color:#37727A;}
	
.col.wide dl { font-size:1.2em;margin:0 10px 10px;}
	.col.wide dt {float:left; font-weight:bold; width:80px;}

/* CALLOUTS */
.callout h3, #secondary .callout h4 {
	color:#C21F2F;
	font-size: 1.7em;
	font-weight:normal;
}
#secondary .callout h4 {text-transform: none;}

.callout img {
	border:4px solid #FFF;
	display:block;
	margin:5px auto;
}

.callout h3, .callout h4, .callout p {margin: 0 10px .75em;}



/* CAROUSEL 3-col layout */
#carousel-wrapper {
	background:#bf1f38 url(../img/css/bg_carousel.gif) repeat-x 0 100%;
	border:0;
	margin-bottom:20px;
	width:520px;
}
*+html #carousel-wrapper {margin-bottom:10px;}

#carousel {
	background:0;
	padding-bottom:0;
}
* html #carousel {margin-right:0; margin-bottom:0;}

#carousel h1 {margin:5px 0 10px;}

#carousel-inner {
	background:0;
	color:#fff;
	height:24em;
	padding:0 10px;
}
	* html #carousel-inner {padding-left:10px;}
	*+html #carousel-inner {}


#carousel-inner img.right{ 
	border:6px solid #fff;
	display: block; 
	right:0;
	top:5px;
	height: 212px; width: 316px;/* added fixed size to prevent bad interaction with tabs */
	height: auto; width: auto;/* added fixed size to prevent bad interaction with tabs */
}
.interior #carousel-inner img.right{ width: auto;  height: auto; }
.carousel-content {background:0;width:220px;}
#primary .carousel-content p{margin-right:0;}
.carousel-content a, .carousel-content a:link, .carousel-content a:active, .carousel-content a:visited {color:#afdfe5;}
.carousel-content a:hover {color:#63B3BB;}

.interior .homefeature {
	height:21em;
	margin-top:5px;
	top:0; 
	width:485px;
}

#selectionmenu {
	bottom:0;
	height:18px;
	right:30px;
	width:105px;
}
.interior #selectionmenu { right:20px;  top: 195px; }
	* html #selectionmenu {bottom:-15px;}
	
	* html #selectionmenu li { width:25px;}
	*+html #selectionmenu li { width:25px;}

#primary #selectionmenu li {background:0; float:left; margin-right:10px; padding:0;}
*+html #primary #selectionmenu li {margin-right:5px;}
	.interior #primary #selectionmenu li {float:left;}
	
#selectionmenu a:link, #selectionmenu a:active, #selectionmenu a:visited {
	background:#fff;
	color:#BF1F38;
	font-weight:bold;
	height:auto;
	margin:0;
	padding:2px 8px;
	width:auto;
}
	* html #selectionmenu a:link, * html #selectionmenu a:active, * html #selectionmenu a:visited {padding:2px 8px;} 
	
	#page-home #selectionmenu .ui-tabs-selected a:link, #page-home #selectionmenu .ui-tabs-selected a:active, #page-home #selectionmenu .ui-tabs-selected a:visited, #page-home #selectionmenu .ui-tabs-selected.last a:link {background:#afc0c2;	color:#04212e;}
	
#selectionmenu .ui-tabs-selected a, #selectionmenu .ui-tabs-selected a:link, 
#page-home #selectionmenu a:link, #page-home #selectionmenu a:active, #page-home #selectionmenu a:visited  {background:#1E4B51 url(../img/css/bg_button.gif) repeat-x scroll 0 0; color:#fff;}
#primary #selectionmenu li a:hover, #primary #selectionmenu .last a:hover  {background-color:#2B5C63;background-position:0 -38px; color:#fff;}
#selectionmenu .ui-tabs-selected a:hover {color:#E17850;}

/* CAROUSEL (home) 2-col layout */
#page-home #footer-photos {  
	background:url(../img/css/home-images.png) no-repeat 0 0;
	bottom:34em;
	height:195px;
	position:absolute;  
	right:0;
	width:278px;
	z-index:10000;
}
	* html #page-home #footer-photos { display: none; } /* hide png image */

#page-home #carousel-wrapper {width:745px;}
#page-home #carousel {background:url(../img/css/bg_carousel-bottom-wide.gif) no-repeat 0 bottom; margin:0;width:inherit;}
	*+html #page-home #carousel {width:745px;}
#page-home #carousel h1 { font-size:2em;margin-bottom:18px;}
#page-home #carousel-inner {background:0; height:30em; padding:15px 13px 0 24px; position:relative;}
* html #page-home #carousel-inner {padding-right:17px;}

	#page-home #carousel-inner span a.button { color:#fff; height:1.7em; padding-bottom: 0; position:absolute; right:15px; top:260px; }
#page-home .carousel-content {float:right;width:215px;}

#page-home .homefeature {height:30em; margin-left:20px;width:685px;}

#primary #carousel-inner img, #primary #carousel-inner img.right { border:6px solid #fff; padding:0;}
#page-home #primary #carousel-inner img {float:left;}

#page-home #carousel-inner img.right  {right:15px; top:20px;}
#page-home #selectionmenu { right:10px;top:260px; width:220px;}
*+html #page-home #primary #selectionmenu .last {width:110px;}

#page-home .col {margin-left:45px;}
	* html #page-home .col {margin-left:20px;}
#page-home .col.wide {margin-left:25px; width:460px;}
#page-home .col.wide .more {width:250px;}

#page-home .banner {float:right; margin:15px 0 0 0;}
#page-home #primary .banner img {border-color:#ce6960;}
#page-home #primary .banner img:hover {border-color:#D68177;}

/* CALENDAR 
***************************************************************************************/
#tertiary .block {float:right;}
.block h4 {font-family:Arial,Helvetica,sans-serif;}
#content ul.tabs-calendar {margin-top:0;}
#content ul.tabs-calendar li { list-style:none;padding-left:0;}

/* IMAGE GALLERY 
***************************************************************************************/
#page-services ul#photos li {border:1px solid #999; }
#page-services ul#photos li:hover, ul#photos li.selected {border:1px solid #e79520;}

.photo-caption h2 {color:#666;}

#controls .photo-navigation li.page-select .current a 	{ color: #999;}

.photos-wrapper {
	float:left;
	height:550px;
	margin:2em 0;
	position:relative;
	text-align:center;
	width:530px;
}
.photos-wrapper .prev, .photos-wrapper .next {
	left:0;
	position:absolute;
	top:160px;
}
.photos-wrapper .next {left:495px;}
.photos a {
	display:block;
	line-height:335px;
}
.photos a img {
	display:inline;
	line-height:335px;
	vertical-align:middle;
}
	#primary .photos img {border:1px solid #999; padding:4px;}
	
#controls {	float:right;width:175px;}

ul#photos {
	clear:none;
	float:right;
	height:420px;
	margin:2em 0;
	overflow:hidden;
	width:175px;
}
#primary ul#photos li {background:0; padding-left:0;}
ul#photos li {
	border:1px solid #999;
	display:block;
	float:left;
	margin:0 6px 10px 0;
	overflow:hidden;
	position:relative;
}
ul#photos li:hover, ul#photos li.selected {border:1px solid #C21F2F;}
ul#photos li.odd {margin-right:0;}
ul#photos img {border:0 none;padding:0;}
.photo-caption {margin-top:10px;}
.photo-caption h2, .interior #primary .photo-caption p {
	display:block;
	margin:0 auto;
	width:457px;
}
.photo-caption h2 {
	background:#fff;
	color:#25555c;
	font-size:1.9em;
	font-weight:normal;
	text-align:left;
	text-transform:none;
}
.photo-caption p {text-align:left;}

#primary ul li.prev, #primary ul li.next {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../img/css/icon-arrows-gallery.gif) no-repeat scroll -2px 0;
	cursor:pointer;
	display:block;
	float:left;
	height:34px;
	text-indent:-9999em;
	width:28px;
}
#primary ul li.next {background-position:-35px 0;}
#primary ul li.next:hover {background-position:-35px -42px;}
#primary ul li.prev:hover {background-position:-2px -42px;}
#controls .photo-navigation {
	clear:both;
	float:none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 auto;
	padding:0 20px 0 0;
	text-align:center;
	width:auto;
}
#primary #controls .photo-navigation li {
	float:left;
	font-size:1.2em;
	height:34px;
	padding:2px;
}
#primary #controls .photo-navigation li.prev, #controls .photo-navigation li.next {width:25px;}
#primary #controls .photo-navigation li.next {float:right;}
#primary #controls .photo-navigation a {
	border:0 none;
	margin:0;
	padding:0;
}
#primary #controls .photo-navigation li.page-select {
	background:0;
	padding:3px 10px;
	text-align:center;
	width:76px;
}
#primary #controls .photo-navigation li.page-select span {padding:3px 4px;}
#primary #controls .photo-navigation li.page-select .current a {color:#D68177;cursor:default; font-weight:normal;}




/* PANES */
.panes {height:auto; overflow:hidden; padding:0 7px 1em;}
.panes h1 {font-family:Arial,Helvetica,sans-serif;}
#primary .panes li{background:0; margin-bottom:0;  padding:7px 5px 5px;}
#primary .panes li.even {background:#eef3f2; }
	.panes li h2 {background:0; margin-bottom:0; padding:0;}
	.panes li p {color:#4c4c4c; font-size:1.1em; margin-bottom:0;}

/* FEATURES */
.features {width:385px;}

/* GOOGLE MAP */
.google-map-canvas {border:3px solid #fff; margin:0 10px 7px; height: 250px; width: 250px;}
#page-hours.wide .google-map-canvas { border-color: #FFF1D2; height:600px; margin:0; width:640px; }

.google-map-canvas button {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
}

.google-map-canvas li {
    background-image: none !important;
}

.google-map-canvas label {
    display: initial !important;
    margin-bottom: initial !important;
    font-size: initial !important;
}

/* SEARCH RESULTS */
.search-results .result {
    font-size:1.33em;
    margin-bottom:1em;
}
.search-results .url {
    color:Green;
}