/* CSS Main */

/*********** Main Attributes ***********/

html,
body {
	border: none;
	margin: 0px auto;
	padding: 0px;
	width:760px;
	background: url(../media/argentina_special.png) repeat fixed;
    min-height: 800px;
}

/* for font replace set this color:f6dcae   */

h1 {
  	padding: 0px 0px 10px 0px;
	margin: 0px;
	line-height: 12px;
	font: normal 12px verdana, arial, sans-serif;
	color: #857467;
	text-align: center;
}

h2 {
    font:25px "Times New Roman", Times, serif;
	color: #57473a;
	padding: 0px 0px 8px 0px;
	margin: 0px auto -8px auto;
	text-align:center;
    height:52px;
}

h3 {
}

h4 {
    font:26px "Times New Roman", Times, serif;
	color: #57473a;
	padding: 0px 0px 8px 0px;
	margin: 0px auto -8px auto;
	text-align:center;
    height:52px;
}

.payment a {
display:inline;
color:#247c30;
text-decoration:none;
}

.payment a:hover {
color: #CC5720;
}

#anon a {
font: 13px Arial, Helvetica, sans-serif;
display: block;
margin: -5px auto 10px auto;
width: 200px;
color: #857467;
text-decoration:none;
text-align: center;
}

#anon a:hover {
color: #CC5720;
}

p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	line-height: 14px;
	font: normal 13px verdana, arial, sans-serif;
	color: #705f51;
	text-align: justify;
}

.paypaltag {
height:44px; 
width:147px; 
border:none; 
margin:0px auto 10px auto;
background:transparent url(../media/paypaltag.png) no-repeat; 
text-align:center;
}

.watercolor {
height:44px; 
width:147px; 
border:none; 
margin:0px auto 10px auto;
background:transparent url(../media/watercolor.png) no-repeat; 
text-align:center;
}

.websiteslogos {
height:44px; 
width:147px; 
border:none; 
margin:0px auto 10px auto;
background:transparent url(../media/websiteslogos.png) no-repeat; 
text-align:center;
}

#mouse{
	margin: -10px 0px 0px 0px;
	height: 140px;
	width: 158px;
	background:transparent url(../media/mouse.png) no-repeat;
    float:right;
}

/*********** Header and Footer Attributes ***********/

#header {
	width:760px;
	height: 158px;
	position: fixed;
	top: 0px;
	left: 50%;
	margin:0px 0px 0px -380px;	
}

* html #header {
	width:760px;
	height: 158px;
	position: absolute;
	top: -2px;
	left: 50%;
	margin:0px 0px 0px -380px;	
}

#bar {
	width:760px;
	position: fixed;
	top: 0px;
	left: 50%;
	margin:0px 0px 0px -380px;	
	height: 16px;
	background: transparent url(../media/buttonbar1.png) repeat-x center;
	padding:0px;
}

* html #bar {
	width:760px;
	position: absolute;
	top: -2px;
	left: 50%;
	margin:0px 0px 0px -380px;	
	height: 16px;
	background: transparent url(../media/buttonbar1.png) repeat-x center;
	padding:0px;
}

#headerbox{
	width:302px;
	background:transparent url(../media/paropkar_logo_pic.png) no-repeat;
	height: 158px;
	margin: 0px 0px 0px 314px;
}

/* this is top and bottom bar*/
.bar {
	height: 16px;
	background: transparent url(../media/buttonbar1.png) repeat-x center;
	padding:0px;
	z-index: 5;
}

.barbot {
	height: 24px;
	background: transparent url(../media/buttonbar.png) repeat-x center;
	padding:0px;
	z-index: 5;
}

/* this is logo*/
#logo a{
	background: transparent url(../media/websitesanddesign_logo.png) no-repeat;
	height: 158px;
	width: 315px;
	padding: 0px;
	margin: 0px 0px 0px -380px;
	cursor: default;
	position: absolute;
	top: 16px;
	left: 50%;
}

