body {
    margin:0;
    background-color: #000;
	/* background-image: url(http://www.jsmithesquire.com/images/jsbg.jpg); */
	background-repeat: repeat-x;
	background-position: top left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: 100;
	line-height: 21px;
	letter-spacing: 1px;
	color: #FFF;
	margin: 0;
	padding: 0 0 0 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 21px;
	color: #FFF;
	margin: 0 0 5px 0;
}




a:link{
	color: #FFF;
	font-style:italic;
	text-decoration: none;
	background-color: transparent;
	border-bottom: none;
}

a:visited{
	color: #FFF;
	font-style:italic;
	text-decoration: none;
	background-color: transparent;
	border-bottom: none;
}

a:hover{
	color: #666666;
	font-style:italic;
	text-decoration: none;
	background-color: transparent;
	border-bottom: none;
}


#wrapper {
	text-align: center;
}

#container {
    background-color: #transparent;
	width: 900px;
	margin: 25px auto 25px auto;
	/* border: #000 1px; */
	border: #FFF 1px;
	border-style: double;
	border-width: 4px;	
	padding: 10px;
	text-align: left;
}



.floatright {
			 float: right;
			 width: 200px;
			 height: 200px;
			 margin: 15px 0 15px 15px;
}




a img {border:none;}



#txtdrop {
	height: 180px;
	padding: 0;
	margin: 0;
}


#imgdrop {
	height: 130px;
	padding: 0;
	margin: 0;
}


#imgcontainer {
	background-color: transparent;
	padding: 0;
	border: 0;
	padding: 0px;
	text-align: left;
}



/* NAV */

#navgroup {
 width: 650px;
 height: 30px;
 background: url(http://www.jsmithesquire.com/images/jsnav.gif);
 margin: 5px 0 5px 0; padding: 0;
 border: 0;
 position: relative;
}

#navgroup li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#navgroup li, #navgroup a {height: 30px; display: block;}
#one {left: 30px; width: 45px;}
#two {left: 100px; width: 65px;}
#three {left: 185px; width: 45px;}
#four {left: 250px; width: 45px;}
#five {left: 315px; width: 40px;}
#six {left: 375px; width: 65px;}
#seven {left: 455px; width: 60px;}
#eight {left: 530px; width: 95px;}


#one a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav.gif) -30px -30px no-repeat; text-decoration: none; border-bottom: none;}
#two a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav.gif) -100px -30px no-repeat; text-decoration: none; border-bottom: none;}
#three a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav.gif) -185px -30px no-repeat; text-decoration: none; border-bottom: none;}
#four a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav.gif) -250px -30px no-repeat; text-decoration: none; border-bottom: none;}
#five a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav.gif) -315px -30px no-repeat; text-decoration: none; border-bottom: none;}
#six a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav.gif) -375px -30px no-repeat; text-decoration: none; border-bottom: none;}
#seven a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav.gif) -455px -30px no-repeat; text-decoration: none; border-bottom: none;}
#eight a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav.gif) -530px -30px no-repeat; text-decoration: none; border-bottom: none;}



















/* NAV09+SHOP */

#navgroup09 {
 width: 650px;
 height: 30px;
 background: url(http://www.jsmithesquire.com/images/jsnav09.gif);
 margin: 5px 0 5px 0; padding: 0;
 border: 0;
 position: relative;
}

#navgroup09 li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#navgroup09 li, #navgroup09 a {height: 30px; display: block;}
#one09 {left: 30px; width: 45px;}
#two09 {left: 85px; width: 80px;}
#three09 {left: 185px; width: 45px;}
#four09 {left: 250px; width: 45px;}
#five09 {left: 315px; width: 40px;}
#six09 {left: 375px; width: 65px;}
#seven09 {left: 455px; width: 60px;}
#eight09 {left: 525px; width: 105px;}


#one09 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav09.gif) -30px -30px no-repeat; text-decoration: none; border-bottom: none;}
#two09 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav09.gif) -85px -30px no-repeat; text-decoration: none; border-bottom: none;}
#three09 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav09.gif) -185px -30px no-repeat; text-decoration: none; border-bottom: none;}
#four09 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav09.gif) -250px -30px no-repeat; text-decoration: none; border-bottom: none;}
#five09 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav09.gif) -315px -30px no-repeat; text-decoration: none; border-bottom: none;}
#six09 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav09.gif) -375px -30px no-repeat; text-decoration: none; border-bottom: none;}
#seven09 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav09.gif) -455px -30px no-repeat; text-decoration: none; border-bottom: none;}
#eight09 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav09.gif) -525px -30px no-repeat; text-decoration: none; border-bottom: none;}









/* NAV14 */

