/*
css styles for 8 clarendon crescent

.__                                                                    
|  |   ____ _____ ___  __ ____     _____ ___.__.   ____   ______ ______
|  | _/ __ \\__  \\  \/ // __ \   /     <   |  | _/ ___\ /  ___//  ___/
|  |_\  ___/ / __ \\   /\  ___/  |  Y Y  \___  | \  \___ \___ \ \___ \ 
|____/\___  >____  /\_/  \___  > |__|_|  / ____|  \___  >____  >____  >
          \/     \/          \/        \/\/           \/     \/     \/ 
       .__                      ._.
_____  |  |   ____   ____   ____| |
\__  \ |  |  /  _ \ /    \_/ __ \ |
 / __ \|  |_(  <_> )   |  \  ___/\|
(____  /____/\____/|___|  /\___  >_
     \/                 \/     \/\/
 
 */




@import "nav.css";

@import "forms.css";




 /* basic styles */

body,td,th {
font-family:  "Helvetica 55", "Helvetica Neue", "Helvetica Neue 55 Roman", Helvetica, Arial, Trebuchet, Verdana, Geneva, sans-serif;
font-weight: bold;
}

 
body {
	margin: 0;
	font-size: 0.7em;
	background: #fff;
	line-height: 160%;
	display: block;
	color: #87746a;}

	
a:link, a:visited {
	color: #666;
	text-decoration: none;}

a:hover { }

a:active {
	color: #333; }
	
h1 {
color: #60758e;;
	font-size: 100%;
	font-weight: normal;}
h2 {
color: #60758e;
	font-size: 100%;}
	
h3 {
color: #60758e;
	font-size: 100%;
	font-weight: bold;}
h4 {
color: #60758e;
	font-size: 0.5em;}

h2 {margin-bottom: -1em;
}

img {
	border: 0}

.clear {float: none; clear: both;}

.quote {
color: #60758e;}

.credit {
color: #c5c19d;}

 /* terrible browser message */

#iesix{display: none;}

 /* hides the search enginey stuff */

#engines {
display: none;}

 /* centres the layout whatever the resolution */

#centreing {
text-align: center;
background-position: 0px 0px;
margin: 0px auto;
padding-top: 22px;

}

 
#main{
width: 916px;
height: 598px;
margin: 0px auto;
text-align: left;
display: block;
background-repeat: no-repeat;
padding: 22px;
}

 /* different backgrounds based on page id */

#home #main {
background-image: url(home.png);}

#rooms #main {
background-image: url(rooms.png);}

#prices #main {
background-image: url(prices.png);}

#contact #main {
background-image: url(contact.png);}

#reservations #main {
background-image: url(reservations.png);}

#gallery #main {
background-image: url(gallery.png);}

#attractions #main {
background-image: url(attractions.png);}






 /* logo bar etc */

#topbar {
display: block;
height: 80px;
width: 916px;
font-size: 90%;
line-height: 100%;
background-image: url(topbg.png);
background-repeat: repeat-x;
}

#logo {
display: block;
width: 916px;
height: 80px;
background-image: url(8cc.png);
background-repeat: no-repeat;}

 /* imagebar */

#imagebar {
display: block;
height: 147px;
width: 916px;
}

.imagebar {
display: block;
height: 147px;
width: 916px;
margin-bottom: 15px;
}

 /* navigation */
#navbar {
width: 916px;
height: 60px;
display: block;
background-color: #fff;
margin: 0px auto;


}

 /* mainstuff */

#content {
display: block;
width: 641px;
height: 295px;
background-image: url(contentbg.png);
padding-left: 275px;
position:relative;
padding-top: 10px;

}

#contentwide {
display: block;
width: 960x;
height: 305px;
background-image: url(contentbg.png);
position:relative;

}




 /* columns */
  /* this is ok because we have a fixed height on this site */

#primary {
position:relative;

width: 260px;
display: block;
float:left; 


}
#secondary {
float:left; 
position:relative; 
width:260px; 
margin-left:40px; 
display:inline;}






 /* that's your lot - jamesatkinsdesign.com */