* html #logo a{
	background: transparent url(../media/websitesanddesign_logo.png) no-repeat;
	height: 158px;
	width: 315px;
	padding: 0px;
	margin: 0px 0px 0px -380px;
	cursor: default;
	position: absolute;
	top: 19px;
	left: 50%;
}

#logo2 a{
	background: transparent url(../media/websitesanddesign_logo2.png) no-repeat;
	height: 158px;
	width: 315px;
	padding: 0px;
	margin: 0px 0px 0px -380px;
	position: absolute;
	top: 16px;
	left: 50%;
}

* html #logo2 a{
	background: transparent url(../media/websitesanddesign_logo2.png) no-repeat;
	height: 158px;
	width: 315px;
	padding: 0px;
	margin: 0px 0px 0px -380px;
	position: absolute;
	top: 19px;
	left: 50%;
}

#logo2_preload{
	background: transparent url(../media/websitesanddesign_logo2.png) no-repeat;
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px;
	left: -9999px;
    top: -9999px;    
}

#logo2 a:hover {
background: transparent url(../media/websitesanddesign_logo2hi.png) no-repeat;
}

#logo2hover_preload {
	background: transparent url(../media/websitesanddesign_logo2hi.png) no-repeat;
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px;
	left: -9999px;
    top: -9999px;    
}

/* this is footer*/
#footer {
	height: 24px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	position: relative;
	right: 0px;
	bottom: 0px;	
}

#footcopy{
font: normal 9px verdana, arial, sans-serif;
color: #333333;
padding: 6px 0px 0px 0px;
margin: 0px;
}


/*********** Page Content Attributes ***********/

#margin {
    margin:0px 20px 20px 20px;
    padding:0px 0px 0px 0px;
    height:100%;
}

#margin2 {
    margin:0px 0px 20px 0px;
    padding:0px 44px 40px 4px;
    height:100%;
}

.container {
	width:760px;
	background:transparent url(../media/bodybg.png) repeat-y;
	padding: 158px 0px 0px 0px;
    margin: 0px 0px 0px -380px;
	position: absolute;
	left: 50%;
	top: 0px;	
}

.container2 {
	width:760px;
	background:transparent url(../media/bodybg.png) repeat-y;
	padding: 0px 0px 0px 0px;
    margin:0px 0px 0px -380px;
	position: absolute;
	left: 50%;
	top: 0px;	
}

.content{
	white-space: normal;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 40px 25px 0px 25px;
}

.content2{
	width:100%;
	white-space: normal;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 0px;
}

.content_contact{
	white-space: normal;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 40px 25px 0px 25px;
	background: transparent url(../media/eagle.png) no-repeat;
}

.subcontent_left {
float:left;
width:313px;
padding: 0px 20px 0px 0px;
margin: 0px;
}

.subcontent_right {
float:right;
width:337px;
padding: 0px;
margin: 0px;
}


/*********** Menu Attributes ***********/

/*  padding values effect the menu block placement*/

.pagelinks {
	margin: 0px auto 0px auto;
	padding:0px 0px 0px 0px;
	height:100%;
    display:block;
}

* html #menu {
	position: absolute;
	top: 19px;
	left: 50%;
	background:transparent url(../media/paropkar_menu1.png) no-repeat;
	height: 158px;
	width: 143px;
	text-decoration: none;
	margin: 0px 0px 0px 236px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
    display:block;
}

#menu {
	position: absolute;
	top: 16px;
	left: 50%;
	background:transparent url(../media/paropkar_menu1.png) no-repeat;
	height: 158px;
	width: 143px;
	text-decoration: none;
	margin: 0px 0px 0px 236px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
    display:block;
}

* html .menu2 {
	background:transparent url(../media/paropkar_menu2.png) no-repeat;
	height: 158px;
	width: 147px;
	text-decoration: none;
	margin: 0px 0px 0px 217px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: absolute;
	top: 16px;
	left: 50%;
}

.menu2 {
	background:transparent url(../media/paropkar_menu2.png) no-repeat;
	height: 158px;
	width: 155px;
	text-decoration: none;
	margin: 0px 0px 0px 225px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: fixed;
	top: 16px;
	left: 50%;
}

