html, body {
  margin-top:0px;
  padding:0px;
}
body {
  font-family:Verdana, Arial, sans-serif;
  font-size:12px;
  color:#3b291d;
  text-align:center;
  line-height: 1.7em;
	background-color:#e645a5;
	background-image:url(http://www.modmelon.com/feb2010des/pageback18gif.gif);
        background-attachment:fixed;
background-position:top center;
background-repeat:repeat-x;




}

#wrapper {
  width:960px;
  margin:0px auto 0px auto;
  padding:0px;
  text-align:left;
  border:solid 0px white;


}


#header {
  width:960px;
  border-bottom:solid 0px black;
	text-align:left;
	color:#183060;
	vertical-align:middle;
	height:185px;



}


#headermap {

padding:0px;

}

#topnav {
  width:100%;
  background-color:#bf1b93;
  border-top:solid 0px #2f1305;
	text-align:center;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	color:#2f1305;
	vertical-align:middle;
}

#topnav a:link, #topnav a:visited, #topnav a:active {
  color: #ffffff;
  text-decoration: none;
}
#topnav a:hover {
  color: #ffffff;
  text-decoration: underline;
} 



#social {

  width:200px;
  margin:0px auto 0px auto;
  padding:0px 10px 0px 0px;
  text-align:right;
  border:solid 0px white;



}
#topnav2 {
  width:960px;
  background-color:#b6d226;
  border-bottom:solid 0px black;
	text-align:center;
	padding:6px 0px 6px 0px;
	margin:0px auto 0px auto;
	color:#1a1e21;
	vertical-align:middle;
}


#topnavcontainer {
  width:100%;
  background-color:#4878a8;
  border-bottom:solid 0px black;
	text-align:left;
	margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
	color:#ffffff;
position:relative;

}



ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 960px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.2em;
	background: url(http://www.inksnip.net/modmelon/images/augustver5/footernavback2jpg.jpg) repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 0px solid #183060; /*--Divider for each parent level links--*/
}
ul#topnav li a {
	padding: 5px 8px;
	display: block;
height:25px;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover { background: #4878a8 url(http://www.inksnip.net/modmelon/images/augustver5/hover2.jpg) repeat-x; }
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {
	float: left;
	padding: 5px 0px 5px 0px;
	position: absolute;
	left: 0; top:35px;
	display: none; /*--Hide by default--*/
	width: 960px;
	background: #658fb8;
	color: #fff;
	
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;} 


#container {
  width:100%;
  height:auto;
  margin:0px;
  padding:2px 0px;
background-color:white;


	

}
#left {
  width: 160px;
  height: auto;
  float: left;
  padding: 0px 20px 20px 20px;
  margin: 0px;
overflow: hidden;

}

#left img {
max-width:175px;
} 


#maincontent {
  width: 100%;
  height: auto;
  padding: 6px 25px 15px 10px;
  margin: 0px auto 0px auto;
overflow: hidden;


}

#maincontent img {
max-width:930px;
} 



.clearer {
  font-size: 0px;
  height: 0px;
  width: 100%;
  display: block;
  clear: both;
}

#collage {
width: 100%;
  margin:0px auto 0px auto;
padding: 10px 20px 10px 0px;


}

#collage img{
  margin:0px auto 0px auto;




}

#nav {
  margin: 0px;
  padding: 0px;
  list-style: none;
  list-style-image: none;
}
#nav li {
  margin: 0px;
  padding: 0px;
  display: inline;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
    color:#1a1e21;
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 0px;
    width: 160px;
}
#nav li a:hover {
  color: #656972;
  text-decoration: none;
}




#nav2 {
  margin: 0px;
  padding: 0px;
  list-style: none;
  list-style-image: none;
}
#nav2 li {
  margin: 0px;
  padding: 0px;
  display: inline;
}
#nav2 li a:link, #nav2 li a:visited, #nav2 li a:active {
    color:#1a1e21;
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 0px;
    width: 160px;
}
#nav2 li a:hover {
  color: #656972;
  text-decoration: none;
}
#footer {
   padding: 55px 16px 16px 16px;
  margin: 0px;
  border-top: solid 0px #183060;
  text-align: center;
	
color: #ffffff;
height:35px;
background-image:url(http://www.modmelon.com/feb2010des/footerbackpng2.png);
}
#footer p {
  margin: 0px auto 0px auto;
  padding: 10px 0px 10px 0px;
  color: #ffffff;
}
#footer a:link, #footer a:visited, #footer a:active {
  color: #ffffff;
  text-decoration: none;
}
#footer a:hover {
  color: #ffffff;
  text-decoration: underline;
} 





#footerleft{
float:left;
text-align:left;
width: 640px;
border-right:solid 0px #4878a8;
border-bottom:dotted 0px #f7d8c3;
padding:7px 0px 0px 5px;
margin-bottom:0px;
font-size:.9em;
height:33px;


}
#footerleft > img {
max-width:450px;
padding:0px;
} 

#footerleft h3 {
color:#4878a8;
position:relative;
font-size:1.3em;
font-family:verdana;
letter-spacing:.1em;
} 

