/* universal */ 
html,body{margin:0;padding:0}
body{
 font-family: tahoma, arial, sans-serif;
 font-size: 1em;
 background-image: url(images/bodybg.gif);
 background-repeat: repeat-y;
 background-color: #cccc66;
 }
p,h1,h2,h3{margin:0 10px 10px}
a{display:block;padding:0; margin:0;}
img {border:0; margin:0;}


/* layout */
div#container {}
div#wrapper{float:right;width:100%;margin-left:-200px; margin-top:0; background: transparent;}
div#header{height: 178px; background-image:url(images/headbg.png); background-repeat:repeat-x; margin: 0; }
div#logo {position: absolute; vertical-align: bottom; margin-top:69px; margin-left: 0; padding:0;}
div#tag {position: absolute; margin-top:138px; margin-left: 506px; padding:0; z-index: 100;}
div#content{
  margin-left:144px;
  background:transparent;
  }
.text {
  font-family: tahoma, arial, sans-serif;
  float: left;
  margin-left: 64px;
  margin-top: 35px;
  margin-right: 28px;
  width: 270px;
  text-align: left;
  }
.image {
  float: left;
  margin-top: 35px;
  }

div#left{
  float:left;
  width:144px;
  background: transparent;
 }
div#footer{clear:both;width:100%}

/*typography */
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}
div#content p{line-height:1.4;}
div#left{}
div#footer{background: transparent;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

/*navigation*/

#nav ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}
#nav li {float:left;}
#nav li.ab {background:transparent url(images/about1.png);}
#nav li.ga {background:transparent url(images/gallery1.png);}
#nav li.co {background:transparent url(images/contact1.png);}

#nav li.active.ab {background:transparent url(images/about.png);}
#nav li.active.ga {background:transparent url(images/gallery.png);}
#nav li.active.co {background:transparent url(images/contact.png);}

#nav a {display:block; width: 144px; height: 0; padding-top: 70px; color:#993300; overflow; hidden;}
/* hack for older versions of IE */ 
* html #nav a:link, * html #nav a:visited {height: 70px; he\ight:0;}

#nav a#ab {background:transparent url(images/about.png) -144px -70px no-repeat;}
#nav a#ga {background:transparent url(images/gallery.png) -144px -70px no-repeat;}
#nav a#co {background:transparent url(images/contact.png) -144px -70px no-repeat;}

#nav a#ab:hover {background-position:0 0; z-index:50;}
#nav a#ga:hover {background-position:0 0; z-index:50;}
#nav a#co:hover {background-position:0 0; z-index:50;}
* html #nav a:hover {height: 70px; he\ight:0;}

/*special*/
#header img {vertical-align: bottom; float: left;}



#imageContainer {
	position:absolute;
	top: 210px;
	left: 240px;
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#left{display:none;} 
#wrapper{width:100%; float:none;}
}