/* CSS Document */
* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	
	}
body {border:0;margin:0;padding:0;font: normal 11px/1.5em Arial;background-color:#b9b9b9;}

p{padding:5px 0;}

#logoArea{background:#6a6a6a;  height:47px; width:100%;}
#logo{width:770px; text-align:left;}
#logo h1{color:#fff; padding-top:13px;}
#logo img{float:left;}

/*- Main Nav---------------------------E7E5E2 */ 	
#mainNav {
	  font-weight:bold;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
      width:100%;
      background:#b9b9b9;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #54545C;
	  height:31px;
      }
	  
#navContainer{width:770px;}
#nav {float:left;}

    #nav ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
      }
    #nav li {
      display:inline;
      margin:0;
      padding:0;
      }
    #nav a {
      float:left;
      background:url("/images/med/tableftK.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #nav a span {
      float:left;
      display:block;
      background:url("/images/med/tabrightK.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a span {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover span {
      color:#FFF;
	  background-position:100% -42px;
      }
    #nav a:hover {
      background-position:0% -42px;
      }
    #nav a:hover span {
      background-position:100% -42px;
	  }
	  
#home #navHome span, #art #navArt span {
	background-position:100% -42px;
	}
#home #navHome, #art #navArt {
	background-position:0% -42px;
	}
/*- End Main Nav--------------------------- */ 

/*- Subnav Menu --------------------------- */
#subNav {
	  font-weight:bold;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
      width:100%;
      background:#fff;
      font-size:93%;
      line-height:normal;
      }
	  
#subnavContainer{
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background:#fff;
		font-size:93%;
		line-height:normal;}
#tabsB {float:left;}

    #tabsB {
      float:left;
      width:100%;
      background: transparent;
      font-size:93%;
      line-height:normal;
	  margin-top:0px;
      }
    #tabsB ul {
	margin:0;
	padding:0px 10px 0 57px;
	list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:left;
      background:url("/images/med/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  background-position:0% -63px;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url("/images/med/tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
	   background-position:100% -63px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {color:#000;}
    #tabsB a:hover {
      background-position:0% -21px;
      }
    #tabsB a:hover span {
      background-position:100% -21px;
      }

.oil #navOil span, .pencil #navPencil span, .watercolours #navWatercolours span, .landscapes #navLandscapes span{
	background-position:100% -21px;
color:#000;
	}
	
.oil #navOil, .pencil #navPencil, .watercolours #navWatercolours, .landscapes #navLandscapes{
	background-position:0% -21px;
	}



/*- End Subnav Menu --------------------------- */

h1{font-size:18px; color:#6a6a6a; font-family:"trebuchet ms";}

#main{width:100%;background-color:#fff; color:#666262;}
#mainContent{
		width:770px;
		margin:0 auto;
		background-color:#FFFFFF;
		}
		
	.left{display:inline; float:left; width:40%; padding:5px 0 20px 0;}
	.left p{padding-right:50px;}
	.right{margin:0 auto; width:350px; padding:5px 0 20px 0;}
        .right img{ padding:5px; border:#333333 solid 1px;}

#art #mainContent{background:#FFFFFF url(/images/med/thmbs_solid_bg.gif) left top repeat-y;}
#art #artBox{width:770px;background:transparent url(/images/med/thmbs_bg.gif) bottom left no-repeat;}
#art p{width:400px; text-align:left;}
.thmbsleft{display:inline; float:left; width:190px; padding-bottom:10px; }
.thmbsleft .wrapper{width:150px; padding:15px 0;  }
.thmbsleft .wrapper img{float:left;}
.showimg img{border:1px solid #666262;}
.showimg:hover img{border:1px solid #ffffff;}
.showimg:hover{color:#ffffff;border: 0px;}
.thmbsleft img{margin:3px;}



.gallery h3{padding:10px 0; font-size:14px;}
.gallery{display:inline; float:left; width:580px; padding:0 0 20px 0;}
.gallery img{ padding:5px; border:#333333 solid 1px;}
	
/* Start Footer */

#footerArea{background-color:#b9b9b9; width:100%; border-top:#000000 solid 1px;}
#footer{width:770px;margin:0 auto;}
#footer .container{ display:inline;float:left;width:770px;margin:0 auto; color:#666262; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#footer .container .address{display:inline;float:left; width:200px; margin:10px 0; border-right:#A1A09E solid 1px; _height:75px; min-height:75px;}
#footer .container .address img{float:left; padding-bottom:20px;}
#footer .container .numbers{display:inline;float:left;width:200px; margin:10px 10px; border-right:#A1A09E solid 1px; _height:75px; min-height:75px;}
#footer .container .footerNav{display:inline;float:left;width:33%;margin:10px 10px;}
#footer a{color:#666262; text-decoration:none;font-weight:bold; padding:0 2px;}
#footer a:hover{color:#666262; display: inline; background-color: #cccccc; padding:0 2px; text-decoration:none; font-weight:bold; clear:right;}

/* End Footer */

.clear{
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-2px;
	font-size:1px;
	}
	
.debug{background-color:#00FF66;}
.debug2{background-color:red;}