﻿/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

a {
color:#00f;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:#3e63a0;
 /*url('images/site_bg.jpg') top center fixed no-repeat */
}
#wrapper { 
 margin: 0 auto;
 width: 920px;
 border:2px solid #ccc;
 margin-top:15px;
 margin-bottom:10px;
}
#header {
 width: 920px;
 color: #333;
 padding: 0px;
 border: 0px solid #ccc;
 height: 280px;
 margin: 0px 0px 0px 0px;
 background: url('images/new_head.jpg') #727ca3;
}

div#nav{margin-top:-10px; color:#fff; margin-left:30px; width:220px; background:url('images/navbg.jpg') no-repeat; height:240px;}
div#contact{margin-top:10px; color:#fff; margin-left:30px; width:220px; background:url('images/conbg.jpg') no-repeat; height:84px;}



#nav-list {
padding:15px;
list-style-type: none;
line-height:25px;
font-family: Tahoma;
font-weight:bold;
font-size:13px;
}

#nav-list a {
color: #fff;
text-decoration:none;
}

#nav-list li:hover {
color: #ccc;
background:#959fc9;
text-decoration:underline;
}


#navigation {
 width: 920px;
 color: #333;
 padding: 00px;
 height:20px;
 border-bottom: 0px solid #ccc;
 border-top: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #727ca3;
}


#nav1 {
 width: 145px;
 height: 175px;
 color: #fff;
 padding: 0px;
 border: 2px solid #aaa;
 margin: -120px 0px 0px 370px;
 background: #727ca3;
 position:absolute;
 z-index:100;
}

#nav2 {
 width: 145px;
 height: 175px;
 color: #fff;
 padding: 0px;
 border: 2px solid #aaa;
 margin: -120px 0px 0px 550px;
 background: #727ca3;
 position:absolute;
 z-index:100;
}

#nav3 {
 width: 145px;
 height: 175px;
 color: #fff;
 padding: 0px;
 border: 2px solid #aaa;
 margin: -120px 0px 0px 730px;
 background: #727ca3;
 position:absolute;
 z-index:100;
}

#bignav {
 width: 499px;
 height: 175px;
 color: #fff;
 padding: 0px;
 border: 2px solid #aaa;
 margin: -150px 0px 0px 370px;
 background: #727ca3;
 position:absolute;
 z-index:100;
}

#top-navigation {
 width: 900px;
 color: #fff;
 padding: 10px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #727ca3;
 height:20px;
}

#content { 
 width: 900px;
 color: #333;
 border: 0px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 min-height: 350px;
 position:relative;
}

#content-head {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:36px;
width:360px;
margin-top:10px;
text-align:center;
}

#content-text {
margin:35px 0px 40px 0px;
}

#room-photo{
float:right; border:0px solid #000; width:350px; min-height:230px; margin:0px 20px 15px 15px; padding:10px;
}

#room-thumb{
width:50px; height:33px; border:1px solid #000; float:left; margin:0px 0px 5px 5px;
}

#room-gallery {
margin:auto;
margin-top:20px;
border:0px solid #000;
text-align:center;
width:300px;
min-height:100px;
}

#content-return {
float:right;
position:absolute;
bottom:0px;
right:0px;
margin:10px 10px 10px 0px;
border:0px solid #000;
}

#footer { 
 width: 900px;
 color: #fff;
 border: 0px solid #ccc;
 background: #727ca3;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}


