/*
    Project: Dowgill House Guest House Otley
    URL: http://www.dowgillhouse.co.uk
    
    Author: Gareth Clare (gareth@dataphiles.co.uk); Dataphiles (http://www.dataphiles.co.uk)
    Date: 18/11/2008

*/
 
body {background-color: #fff; font:60%/150% "georgia",sans-serif; color: #000;  margin:0; padding:0; min-height:1px; background: #fff url(../images/head_back.png) repeat-x; }

p {margin:10px 0; line-height: 230%;}
address {font-style:normal}
blockquote {font-style:italic}

a, img, span {border:0; margin:0; padding:0;}

fieldset {border:1px solid #eee; margin-bottom:15px; padding:20px; margin: 20px 20px 0 20px;}

legend {font-weight:bold; color:#000; font-size:120%}

form {margin:0}

h1, h2, h3 {text-transform: uppercase; font-family: georgia, Helvetica, sans-serif; font-weight: normal; color: #737429;}

h1 {font-size: 3em;}

h2 {font-size: 2em;}

h3 {font-size: 1em; }

p, ul, ol {line-height: 200%;}

blockquote {padding-left: 1em;}

blockquote p, blockquote ul, blockquote ol {line-height: normal; font-style: italic; }

hr {height:1px; color:#D2D2D2; background-color:#D2D2D2; border: 0px solid #2169b5}

input {color:#000;}

a {color: #1E593D; text-decoration: underline; font-weight: bold;}
a:hover {color: #737429; text-decoration: underline;}

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

/* Padding */
.p-ten {padding: 10px;}

/* colour */
.black { color: #000;}

/* text manipulation */
.line-through { text-decoration: line-through;}

/* List nostyle*/
.ul-nostyle { list-style: none;}

#main {width:960px; margin: 0 auto; }

/* header */
#header {padding: 0px; margin: 0px; }
    
    #header #logo { float: left; margin: 0px 0 0 0px; }
    
        #header #strap {margin: 0px; padding: 0px;}

        #header #strap h2 {margin: 0; position: relative; left: -50px; padding: 160px 0px 0px 0px; font-size: 18px; color: #fff; text-transform: none; }
       
/* container */
#container {margin: 0 0 0 0px; background: url("../images/content_header.png") repeat-y top; width:960px; }

    /* Content */

    #content {float: right; width: 710px; margin: 0; padding: 0; background: url(../images/content_main.jpg) repeat-y left top; margin-bottom: 50px;}

    #content .bgtop {background: url(../images/content_top.jpg) no-repeat left top;}

    #content .bgbtm {background: url(../images/content_bottom.jpg) no-repeat left bottom;}

    #content .item {padding: 40px 30px 0px 30px; border-bottom: solid 3px #f6f6f6;}
    
    #content .item .thumbnails { display: inline;}
    
    #content .item .links { line-height: 40px;}

    #content .title {margin: 0; padding: 0; font-size: 24px; margin-bottom: 30px;}

    #content .title h2 {margin: 0; margin-left: 50px;}

    #content .title a {text-decoration: none; color: #737429;font-weight: normal;}

    #content .alignleft {float: left;}

    #content .alignright {float: right;}

    #content .item p {margin: 0; line-height: 2.3em;  font-size: 12px; margin-bottom: 10px;}

    #content .item a {}

    #content .item .menu-box {padding: 20px;}

    #content .item ul {list-style: none;margin: 0; padding:0; line-height: 2.3em; padding-top: 5px; font-size: 12px; margin-bottom: 5px;}

    #content .last {border: none;}
    
    #content .right_box {background-color: #faf9f9; float: right; width: 225px; border: solid 1px #c7c6c6; padding: 0 10px 0 10px; margin-left: 10px; padding-bottom: 20px; }
    
    #content .right_box h2 {margin-top: 20px;}
    
    #content .right_box ul { list-style: none; margin: 0px; padding: 0px}
    
    #content .right_box ul li{ padding: 10px; display: inline; border-bottom: none; line-height: 15px; display: block; }
    
    #content .right_box li { border-bottom: solid 1px #fff;}
    
    #content .right_box input { position: relative;}
    
    #content .right_box .msg {border-bottom: none;}
    
    #content .right_box a { float: right;}

    highlight{background-color:#fff7c0;}

     
    /* nav_left */
    
    #nav_left {float: left; width: 230px; padding-bottom: 20px; margin-bottom: 10px; background: url(../images/nav_main.jpg) repeat-y left top; color: #EEEEEE;}

    #nav_left .bgtop {background: url(../images/nav_top.jpg) no-repeat left top;}

    #nav_left .bgbtm {background: url(../images/nav_bottom.jpg) no-repeat left bottom;}

    #nav_left ul {margin: 0 0 0 20px; padding: 25px 0 0 0; list-style: none;}

    #nav_left li {}
    
    #nav_left .item {border-bottom: solid 3px #f6f6f6;}

    #nav_left li ul {padding: 0px 17px 16px 0px; }

    #nav_left li li {border-bottom: 1px dotted #E3E3E3; font-size: 12px;}

    #nav_left h2 {margin: 0; height: 40px; padding: 10px 0px 0px 20px; text-transform: uppercase; font-size: 18px; }

    #nav_left a {background: url(../images/small_pin.gif) no-repeat 0% 50%; display: block; padding: 5px 0 5px 20px; color: #1E593D; font-weight: normal;}

    #nav_left .selected {text-decoration: none; background-color: #efffce; padding-left: 25px; }
    
    #nav_left a:hover {text-decoration: none; background-color: #efffce; padding-left: 25px; }
    
    #nav_left .item-thumb{ margin-left: 10px;}
    
    #nav_left .item-thumb ul li h2{ padding-left: 10px;}
    
    #nav_left .item-thumb ul li p{ margin-top: 0px; line-height: normal; color: #000;}
    
    #nav_left ul li .thumbnails {margin: 0px; padding: 0px; display: inline; }
      
    #nav_left li li .thumbnails {}
    
    #nav_left .thumbnails a {display: inline; padding: 0px; background-color: #fff; background-image: none; }
    
    #nav_left .thumbnails img {border: 1px solid #c7c6c6;}
    
    #nav_left .thumbnails a:hover {text-decoration: none; background-color: #fff; background-image: none; padding-left: 0px;  }
    
/* ----------------------------------------------------------------------------------------------------------
Page: FindUs
---------------------------------------------------------------------------------------------------------- */

/* 
#content .text-box {line-height: 130%; float: left; margin: 30px 80px 20px 50px; border: solid 1px #E3E3E3;background-color: #f8f7f7; width:80%; }
*/

#content .text-box h2{ padding-left: 20px; padding-top: 20px;}

#content .text-box h3{ padding-left: 40px;}

#content .text-box ul{ margin: 0px; padding:0px; padding-left: 50px;}

#content .text-box ul li{ list-style: none; }

#content .text-box .left-box { float: left; background-color: #f8f7f7; }

#content .text-box .right-box { float: right; padding: 20px; font-size: 140%; margin-right: 50px;  }

#content .text-box p{ padding-left: 50px;}

#content .image-box {width: 49%; padding-bottom: 42px; line-height: 130%; margin: 30px 0 0 50px; }

#content .image-box iframe{border: solid 1px #E3E3E3;}

#content .image-wrapper {padding: 2px; }

#content .certs-wrapper { position: relative; top: -30px; right: -150px; width: 270px; padding: 0 5px 0 5px;}

#content .certs-wrapper img { padding-left: 5px; padding-right: 5px;}

/* sub-footer */
#footer {clear:both; color: #000; padding: 0px; text-align: center; background: url("../images/Footer.jpg") repeat-x; color: #c8c8c0; height: 78px;}    

    #footer ul{margin: 0; padding: 0; font-size: 11px; position: relative; top: 20px; }

    #footer ul li{display: inline; padding: 5px; }
    
    #footer a{ color: #C8C8C0; font-weight: normal; }
    
    #footer .dataphiles {position: relative; top: 25px;  }

/* Universal Style Settings */

.noscreen {display:none}

.highlight{background-color:#e2e2e2;}

.tnr { font-family: Times New Roman, Times, serif;}