@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0
}

p {
	line-height: 1.6em;
	color: #333
}

blockquote {
	color: #333
}

h1 {
	font-size: 1.3em;
	padding-bottom: 10px;
	line-height: 1.1em;
	color: #333;
	border-bottom: 1px outset #CCC
}

h2 {
	font-size: 1.2em;
	padding: 10px 0;
	color: #333
}

a {
	color: #C90
}

body  {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	background: url('http://www.thegregory.co.uk/images/background-pattern.jpg') #E6CA9B;
	text-align: center; 
	line-height: 1.2em
}

#container { 
	width: 940px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background: #E6CA9B;
	text-align: left; 
	border: 3px dotted #49413E
} 

#header {
	width: 940px;
	height: 490px
}
#logo {
	height: 80px;
	width: 521px;
	padding: 10px 10px 10px 30px;
	float: left;
	border-bottom: 3px dotted #49413E
}
#contact {
	width: 176px;
	height: 20px;
	float: left;
	padding: 55px 0px 0px 180px
}
	
#tel {
	font: 1.9em Tahoma, Geneva, sans-serif;
	float: left;
	text-align: center;
	padding: 20px 15px 0 10px
}

#tel p{
	color: #333
}
	
#nav {
	float: left;
	width: 200px;
	height: 310px;
	text-align: left;
	padding: 20px 0 0 30px
}

#nav li{
	list-style-type: none;
	list-style-image: url('http://www.thegregory.co.uk/images/bullet.png');
	line-height: 25px;
	border-bottom: 2px dotted #666
}

#nav a{
	text-decoration: none;
	font-size: 0.8em
}

#nav a:link {
	color: #333
}

#nav a:visited {
	color: #333
}

#nav a:hover{
	color: #C90
}

#nav a:active{
	color: #00F
}

#gallery {
	width: 600px;
	height: 400px;
	border: 4px solid #FFF;
	float: right;
	margin: 20px 40px 20px 0
}

.floatleft {
	float: left
}

.clearfloat {
	clear: both
}

#sidebar {
	width: 260px;
	padding: 0 0 0 30px;
	float: left
}

#offer1, #offer2, #offer3 {
	width: 225px;
	height: 150px;
	margin: 0 0 10px 0
}

#offer1 img, #offer2 img, #offer3 img {
	border: 3px #333
}

#comment1, #comment2, #comment3, #comment4 {
	width: 220px;
	height: auto;
	padding: 5px 0;
	border-top: 2px outset #333;
	font-size: 0.7em
}

#main {
	float: left;
	width: 580px
}
#main p {
	margin-bottom: 10px
}
#main ul{
	padding-left: 25px;
	/*display: block;*/
	color: #333;
	line-height: 1.4em;
	/*list-style-position: inside;*/
	margin-left: 0em;
	/*padding-left: 0em*/
}
#late {
	float: left;
	width: 200px;
	height: 80px;
	margin: 25px 10px 0 0
}

#content table{
	border:1px solid #756432;
	font-size:0.9em;
	margin:20px 0px 30px 0px;
	text-align: center;
	background-color:#F5EBDA;
	border-collapse:collapse
}
thead  {
	background-color: #756432
}
thead th{
	color: #FFF;
	padding:10px 0px;
	border: 1px solid #C0A451;
	text-align: center
}
tfoot{
	text-align: center;
	font-size: 0.8em;
	background-color: #756432;
	color: #FFF
}
#main table td{
	border-bottom:1px solid #C0A451;
	border-right:1px solid #C0A451;
	padding:6px 15px 6px 15px;
	text-align: center
}
#main table tr.alt{
	background-color: #FBF7F0
}

#footer {
	text-align: right;
	border-top: 3px dotted #49413E;
	padding: 5px 20px
}
.name {
	font-style: oblique;
	font-size: 1.1em;
	margin-top: 0px;
	padding-top: 0px
}

.testimonial {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin: 10px 20px 20px 20px;
	padding: 15px;
	border:dotted #666
}
.testimonial p{
	font-style:italic;
}