#buttonweb a {
    background:transparent url(../media/buttonweb.png) no-repeat;
    height:47px;
    width:99px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: absolute;
	top: 16px;
	left: 7px;
}

#buttonweb a:hover {
    background:transparent url(../media/buttonwebhi.gif) no-repeat;
}

#buttonweb_preload {
	background: transparent url(../media/buttonwebhi.gif) no-repeat;
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px;
	left: -9999px;
    top: -9999px;    
}

#buttonart a {
    background:transparent url(../media/buttonart.png) no-repeat;
    height:35px;
    width:99px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: absolute;
	top: 62px;
	left: 7px;
}

#buttonart a:hover {
background:transparent url(../media/buttonarthi.gif) no-repeat;
}

#buttonart_preload {
	background: transparent url(../media/buttonarthi.gif) no-repeat;
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px;
	left: -9999px;
    top: -9999px;    
}

#buttoncont a {
    background:transparent url(../media/buttoncont.png) no-repeat;
    height:45px;
    width:99px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: absolute;
	top: 97px;
	left: 7px;
}

#buttoncont a:hover {
background:transparent url(../media/buttonconthi.gif) no-repeat;
}

#buttoncont_preload {
	background: transparent url(../media/buttonconthi.gif) no-repeat;
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px;
	left: -9999px;
    top: -9999px;    
}

#buttonmain a {
background:transparent url(../media/buttonmain.png) no-repeat;
height:47px;
width:99px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: absolute;
	top: 16px;
	left: 18px;
}

* html #buttonmain a {
background:transparent url(../media/buttonmain.png) no-repeat;
height:47px;
width:99px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: absolute;
	top: 15px;
	left: 18px;
}

#buttonmain a:hover  {
background:transparent url(../media/buttonmainhi.png) no-repeat;
}

#buttonmain_preload {
	background: transparent url(../media/buttonmainhi.png) no-repeat;
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px;
	left: -9999px;
    top: -9999px;    
}

#buttonnext a {
background:transparent url(../media/buttonnext.png) no-repeat;
height:34px;
width:99px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: absolute;
	top: 63px;
	left: 18px;
}

/* ie6 hack */
* html #buttonnext a {
background:transparent url(../media/buttonnext.png) no-repeat;
height:34px;
width:99px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: absolute;
	top: 62px;
	left: 18px;
}

#buttonnext a:hover  {
background:transparent url(../media/buttonnexthi.png) no-repeat;
}

#buttonnext_preload {
	background: transparent url(../media/buttonnexthi.png) no-repeat;
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px;
	left: -9999px;
    top: -9999px;    
}

#buttonprev a {
background:transparent url(../media/buttonprev.png) no-repeat;
height:45px;
width:99px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: absolute;
	top: 97px;
	left: 18px;
}

* html #buttonprev a {
background:transparent url(../media/buttonprev.png) no-repeat;
height:45px;
width:99px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: absolute;
	top: 96px;
	left: 18px;
}

#buttonprev a:hover {
background:transparent url(../media/buttonprevhi.png) no-repeat;
}

#buttonprev_preload {
	background: transparent url(../media/buttonprevhi.png) no-repeat;
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px;
	left: -9999px;
    top: -9999px;    
}

a #buttongallery {
    background:transparent url(../media/buttongallery.png) no-repeat;
    height:45px;
    width:197px;
	margin: -10px auto 10px auto;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
    display:block;
}

a:hover #buttongallery {
background:transparent url(../media/buttongalleryhi.png) no-repeat;
}

#buttongalleryhi_preload {
background:transparent url(../media/buttongalleryhi.png) no-repeat;
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px;
	left: -9999px;
    top: -9999px;    
}

a #pricingbutton {
    background:transparent url(../media/pricingbutton.png) no-repeat;
    height:45px;
    width:197px;
	margin: -10px auto 10px auto;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
    display:block;
}

a:hover #pricingbutton {
background:transparent url(../media/pricingbuttonhi.png) no-repeat;
}