#navgroup14 {
 width: 650px;
 height: 30px;
 background: url(http://www.jsmithesquire.com/images/jsnav14.gif);
 margin: 5px 0 5px 0; padding: 0;
 border: 0;
 position: relative;
}

#navgroup14 li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#navgroup14 li, #navgroup14 a {height: 30px; display: block;}
#one14 {left: 45px; width: 57px;}
#two14 {left: 128px; width: 100px;}
#three14 {left: 256px; width: 40px;}
#four14 {left: 324px; width: 37px;}
#five14 {left: 386px; width: 43px;}
#six14 {left: 454px; width: 70px;}
#seven14 {left: 550px; width: 55px;}


#one14 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav14.gif) -45px -30px no-repeat; text-decoration: none; border-bottom: none;}
#two14 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav14.gif) -128px -30px no-repeat; text-decoration: none; border-bottom: none;}
#three14 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav14.gif) -256px -30px no-repeat; text-decoration: none; border-bottom: none;}
#four14 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav14.gif) -324px -30px no-repeat; text-decoration: none; border-bottom: none;}
#five14 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav14.gif) -386px -30px no-repeat; text-decoration: none; border-bottom: none;}
#six14 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav14.gif) -454px -30px no-repeat; text-decoration: none; border-bottom: none;}
#seven14 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav14.gif) -550px -30px no-repeat; text-decoration: none; border-bottom: none;}








/* NAV17 */

#navgroup17 {
 width: 650px;
 height: 30px;
 background: url(http://www.jsmithesquire.com/images/jsnav17.jpg);
 margin: 5px 0 5px 0; padding: 0;
 border: 0;
 position: relative;
}

#navgroup17 li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#navgroup17 li, #navgroup17 a {height: 30px; display: block;}
#one17 {left: 88px; width: 54px;}
#two17 {left: 175px; width: 58px;}
#three17 {left: 265px; width: 42px;}
#four17 {left: 339px; width: 48px;}
#five17 {left: 418px; width: 72px;}
#six17 {left: 521px; width: 40px;}


#one17 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav17.jpg) -88px -30px no-repeat; text-decoration: none; border-bottom: none;}
#two17 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav17.jpg) -175px -30px no-repeat; text-decoration: none; border-bottom: none;}
#three17 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav17.jpg) -265px -30px no-repeat; text-decoration: none; border-bottom: none;}
#four17 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav17.jpg) -339px -30px no-repeat; text-decoration: none; border-bottom: none;}
#five17 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav17.jpg) -418px -30px no-repeat; text-decoration: none; border-bottom: none;}
#six17 a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsnav17.jpg) -521px -30px no-repeat; text-decoration: none; border-bottom: none;}























/* FOOTER NAV */

#navgroupfooter {
 width: 650px;
 height: 30px;
 background: url(http://www.jsmithesquire.com/images/jsfooter.gif);
 margin: 5px 0 0 0; padding: 0;
 border: 0;
 position: relative;
}

#navgroupfooter li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#navgroupfooter li, #navgroupfooter a {height: 30px; display: block;}
#fone {left: 30px; width: 400px;}
#ftwo {left: 440px; width: 185px;}

#navgroupfooter li, #navgroupfooter a {height: 30px; display: block;}
#at {left: 0px; width: 700px;}


#fone a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsfooter.gif) -30px -30px no-repeat; text-decoration: none; border-bottom: none;}
#ftwo a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsfooter.gif) -440px -30px no-repeat; text-decoration: none; border-bottom: none;}

#at a:hover {background: transparent url(http://www.jsmithesquire.com/images/jsfooter.gif) -0px -30px no-repeat; text-decoration: none; border-bottom: none;}




/* HAT NAV */

#hatgroup {
 width: 650px;
 height: 30px;
 background: url(http://www.jsmithesquire.com/images/hatnav.gif);
 margin: 5px 0 0 0; padding: 0;
 border: 0;
 position: relative;
}

#hatgroup li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#hatgroup li, #hatgroup a {height: 30px; display: block;}
#hone {left: 30px; width: 45px;}
#htwo {left: 240px; width: 140px;}
#hthree {left: 400px; width: 50px;}
#hfour {left: 465px; width: 85px;}
#hfive {left: 560px; width: 70px;}


