/* CSS Document */

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

#container{ position:relative; padding:0px 0px 0px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:960px;  }

#header { width:100%; height:122px; margin:0px; padding:0px; }

#logo {  width:218px; height:122px; margin:0px; padding:0px; }

.hidden {display:none;}

#contact {color:#717272; position:absolute; right:0px; top:16px; font-size:1.9em; text-align:right; font-family: Arial, Helvetica, sans-serif !important;}
#contact span {color:#FFF;}
#contact a {  color:#717272; }
#contact p { line-height:24px;}

#header_section {height:160px; margin:14px 0px 0px 0px; width:960px; display:block;}

#header_section a {display:block; float:left; }
#clients {margin:0px 7px 0px 7px;}

#main {  width:100%; margin:10px 0px 0px 0px; }

#sidebar { width:292px;  height:100%; float:left;  margin:0px 0px 1px 4px; padding:0px;  }

#content_main  { width:637px;   margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important;   height:300px;}

#content {width:314px; float:left;}

#sidebar_right { width:287px;  height:100%; float:right;  margin:10px 10px 0px 10px; padding:0px;}
#sidebar_right h1 {color:#404040; font-size:2.5em; font-weight:normal;}
#sidebar_right ul {margin:0px; padding:0px;}
#sidebar_right ul li {margin:0px; padding:0px; list-style:none;}
.area .indent {width:280px;}
.area input {width:300px;}
.area textarea {width:300px; height:80px;}

#left {width:300px; display:block; float:left;}

#final {width:100%; display:block; float:right;}
#final label.indent, div.indent {width:565px;}
#right {width:300px; display:block; float:right;}
#left label.indent, div.indent {width:265px;}

.advert {display:block; background:#151515; padding:8px; margin:0px 0px 13px 0px;}

#footer { width:100%; display:block;  height:42px; margin:45px 0px 10px 0px; padding:0px; position:relative; }
#footer p { font-size:0.7em; color:#FFFFFF; }
.central_nav {width:453px; font-size:1.1em; font-weight:bold; text-align:center; margin-left:auto; margin-right:auto; color:#494d4c; line-height:20px;}
.central_nav a {color:#494d4c;}
.central_nav a:hover {color:#ffffff; text-decoration:none;}
.spindogs {position:absolute; top:6px; right:0px; color:#FFF; font-size:1em; vertical-align:bottom;}
.spindogs a { vertical-align:bottom; width:100px;}
.spindogs a img {position:absolute; top:0px; right:0px;}
.clear { clear:both; }


#side_links {margin:0px 0px 0px -20px;}
*html #side_links {margin:0px 0px 0px -10px;}
/*------------------------------------ Textpage -----------------------------------------------------------*/

#content_textpage {width:614px; display:block; float:left; margin:0px 0px 0px 4px; }
#sidebar_textpage {width:314px; display:block; float:right;}

#quick_enquiry {}
#quick_enquiry input {width:260px;}
#quick_enquiry textarea {width:260px;}

/*------------------------------------ Gallery -----------------------------------------------------------*/

#gallery_left {width:644px; display:block; float:left; margin:24px 0px 0px 0px;}
#gallery_right {width:282px; display:block; float:right; padding:0px 18px 0px 16px; background:#161616; margin:24px 0px 0px 0px;}
*html #gallery_left {width:644px; display:block; float:left; margin:24px -40px 0px 0px;}


.gal {float:left; display:block; border:5px solid #161616; margin:0px 22px 17px 0px;}

#capthca label.indent {width:280px;}
#capthca select {width:304px;}
/*------------------------------------ News Page -----------------------------------------------------------*/

.error_feedback li {color:#ffffff;}

.date {margin:0px; padding:0px; font-size:1.1em; color:#ffffff; font-style:italic;}
.news_item {border-bottom:1px solid #ffffff; }
.link {display:block; margin:-6px 0px 10px 0px; float:right; font-size:1,1em; color:#ffffff; }
.link a {font-size:1,1em; color:#ffffff;}
.paging {width:100%; position:relative; color:#ffffff; display:block; text-align:right; font-size:1.2em; margin:10px 0px 10px 0px;}
.paging a {color:#ffffff; }
.paging span {position:absolute; left:0px; top:0px;}

/*------------------------------------ Nav-----------------------------------------------------------*/

#nav { width:100%;  margin:2px 0px 0px 0px; padding:0px 0px 0px 0px; }
#nav ul { padding:0px; margin: 0px 0; list-style: none; float: left;}
#nav li {display:block; float:left; float: left; text-decoration: none; color: #ccc; padding:0px 0px 0 0; margin-right: 6px;}
#nav a { margin:0px 0px 0px 0px; padding:4px 6px 15px 0px;  color:#ffffff; display:block; font-weight:normal; font-size:1.1em; background: url(../images/nav.jpg) no-repeat top right;}
#nav li a span { float: left; padding-right: 6px; display: block; margin-top: -4px; height: 24px; 	background: url(../images/nav.jpg) no-repeat top left;}
#nav a:hover { text-decoration:none;  color:#ffffff; } 

#nav ul li a:hover, #nav ul li a.active { background-image:url(/images/nav_hover.jpg);}

#nav ul li a:hover span, #nav ul li a.active span {background-image:url(/images/nav_hover.jpg);}

#page {width:600px;}

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url('#') #000000; font-family:Verdana, Geneva, sans-serif; font-size:0.6em;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:1.8em; color:#ffffff; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#494d4c; font-size:1.7em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#ffffff; font-size:1.6em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#494d4c; font-size:1.5em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#C41E74; font-size:1.4em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#494d4c; font-size:1.2em; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

ul {  }
ul li {font-size:1.1em; color:#fff; list-style:disc; }
ol {}
ol li {font-size:1.1em; color:#fff;  list-style:decimal;}

address {font-size:1.1em; color:#fff; margin:5px; font-style:italic; }

a { color:#494d4c; text-decoration:none; }
a:hover { color:#494d4c; text-decoration:underline; }

p { font-size:1.1em; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#FFF;  line-height:18px;}

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/