a #button_webprice {
    background:transparent url(../media/buttongallery.png) no-repeat;
    height:45px;
    width:197px;
	margin: -10px auto 10px auto;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
    display:block;
}

a:hover #button_webprice {
background:transparent url(../media/buttongalleryhi.png) no-repeat;
}

a #button_logoprice {
    background:transparent url(../media/buttongallery.png) no-repeat;
    height:45px;
    width:197px;
	margin: -10px auto 10px auto;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
    display:block;
}

a:hover #button_logoprice {
background:transparent url(../media/buttongalleryhi.png) no-repeat;
}

a #button_photoprice {
    background:transparent url(../media/buttongallery.png) no-repeat;
    height:45px;
    width:197px;
	margin: -10px auto 10px auto;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
    display:block;
}

a:hover #button_photoprice {
background:transparent url(../media/buttongalleryhi.png) no-repeat;
}

a #button_webprice {
    background:transparent url(../media/buttongallery.png) no-repeat;
    height:45px;
    width:197px;
	margin: -10px auto 10px auto;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
    display:block;
}

a:hover #button_webprice {
background:transparent url(../media/buttongalleryhi.png) no-repeat;
}

br.clear {
     clear: both;
     line-height: 1px;
     overflow: hidden;
     width: 0;
     height: 0;
}

#photobox {
	width: 337px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
}

#photobox2 {
    width: 300px;
	margin: 0px auto 0px 0px;
	padding:0px 0px 0px 30px;
	height:100%;
}

a .foto{
	height: 120px;
	width: 100px;
	border: 1px solid #CC5720;
	margin: 5px 0px 5px 10px;
	float:left;
	}

a:hover .foto{
	border: 1px solid #4e2002;
	}
	
.foto_thumb a img {
margin: 4px 0px 4px 8px;
height: 120px;
width: 100px;
border: 1px solid #CC5720;
float:left;
}

.foto_thumb a:hover img {
border: 1px solid #4e2002;
}

.foto_thumb_haw a img {
margin: 8px 0px 8px 16px;
height: 237px;
width: 100px;
border: 1px solid #CC5720;
float:left;
}

.foto_thumb_haw a:hover img {
border: 1px solid #4e2002;
}
	
a .foto2{
	height: 273px;
	width: 100px;
	border: 1px solid #CC5720;
	margin: 5px 0px 5px 10px;
	float:left;
	}

a:hover .foto2{
	border: 1px solid #4e2002;
	}	

a .blank{
	height: 120px;
	width: 100px;
	border: 1px solid #666666;
	margin: 5px 0px 5px 10px;
	float:left;
	background:#FFFFFF;
}

#blank1{
	height: 120px;
	width: 100px;
	margin: 5px 0px 5px 10px;
	float:left;
	background:#FFFFFF;
}

#blank2{
	height: 120px;
	width: 100px;
	margin: 5px 0px 5px 10px;
	float:left;
	background:#FFFFFF;
}

#blank3{
	height: 120px;
	width: 100px;
	margin: 5px 0px 5px 10px;
	float:left;
	background:#FFFFFF;
}

/* Fine Art Sub pages*/

.ul ul {
   padding:10px 0px 0px 40px;
	color: #ae4401;
	list-style: outside disc;	
	margin: 0px 0px 15px 0px;
}

.bullets {
padding: 20px 0px 0px 40px;
}

.ul ul li {
	line-height: 14px;
	font: normal 13px verdana, arial, sans-serif;
	color: #ae4401;
	text-align: left;
	padding:0px 0px 1px 0px;
	color: #ae4401;
	text-decoration: none;
	list-style: inside disc;
}

*:first-child+html .pagelinks ul {
	color: #ae4401;
	list-style: outside disc;	
	margin: 0px 0px 15px 26px;
}

* html .pagelinks ul {
	color: #ae4401;
	list-style: outside disc;	
	margin: 0px 0px 15px 26px;
}

.pagelinks ul {
	color: #ae4401;
	list-style: outside disc;	
	margin: 0px 0px 15px -15px;
}