#hone a:hover {background: transparent url(http://www.jsmithesquire.com/images/hatnav.gif) -30px -30px no-repeat; text-decoration: none; border-bottom: none;}
#htwo a:hover {background: transparent url(http://www.jsmithesquire.com/images/hatnav.gif) -240px -30px no-repeat; text-decoration: none; border-bottom: none;}
#hthree a:hover {background: transparent url(http://www.jsmithesquire.com/images/hatnav.gif) -400px -30px no-repeat; text-decoration: none; border-bottom: none;}
#hfour a:hover {background: transparent url(http://www.jsmithesquire.com/images/hatnav.gif) -465px -30px no-repeat; text-decoration: none; border-bottom: none;}
#hfive a:hover {background: transparent url(http://www.jsmithesquire.com/images/hatnav.gif) -560px -30px no-repeat; text-decoration: none; border-bottom: none;}






/*  Hidey-ho */

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}


#bannerlogotype {
	background-color: transparent;
	height: 300px;
	width: 900px;
	padding: 0;
	margin: 25px 0 0 0;
}

#bannernav {
	background-color: transparent;
	height: 40px;
	width: 650px;
	padding: 0;
	margin:  25px 125px 0 125px;
	border-top: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
	text-align: left;
}



#bignavwrapper {
background-color: transparent;
	background-image: url(navigation.jpg);
		border-top: 3px solid #938777;
	border-bottom: 3px solid #938777;
	padding: 0;
margin: 0;
}


ul#bignav {
background-color: transparent;
margin: 0 50px 0 50px;
padding: 5px 0 0 0;
list-style-type: none;
white-space: nowrap;
}

ul#bignav li {
background-color: transparent;
float: left;
font-size: 16px;
line-height: 1em;
text-decoration: none;
border-bottom: none;
margin: 0;
padding: 5px 0 5px 0;
}


#bignav a, #bignav a:link {
color: #FFF;
background-color: transparent;
margin: 0;
padding: 5px 35px 0 0;
text-decoration: none;
border-bottom: none;
white-space: nowrap;
}

#bignav a, #bignav a:visited {
color: #FFF;
background-color: transparent;
margin: 0;
padding: 5px 35px 0 0;
border-bottom: none;
text-decoration: none;
white-space: nowrap;
}

#bignav a:hover {
color: #E4D5D2;
background-color: transparent;
margin: 0;
padding: 5px 35px 0 0;
text-decoration: none;
white-space: nowrap;
}





#contentin {
	float: left;
	width: 220px;
	margin: 0;	
	padding: 0 0 0 50px;
}

#contentinright {
	float: right;
	width: 500px;
	margin-top: 0;
	padding: 0 50px 0 0;
}







.photography_archive { 
	height: 150px;
	border: 0;
	margin: 0 5px 13px 0;
	float: left;
	} 

.photography_archive img { 
	border: #666666 1px;
	}








#content {
	float: left;
	width: 420px;
	margin: 0;	
	padding: 0 0 0 50px;
}

#contentright{
	float: right;
	width: 200px;
	margin-top: 0;
	padding: 0 50px 0 0;
}


#contentone {
	background-color: transparent;
	width: 500px;
	padding: 0;
	margin: 0 200px 0 200px;	
	text-align: left;
}



#contentonefront {
	background-color: transparent;
	width: 750px;
	padding: 0;
	margin: 0 75px 0 75px;	
	text-align: left;
}




#contentonegallery {
	background-color: transparent;
	width: 500px;
	height: 500px;
	padding: 0;
	margin: 0 200px 0 200px;	
	text-align: left;
}

#contentimg {
	background-color: transparent;
	width: 500px;
	border: #666666 1px;
	border-style: double;
	border-width: 4px;	
	padding: 5px;
	margin:  25px 190px 25px 190px;
	text-align: left;
	}


#contentimgin {
	background-color: transparent;
	border: #666666 1px;
	border-style: double;
	border-width: 4px;	
	padding: 5px;
	text-align: left;
	}


#contentimg_three {
	background-color: transparent;
	width: 333px;
	border: #666666 1px;
	border-style: double;
	border-width: 4px;	
	padding: 5px;
	margin:  25px 274px 25px 273px;
	text-align: left;
	}
	


#contentpress {
	background-color: transparent;
	width: 500px;
	padding: 0 0 25px 0;
	margin: 0 200px 0 200px;	
	text-align: left;
	}
	

#contentpress a img {
    margin-right: 8px;
    }
    
    
    
#hairlinebtm {
		border-bottom: 1px #666666 solid;
		width: 100%;
		height: 15px;
		}
		
		
		

.clear {
	clear:both;
}

#footer {
	background-color: transparent;
	height: 40px;
	width: 650px;
	padding: 0;
	margin:  25px 125px 0 125px;
	border-top: 1px #666666 solid;
	text-align: left;	
	clear: both;
}

#footerimg {
	background-color: transparent;
	height: 40px;
	width: 650px;
	padding: 0;
	margin:  25px 125px 0 125px;
	border-top: 1px #666666 solid;
	text-align: left;	
	clear: both;
}