/* @override http://innonpamlicosound.com/css/iops_present.css */

/*
 * Presentational styles for the home page
 */
/* /// HTML /// */
body {
	font: 100%/1 Verdana, Arial, Helvetica;/*shorthand syntax for font properties*/
	color: #000;
	margin: 0;
	padding: 0;
	background: #fff8ce url(../images/bg.gif) repeat-x 0 0 fixed;
}
a:link {
 color: #CC6633;
 text-decoration: none;
}
a:visited {
 color: #CC6633;
 text-decoration: none;
}
a:hover {
 color: #000;
}
a:active {
 color: #000;
}
/*this will add a border around divContent images*/
#divContent img {
 border: solid 1px #000;
}
#divContent-Cushy img {
 border: solid 1px #000;
}
/*this will allow us to give certain div content images no border*/
img#imgBorderNo {
 border-style: none;
}
/*this will remove the border from around linked images*/
a img {
 border-style: none;
}
/* /// PRESENTATION /// */
/*global*/
.clear {
 clear: both;
}
.underline {
 text-decoration: underline;
}
.floatLeft {
 float: left;
 margin: 6px 10px 12px 0;
 padding: 0;
}
.floatRight {
 float: right;
 margin: 6px 0 12px 25px;
 padding: 0;
 
}.floatRight_noboarder {
 float: right;
 margin: 0 0 12px 25px;
 padding: 0;
 border:none !important;
}
.credit {
 font-size: .80em;
 background-color: #999;
 color: #fff;
 padding: 2px;
 text-align: center;

}
/*header*/
#divHead h1 {
 font-size: 0;
 height: 0;
 margin: 0 0 0 -999em;
 padding: 0;
 width: 0;
}
#divHead p#masthead {
 height: 135px;
 margin: 0;
 padding: 0;
}
/*content cushy*/
#divContent-Cushy h2 {
 font-size: 1.00em;
 color: #669966;
 margin: 15px 10px 0 15px;
 padding: 0;
}
#divContent-Cushy p {
 font-family: verdana, tahoma, arial, sans-serif;
 font-size: 0.75em;
 line-height: 1.5;
 margin: 10px 2px 10px 20px;
 padding: 0;
}
/*content*/

#divContent h1 {
 font-size: 1.15em;
 color: #CC6633;
 margin: 10px 10px 2px 10px;
 padding: 0;
 text-align: center;
}
#divContent h3 {
 font-size: 1.00em;
 color: #669966;
 text-decoration: underline;
 margin: 6px 0 0 0;
 padding: 0;
 text-align: center;
}
#divContent h4 {
 font-size: .90em;
 color: #669966;
 font-weight: normal;
 margin: 6px 0 0 0;
 padding: 0;
 text-align: center;
}
#divContent p {
 font-family: verdana, tahoma, arial, sans-serif;
 font-size: 0.75em;
 line-height: 1.65;
 margin: 10px 15px 10px 20px;
 padding: 0;
}
.caption {
	font-family: verdana, tahoma, arial, sans-serif;
 font-size: 0.70em;
 line-height: 1.5;
 margin: 4px 2px 10px 0;
 padding: 0;
}
#divContent div#centerDiv {
 text-align: center;
 width: 625px;
 margin: 0 auto;
 margin-top: 6px;
 margin-bottom: 6px;
}
#divContent div#centerDivfloat {
 text-align: center;
 margin: 0 auto;
 margin-top: 6px;
 margin-bottom: 6px;
 float: left;
}
img.doortags {
 padding: 2px 5px;
}
img.roomPhotos {
 margin: 2px 4px;
}
#divContent ul {
 font-size: 0.75em;
 line-height: 1.5; 
}
#divContent table#rateTable {
 font-size: 0.75em;
 margin: 0 0 0 20px;
 border: solid 1px #000;
}
#divContent table#rateTable th {
 color: #fff;
 font-size: 1.15em;
 text-align: left;
 padding: 3px 4px;
 background-color: #669966;
}
#divContent table#rateTable td {
 padding: 5px 4px;
 background-color: #eee;
 border: solid 1px #ccc;
}
#divContent table#rateTable td.rateBold {
 font-weight: bold;
}
#divContent p.availability {
 font-weight: bold;
 font-size: 1.10em;
}