#footerright {
float:right;
text-align:right;
width: 235px;
font-size:.9em;
padding:0px 5px 0px 0px;
height:33px;
}


#footerright h4{
color:#4878a8;
position:relative;
font-size:1.3em;
font-family:verdana;
letter-spacing:.1em;

}


#footerright > img {
padding-top:0px;


}





#email input{
	margin: 0px auto;
	padding: 0px 0px;
	text-align: center;
background-color:#000030;
background-image:url(http://www.inksnip.net/modmelon/images/augustver5/footernavback2jpg.jpg);
	}







#credit {
width: 960px;
margin: 0px auto 0px auto;
  color: #ffffff;
  padding: 0px 0px 0px 0px;
font-size:8pt;
height:139px;
background-image:url(http://www.modmelon.com/feb2010des/footerbackpng.png);

}

#credit p {
 width:900px;
 padding: 0px 40px 0px 40px;
margin: 0px auto 0px auto;
line-height:.3em;
}

#credit h3 {
 padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;

}
#credit a:link, #credit a:visited, #credit a:active {
  color: #5b1212;
  text-decoration: none;
font-size:7pt
}
#credit a:hover {
  color: #5b1212;
  text-decoration: underline;
font-size:7pt
} 






#credit2 {
width: 960px;
margin: 0px auto 0px auto;
  color: #ffffff;
  padding: 0px 0px 0px 0px;
font-size:7pt;
text-align:center;



}

#credit2 p {
 width:100%;
 padding: 0px 15px 0px 40px;
margin: 0px auto 0px auto;
line-height:.0em;

}

#credit2 h3 {
 padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;

}
#credit2 a:link, #credit2 a:visited, #credit2 a:active {
  color: #ffffff;
  text-decoration: none;
font-size:7pt
}
#credit2 a:hover {
  color: #ffffff;
  text-decoration: underline;
font-size:7pt
} 


#credit2left{
float:left;
text-align:left;
width: 450px;
border-right:solid 0px #4878a8;
border-bottom:dotted 0px #f7d8c3;
padding:7px 5px 0px 15px;
margin-bottom:0px;
font-size:.9em;


}
#credit2left > img {
max-width:450px;
padding:0px;
} 

#credit2left h3 {
color:#ffffff;
position:relative;
font-size:1.3em;
font-family:verdana;
letter-spacing:.1em;
} 

#credit2right {
float:right;
text-align:right;
width: 450px;
font-size:.9em;
padding:7px 5px 0px 5px;

}


#credit2right h4{
color:#ffffff;
position:relative;
font-size:1.3em;
font-family:verdana;
letter-spacing:.1em;

}


#credit2right > img {
padding-top:0px;


}




#galleryleft{
float:left;
text-align:left;
width: 320px;
border-right: 0px dashed #64420e;
border-bottom:dotted 0px #f7d8c3;
padding:0px 7px 5px 25px;
margin-bottom:0px;
font-size:.9em;
}
#galleryleft > img {
max-width:330px;
padding:0px;
} 

#galleryleft h3 {
color:#d18b2c;
position:relative;
font-size:1.3em;
font-family:verdana;
letter-spacing:.1em;

} 

#galleryright{
float:right;
text-align:left;
width: 275px;
font-size:.9em;
padding:0px 0px 5px 15px;
border-left: 1px dashed #64420e;

}


#galleryright h4{
color:#d18b2c;
position:relative;
font-size:1.3em;
font-family:verdana;
letter-spacing:.1em;


}


#galleryright > img {
max-width:250px;
padding-top:0px;


}
#gallery {

width:645px;
padding:0px 0px 5px 0px;
margin:0px 0px 10px 0px;


}





#galleryleft2{
float:left;
text-align:justify;
width: 655px;
border-right:solid 0px #ebe9ea;
border-bottom:dotted 0px #f7d8c3;
padding:0px 15px 0px 15px;
margin-bottom:0px;
font-size:.9em;



}
#galleryleft2 > img {
max-width:649px;
padding:0px;
} 

#galleryleft2 h3 {
color:#4878a8;
position:relative;
font-size:1.3em;
font-family:verdana;
letter-spacing:.1em;

} 

#galleryright2{
float:right;
text-align:left;
width: 220px;
font-size:.9em;
padding:5px 27px 0px 5px;


}


#galleryright2 h4{
color:#4878a8;
position:relative;
font-size:1.3em;
font-family:verdana;
letter-spacing:.1em;


}


#galleryright2 > img {
max-width:220px;
padding-top:0px;


}

#galleryright2 ul{

min-width:180px;
padding: 0px 3px 0px 0px;

}



#galleryright2 a:link, #galleryright2 a:visited, #galleryright2 a:active {
  color: #e645a5;
  text-decoration: none;
font-size:9pt;
font-weight:bold;
font-family:arial;
}
#galleryright2 a:hover {
  color: #e645a5;
  text-decoration: underline;
font-size:9pt;
font-weight:bold;
font-family:arial;
} 



