/* +------------------------------------------------------------------------+ */
/* | CSS created by www.theimagesgroup.co.uk								| */
/* | Created: 25th January 2006												| */
/* +------------------------------------------------------------------------+ */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #fff;
}
#bodyStyle {
	background: #4D4D4D url(body_bg.gif);
	text-align: left;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 .field_heading {
	font-weight: normal;
	letter-spacing: 1px;
	margin-top: 8px;
	margin-bottom: 6px;
	padding: 2px;
}
h1 {font-size: 200%;}
h2 {font-size: 150%;}
h3 {font-size: 130%;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}
h6 {font-size: 100%;}

td {vertical-align: top;}
em {}
ol {}
ul {}
li {line-height: 1.5;}
hr {color: #ccc; background: #ccc; border: 0; height: 1px;}
abbr, acronym {border: 0;}
form {margin: 0;}
img {border: 0;}
address {font-style: normal;}

/* Standard links
------------------------------ */
a {color: #fff;}
a:link {color: #fff;}
a:visited {color: #fff;}
a:active {color: #fc0;}
a:focus {color: #fc0;}
a:hover {color: #fc0;}
a img {border: 0;}


/* keep table borders for users without stylesheets
 & hide the "ugly" borders for those with */
table[border="1"],table[border="1"] td, table[border="1"] th 	{ border: 0; }




#page {width: 766px; margin: 0 auto;}
#root {width: 764px;}
#end {width: 766px;}

h1.siteName {padding-top:5px;}
h1.siteName a { margin: 12px; text-decoration:none;}

#heading { font-weight: normal; margin: 0 auto; padding: 0; width: 100%; height: 63px; clear: both;
background: #000 url('bg_cameralens.jpg') top right no-repeat; border-top:5px solid #000;border-bottom:5px solid #000;}
#heading .logo {width: 415px; float: left;}
#heading h1 {margin: 10px 0 0 0; padding: 0; float: left;}
#heading a {color: #fff;}

.heading {overflow:auto;width:40%;}
.sitelogo {float:left; width:60px;height:60px;background: #000 url("dandp_60px.gif") top left no-repeat;margin: 2px 10px;}
.siteaddress {clear:left;margin: 0 0 0 12px;letter-spacing:3px;font-size:0.9em;color:#eee;}
.siteaddress a {text-decoration:none;margin:0;padding:0;}

#searchbox					{float:right;width:40%;text-align:right;margin:5px;}
#searchbox legend, #searchbox label	{display:none;visibility:hidden;speak:none;}
#searchbox fieldset	{border:0;}
#searchbox .text		{width:90px;height:14px;font-size:12px;border:1px solid #333;}
#searchbox .submit	{height:20px;font-size:12px;border:1px solid #333;background:#666;color:#fff;}


.telephone {width: 256px; float: right; margin-top: 8px; margin-right: 8px; background: url(box_bg.gif) top left repeat-x; height: 48px; line-height: 48px; vertical-align: middle; text-align: center;}
.telephone h2 {margin: 0; padding: 0; background: url(box_left.gif) top left no-repeat; color: #ccc;}
.telephone h2 strong {display: block; background: url(box_right.gif) top right no-repeat; font-weight: normal;}
#heading abbr {border: 0; font-weight: normal;}

#banner {background:#000;height:106px;text-align:center;}

/* Page title (search & log-in)
------------------------------ */
#titleholder {width: auto; overflow:none;clear:both;}
#title {
	background: #000 url("bg_page_title.jpg") 10px 0px no-repeat;
	margin: 0;
	border-left: 1px solid #5e5e5e;
	border-right: 1px solid #5e5e5e; 
	float: left;
	width: 764px;
}
#titleL {width: 572px; height: 64px; float: left; text-align: left;}
#titleL h2 {margin: 6px; padding-top: 22px; text-transform: uppercase; font-size: 180%;}
#titleR {width: 192px; float: right;}

#contactBox {background:#900 url("contact_dandp.gif") top left no-repeat;width:170px;height:60px;float:right;margin-top:10px;margin-right:4px;text-align:center;}
#contactBox .callnow, #contactBox .telno 	{margin:0;padding:0;}
#contactBox .callnow	{letter-spacing:2px;margin-top:12px;}
#contactBox .telno		{font-size: 1.3em;line-height: 1em;letter-spacing:1px}
#contactBox a:link, #contactBox a:visited {text-decoration:none;}

/* Navigation
------------------------------ */
.menu_default a {font-weight: normal;}
.menu_current a {font-weight: bold;}
.menu_default a:link, .menu_default a:visited {text-decoration: none; color: #fff;}
.menu_default a:active, .menu_default a:hover {text-decoration: underline; color: #fc0;}

#nav {background: #666; border-top: 1px solid #666; font-size: 11px; text-transform: uppercase; color: #fff;overflow:none;}
#nav fieldset {margin: 0; padding: 0; border: 0;}
#nav legend {display: none; visibility: hidden;}
#nav ul {list-style-type: none; margin: 0; padding: 0;overflow:auto;}
#nav ul li {float: left; margin-left: 8px; border-top: 1px solid #666;}
#nav ul li a {text-decoration: none;}
#nav ul li .menu_current {background: #888 url(tab_left.gif) top left no-repeat; display: block; float: left; height: 18px;}
#nav ul li .menu_current a {background: url(tab_right.gif) top right no-repeat; padding: 0 10px;}

#subNav {background: #888; border: 1px solid #666; border-top: 0; font-size: 11px; text-transform: uppercase; color: #fff; height: 18px;overflow:none;}
#subNav fieldset {margin: 0; padding: 0; border: 0;}
#subNav legend {display: none; visibility: hidden;}
#subNav ul {list-style-type: none; margin: 0; padding: 0;}
#subNav ul li {float: left; margin-left: 4px;}
#subNav ul li {float: left; margin-left: 6px;}
#subNav ul li a {padding: 1px 5px; text-decoration: none;}

#root {background: #000; text-align: left; border-left: 1px solid #5e5e5e; border-right: 1px solid #5e5e5e; clear: both;}
#boundingBox {margin: 16px 8px 0 8px; border: 1px solid #5e5e5e; border-bottom: 0; background: url(content_bg.gif) top left repeat-x;}
#content {margin: 16px 8px 0 8px; line-height: 1.3em;overflow:auto;}
#content img, #content object {margin: 4px;}
#content hr		{clear:both;margin: 10px 0 10px 0;}

/*#content div {overflow:auto;width:100%;}*/

#content strong 	{}
#content acronym 	{color: #eee;border-bottom:1px dotted #fc3;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content .field_heading {color:#fc3;}
#content table th a:link, #content table th a:visited {color: #ff9;}
#content table th a:hover, #content table th a:active {color: #fc3;}



#end {background: #000 url(bottom_tile.gif) top left repeat-x; float: left;}
html>body #end {margin-top: -15px;}
#end .endL {width: 24px; height: 24px; background: #000 url(bottom_left.gif) top left no-repeat; float: left;}
#end .endR {width: 24px; height: 24px; background: #000 url(bottom_right.gif) top right no-repeat; float: right; clear: right;}

/* Footer
------------------------------ */
#footer {margin: 16px 4px; font-size: 81%; color: #fff;}
.copyright {float: left; width: 300px; font-size: 90%; text-align: left;}
.footer {float: right; clear: right; font-size: 90%; text-align: right;}

#footer a {color: #fff;}
#footer a:link, #footer a:visited {text-decoration: none;}
#footer a:active, #footer a:hover, #footer a:focus {text-decoration: underline;}
#author {margin-top: 4px; margin-bottom: 8px;}

/* Website Baker classes
------------------------------ */
.field_title {width: 180px !important;}
.textfield {}
.required {color: #fc0; font-weight: bold; font-size: 120%;}
.field_heading {/* See h1 above */}
.searchresults {background: #333;}
.post_title {font-size: 180%; text-transform: uppercase;}
.post_title a {text-decoration: none; color: #fc0;}
.post_date {font-style: italic; font-size: smaller;}
.post_short {border: 1px solid #999; border-top: 0; padding: 0 8px; background: url(content_bg.gif) top left repeat-x;}


/* Google Maps
------------------------------ */
#map {width: 720px; height: 300px; margin: 0 auto; background: #eee; border: 1px solid #ccc;}
#mapText {color:#000; display:block;}

/* Other
------------------------------ */
.stealth {display: none; visibility: hidden;}

/* used to align images */
.alignright 	{float:right;}
.alignleft	 	{float:left;}

.columnRight 	{float:right;width:256px;margin-right:10px;}
.columnLeft	 	{float:left;width:256px;margin:5px;}

#toplink {
	width: 54px;
	height: 18px;
	margin-left:10px;
	color: #000;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	background: url("toplink.gif") top left no-repeat;
	text-align:center;
	padding-top:2px;
	font-size:1.1em;
}
#toplink a:link,  #toplink a:visited 	{background:#fff;color: #000;}
#toplink a:hover, #toplink a:active 	{background:#000;color: #fff;}

.callnowbox {
	background-color:#f33;
	border:1px solid #fff;
	margin:4px;
	padding:4px;
	font-size:1.3em;
	text-align:center;
	color:#fff;
	line-height:110%;
}

/*  Float containers fix: */
.clr:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clr{display: inline-table;}
/* Hides from IE-mac \*/
* html .clr{height: 1%;}
.clr{display: block;}
/* End hide from IE-mac */ 


.skippy {
	visibility: hidden;
	display: none; 
}

/* Customise the Galleries Tables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.gallery { color: #fff; }
.gallery th {	font-size: 0.9em;	padding: 10px; border: 1px solid #666; text-align:center;}
.gallery td {
	font-size: 0.8em;	line-height: 1.4em; padding: 4px; text-align: center;	
	border: 1px solid #666;	background: #000; color: #eee; }
.gallery th img, .gallery td img { border: 1px solid #666; }	/* img border */

/* Used to make the td's hover effect in mozilla based browsers */
.gallery td:hover,.gallery th:hover {	border: 1px solid #ccc;	background: #0b0b0b; color: #fff; } 
.gallery td:hover img,.gallery th:hover img { border: 1px solid #ccc; } /* img border hover (td) */
.gallery th img:hover, .gallery td img:hover { border: 1px solid #ccc; } /* img border hover (img) */


.infoBox	{border: 1px solid #666; padding:5px;margin:2px;}

@media print {
.searchbox {display: none; visibility: hidden;}
}