/* CSS Document */

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

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal;  background:url(/images/bgmain1.gif) repeat-y center #F5F5F5; font-family: Verdana, Arial, Helvetica, sans-serif; }
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

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

#nav_home { position:absolute; background:none; width: 200px; height:202px;  left:-220px; display: block; top:-205px; cursor:pointer;}

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

#header { width:787px; height:437px; margin-left:auto; margin-right:auto; position:relative;  padding:0px; background:url(../images/header.gif) right no-repeat #ffffff; }

#logo {  width:787px; height:153px; margin:0px; padding:0px; background:url(../images/logo.gif) no-repeat #ffffff;  display:block;}

#main {  width:100%;   margin-left:auto; margin-right:auto; margin-bottom:1px;  background:url(../images/contentmbottom.jpg) repeat-y; }

#slideshow {position:relative; height:249px;  width:100%; display:block; margin:1px 0px 1px 0px;}
#slideshow ul {margin:0px; padding:0px;}
#slideshow li {margin:0px; padding:0px; list-style:none;}
#slideshow img {margin:0px 0px 0px 0px;} 
 
body:last-child:not(:root:root) #contact form { position:absolute; bottom:-6px; right:3px;}
body:last-child:not(:root:root) #contact button {border:0px; background:none; margin:10px 0px -5px 0px; padding:0px 0px 0px 0px;}  
body:last-child:not(:root:root) #contact input {border:0px; background:url(../images/input.jpg) no-repeat center; width:127px; height:17px; margin:0px 0px 0px 0px; padding:0px 4px 0px 4px; font-size:12px;}


#contact a {position:absolute; bottom:10px; right:0px;}
#contact {position:absolute; width:251px; height:249px; right:-1px; top:0px; background:url(../images/bookpoint.gif) no-repeat right top; z-index:50;}
#contact form { position:absolute; bottom:12px; right:0px;}
#contact button {border:0px; background:none;}  
#contact input {border:0px; background:url(../images/input.jpg) no-repeat center; width:127px; height:17px; margin:0px -10px 5px 0px; padding:0px 4px 0px 4px; font-size:12px;}
*html #contact input { margin:0px 0px 3px 0px; padding:0px 4px 0px 4px; }
*+html #contact input { margin:0px 0px 3px 0px; padding:0px 4px 0px 4px; }

#sidebar { width:212px;  min-height:531px; height:auto !important; height:531px; float:right;  margin:0px 0px 2px 0px; padding:10px 29px 0px 9px; background:url(../images/test_bac.jpg) repeat-x #414143; }
#sidebar h1 {color:#ffffff;  font-size:12px; font-weight:bold; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#sidebar p {color:#ffffff; font-size:12px;}

#content { width:498px; float:left;  padding:0px 0px 0px 4px;}
#content p  { color:#6d6e71; font-size:12px;}

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

#footer { width:787px; background:#515151; height:25px; margin:0px auto 0px auto; background:url(../images/footer.jpg) no-repeat; padding:0px; position:relative; z-index:1; }
.clear { clear:both; }

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

#gallery {width:100%: padding:0px 0px 80px 0px;}
#gallery p {width:750px; margin:10px 31px 16px 3px; }

#gallery_top {height:273px; width:100%: }
*html #gallery_top {height:269px; width:100%: }
*+html #gallery_top {height:290px; width:100%:  padding:0px 0px 0px 0px;}
#gal_left {width:159px; height:119px; display:block; float:left; margin:10px 0px 10px 3px;}
#gal_left img {border:3px solid #636267; }

#gal_main {	width:360px; height:273px; float:right; margin:10px 31px 10px 0px;}
*html #gal_main {	width:360px; height:273px; float:right; margin:10px 15px 10px 0px;}
#gal_main img {border:3px solid #636267; white-space:normal; margin:2px;  padding:0px 0px 0px 0px;}

#gal_left ul {margin:0px; padding:0px; position:relative;}
#gal_left li {margin:0px; padding:0px; list-style:none; position:absolute; top:0px; left:0px;}

.hidden {display:none;}

/*-------------------------------------- news -----------------------------------------------------*/

.news_item {border-bottom: 1px solid #C0C0C0;}
.news_item h2 {font-size:12px; color:#9F0913; font-weight:bold; text-transform:uppercase; text-decoration:underline; }
.news_item h3 {font-size:11px; font-style:italic;}
.news_item a {font-size:12px;}
/*-------------------------------------- Products -----------------------------------------------------*/

#products { width:522px; float:left;  padding:0px 0px 0px 4px; margin:0px 0px 0px 0px;}
#products p  { color:#6d6e71; font-size:12px;}

.summary { border-top:2px solid #616264; padding:16px 0px 29px 0px; margin:0px 0px 0px 0px; position:relative; min-height:135px; height:auto !important; height:135px;}
.summary img {float:left; margin:0px 8px 0px 0px;}
.summary .readmorelink {position:absolute; bottom:10px; right:10px;}
.readmorelink a {font-size:12px; color:#c01319;}
.readmorelink a:hover {font-size:12px; color:#c01319;}

/*------------------------------------ nav-------------------------------------------------------------*/

#nav_holder {background:url(../images/nav_bac.jpg) repeat-x; width:787px; height:29px;  padding:6px 0px 0px 0px; position:relative;}
#nav { width:787px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:right;}
*+html #nav { width:787px; }
*html #nav { width:787px; }
body:last-child:not(:root:root) #nav { width:640px; }
#nav a { margin:0px 0px 1px 0px; letter-spacing :-1px; padding:0px 11px 0px 6px; background:url(../images/bord.jpg) no-repeat right center; color:#ffffff;   float:left; display:block; font-weight:bold; font-size:14px;}
#nav a:hover { text-decoration:underline;  color:#ffffff; } 


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

h1:first-letter {text-transform:uppercase;}
h1{ font-size:14px;  color:#999999; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2{ color:#666666; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3{ color:#999999; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4{ color:#CCCCCC; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5{color:#6d6e71;  font-size:12px; font-weight:bold; margin:15px 0px 15px 0px; padding:0px 0px 0px 0px;}
h6 {color:#6d6e71;  font-size:12px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px;}

ul li {  color:#333399; list-style:disc; font-size:12px;}
ol li {  color:#333399; list-style:decimal; font-size:12px; }

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

p { font-size:12px; color:#6d6e71; margin:8px 0px 7px 0px; padding:0px 0px 0px 0px; line-height:16px; letter-spacing :0px;}
#footer p { font-size:12px; color:#FFFFFF;  text-align:right; padding:4px 0px 0px 0px; margin:0px 0px 0px 0px;}

#footer a { font-size:10px; color:#FFFFFF; padding:0px 6px 0px 6px;}