@charset "UTF-8";
/* CSS Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	margin: 0;
	padding: 0;
	background-color: #bbcacf;
}
	small{
		font-size: 10px;	
	}
	h1{
	
	}
	h2{
		font-size: 20px;	
		font-weight: normal;
		padding: 9px 0 12px 0;
		color: #6c96b8;
	}
	p{
		padding: 6px 0 6px 0;
	}
a{
	color: #00739c;
}

.whtlink {
	color:#FFFFFF;
}

a:hover{
	color: #000;
}
#wrapper{
	width: 958px;
	padding: 0 8px 0 8px;
	margin: 0px auto;
	position: relative;
	background-image: url(../images/wrapper_bg.jpg);
	background-position: 0px 144px;
	background-repeat: no-repeat;
}
#masthead{
	text-align: right;
	background-image: url(../images/masthead_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 22px;
}
#nav{
	background-color: #d1cdae;
	color: #fff;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	height: 40px;
	text-align: right;
}
	#nav ul {
	margin: 0;
	padding: 0;
	float: right;
        top: 0;
	right: 0px;
	width: 926px;
	}
	#nav li {
		list-style: none;
		float: left;
		display: inline;
		padding: 0;
		margin:0;
	}
	
	#nav a {
		display: block;
		text-decoration: none;
		margin: 0;
		padding: 12px 10px 12px 10px;
		color: #fff;
	}
	#nav a:hover {
		color: #000;
	}
	#active{
		background-image: url(../images/nav_active.png);
		background-repeat: repeat-x;
	}

#homefeatures{
	position: relative;
	background-image: url(../images/home_feature_bg.jpg);
	height: 290px;
}
.feature{
	width: 233px;
	height: 136px;
	border: 1px solid white;
	background-color: #eef2f4;
	padding: 109px 6px 12px 18px;
	float: left;
	color: #556469;
	font-size: 12px;
	line-height: 15px;
	overflow: hidden;
}
	.feature h2{
		color: #fff;	
	}
	.difference{
		background-image: url(../images/feature_difference.jpg);
		background-repeat: no-repeat;
		position: absolute;
		top: 13px;
		left: 65px;
		cursor: pointer;
	}
	.explore{
		background-image: url(../images/feature_explore.jpg);
		background-repeat: no-repeat;
		position: absolute;
		top: 13px;
		left: 349px;
		cursor: pointer;
	}	
	.inspire{
		background-image: url(../images/feature_inspiring.jpg);
		background-repeat: no-repeat;
		position: absolute;
		top: 13px;
		left: 635px;
		cursor: pointer;		
	}
/* END OF HOME PAGE */
#page{
	background-image: url(../images/page_bg.jpg);
	background-repeat: no-repeat;
	padding: 39px 34px 38px 34px;
	position: relative;
	text-align: left; 
}
#page.home{
	padding: 0;
}
	
	#page h1{
		font-size: 30px;
		font-weight: normal;
		color: #fff;
		text-transform: uppercase;
		padding: 14px 0 24px 0;
		line-height: 36px;
	}
	#page h1 strong{
		font-size: 50px;
		font-weight: normal;
		color: #fff;
		text-transform: uppercase;
		display: block;
		line-height: 56px;
	}
	.intro{
		color: #fff;
		padding-bottom: 12px;
	}
/* END OF PAGE *

/* WATERMARKS STYLEING THEMES SPECIFIC */
.themes_intro, .about_intro{
	padding-left: 395px;
	color: #fff;
}

#gallery_nav{
	width: 98px;
	height: 300px;
	position: absolute;
	top: 326px;
	left: 404px;
	}	
/*	ul.nav {
		height: 116px;
		position: relative;
	}*/
	ul.gallery_nav li {
	padding: 0;
	margin: 0;
	}
	ul.gallery_nav li a {
		display:block;
		/*position:absolute; 
		top:0;*/
		text-indent:-9999px;
		outline:none;
		/*height: 63px; */
		text-align: left;
	}
	ul.gallery_nav a:hover {
		border: none;
	}
	#l1 a, #l2 a, #l3 a, #l4 a, #l5 a{
		background-image: url(../images/gallery_nav.png);
	}
	#l1 a 						{ background-position: 0 0; height: 60px; }
	#l1 a:hover, #l1 a.active	{ background-position: 98px 0;  }
	#l2 a 						{ background-position: 0 234px; height: 57px; }
	#l2 a:hover, #l2 a.active	{ background-position: 98px 234px; }
    #l3 a						{ background-position: 0 175px; height: 57px; }
	#l3 a:hover, #l3 a.active	{ background-position: 98px 175px; }
    #l4 a         				{ background-position: 0 119px; height: 57px; }
	#l4 a:hover, #l4 a.active	{ background-position: 98px 119px; }
    #l5 a         				{ background-position: 0 355px; height: 60px; }
	#l5 a:hover, #l5 a.active	{ background-position: 98px 355px; }
	
	/* req by dojo, for some reason above rule not working when applying class with js */
