/*
main body style and background divs
*/

* {
margin:0; padding:0;
}

body {
background: #292929 url(../images/bg-body-tile-y.gif) top center repeat-y;
margin:0px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
color:#4F4F4F;
}
div#body {
background: url(../images/bg-body-tile-x.gif) top center repeat-x;
line-height:1.4em;
text-align:justify;
}


/*
global styles etc
*/


a:link 		{color:#039bd4; text-decoration:none;}
a:visited 	{color:#039bd4; text-decoration:none;}
a:hover		{color:#ffffff; text-decoration:none;}

.inside a:link 		{color:#039bd4; text-decoration:none;}
.inside a:visited 	{color:#039bd4; text-decoration:none;}
.inside a:hover		{color:#ffffff; text-decoration:none; background:#039bd4;}

a:hover.nobg		{background:none;}

h1 {font-size: 1em; font-weight: bold; padding:0px; margin:0px;}
h2 {font-size: 1.5em; font-weight: normal; color: #0085ab;}
h3 {font-size: 1em; font-weight: normal; padding:0px; margin:0px;}


img {border:0px;}
address {font-style: normal;}
acronym {border:none;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.clear-r {clear:right;}
.clear-l {clear:left;}
.margin-r {margin-right:10px;}


.color {color:#039bd4;}
.big   {font-size:1.5em;}
b.big  {font-weight:normal;}
ul.big {line-height:1.8em;}
#service ul.big {
line-height:1.4em;
}
#service ul.big li {
padding-left:20px;
margin-bottom:1em;
}

.inside {padding:10px;}

.col-wide {
width: 500px;
}
#about div.col-wide, #services div.col-wide {
width: 455px;
}
#contact div.col-wide {
background: url(../images/man-suitcase-phone.jpg) bottom right no-repeat;
min-height:510px;
}

ul {
list-style-type:none;
}
ul li {
background: url(../images/li.png) left center no-repeat;
padding-left:20px;
}

p {padding-bottom:10px;}




/*
page backgrounds and structure
*/


div#page-wrap {
margin:auto;
}
div.content-wrap {
width:974px;
margin:auto;
position:relative;
}

div#bg-page-top {
background: url(../images/bg-page-top.png) top center no-repeat;
overflow:hidden;
}
div#bg-page-tile {
background: url(../images/bg-page-tile-y.png) top center repeat-y;
}
div#bg-footer {
background: url(../images/bg-footer.png) bottom center no-repeat;
}





/*
content styles and positioning
working from top down
*/


/*
nav and top links
*/

a#bookmark-us {
padding-top:25px;
padding-bottom:5px;
}


ul#nav {
list-style-image:none;
list-style-type:none;
display:inline;
position:relative;
z-index:10;
float: right;
}
ul#nav li {
display:block;
background:none;
padding-left:0px;
float:left;
}

#logo {
margin-top: -15px;
}

div#top-links {
margin-top:20px;
width:640px;
margin-bottom:7px;
}
div#top-links b,
div#top-links a {
display:block; width:200px;
position:relative;
bottom:5px;
}



/*
Banner
*/


div#banner {
background: #7f8b97 url(../images/banner.jpg) no-repeat;
height:296px;
width:974px;
position: relative;
top: 4px;
position: relative;
z-index: 10;
}
div#banner h1 {
color:#fff;
font-size:1.7em;
font-weight:normal;
text-align:left;
margin:246px 4px 0 20px;
height: 44px;
line-height: 44px;
position: absolute;
bottom: 5px;
left: 0;
z-index: 15;
}

div#banner-fade {
width: 974px;
height: 296px;
position: relative;
z-index: 12;
}
div#banner p {
margin-right:100px;
margin-top:25px;
line-height:1.6em;
color:#fff;
text-align:center;
width:250px;
}
div#banner p b {
font-weight:normal;
}
div#banner p img {
margin-top:5px;
}





/*
Content Area Home Page - left box and buttons
*/


div#bg-left-box-tile {
background: url(../images/bg-left-box-tile.gif) top left repeat-y;
margin-left:3px;
margin-top:4px;
}
div#bg-left-box-top {
background: url(../images/bg-left-box-top.gif) top left no-repeat;
}
div#left-box-wrap {
width:294px;
}
div#bg-left-box-end {
background: url(../images/bg-left-box-end.gif) bottom left no-repeat;
height:45px;
margin-left:3px;
}

