/* RESET START */

html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

address, caption, cite, code, dfn, th, var { 
	font-style:normal; 
	font-weight:normal;} 
	
caption, th {text-align:left;}

ul {list-style: none;}

blockquote, q {quotes: none;}

/* RESET END */


body {
	background: #666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

h2{
	font-size:15px;
	letter-spacing: 2px;
	padding-bottom: 13px;
}

p{
	line-height: 17px;
}

a{
	color:#000;
	text-decoration:none;
}

a:hover{
	text-decoration: underline;
}


#container {
	margin: 0 auto;
	width:997px;
}

#content{
	width:997px;
	background: #fff;
	float:left;
}

#header{
	background: url(../images/shadyside_header.jpg);
	width: 997px;
	height:131px;
	float: left;
}

#header-mansion {
	background-image: url(../images/shadyside_mansion_header.jpg);
	width: 997px;
	height:131px;
	float: left;
	
}

#big-shadyside{
	width: 997px;
	float:left;
}

#big-shadyside img{
	position: relative;
	top: 8px;
	left: 8px;
}

#footer{
	width: 980px;
	float: left;
	padding: 20px 0 30px 15px;
}

#footer p{
	color: #333;
}

#footer a{
	color:#333;
	text-decoration: none;
}


ul#footer-nav{
	position: relative;
	top: -26px;
	left: 320px;
	float:left;
}


ul#footer-nav li{
	float:left;
	padding-right: 20px;
}




/* NAV START */

#main-nav{
    width:997px;
    height:45px;
	float:right;
	top: 85px;
}

ul#nav-menu{
	width:997px;
    height:45px;
	float:left;
}

ul#nav-menu li{
		display:inline;
}

ul#nav-menu li a{
	display:block;
	width:997px;
    height:45px;
	float:left;
	background: url(../images/nav.jpg) no-repeat;
	text-indent: -9999px;
}


/* INDIVIDUAL NAV START */

ul#nav-menu li a.home-nav{
	width:172px;
	background-position: 0 0;
}

ul#nav-menu li a.location-nav{
	width:142px;
	background-position: -172px 0;
}

ul#nav-menu li a.suites-nav{
	width:161px;
	background-position: -314px 0;
}

ul#nav-menu li a.reservation-nav{
	width:182px;
	background-position: -475px 0;
}

ul#nav-menu li a.mansion-nav{
	width:150px;
	background-position: -657px 0;
}
ul#nav-menu li a.history-nav{
	width:190px;
	background-position: -807px 0;
}

/* INDIVIDUAL NAV END */



/* INDIVIDUAL OVER START */


ul#nav-menu li a.home-nav:hover, ul#nav-menu li a.home-nav#selected{
	width:172px;
	background-position: 0 -45px;
}

ul#nav-menu li a.location-nav:hover, ul#nav-menu li a.location-nav#selected{
	width:142px;
	background-position: -172px -45px;
}

ul#nav-menu li a.suites-nav:hover, ul#nav-menu li a.suites-nav#selected{
	width:161px;
	background-position: -314px -45px;
}

ul#nav-menu li a.reservation-nav:hover, ul#nav-menu li a.reservation-nav#selected{
	width:182px;
	background-position: -475px -45px;
}

ul#nav-menu li a.mansion-nav:hover, ul#nav-menu li a.mansion-nav#selected{
	width:150px;
	background-position: -657px -45px;
}
ul#nav-menu li a.history-nav:hover, ul#nav-menu li a.history-nav#selected{
	width:190px;
	background-position: -807px -45px;
}

/* INDIVIDUAL OVER END */


/* NAV END */


#mansion-img{
	width:980px;
	float: left;
	padding: 8px 0 0 8px;
}



/*  LEFT COLUMN */

#left-column{
		width: 506px;
		float: left;
		padding: 0px 0 8px 8px;
}

#big-img{
	padding-top: 8px;
}
	

#reservation{
	width: 486px;
	float:left;
	background: #eceded;
	padding: 20px 10px;
}

#res-left-copy{
	width: 245px;
	float: left;
	padding-bottom: 10px;
}

#form{
	width: 210px;
	float: right;
}


#left-shadyside{
	width: 486px;
	padding: 10px 10px 40px 10px;
	float: left;
}

#left-shadyside img{
	position: relative;
	left: -10px;
	float: left;
}

#rule{
	float:left;
}


/* VIRTUAL TOUR */

#virtual-tour{
	width: 486px;
	float:left;
	background: #eceded;
	padding: 20px 10px;
}

.begin{
	margin-top: -5px;
}

#room-heads{
	padding-top: 15px;
}

#virtual-tour ul{
	width: 486px;
	float: left;
}

ul#studio li{
	margin: 0 auto;
	float: left;
	padding: 0 5px 20px 0;
}

ul#one-bed li{
	margin: 0 auto;
	float: left;
	padding: 0 5px 20px 0;
}

ul#two-bed li{
	margin: 0 auto;
	float: left;
	padding: 0 5px 20px 0;
}

/* VIRTUAL TOUR END */

/* FLOOR PLAN */

#big-floor-plan{
	padding-top: 30px;
}

ul#small-suite-thumbs li{
	margin: 0 auto;
	float: left;
}

/* FLOOR PLAN END */

/*  LEFT COLUMN END*/



/* RIGHT COLUMN */

#right-column{
	width: 476px;
	float: right;
	padding: 8px 0;
}

* html #right-column{
	width: 476px;
	position: relative;
	top: -888px;
	left: 4px;
	float: right;
}

#top-imgs{
	width: 476px;
	float:left;
	padding-left: 5px;
}

ul#small-suites li{
	margin: 0 auto;
	float: left;
	padding: 0 4px;
}

#right-copy{
	width: 455px;
	padding: 25px 10px 25px 10px;
	float: left;
}

ul#amenities{
	width: 360px;
	position: relative;
	left: 25px;
	list-style:disc;
}

ul#amenities li{
	padding-bottom: 10px;
}

#google-map{
	position: relative;
	top: 15px;
	left: 10px;
}

ul#mansion-thumbs{
	position: relative;
	left: 20px;
	float: left;
	padding-top: 8px;
}

ul#mansion-thumbs li{
	margin: 0 auto;
	float: left;
	padding-right: 15px;
}

/* RIGHT COLUMN END */

#headersocialcolumns {
	float:right;
	clear:both;
	width:203px;
	margin-right:1px;
}
.clear{
	font-size:1px;
	float:none;
	clear:both;
}
.socialyoutube {
	width:55px;
	float:left;
}
.socialfacebook {
	width:69px;
	float:left;
}
.socialtwitter {
	width:79px;
	float:left;
}
#headernewslettercolumns {
	float:right;
	clear:both;
	width:500px;
}
.newslettertextblock {
	padding-top:13px;
	width:250px;
	float:right;
	margin-left:10px;
	text-align: right;
}
.newsletterbutton {
	float:right;
	width:85px;
}
#headersocial{
	width: 500px;
	height:90px;
	float: right;
}
.newslettertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;	
}