@charset "utf-8";
/* CSS Document */

body	{
		font-family: 'Gentium Basic', serif;
		font-size:1.1875em;
		line-height:1.3em;
		color:#333;
		margin:0;
		padding:0;
		background-image:url(images/greyDkSkyBack.jpg);
		}
a		{
		text-decoration:none;
		color:#154e69;
		}
a:hover	{
		text-decoration:none;
		color:#003366;
		}		
a img {
	border: none;
	}
#wrapper	{
	width:90%;
	margin:0 auto 1% auto;
	}
#header	{
	width:100%;
	}
.leftColHd
	{
	width:20%;
	float:left;	
	background-color:#01415c;
	background-image:url(images/blueSkyBack-BW.jpg);	
	}
.rightColHd
	{
	width:80%;
	float:left;
	background-image:url(images/blueSkyBackDk.jpg);	
	}
.logoHolder
	{
	width:100%;
	margin:4% auto;
	}
#content	{
	width:100%;
	clear:both;
	}
.leftCol	{
	width:20%;
	float:left;
	background-image:url(images/blueSkyBackDk.jpg);
	}
.rightCol	{
		width:80%;
		float:left;
		background-image:url(images/lightGreyBackground.jpg);		
	}


h1		{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1.3125em;
		line-height:1.25em;
		font-weight:bold;
		color:#154e69;
		text-align:center;
		margin: 3% 2% 1% 2%;
		}
h2		{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1.125em;
		line-height:1.25em;
		font-weight:bold;
		color:#154e69;
		text-align:left;
		margin: 2% 2% 0 2%;
		}
h2 + p 	{
		margin:.5% 2% 0 2%;
		}
p		{
		margin: 2% 2% 1% 2%;
		}
h2 + ul	{
		margin:.5% 2% 0 2%;
		}
ul		{
		font-size:1em;
		line-height:1.125em;
		padding-bottom:0;
		margin-top:1%;
		}
li		{
		margin-top:4px;
		margin-right:18px;
		}
.leftNav	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:.875em;
		line-height:1em;
		font-weight:bold;
		margin:8px 12px 0 0;
		background-color:#efefef;
		color:#ccc;
		padding:4px 6px 4px 12px;
		}
.leftNavHd	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:1.125em;
		line-height:1em;
		font-weight:bold;
		margin:18px 12px 0 12px;
		color:#fff;
		}
.galleryList li	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#ccc;
		font-weight:bold;
		font-size:.8125em;
		line-height:1.125em;
		list-style-type:none;
		}
ul.galleryList li
		{
		margin: 4px 2px 0 -10px;	
		}
ul.galleryList	{
		margin-top:6px;
		}
.contactHdM	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:1.1875em;
		line-height:1em;
		font-weight:bold;
		margin:18px 12px 0 12px;
		color:#fff;
		}
.leftPhoneM	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#ccc;
		font-weight:bold;
		font-size:.8125em;
		line-height:1.125em;
		margin:8px 4px 0 12px;
		}
.leftEmailM	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#ccc;
		font-weight:bold;
		font-size:.8125em;
		line-height:1.125em;
		margin:8px 4px 0 12px;
		}
.contactHd	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:1.125em;
		line-height:1em;
		font-weight:bold;
		margin:24px 12px 0 12px;
		color:#fff;
		}
.leftPhone	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#ccc;
		font-weight:bold;
		font-size:.875em;
		line-height:1.125em;
		margin:8px 4px 0 12px;
		}
.leftEmail	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#ccc;
		font-weight:bold;
		font-size:.875em;
		line-height:1.125em;
		margin:8px 4px 0 12px;
		}		
.center	{
		text-align:center;
		}


.copyright {
				font-size: .75em; 
				line-height: 1.5em;
				color: #fff;
				background-color: inherit;
				font-weight:bold;
				font-style:italic;
				margin:8px 18px 0 18px;
				text-align:center;
				}
.designer {
				color: #ccc;
				background-color: inherit;
				font-weight:normal;
				font-style:italic;
				}
a.designer:hover {
				color: #fff;
				}
.featuredImage	{
				width:40%;
				float:left;
				margin:2% 5%;
				}
.featuredImageTall	{
				width:28%;
				float:left;
				margin:2% 11%;
				}
.recentImage	{
				width:22%;
				float:left;
				margin:2% 1.5%;
				}
.selectionsText		{
			font-weight:normal;
			font-size:.875em;
			white-space:nowrap;
			}
.name		{
			font-size:.875em;
			line-height:1em;
			font-weight:bold;
			font-style:normal;
			color:#333;
			text-align:center;
			margin:12px 1% 0 1%;
			}
.costLine	{
			text-align:center;
			font-weight:normal;
			color:#333;
			margin:1%;
			}