#galleryright2 li {
  margin: 0px;
  padding: 0px;
list-style: none;
  list-style-image: none;

  
}
#galleryright2 li a:link, #galleryright2 li a:visited, #galleryright2 li a:active {
    color:#34b6bc;
    text-decoration: none;
    display: inline;
    margin: 0px;
    padding: 0px;
    font-weight:normal;
    
}
#galleryright2 li a:hover {
  color: #34b6bc;
  text-decoration: underline;
font-weight:normal;
}










#galleryleft3{
float:left;
text-align:left;
width: 400px;
border-right:solid 0px #dbdbdb;
border-bottom:dotted 0px #f7d8c3;
padding:0px 10px 0px 77px;
margin-bottom:0px;
font-size:.8em;


}
#galleryleft3 > img {
max-width:420px;
padding:0px;
} 

#galleryleft3 h3{
color:#4878a8;
position:relative;
font-size:1.3em;



}

#galleryright3{
float:right;
text-align:left;
width: 440px;
font-size:.8em;
padding:0px 9px 0px 5px;


}


#galleryright3 h3{
color:#4878a8;
position:relative;
font-size:1.3em;



}


#galleryright3 > img {
max-width:410px;
padding-top:0px;


}

#clientbutton {

width:163px;background:none;border:0px solid #ccc;text-align:center;padding:0px;position:absolute;top:0px;right:0px;cursor:pointer;color:#666;text-decoration:none;float:right;z-index: 100;

}


#newsbutton {

width:187px;background:none;border:0px solid #ccc;text-align:center;padding:0px 22px 0px 0px;position:relative;top:0px;right:0px;cursor:pointer;color:#666;text-decoration:none;float:left;z-index: 100;

}

#whobutton {

width:187px;background:none;border:0px solid #ccc;text-align:center;padding:0px 10px 0px 0px;position:relative;top:0px;right:0px;cursor:pointer;color:#666;text-decoration:none;float:left;z-index: 100;

}

/* ANCHOR STYLES */
a { 
color: #a6b021; 
text-decoration: none; 
}

a:link {
color: #a6b021; 
text-decoration: none; 


}

a:visited {
color: #a6b021; 
text-decoration: none; 

}

a:hover { 
color: #82dde6; 
text-decoration: underline;
}


a:active {
color: #a6b021; 
text-decoration: none; 

}


#slideshowcontainer {
  width:645px;
  height:auto;
  margin:15px 0px 2px 0px;
  padding:0px 0px 0px 0px;
	background-color:#69c0bf;

	

}


#slideshow {
	margin:0 auto;
	width:645px;
	height:263px;
	background:transparent url(http://www.inksnip.net/modmelon/images/augustver5/sliderback4png.png) 0 0;
	position:relative;
color:#204182;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:557px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
padding:0px 0px 0px 0px;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}


.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(http://www.inksnip.net/modmelon/images/augustver5/leftbluearrowpng.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(http://www.inksnip.net/modmelon/images/augustver5/rightbluearrowpng.png) no-repeat 0 0;
}


.slide h2, .slide p {
  margin:15px;
padding:2px 10px 2px 0px;
}
.slide h2 {
  font:italic 18px verdana, "Times New Roman", Times, serif;
  color:#4878a8;
  letter-spacing:-1px;
}
.slide img {
  float:left;
  margin: 0px 10px 0px 9px;
}






#shopbuttons {
  width:645px;
  height:auto;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;

	

}

#shopbuttons img{
 padding:0px;
margin:0px;
float:left;

	

}

.navtexttitle {

text-align:left;

}

#searchhd {


background-color:#d0dc38;
background-image:url(http://www.modmelon.com/feb2010des/searchbackpng.png);
color:white;
font-size:10pt;
font-family: verdana;
text-transform:uppercase;
font-weight:bold;
padding:0px 0px 0px 2px;
margin:0px;
height:29px;
}

#searchbox {

background-color:#d0dc38;
background-image:url(http://www.modmelon.com/feb2010des/searchbackpng.png);
padding:10px;
margin: 0px;
height:auto;
}

.leftcatnav {

padding: 0px 5px 0px 3px;
margin:0px;
color:#3b291d;

}
.formbutton { 
color: #e645a5; 
font-size:9pt;
font-family:arial;
background-color: #3f2815; 
border: 1px solid #3f2815; 
font-weight:bold;
}

.orderlink { 
color: #e645a5; 
font-size:9pt;
font-family:arial;
background-color: #3f2815; 
border: 1px solid #3f2815;  
text-decoration: none; 
font-weight:bold;
}


/* ACCENTED FONT */
.accent { 
font-style: italic; 
background-color:#ffffff;
border:0px solid #f0c5c5;

}


/* CELL COLOR FOR ACCENTS */
.accentcell { 
background-color:#f0c5c5;
padding:10px;
}

/* TABLE BORDER FOR ACCENTS */
.accenttable { 
border: 1px solid #f0c5c5; 
border-collapse: collapse; 
background-color:#f0c5c5;
}

#homebuttons {

padding:0px;

}