div#buttons {
width:642px;
height:150px; /* stops the auto height of this stretching the left box */
overflow: visible;
}








/*
Footer sections
*/

div#footer {
height:190px;
}
div#footer div.left {
width:270px;
text-align:left;
margin-left:25px;
margin-top:40px;
color:#fff;
}
div#footer div.left p:first-line {
line-height:3em;
}
div#footer div#quick-links.left,
div#footer div#info.left {
margin-left:57px;
}
div#footer div#quick-links.left p {
padding-bottom:0px;
}
div#quick-links a {
display:block;
}




p#more-details {
padding-left:150px;
}





/*
Contact page - will change this to a better default style
*/

#form_div {
	width: 410px;
	color: #555;
	font-weight: bold;
	margin: 15px 0 50px 0;
}
#form_div h2{
}
.form {
	background: url(../images/formgradient.jpg) repeat-x #fff;
	border: 1px solid #bfc6ca;
	padding: 10px;
	overflow:hidden;
}

.input {
	width: 200px;
	height: 15px;
	font-size: 12px;
	border: 1px solid #ccc;
	background: url(../images/formgradient.jpg) repeat-x #fff;
	margin-bottom: 15px;
	padding: 5px;
	float: right;
}

.input:hover {
	border: 1px solid #aaa;
}

.input:focus {
	border: 1px solid #aaa;
	background: #fffbdf;
}

.select,
select{
	height: 27px;
    margin: 0 0 20px;
    padding: 3px;
    width: 212px;
	float: right;
}
.textarea,
textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 0px; line-height: 14px; margin: 0px;
	width: 200px;
	height: 150px;
	line-height: 18px;
	border: 1px solid #cccccc;
	background: url(../images/formgradient.jpg) repeat-x #fff;
	margin-bottom: 10px;
	padding: 5px;
	float: right;
}

.textarea:hover,
textarea:hover {
	border: 1px solid #aaa;
}

.textarea:focus,
textarea:focus  {
	border: 1px solid #aaa;
	background: #fffbdf;
}

.submit {
	float: right;
	padding: 2px 10px;
	clear: both;
}

label {
	clear: both;
	width: 176px;
	float: left;
	font-size: 12px;
	margin: 10px 0 15px;
	text-align:left;
}

label strong{
	color:red;
}

.enquiry {
	margin: 10px 0 -10px !important;
}
.url_form_field{
	display:none;
}
fieldset{
	border:none;
}
legend{
	font-weight:bold;
	color:#456AEF;
	height:27px;
}


/*
	Contact Page Tabs
*/

.tabs .nav{
	list-style:none;
	margin:0;
	display:block;
	height:24px;
}
.tabs .nav li{
	float:left;
	background-image:none;
	padding:0;
}
.tabs .nav a{
	background:#fff;
	border:1px solid #BFC6CA;
	border-bottom:0;
	padding:10px 10px 11px;
	font-weight:bold;
}
.tabs .nav a:hover{
	text-decoration:none;
	background:#ddd;
	color:#4F4F4F;
}
.tabs .nav a:focus{
	outline:0;
}
.tabs .nav a.selected{
	background:#dcdcdc;
	border-color:#BFC6CA;
	color:#4F4F4F;
	padding-bottom:12px;
}


/* Content Area styling */
#gallery {
width: 435px;
color: #555;
font-weight: bold;
margin: 15px 0 50px 0;
}
#gallery div {
background: url(../images/formgradient.jpg) repeat-x #ffffff;
border: 1px solid #bfc6ca;
}
#gallery a {
float:left;
margin-bottom:10px;
}

#content {
margin: 5px 15px 20px 15px;
}

#content li {
list-style-position: inside;
}

#content h1 {
font-size: 22px;
margin: 20px 0 15px 0;
font-weight: normal;
color: #0085ab;
}

#content h2 {
font-size: 18px;
margin: 20px 0 15px 0;
font-weight: normal;
color: #0085ab;
}

#content h3 {
font-size: 16px;
margin: 20px 0 15px 0;
font-weight: normal;
color: #0085ab;
}
#content p.big {
line-height:1.6em;
}


.photo {
padding: 4px;
border: 1px solid #bfc6ca;
background: #dedede;
}


#towns {display:none;}