html, body {
  margin-top:0px;
  padding:3px;
}
body {
  font-family:Verdana, Arial, sans-serif;
  font-size:11px;
  color:#183060;
  text-align:center;
  line-height: 1.8em;
	background-color:#122346;
	background-image:url(http://www.inksnip.net/modmelon/images/augustver5/ringbackmedgif.gif);
        background-attachment:fixed;


}

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

}


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


}

#social {

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



}
#topnav2 {
  width:940px;
  background-color:#1a1e21;
  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: 1px solid #183060; /*--Divider for each parent level links--*/
}
ul#topnav li a {
	padding: 10px 8px;
	display: block;
	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:10px 0px 13px 0px;
	background-color:white;
	

}
#left {
  width: 160px;
  height: auto;
  float: left;
  padding: 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;
} 

#maincontent p {
  margin: 0px;

}

.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: 18px 16px 16px 16px;
  margin: 0px;
  border-top: solid 1px #183060;
  text-align: center;
	background-color:#4878a8;
color: #ffffff;
background-image:url(http://www.inksnip.net/modmelon/images/augustver5/footerbackjpg.jpg);
background-position:center center;
}
#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: #5b1212;
  padding: 0px 0px 0px 0px;
font-size:8pt;
height:134px;
background-image:url(http://www.inksnip.net/modmelon/images/augustver5/footerjpg.jpg);

}

#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: #183060;
  padding: 0px 0px 0px 0px;
font-size:7pt;
text-align:center;
background-image:url(http://www.inksnip.net/modmelon/images/augustver5/footer5png.png);
height:55px;


}

#credit2 p {
 width:100%;
 padding: 0px 40px 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: #183060;
  text-decoration: none;
font-size:7pt
}
#credit2 a:hover {
  color: #183060;
  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:10px 5px 0px 5px;
margin-bottom:0px;
font-size:.9em;


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

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

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

}


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

}


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


}









#galleryleft2{
float:left;
text-align:left;
width: 655px;
border-right:solid 1px #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 35px 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;


}










#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:186px;background:none;border:0px solid #ccc;text-align:center;padding:0px;position:fixed;top:0px;left:0px;cursor:pointer;color:#666;text-decoration:none;

}

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

a:link {
color: #69c0bf; 
text-decoration: none; 


}

a:visited {
color: #69c0bf; 
text-decoration: none; 

}

a:hover { 
color: #69c0bf; 
text-decoration: underline;
}


a:active {
color: #69c0bf; 
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;

	

}