.box		{
			width:95%;
			display:block;
			padding:0 6px 6px 6px;
			margin:2% auto;
			clear:both;
			background-image:url(images/blueSkyBack-BW3.jpg);
			}
.lessTopSpace	{
			margin-top:10px;
			}
.teal		{
			color:#154e69;
			}
.smaller	{
			font-size:.875em;
			}
.footerHolder	{
			width:90%;
			display:block;
			margin:18px auto;
			}
.bottomLinks	{
			font-size:.875em;
			line-height:1.3125em;
			color:#666;
			text-align:center;
			}
.bottomLinks a	{
			color:#ccc;
			}
.bottomLinks a:hover	{
			color:#fff;
			}
.leftEmailShort	{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			display:none;
			font-size:.875em;
			line-height:1.125em;
			font-weight:bold;
			margin:8px 4px 0 12px;
			color:#ccc;
			}
.leftEmailWide	{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:.8125em;
			line-height:1.125em;
			font-weight:bold;
			margin:8px 4px 0 12px;
				}
.leftAddress	{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#ccc;
			font-size:.8125em;
			line-height:1.125em;
			font-weight:bold;
			margin:12px 4px 0 12px;
				}
.mobileMenu2	{
			display:none;
			}
.navContainer	{
			display:none;
			}
.navContent{
			margin: 0 auto;
			}
a.greyBttn	{
			color:#154e69;
			display:block;
			}
a.greyBttn:hover	{
			color:#000;
			display:block;
			}
a.galleryBttn	{
			color:#ccc;
			display:block;
			}
a.galleryBttn:hover	{
			color:#000;
			display:block;
			}
.dontBreak	{
			white-space:nowrap;
			}
.formText	{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:.6875em;
			line-height:.75em;
			color:#ccc;
			}
.social		{
			margin:3%;
			}
.showOnMobile	{
			display:none;
			}
.tinytiny	{
			margin:0;
			font-size:.5em;
			}
ul li ul li
			{
			margin-top:0;
			font-size:.875em;
			line-height:1.0625em;	
			}
ul li ul	{
			margin-top:0;
			}
.rightImage	{
			width:40%;
			max-width:400px;
			float:right; 
			margin:2% 2% 1% 1%;
			}
.leftImage	{
			float:left;
			width:50%; 
			margin:2% 1% 1% 2%;
			}
.eColLeft	{
			width:46%;
			float:left;
			margin:1%;
			}
.eColRight	{
			width:46%;
			float:left;
			margin:1%;
			}
.eRightImage	{
			width:46%;
			max-width:400px;
			float:left; 
			margin:2% 2% 1% 2%;
			}
.galleryPhoto img 	{
			margin:6px;
			}
.viewcartbttn	{
			float:right; 
			margin:6px 18px 6px 6px;
			}
.galleryHd {
			clear:both;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 1.3125em;
			line-height:1.25em;
			font-weight:bold;
			color:#154e69;
			text-align:center;
			margin: 0 2% 1% 2%;
}

.address {
	display:none;
}
		
@media only screen and (max-width: 1198px) {
	.leftEmailWide	{display:none; }
	.leftEmailShort	{display:block; }
	}

@media only screen and (max-width: 950px) {
	.leftImage	{ 
				float:none;
				margin:2% auto;
				 }
	.eColLeft, .eColRight	{
				width:96%;
				margin:0 2%;
				}
	.eRightImage	{
				width:96%;
				float:none;
				margin:2% auto;
				max-width:400px;
				}
	ul.galleryList li {margin-left:-26px !important;}
	}
@media only screen and (max-width: 830px) {
	.leftColHd, .leftCol {display:none;}
	.rightColHd, .rightCol	{width:100%;}
	.navContainer	{
			width:95%;
			margin:12px 3% 80px 2%;
			display:block;
			}
	.showOnMobile	{
			clear:both;
			background-image:url(images/blueSkyBackDk.jpg);
			display:block;
			margin-top: 12px;
			border-top:1px solid #666;
				}
		.recentImage	{
				width:44%;
				float:left;
				margin:6% 3% 2% 3%;
				}
		}
@media only screen and (max-width: 570px) {
	.hideLine	{ display:none; }
}
@media only screen and (max-width: 500px) {
	.footerHolder	{ margin:18px auto 18px auto;}
	.box	{ width:90%; margin:4% auto; }
	.featuredImage	{
				width:44%;
				float:left;
				margin:6% 3% 2% 3%;
				}

	#wrapper	{ margin:0 auto 3% auto; }
	.rightImage	{
			width:90%;
			float:none;
			display:block; 
			margin:2% auto;
			}
	.leftImage	{
			width:90%;
			float:none;
			display:block;
			margin:2% auto;
			}
	.recentImage	{
				width:90%;
				float:none;
				display:block;
				margin:4% auto;
				}
		}
@media only screen and (max-width: 400px) {

}