@charset "utf-8";
/* CSS Document */
/* revised for IE 6 fix 27.06.2009*/
/* CSS Document */
/* 3 row structure for displaying image thumbs 3 or 4 per row./*
/* images sets */

/*#imagesets a image {border:none;}*/

#imagesets{width:100%
}
#imagesets p{font-family:"Arial", Helvetica, sans-serif; font-size: 80%; color: #1ea9a2; margin: 0px 0 2px 0;
}
#imagesets span{color: #c7b29a; 
}
#imagesets .imageset{width:93.2%; height:100px; background:#c7b29a; margin: 0 1px 15px 1px; padding: 3%; border: 1px solid #ffffff;
}
#imagesets .image{float:left; margin: 0 2% 0 0;
}
/* end images set*/


/*
Floated gallery using floated images displaying 4 x 4, positioned within a 
div which is absolutely postioned and not floated, the 
latter yet to be tested.
*/



#gallery{margin: 0; padding:5% 2% 3% 2%; background:url("../images/gallery_bg.gif") repeat-x 0 0; width:96%; height: 475px;
}
.row{width:100%; height: 100px; margin:0 0 2% 0; 
}
.image{ margin: 0 1.2% 0 1.2%; float:left;
}


/* when adding 4th row of imges to gallery change margin below back to 20px */

.gallery_paging{color:#ffffff; padding: 20px 0 0 5px; font-size:90%;}

span.links{padding:0 5px 0 5px;
}
span.links a:link{color:#ffffff; text-decoration:none; 
}
span.links a:visited{color:#ffffff; text-decoration:none;
}
span.links a:hover{text-decoration:underline;
}
span.links a:active{color:#ffffff; text-decoration:none; 
}

/* end floated gallery */

body{margin:0; padding:0; width:100%; height:100%; background: #201b17; font-family:"Lucida Grande", Helvetica, Verdana, Arial; font-size: 100%; color: #ffffff;
}
div, p, ul, h1, h2, h3, h4, img, form, label{padding:0px; margin:0px;
}

a img{border:none;}

/* top section */
#top{width:1000px; height: 50px; position:relative; background: #473a32; /*background:#473a32;*/ margin:0 auto; 
}
#topstrip{background:url("../images/topstrip.gif") repeat-x 0 0; width:100%; width:100%;  height:58px;
}
#topstrip #banner_text {width: 1000px; background:url("../images/topstrip.gif") repeat-x 0 0; margin: 0 auto;height: 58px;
}
#topstrip #banner_text_position{margin: 0 0 0 55%; padding: 4px 0 0 0;
}

/* navigation*/
#nav{width:1000px; height:30px; background:#302722; margin: 0 auto; 
}
#nav ul{margin: 0 0 0 0; padding: 5px 0 0 0;
}
#nav ul li{display:inline; list-style-type:none; margin: 0 3%;
}
#nav ul li a{font-family:"Lucida Grande", Helvetica, Verdana, Arial; font-size: 90%; text-decoration: none; color:#ffffff; border-bottom: 5px solid #1ea9a2;
display: inline-block;
vertical-align: bottom; 
}

#nav ul li a:hover{text-decoration: none; color:#ffffff; border-bottom: 5px solid #ffffff; 
}

/* content setion*/
#contentwrapper{width:960px; height:100%;  background:#473a32; margin: 0 auto; padding: 40px 20px 0 20px; position:relative; overflow:hidden; 
}
/* content left section */
#contentleft{width:46%; color:#cccccc; 
float:left;
/*position:absolute; top:40px; left: 3%;*/
}
#contentleft p{font-family:"Lucida Grande", Helvetica, Verdana, Arial; font-size: 80%; color: #ffffff; line-height:150%; margin: 0 0 15px 0;
}
#contentleft h1{font-family:"Lucida Grande", Helvetica, Verdana, Arial; font-size: 140%; color: #1ea9a2; margin: 5px 0 38px 0;
}
#contentleft h1.imagebelow{font-family:"Lucida Grande", Helvetica, Verdana, Arial; font-size: 140%; color: #1ea9a2; margin: 5px 0 20px 0;
}
#contentleft h1 span {color:#ffffff; font-size:70%; margin:0 0 0 10px;}
#contentleft h2	{color: #1ea9a2; font-size: 100%; margin:0 0 12px 0;}
#contentleft p a{font-family:inherit; font-size:100%; color:#1ea9a2; text-decoration:none}
#contentleft p a:link{
}
#contentleft p a:visited{
}
#contentleft p a:hover{text-decoration:underline;
}
#contentleft p a:active{
}
/* content right section*/
#contentright{width:44%; background: #473a32; color:#cccccc; float:right;
/*position:absolute; top:30px; left: 55%;*/
}
/* recent images */
#recentimages{width:98%; height:37px; background:url("../images/recentimages.gif") repeat-x 0 0; margin: 0 0 20px 0; padding: 0 2% 3px 0;
}
#recentimages p{font-family:"Lucida Grande", Helvetica, Verdana, Arial; font-size: 90%; color: #cccccc; padding: 19px 0 0 2%;
}
#recentimages span{font-family:"Lucida Grande", Helvetica, Verdana, Arial; font-size: 100%; color: #ffffff;
}
#recentimages p.right{font-family:"Lucida Grande", Helvetica, Verdana, Arial; font-size: 80%; color: #cccccc; margin: -35px 0 0 0; text-align:right;
}
#recentimages span.right{font-family:"Lucida Grande", Helvetica, Verdana, Arial; font-size: 100%; color: #ffffff; text-align:right;
}

/* bottom of page */
#bottomstrip{background:url("../images/bottomstrip.gif") repeat-x 0 0; width:100%; width:100%;  height:30px; 
}
#bottom{width:1000px; height: 22px; position:relative; background: #473a32; /*background:#473a32;*/ margin:0 auto; text-align:center; padding: 8px 0 0 0;
}
#bottom #websmart{font-size:85%;}
#bottom #websmart a{font-size:85%; color:#1ea9a2; text-decoration:none;}
#bottom #websmart a:hover{text-decoration:underline;}

.clearleft{clear:left; height:1px;
}
.clearright{clear:right;height:1px;
}