.pagelinks ul li a {
	line-height: 15px;
	font: normal 15px verdana, arial, sans-serif;
	color: #ae4401;
	text-align: left;
    letter-spacing: -.05em;
	padding:0px 0px 1px 0px;
	color: #ae4401;
	text-decoration: none;
	list-style: outside disc;
}

.pagelinks ul li a:hover {
color: #fd8263;
}

.foto{
	height: 522px;
	width: 449px;
	border: 2px solid #ae4401;
	margin: 0px 0px 15px 70px;
	padding:0px 0px 0px 0px;
	}
	
.foto_haw {
	height: 100%;
	width: 449px;
	border: 2px solid #ae4401;
	margin: 0px 0px 15px 70px;
	padding:0px 0px 0px 0px;
	}
	
#foto_constrain {
	display: block; 
	width: 593px;
}	

.foto_special{
	height: 449px;
	width: 522px;
	border: 2px solid #CC5720;
	margin: 0px auto 15px auto;
	padding:0px 0px 0px 0px;
	}

.foto1{
	height: 522px;
	width: 449px;
	border: 3px solid #999999;
	margin: 0px 0px 15px 0px;
	float:left;
	padding:0px 0px 0px 0px;
	}
	
.foto2{
	height: 222px;
	width: 449px;
	border: 3px solid #999999;
	margin: 0px 0px 15px 0px;
	float:left;
	padding:0px 0px 0px 0px;
	}	

/*****Contact Us Page*****/

#eagle {
	background: transparent url(../media/eagle.png) no-repeat;
	height: 130px;
	width: 208px;
	padding: 0px;
	margin: 0px 0px 5px 15px;
	float: right;
}

.email_constraint{
    margin: 20px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 450px;
}

/* Contact page */

.email_border {
display: inline-table;
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 42px;
height: 460px;
width: 380px;
}

.email_border2{
	padding:0px 0px 40px 0px;
	margin:0px auto 70px auto;
	display:table;
	width:500px;
	background:#ffedcd;
	border: 1px solid #B2745D;
 }

.email_border_return{
    font:normal 16px Verdana, Arial, Helvetica, sans-serif;
    color: #CC5720; 
	line-height:20px; 
	text-align:center; 
	padding:0px 0px 0px 0px;
    margin:0px 0px 175px 0px;
}


.email_border_return{
    font:normal 16px Verdana, Arial, Helvetica, sans-serif;
    color: #CC5720; 
	line-height:20px; 
	text-align:center; 
	padding:0px 0px 0px 0px;
    margin:0px 0px 175px 0px;
}

#validation_error {
font: normal 14px 'Times New Roman', Times, serif;
color: #ff0000;
}

#email_address {
background: transparent url(../images/email1.png) no-repeat;
width: 150px;
height: 23px; 
margin: 0px auto; 
}

.name_box {
margin: 0px;
width: 370px;
padding: 0px;
float: left;
height: 30px;
}

.email_left {
font: 12px Arial, Helvetica, sans-serif;
cursor: default; 
float: left;
height: 18px;
margin: 12px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #472113;
}

#message_box {
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
height: 170px;
}

.emailbkgd {
background: #ffffff;
border: 1px solid #B2745D;
margin: 10px 0px 0px 0px;
padding: 3px 2px 1px 2px;
width: 260px;
height: 18px;
white-space: normal;
float: right;
}

.emailbkgd2{
background: #ffffff;
border: 1px solid #B2745D;
margin: 10px 0px 10px 0px;
padding: 3px 2px 5px 2px;
width: 260px;
height: 200px;
float: left;
}

#code {
margin: 0px;
width: 370px;
padding: 0px;
float: left;
display: block;	
height: 50px;
}

#code_box {
margin: 0px;
width: 370px;
padding: 0px;
float: left;
display: block;	
height: 30px;
}

.emailbkgd_code {
background: #ffffff;
border: 1px solid #B2745D;
margin: 7px 0px 0px 0px;
padding: 3px 2px 1px 2px;
width: 50px;
height: 18px;
white-space: normal;
float: right;
}

