/*--------------------------------------
Title:   No.5 Maddox St Screen Stylesheet 
Author:  James Goggin / Practise
Updated: October 2005
---------------------------------------*/

body {
	font: 11px verdana, geneva, arial, helvetica, sans-serif;
	text-align: center; 
	line-height: 15px; 
	margin: 20px 0 0 20px;
	padding: 0;
	color: #cc9;
	background: #2f1102;
}

/*--------------------------------------
Links
---------------------------------------*/

a {
	text-decoration: underline;
	color: #cc9;
}

a:hover {  
	color: #996;
}		

.dark {
	color: #663;
}

.columns-two-thirds-text a, .column-third-text a, .column-block-third-left a, .column-block-third-right a {
	text-decoration: underline;
	color: #2f1102;
}

.columns-two-thirds-text a:hover, .column-third-text a:hover, .column-block-third-left a:hover, .column-block-third-right a:hover {
	color: #996;
}

/*--------------------------------------
Elements
---------------------------------------*/

p {
	margin: 7px 0;
	padding: 0;
}

p.base {
	margin: 0 0 3px 0;
	padding: 0;
}

p.basedivide {
	border-bottom: 1px solid #2f1102; 
	padding-bottom: 7px;
}

p.basedivide-light-heading {
	margin: 0;
	border-bottom: 1px solid #cc9; 
	padding-bottom: 7px;
}

p.basedivide-light {
	border-bottom: 1px solid #cc9; 
	padding-bottom: 7px;
}

h1 {
	font: 11px verdana, geneva, arial, helvetica, sans-serif; 
	line-height: 14px; 	
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.small {
	font-size: xx-small;
}

.here {
	color: #fff;
}	

/*--------------------------------------
Navigation
---------------------------------------*/

#nav {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 14px;
	display: inline;
	overflow: hidden;
	width: 714px;
}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#nav a {
	float: left;
	padding: 14px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:14px; /* for IE5/Win */
}
	
#nav a:hover {
	background-position: 0 -14px;
}

#nav a:active, #nav a.here {
	background-position: 0 -28px;
}
	
#nhome a  {
	width: 38px;
	background: url(../artwork/nav-home.gif) top left no-repeat;
}

#nsuites a  {
	width: 55px;
	background: url(../artwork/nav-suites.gif) top left no-repeat;
}

#nrates a  {
	width: 51px;
	background: url(../artwork/nav-rates.gif) top left no-repeat;
}

#noffers a  {
	width: 56px;
	background: url(../artwork/nav-offers.gif) top left no-repeat;
}

#nreservations a  {
	width: 100px;
	background: url(../artwork/nav-reservations.gif) top left no-repeat;
}

#nfacilities a  {
	width: 72px;
	background: url(../artwork/nav-facilities.gif) top left no-repeat;
}

#nlocation a  {
	width: 71px;
	background: url(../artwork/nav-location.gif) top left no-repeat;
}

#ngallery a  {
	width: 58px;
	background: url(../artwork/nav-gallery.gif) top left no-repeat;
}

#nreviews a  {
	width: 64px;
	background: url(../artwork/nav-reviews.gif) top left no-repeat;
}

#nlocal a  {
	width: 88px;
	background: url(../artwork/nav-local.gif) top left no-repeat;
}

#ncontact a  {
	width: 61px;
	background: url(../artwork/nav-contact.gif) top left no-repeat;
}

/*--------------------------------------
Structure
---------------------------------------*/

.column-third-left {
    float: left;		  	
	margin: 0;
	padding: 0;
	width: 228px;
    text-align: left;			
}

.column-block-third-left {
    float: left;		  	
	margin: 0;
	padding: 14px 14px 0 14px;
	width: 196px;
    text-align: left;	
	color: #2f1102;
	background: #cc9;					
}

.column-third-right {
    float: right;		  	
	margin: 0;
	padding: 0;
	width: 228px;
    text-align: left;			
}

.column-third-right-right {
    float: right;		  	
	margin: 0;
	padding: 0;
	width: 228px;
    text-align: right;			
}

.column-block-third-right {
    float: right;		  	
	margin: 0;
	padding: 14px 14px 0 14px;
	width: 196px;
    text-align: left;	
	color: #2f1102;
	background: #cc9;					
}

.column-third-text {
    float: right;		  	
	margin: 0;
	padding: 14px 14px 0 14px;
	width: 196px;
	height: 336px;
    text-align: left;
	color: #2f1102;
	background: #cc9;			
}

.columns-two-thirds-text {
    float: left;
	margin: 0;
	padding: 14px 14px 0 14px;			
	width: 443px;
    text-align: left;
	color: #2f1102;
	background: #cc9;									
}

#container {
	margin: 0 auto;
	width: 714px;
    text-align: left;
}

.content {
    float: left;
	margin: 0;
   	padding: 15px 0;			
	width: 714px;
    text-align: left;	
	border-top: 1px solid #cc9;					
}
	
#logo {
	float: left;
	margin: 15px 0 0 0;
    padding: 15px 0 0 0;			
	width: 714px;
	height: 72px;
    text-align: left;	
	border-top: 1px solid #cc9;					
}				
		
#homeimage {
    float: left;		  	
	margin: 0;
	width: 471px;
    text-align: left;					
}			
		
.wrapper-two-thirds {
    float: left;
	margin: 0;
   	padding: 0;			
	width: 471px;
    text-align: left;					
}