@charset "UTF-8";
/*

STYLE SHEET FOR Rendell Shea Suites WEBSITE
Created by Chris Bishop

Table of Contents
	1. defaults
	2. main layout
	3. links
	4. fonts
	5. html5

/* 1. defaults */

body	{
	background: #000;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 100%;
	}
a {
	color: #ECDB48;
	outline: 0;
	text-decoration: none;
}
a img {
	border: 0;
}
/* 2. main layout */

#wrapper {
	width:100%;
	margin: 0 auto -40px;
	text-align: left;
	min-height: 100%;
}
#header {
	height: 220px;
	width: 700px;
	padding: 0;
	margin: 15px 0 -250px 270px;
	clear: both;
}
#logo {
	margin: auto;
	padding: 30px 0 0 10px;
}
#navigation {
	background: transparent url(../images/SidebarRS1.jpg) no-repeat scroll 0 0;
	position: fixed;
	width: 150px;
	margin: 0 0 0 100px;
	top: 0;
}
#navigation ul {
	list-style: none outside none;
	margin: 10px 0 20px 0;
}
#navigation ul li{
	font-size: 125%;
	text-align:left;
	letter-spacing: .1em;
	text-shadow: #000 .2em .2em 0.12em;
}
#navigation ul li a {
	display: block;
	}
#navigation li a:link, #navigation li a:visited {
	color:#F2E544;
	font-weight: bold;
	font-variant: small-caps;
	padding:15px 0 15px 25px;
}
#navigation li a:active, #navigation li a:hover {
	background-color: black;
	-webkit-transition: color, background-color 0.5s ease-out;
	-moz-transition: color, background-color 0.5s ease-out;
}
#navigation li.active {
	background-color: black;
}
#CMAd {
	text-align: center;
}
#contentcontainer {
	margin: 250px 0 0 300px;
	float:left;
	text-align:left;
	max-width: 700px;
	padding-bottom: 40px;
	overflow: auto;
}
#content {
	margin: 0;
	font-size: 105%;
}
#img {
	float: right;
	width: 230px;
	height: 150px;
	margin: 0;
	padding: 1em;
}
#gallery {
	max-width: 700px;
}
.gallery-item {
	background-color: #595047;
	width: 145px;
	height: 145px;
	float: left;
	padding: 10px 25px 65px;
	margin: 10px 10px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
}
.gallerytitle {
	color: #ECDB48;
	background: transparent url(../images/titlebanner.png) no-repeat scroll 0 0;
	background-position: bottom;
	width: 600px;
	height: 50px;
	margin: 0 0 -35px 310px;
	text-align: center;
	font-size: 125%;
	padding-top: 15px;
}
#pagination {
	clear: both;
	bottom: 0;
}

#pagination li {
	border: 0;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 125%;
	list-style: none;
}

#pagination a{
	border:solid 1px #DDDDDD;
	margin-right:2px;
}

#pagination .next a,
#pagination .previous a {
	font-weight:bold;
	border:solid 1px #FFFFFF;
}
 
#pagination .active{
	color:#8C691A;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}

#pagination a:link,
#pagination a:visited {
	color:#F2E544;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}

#pagination a:hover{
	border:solid 1px #666666;
}
#clearfooter {
	clear: both;
	height: 115px;
}
#footer {
	margin: -40px 0 0 375px;
	width: 500px;
	clear: both;
	height: 40px;
	line-height: 40px;
	background: #595047;
	color: #ECDB48;
	font-weight: bold;
	text-align: center;
	position: fixed;
	bottom: 0;
	font-size: 75%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595047', endColorstr='#000000'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#595047), to(#000)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #595047,  #000); /* for firefox 3.6+ */
	-moz-border-radius-topleft: 11px;
	-moz-border-radius-topright: 11px;
	-webkit-border-top-left-radius: 11px;
	-webkit-border-top-right-radius: 11px;
}
#footer a {
	text-decoration: underline;
}
#contact {
	margin: 0 0 20px 0;
}
#contact p {
	margin-top: -10px;
}
#contact img {
	margin-left: 10px;
	padding: 10px 0 -10px 0;
}
#contact a {
	color: #ECDB48;
	font-weight: bold;
}
#sights li {
	border-bottom: 1px solid #82715B;
}
#sights li a:active, #sights li a:hover {
	background-color: #37322C;
}
#sights ul li a {
	display: block;
}
#sights ul {
	list-style: none;
	padding: 0 0 25px 0;
}

/* 4. fonts */
p {
	color:#ECDB48;
	margin: auto;
	padding: 5px;
	line-height: 1.30;
	letter-spacing: 0.05em;
}
.description {
	padding-top: 25px;
}
.ad {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #ECDB48;
	font-variant: small-caps;
	background-color: black;
}
h1, h2, h3, h4 {
	padding: 10px;
	color: #ECDB48;
}
#sights h1 {
	font-size: 115%;
}
h1 a {
	color: #ECDB48;
	text-shadow: #000 2px 2px 1.5px;
}
.center {
	text-align: center;
}
/* 5. html5 */