#submit {
font: 12px Arial, Helvetica, sans-serif;
color: #003300;
}

 /* for IE6 */
* html #send{
margin: 34px 3px 0px 0px;
float: right;
}

 /* for IE7 */
*:first-child+html #send{
margin: 34px 4px 0px 0px;
float: right;
}

#send {
margin: 34px 8px 0px 0px;
float: right;
}	

*:first-child+html .email_box {
	margin: 14px 0px 14px 0px;
	width: 445px;
	padding: 0px;
	display: block;	
    height:20px;
    clear:both;
}

.email_box {
	margin: 5px 0px 5px 0px;
	width: 445px;
	padding: 0px;
	display: block;	
    height:20px;
    clear:both;
}

.textbox select{
    border: 1px solid #B2745D;
	height: 26px;
	margin: 10px 0px 0px 0px;
	padding: 3px 0px 0px 2px;
	float:right;
}

.emailbkgd3{
background: #ffffff;
border: 1px solid #B2745D;
margin: 10px 0px 10px 34px;
padding: 3px 2px 5px 2px;
width: 340px;
height: 200px;
float: right;
}

.asterisk {
color:#FF0000;
font-size:12px;
}

#paypal{
	width:285px; 
    height:105px;
    margin:20px auto 15px auto;
    text-align:center;
}

a .paypal{
    width:100px; 
	height:100px;
	padding: 0px;
    background:transparent url(../media/paypal.png) no-repeat;
    float:left;
}

a:hover .paypal{
   background:transparent url(../media/paypalhi.png) no-repeat;
}

#paypal_preload{
   background:transparent url(../media/paypalhi.png) no-repeat;
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px;
	left: -9999px;
    top: -9999px;    
}

.hiddenpic {display:none}

.iframe {
	border: 1px solid #ae4401;
    margin:0px 0px 30px 0px;
    width: 667px; 
    height:281px;
}

.extra_pagelinks a{
  float:left;
  color:#f6dcae;
  font: bold 10px verdana, arial, sans-serif;
  padding-bottom:10px;
  text-align:center;
}


/*********** Menu Attributes ***********/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http: //www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style: none;
padding: 0;
margin: 0;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
	float: left;
	position: relative;
	z-index: 100;
	top: 115px;
	left: -8px;
	margin-right: 1px;
	font: normal 12px verdana, arial, sans-serif;
	color: #000000;
	width: 113px;
	height: 23px;
	letter-spacing: -1px;
}

/* style the links */
.menu a, .menu :visited {
color: #705f51;
text-decoration: none;
text-align: center;
display: block;
}

.menu form  {
color: #000000;
text-decoration: none;
text-align: center;
display: block;
}

.menu li a {
padding: 4px 10px 4px 0px;
display: block;
height: 18px;
}

/* style the links hover */
.menu :hover{
color: #ffffff;
font: italic 12px verdana, arial, sans-serif;
}

/* use the table to position the dropdown list */
* html .menu table{
position: absolute;
border-collapse: collapse;
z-index: 80;
left: -2px;
top: 0px;
}

/* hide the sub level links */
.menu ul ul {
visibility: hidden;
position: absolute;
top: -89px;
left: 16px;
width: 112px;
height: 0;
}

/* style the sublinks */
.menu ul ul li {
font: normal 11px verdana, arial, sans-serif;
background:transparent url(../media/drop_menu_bkgd.png) repeat;
/* border-left: 1px solid #3b3425;
border-right: 1px solid #3b3425; */
border-bottom: 1px solid #CC5720;
}

.menu ul ul li :hover {
font: italic 11px verdana, arial, sans-serif;
color: #4e4a41;
}

/* make the sub level visible on hover list or link */
.menu ul li :hover ul,
.menu ul a:hover ul {
visibility: visible;
}

li.category_depth a{
text-decoration:none;
display: block;
font: 14px Arial, Helvetica, sans-serif;
color: #000000;
}

li.category_depth a:hover{
text-decoration: underline;
color: #666666;
}