/*	#l1 a.active	{ background-position: 98px 0;  }
	#l2 a.active	{ background-position: 98px 234px; }
	#l3 a.active	{ background-position: 98px 175px; }
	#l4 a.active	{ background-position: 98px 119px; }
	#l5 a.active	{ background-position: 98px 355px; }*/


.thumbs li{ 
	text-align: left;
	width: 62px;
	float: left;
	padding-bottom: 6px;
}
.thumbs li a{
	background-color: #fff;
	width: 52px;
	padding: 2px;
	display: block;
}
#gallerydesc1 .thumbs li a:hover, #gallerydesc1 a.tactive, #gallerydesc2 .thumbs li a:hover, #gallerydesc2 a.tactive, #gallerydesc3 .thumbs li a:hover, #gallerydesc3 a.tactive, #gallerydesc4 .thumbs li a:hover, #gallerydesc4 a.tactive, #gallerydesc5 .thumbs li a:hover, #gallerydesc5 a.tactive{
	background-color: #ffe46d;
}

#photoframe{
	background-image: url(../images/gallery_frame.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 355px;
	padding: 6px 10px 10px 6px;
	position: absolute;
	top: 174px;
	left: 35px;
}
.gallerydesc{
	position: absolute;
	top: 315px; 
	left: 520px;
	width: 430px;
}
.gallerydesc p{
	padding-bottom: 18px;
}
.gallerydesc h2{
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
}
.gallerydesc h2 strong{
	text-transform: uppercase;
	display: block;
	font-size: 25px;
	font-weight: normal;
}

#gallerydesc0 h2{
	padding-top: 120px;
	color: #6c96b8;
}

#gallerydesc1 h2{
	color: #006c87;
}
#gallerydesc2 h2{
	color: #cc6d21;
}
#gallerydesc3 h2{
	color: #586b2b;
}
#gallerydesc4 h2{
	color: #741f27;
}
#gallerydesc5 h2{
	color: #856d1a;
}
.startsHidden {
	visibility: hidden;
}

/* */

/* store locations */
.email a{
	width: 60px;
	display: block;
	background-image: url(../images/mailicon.png);
	background-repeat: no-repeat;
	background-position: center right;
	color: #00739c;
}
.email a:hover{
	background-image: url(../images/mailicon_o.png);
	color: #000;
}



.storephoto{
	display: block; 
	background-image: url(../images/gallery_frame.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 262px;
	padding: 6px 10px 10px 6px;
}
.storelocation{
	float: left;
	width: 262px;
}
.storelocation middle{
	padding: 0 20px 0 20px;
}
.storelocation h2{ padding-left: 16px; }
.storelocation  p{ padding-left: 24px; }
.products{
	display: block; 
	background-image: url(../images/gallery_frame.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 872px;
	padding: 6px 10px 10px 6px;
}


#difference_photos{
	width: 372px;
	position: absolute;
	top: 218px;
	left: 36px;
}
	#difference_photos div{
		display: block; 
		background-image: url(../images/gallery_frame.png);
		background-repeat: no-repeat;
		background-position: bottom right;
		padding: 6px 10px 10px 6px;
		margin-bottom: 18px;
	}



/* about */

#about_photos{
	width: 372px;
	position: absolute;
	top: 178px;
	left: 36px;
}
#about_photos div{
	display: block; 
	background-image: url(../images/gallery_frame.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 6px 10px 10px 6px;
	margin-bottom: 18px;
}
#about{
	top: 285px;
	left: 432px;
	width: 497px;
	position: absolute;
}
#logos{
	padding: 60px 12px 0 0;
}
#logos a{
	display: block;
	width: 261px;
	float: left;
	background-image: url(../images/gallery_frame.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 6px 10px 10px 6px;
	margin-bottom: 18px;
	margin-right: 36px;
}
#logos p{
	clear: both;
	padding-top: 6px;
	padding-bottom: 12px;
	
}
#footer{
	color: #556469;
	clear: both;
	width: 958px;
	padding: 16px 8px 0 8px;
	margin: 0px auto;
	font-size: 11px;
	background-image: url(../images/footer_bg.png);
	background-repeat: no-repeat;
}

.copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#cta {
	float:right;
	
}