/* navigation */

#prod_wrapper {margin-left:0px;height:auto; margin-bottom: 30px; padding: 0; z-index:26}
/* panes */
#panes {
	background:#ccc;
	width: 700px;
	height:345px;
	margin-bottom:20px;
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}


#panes div {
	display:none;		
	position:absolute;
	top: 0px;
	left: 0px;
	font-size:14px;
	color:#444;	
	width:700px;
	
}

#panes img {
	float:none;
	margin:0 auto;
}

#panes p.more {
	color:#000;
	font-weight:bold;
}

#panes h5 {
	margin:0 0 10px 0;
	font-size:22px;
	font-weight:normal;
	display: inline-block
}

#prod_nav {
	height:120px;	
	width:700px;
	margin: 0px;
}

#prod_nav ul {	
	width:700px;
	margin:0px;	
}

#prod_nav li {	
	float:left;
	width:65px;
	list-style-type:none;
	text-align:center;
	margin-top:35px;
	list-style-position:inherit;
}

#prod_nav a {
	color:#000;
	display:block;
	/*font-family:"Arial Black", Gadget, sans-serif;*/
	font-size:16px;
	text-decoration: none;/*	padding:10px 0 5px;
	position:relative;
	word-spacing:-2px;
	font-size:11px;		
	height:100px;
	text-decoration:none;*/
}	

#prod_nav a.current {
	background:#D7D7D7;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	float: none;
	margin:0;
	height:auto;
	
}

#prod_nav img {
	background-color:#fff;
	border:1px solid #ccc;
	border-radius: 5px;
	margin:5px 5px 5px 5px;
	/*
	padding:4px;		
	display:block;*/
}

#prod_nav strong {
	display:block;		
}

#panes_detail{
	padding:0px;
	/*margin-top:-500px;*/
	margin-left:10px;
	width:700px;
	float:left;
	z-index:25;
	font-family:whaleFont;
	height:auto;
	
}
#panes_detail ul{
	list-style-type:none;
	margin-left:10px;
}

#panes_detail ul ul{
	list-style-type:disc;
	margin-left:35px;
}
#panes_detail ul ul ul{
	list-style-type:circle;
}
#panes_detail ul ul ul ul{
	list-style-type:square;
}
#panes_detail strong{
	color:#232091;
}

.preview-item{
	display:block;
}

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 1;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);

}
a.thumbnail {
 border:solid #666 2px;
/*  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);*/


}
a.thumbnail:hover {
	border:solid #064787 2px;
/*	margin-bottom:-2px;*/
}

.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;

}

.thumbnail .caption {
  padding: 9px;
}

#prod_nav .listStyle, .listStyle a.current {
	margin-right:5px;
	width:114px;
}

 .freshdesignweb{width:950px; margin:0 auto;}
	 .freshdesignweb a:link{text-decoration:none;}
     .freshdesignweb article{ float:left; width:auto; height:336px; } /*cursor:pointer;opacity:0.5;*/
	/*portfolio*/
	.fdw-background{ background-color:rgba(0,0,0,0.8);opacity:0; margin-top:-15px; width:100%; height:100%; }
	.fdw-background h4{font-size:20px; font-family: 'Dosis', sans-serif; text-align:center; padding:80px 80px 0; }
	.fdw-background .fdw-port{ text-align:center; padding:0 40px 0; }
	.fdw-background .fdw-port a{ padding:8px 15px; font-size:1em; }
	
	.c-two{ width:auto; height:336px; !important; }