/*contact form*/
#divContent form {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-top : 0px;
}

#divContent input {
	background-color : #fff;
	color : #000;
	border : 1px solid #000;
	padding: 1px;
}

#divContent textarea {
	background-color : #fff;
	color : #000;
	border : 1px solid #000;
	padding: 1px;
	margin-top: 5px;
}
#divContent input.noborderbox {
  border: 0;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

#divContent input:focus {
	background : #fae6dc;
}

#divContent form td {
	padding-left: 4px;
}
#divContent form table {
	background-color: #eee;
 	font-size: 0.75em;
	color: #000;
	padding: 2px;
	margin: 0;
	margin-left: 25px;
}
#divContent .button {
	color : #ffffff;
	background-color : #e4763f;
}
#divContent .button:focus {
	color : #000;
	background-color : #f8915d;
}
#divContent p#pPrivacy {
    font-size: .65em;
	line-height: .95;
	margin: 10px;
}
/*sidebar*/
#divSidebar ul#ulMainMenu {
	margin: 240px 0 0 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#divSidebar ul#ulMainMenu li {
 margin: 0;
 padding: 0 0 10px 7px;
 list-style-type: none;
}
#divSidebar ul#ulMainMenu li a {
 margin: 0;
 padding: 0;
 font-size: 0.90em;
 font-weight: normal;
 text-decoration: none;
 color: #fff;
}

/*facebook*/

ul.connect {
	margin: 0 0 0 3px;
	padding: 0;
	list-style-type: none;
}
ul.connect li#facebook {
	height: 28px;
}
ul.connect li#facebook a {
	display: block;
	width: 150px;
	height: 26px;
	background: url(../images/facebook.gif) no-repeat 0 0;

}
ul.connect li#facebook a:hover {
	background: url(../images/facebook.gif) no-repeat 0 -26px;
}


#divSidebar ul#ulMainMenu li a:hover {
 color: #ff9966;
}
/*footer*/
#divFooter {
 border-top: solid 1px #000;
 width: 600px;
 }
#divFooter p {
 font-size: .80em;
 line-height: 12px;
 text-align: center;
 margin: 0;
 padding: 0;
}
#divFooter p#pContact {
 font-size: 0.65em;
 color: #444444;
 margin: 10px 0;
 
}
#divFooter p#pCopyright {
 font-size: 0.65em;
 font-family: verdana, tahoma, arial, sans-serif;
 color: #444444;
 margin: 0;
}
#divFooter p#pOBITag {
 font-size: 0.60em;
 font-family: verdana, tahoma, arial, sans-serif;
 color: #444444;
 margin: 0;
}
#divFooter a {
 text-decoration: none;
}
/* "Why?" small element link sizes */
/* set up relativity to position small Why? text */
small.whythis { 
  font-size : 80%; 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

small.whythis a span { 
  border : 1px solid #eee;; 
  background-color : #eee;; 
  padding : 0 4px 0 4px; 
  color : #eee;;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 1px solid #000; 
  background-color : #fae6dc;; 
  color : #000;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}
/*wedding page */
table#weddingRates {
	font-size: .80em;
	border:  none;
	margin: 0;
	padding: 0;	
	width: 460px;
}
table#weddingRates td {
	margin:  0;
	padding:  4px 0;
	border-bottom:  1px solid #999;	
}
table#weddingRates th {
	text-align: right;
	line-height: 16px;
	border-bottom: 1px solid #000;
	padding-left: 15px;	
}
/*Floorplans Lightbox */
#hiddenFloor1 {
	display: none;
}
#hiddenFloor2 {
	display: none;
}
#hiddenFloor3 {
	display: none;
}