﻿        body
        {
            margin: 0;
            padding: 0;
            text-align: center;
            background-color: #1E1E1E;
            background-image: url("images/BackgroundGradient.jpg");
            background-repeat: repeat-x;
        }
        h1
        {
            color: #535353;
            font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
            font-size: 1pt;
            font-weight: normal;
            margin-bottom: 0;
            /*margin-bottom: -0.6em;*/
        }
        h3
        {
            color: #FFFFFF;
            font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
            font-size: 13pt;
            font-weight: normal;
            margin-bottom: 0;
            margin-bottom: -0.6em;
        }        
        h2
        {
            color: #DC6060;
            font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
            font-size: 13pt;
            font-weight: bold;
            margin-bottom: 0.6em;
        }
        #container
        {
            width: 793px;
            margin: 0 auto 0 auto;
            text-align: left;           
        }
        #header
        {
            height: 167px;
            padding-bottom: 0;
            background: #535353 url('Images/DoctorQHeader.jpg' );
            background-repeat: no-repeat;
            text-indent: -9999px;
        }
        #featuredworkstitle
        {
            height: 18px;
            width: 159px; 
            background: url('Images/TitleFeaturedWorks.jpg' );
            background-repeat: no-repeat;            
        }
        #ourservicestitle
        {
            height: 18px;
            width: 138px; 
            background: url('Images/TitleOurServices.jpg' );
            background-repeat: no-repeat;            
        }        
        #homepageimage
        {
            height: 195px;
            padding-bottom: 0;
            background: #535353;
            background-image: url('Images/DoctorQHomePageImageSm.jpg' );
        }
        #galleryimage
        {
            height: 62px;
            padding-bottom: 0;
            background: #535353;
            background-image: url('Images/DoctorQGalleryPageImage.jpg' );
        }
        #servicesimage
        {
            height: 62px;
            padding-bottom: 0;
            background: #535353;
            background-image: url('Images/DoctorQServicesPageImage.jpg' );
        }
        #contactusimage
        {
            height: 62px;
            padding-bottom: 0;
            background: #535353;
            background-image: url('Images/DoctorQContactUsPageImage.jpg' );
        }        
        #menu
        {
            background: url(  'Images/MenuBar.gif' );
            height: 37px;
        }
        #menuleft
        {
            float: left;
            background: url(  'Images/MenuBarLeft.jpg' );
            width: 9px;
            height: 37px;
        }
        #menuright
        {
            float: right;
            background: url(  'Images/MenuBarRight.jpg' );
            width: 9px;
            height: 37px;
        }
        #nav
        {
            width: 765px;
            height: 37px;
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
        }
        #nav ul
        {
            list-style-type: none;
            padding: 0;
            padding-top: 12px;
            margin: 0;
        }
        #nav li
        {
            display: inline;
            margin: 15px;
        }
        #nav a:link, #nav a:visited
        {
            padding-top: 12px;
            color: #404040;
            text-decoration: none;
            font-weight: bold;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
        }
        #nav a:hover
        {
            background: url(  'Images/MenuBarSelected.gif' ) repeat-x;
        }
        * html #nav a
        {
            width: 100%;
        }
        #contentwrap
        {
            width: 793px;
            background-image: url("images/ContentBorder.jpg");
            background-repeat: repeat-y;
            overflow: hidden;
        }
        #content
        {
            width: 783px;
            margin-left: auto;
            margin-right: auto;
            background-color: #1E1E1E;
            color: #FFFFFF;
            background-image: url(  'images/FeaturedBackground.jpg' );
            background-repeat: repeat-y;
            text-align: left;
            overflow: hidden;
        }
        #contentfeatured
        {
            padding: 16px 22px 16px 16px;
            width: 253px;
            float: left;

        }
        #authoriseddealers
        {
            margin-left: 20px;
            margin-top: 5px;
            font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
            font-size: 1em;
        }
        #contentmain
        {
            padding: 16px;
            width: 456px;
            float: right;
            font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
            font-size: 0.9em;
        }        
        #contentgallerymain
        {
            width: 777px;
            margin-left: auto;
            margin-right: auto;
            background-color: #1E1E1E;
            text-align: left;
            padding: 6px 2px 6px 4px;
            overflow: hidden;
        }
        p
        {
            font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
            font-size: 0.9em;
            margin: 0 0 1em 0;
        }
        #footerborderleft
        {
            float: left;
            background: url(  'Images/FooterBorderLeft.jpg' );
            width: 5px;
            height: 66px;
        }
        #footerborderright
        {
            float: right;
            background: url(  'Images/FooterBorderRight.jpg' );
            width: 5px;
            height: 66px;
        }             
        #footer
        {
            width: 793px;
            margin-left: auto;
            margin-right: auto;
            background: url(  'Images/FooterBarDrop.jpg' );
            height: 75px;
            clear: both;
        }
 
        .gallerymainimage
        {
            width: 374px;
            height: 151px;
            padding: 6px 0 6px 6px;
            margin: 0;
            float: left;
            background-image: url( "images/galleryitembackground.jpg" );
            background-position: center;
            background-repeat: no-repeat;
        }
        
        .galleryitemimage
        {
            width: 148px;
            height: 111px;            
            margin: 29px 10px 20px 14px;
            float: left;
            clear: both;
            display: inline;
        }
        .galleryitemimg
        {
            width: 148px;
            height: 111px;
            margin: 0 0 0 0;        
        }
        .galleryitemtitle
        {
            width: 154px;
            color: #ffffff;
            font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
            font-size: 17px;
            text-align: left;
            vertical-align: middle;
            margin: 37px 0 0 0;
            padding: 0 0 0 24px;
            overflow: hidden;
            height:21px;
        }
        .galleryitemdesc
        {
            width: 170px;
            color: #8C8C8C;
            font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
            font-size: 14px;            
            margin: 6px 0 0 0;
            height: 51px;
            padding: 0 0 0 8px;
            overflow: hidden;
        }
        .galleryitemviewmore
        {
            width: 183px;
            height: 21px;
            background-position: right bottom;
            background-repeat: no-repeat;
            padding: 5px 0 0 0;
            margin: 0 0 0 0;
            overflow: hidden;
        }
 /*
        .galleryitemviewmorea
        { 
            background: url(images\buttonviewmore.jpg)
            top left no-repeat; 
            width: 50px;
        }         
        .galleryitemviewmoreimg
        {
            width: 85px;
            height: 20px;
            border: none;
        }
*/
        #contentgallerydetail
        {
            width: 783px;
            margin-left: auto;
            margin-right: auto;
            background-color: #1E1E1E;
            color: #FFFFFF;
            overflow: hidden;
        }        
        #contentgallerydetailmain
        {
            width: 622px;
            margin-left: auto;
            margin-right: auto;
            background-color: #1E1E1E;
            text-align: left;
            padding: 12px 0 12px 0;
            overflow: hidden;
        }
        #gallerydetailcontentleft
        {
            border-right-style: dotted;
            border-right-color: #FFFFFF;
            border-right-width: 1px;
            float: left;
            width: 240px;
            margin: 16px 20px 16px 0;
        }
        #gallerydetailcontenttext
        {
            float: right;
            width: 356px;
            margin: 16px 0 16px 5px;
            font-size: 0.9em;
            text-align: justify;
        }        
        .gallerydetailbigimage
        {
            width: 622px;
            height: 316px;
            /*
            background-image: url( "images/gallerydetailbigplaceholder.jpg" );
            background-position: center;
            background-repeat: no-repeat;
            */
        }
        .gallerydetailcontentleftimage
        {
            width: 227px;
            height: 124px;
            margin-bottom: 6px;
        }
        ul
        {
            list-style-image: url( "images/bullet.jpg" );
            padding-left: 16px;
            margin-left: 0;
            font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
            font-size: 0.9em;
        }
        #footernav
        {
            height: 45px;
            text-align: center;
            font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
            font-size: 12px;
        }
        #footernav ul
        {
            list-style-type: none;
            padding: 0;
            padding-top: 18px;
            margin: 0;
        }
        #footernav li
        {
            display: inline;
            margin: 5px;
        }
        #footernav a:link, #footernav a:visited
        {
            padding-top: 12px;
            text-decoration: none;
            color: #404040;
            font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
            font-size: 12px;
        }
        #footercopyright
        {
            height: 10px;
            padding-top: 3px;
            text-align: center;
            color: #FFFFFF;
            font-family: Calibri, Arial, Verdana, Geneva, Sans-Serif;
            font-size: 8pt;
        }
        
        #featuredviewmore
        {
              width: 85px;
              height: 20px;
              float: right;
        }

        #featuredviewmore a:link, #featuredviewmore a:visited {
          display: block;
          width: 85px;
          height: 20px;
          background: url("images/ButtonFeaturedViewMore.jpg") top left no-repeat;
          text-decoration: none;
        }

        #featuredviewmore a:hover 
        {
          background-position: 0 -40px;
        }
        
        .viewmore
        {
              width: 85px;
              height: 20px;
              float: right;
        }

        .viewmore a:link, .viewmore a:visited 
        {
          display: block;
          width: 85px;
          height: 20px;
          background: url("images/ButtonViewMore.jpg") top left no-repeat;
          text-decoration: none;
        }

        .viewmore a:hover 
        {
          background-position: 0 -40px;
        }

        #featuredimage1
        {
            width: 253px;
            height: 75px;
            padding-bottom: 9px;
        }

        #featuredimage1 a:link, #featuredimage1 a:visited 
        {
            display: block;
            width: 253px;
            height: 75px;
            background: url("images/featuredworksimagehover1.jpg") top left no-repeat;
            text-decoration: none;
        }
        
        #featuredimage1 a:hover 
        {
          background-position: 0 -75px;
        }        
        
        #featuredimage2
        {
            width: 253px;
            height: 75px;
            padding-bottom: 9px;
        }

        #featuredimage2 a:link, #featuredimage2 a:visited 
        {
            display: block;
            width: 253px;
            height: 75px;
            background: url("images/featuredworksimagehover2.jpg") top left no-repeat;
            text-decoration: none;
        }
        
        #featuredimage2 a:hover 
        {
          background-position: 0 -75px;
        }   
        
        #featuredimage3
        {
            width: 253px;
            height: 75px;
            padding-bottom: 9px;
        }

        #featuredimage3 a:link, #featuredimage3 a:visited 
        {
            display: block;
            width: 253px;
            height: 75px;
            background: url("images/featuredworksimagehover3.jpg") top left no-repeat;
            text-decoration: none;
        }
        
        #featuredimage3 a:hover 
        {
          background-position: 0 -75px;
        }   

        #featuredimage4
        {
            width: 253px;
            height: 75px;
            padding-bottom: 9px;
        }

        #featuredimage4 a:link, #featuredimage4 a:visited 
        {
            display: block;
            width: 253px;
            height: 75px;
            background: url("images/featuredworksimagehover4.jpg") top left no-repeat;
            text-decoration: none;
        }
        
        #featuredimage4 a:hover 
        {
          background-position: 0 -75px;
        }   