/************* GENERAL STYLES ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline; }

:focus { outline: 0; }

body {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	line-height: normal;
	color: #222;
	background: url(../images/bg.jpg) top repeat-x #fff; }
	
html, body { height: 100%; }

ul { list-style: none; }

article ul {
	list-style: disc;
	padding: 0 0 16px 15px; }
	
	article ul li { margin: 0 0 5px; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0; }

caption, th, td {
	text-align: left;
	font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: ""; }

blockquote, q { quotes: "" ""; }

strong { font-weight: bold; }

hr {
	height: 1px;
	margin: 0 0 20px;
	background: #e0e0e0;
	border: none; }
	
/*** FORM ***/
form { float: left; }

	form .row {
		width: 100%;
		float: left;
		margin: 0 0 20px; }
		
	form .half {
		width: 355px;
		float: left;
		margin: 0 20px 0 0; }
		
	form label { 
		display: block;
		margin: 0 0 5px; }
		
	form input.text {
		width: 714px;
		padding: 5px 7px;
		float: left;
		border: 1px solid #c6c6c6;
		background: #fafafa;
		font: inherit; }
		
		form .half input.text { width: 339px; }
		
	form textarea {
		width: 714px;
		height: 200px;
		padding: 5px 7px;
		float: left;
		border: 1px solid #c6c6c6;
		background: #fafafa;
		font: inherit; }
		
		form input.text:hover, form input.text:focus, form textarea:hover, form textarea:focus {
			background: #fdfdfd;
			border-color: #b6b6b6; }
			
	form input.submit {
		width: 183px;
		height: 40px;
		float: right;
		padding: 0 110px 0 15px;
		margin: 0 210px 0 0;
		color: #fff;
		line-height: 40px;
		font-size: 14px;
		text-transform: uppercase;
		background: url(../images/btn_bg2.png) top right no-repeat #16364d;
		border: none;
		cursor: pointer; }
		
		form input.submit:hover {
			background-color: #0a283d;
			text-decoration: none; }

/*** FONT STYLES ***/
h1 { 
	font-size: 30px; 
	font-weight: bold;
	color: #16364d;
	margin: 0 0 20px; }
	
h2 { 
	font-size: 24px; 
	font-weight: bold;
	color: #16364d;
	margin: 0 0 15px; }
	
	h2.big { font-size: 30px; }

a:link, a:visited { 
	color: #6d4659;
	font-weight: bold;
	text-decoration: none; }
	
a:hover { text-decoration: underline; }

h2 a:link, h2 a:visited { color: #16364d; }

p { margin-bottom: 16px; }

/************* STRUCTURE STYLES ***/
.slider_bg {
	min-height: 1500px;
	height: auto !important;
	height: 100%;
	position: fixed;
	z-index: -1;
	display: none; }
	
	#slide1.slider_bg { background: url(../images/slide_bg3.jpg) top center no-repeat; }
	#slide2.slider_bg { background: url(../images/slide_bg2.jpg) top center no-repeat; }
	#slide3.slider_bg { background: url(../images/slide_bg1.jpg) top center no-repeat; }
	#slide4.slider_bg { background: url(../images/slide_bg4.jpg) top center no-repeat; }
	
	.slider_bg.active { display: block; }

#page {
	height: auto !important;
	height: 740px;
	margin: 0; }

	.expandMinHeight { 
		min-height: 100%; }

	#page.index { margin: 0; }

.wrapper {
	width: 960px;
	margin: 0 auto; }
	
.fullWidth {
	width: 100%;
	float: left; }
	
/*** HEADER ***/
header { height: 115px; }

#header_border {
	height: 1px;
	background: #797b7c;
	opacity: 0.1;
	filter:alpha(opacity=10); }
	
	header img.logo {
		width: 318px;
		height: 115px;
		float: left; }
		
	nav { 
		float: right;
		font-size: 14px;
		font-weight: 600; }
		
	nav li {
		float: left;
		margin: 0 0 0 10px; }
		
		nav li a:link, nav li a:visited { 
			display: block;
			padding: 55px 10px 15px;
			color: #16364d; }
		
			nav li a:hover { 
				color: #4f7c9c;
				text-decoration: none; }
			
			nav li a.active { 
				background: #16364d;
				color: #fff; }
				
/*** HOME PAGE ***/
#slider {
	width: 960px;
	height: 420px;
	float: left;
	margin: 40px 0 70px; }
	
	#slider .slider_content { 
		height: 420px;
		display: none; }
	
	#slider .slider_content.active { display: block; }
	
	#slider .pic {
		width: 414px;
		float: left;
		margin: 0 0 0 10px; }
		
		#slider .pic img { float: left; }
		
	#slider .description {
		width: 495px;
		float: right;
		margin: 120px 0 0;
		color: #fff;
		font-size: 16px; }
		
		#slide3_content .description { color: #000; }
		
	#slider h2 {
		font-size: 50px;
		font-weight: 600;
		color: #dbbaad;
		text-transform: uppercase;
		margin: 0 0 10px; }
		
		#slide3_content h2 { color: #10668e; }
		#slide2_content h2 { color: #88B58C; }
		#slide4_content h2 { color: #FFFEE9; }
		
	#slider a.btn {
		width: 211px;
		height: 40px;
		float: left;
		padding: 0 77px 0 12px;
		margin: 15px 0 0;
		color: #fff;
		line-height: 40px;
		font-size: 14px;
		font-weight: normal;
		text-transform: uppercase;
		background: url(../images/btn_bg.png) top right no-repeat #16364d; }
		
		#slider a.btn:hover {
			background-color: #0a283d;
			text-decoration: none; }
			
#sliderControls {
	width: 960px;
	float: left; }
	
	#sliderControls a {
		width: 155px;
		height: 117px;
		float: left;
		margin: 0 10px;
		color: #fff;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: normal;
		opacity: 0.7;
		filter:alpha(70); }
		
		#sliderControls a.first { margin: 0 10px 0 135px; }
		
		#sliderControls a.active, #sliderControls a:hover {
			opacity: 1;
			filter:alpha(100); }
		
		#sliderControls a img { float: left; }
		
		#sliderControls a div {
			width: 155px;
			height: 25px;
			float: left;
			background: #16364d;
			text-align: center;
			line-height: 25px; }
			
/*** SECTION ***/
section {
	width: 940px;
	float: left;
	padding: 40px 10px 134px; }
	
	img.img_right { float: right; }
	
/*** BLOG ***/
	.blogPost {
		width: 640px;
		float: left;
		margin: 0 0 20px; }
		
		.blogPost .date {
			width: 100px;
			height: 85px;
			float: left;
			padding: 15px 0 0;
			background: #18364c;
			font-size: 48px;
			color: #fff;
			text-align: center;
			line-height: 40px;
			text-transform: uppercase; }
			
			.blogPost .date span {
				display: block;
				font-size: 30px; }
				
		.blogPost .blogContent {
			width: 530px;
			float: right; }
			
			.blogPost .blogContent h2 {
				margin-top: 0;
				color: #f47638; }
				
				/*** ASIDE ***/
		aside .head {
    			width: 250px;
    			height: 40px;
    			float: left;
    			background: #18364c;
    			line-height: 40px;
    			color: #fff; }
    			
    			aside .head span {
    			    float: left;
    			    font-size: 20px;
    			    margin: 0 0 0 12px;
    			    text-transform: uppercase; }
    			    
    			aside .newsBtns {
    			    width: 9px;
    			    height: 15px;
    			    float: right;
    			    display:block;
    			    margin: 12px 10px 0 0; }
    			    
    			    aside .newsBtns a {
    			    	width: 9px;
    			    	height: 15px;
    			    	display:block;
    			    	float: right; }
    			    
    			    aside #newsNext { background: url(../images/icon_next2bg.png) top no-repeat; }
    			    aside #newsNext a { background: url(../images/icon_next2.png) top no-repeat; }
    			    
    			    aside #newsPrev { background: url(../images/icon_prev2bg.png) top no-repeat; }
    			    aside #newsPrev a { background: url(../images/icon_prev2.png) top no-repeat; }
    			    
    			    aside #newsCycle {
    				    width: 250px;
    				    float: left;
    				    margin: 5px 0 0; }
    				
    				aside .newsItem {
    				    width: 250px;
    				    float: left;
    				    padding: 12px 0;
    				    border-bottom: 1px solid #b9c5cf; }
    				    
    				    aside .newsItem a { display: block; }
		
/*** COLLECTIONS ***/
aside {
	width: 230px;
	float: left; }
	
	aside a:link, aside a:visited { 
		font-weight: normal;
		color: #222; }
		
		aside a:hover, aside a.active { 
			color: #6d4659;
			text-decoration: none; }
			
		aside a.active { font-weight: bold; }
		
	aside ul li { margin: 0 0 10px; }
	
		aside ul span { 
			color: #6d4659;
			font-weight: bold;
			margin: 0 5px 0 0; }
			
	aside .block {
		width: 100%;
		float: left;
		padding: 0 0 10px;
		margin: 0 0 20px;
		border-bottom: 1px solid #e0e0e0; }
		
#collections {
	width: 670px;
	float: right; }
	
	#collections .tabContent {
		width: 670px;
		float: left;
		margin: 0 0 30px; }
	
	#collections ul li {
		width: 210px;
		height: 320px;
		float: left;
		margin: 0 20px 0 0;
		text-align: center;
		display: none; }
		
		#collections ul li.end { margin-right: 0; }
		
		#collections ul li.visible.visible2 { display: block; }
		
		#collections ul li img.pic {
			width: 210px;
			float: left;
			margin: 0 0 10px; }
			
		#collections ul li h4 {
			font-size: 15px;
			font-weight: normal;
			margin: 0 0 10px; }
			
		#collections ul li form { width: 210px; }
			
		#collections ul li select { 
			width: 210px;
			margin: 0 0 5px; }
		
		#collectons .addtocart {
			width: 89px;
			height: 17px;
			display: block; }
			
#productInfo {
	width: 350px;
	float: left; }
	
	#productInfo .price {
		font-size: 24px;
		margin: 0 0 20px; }
		
	#productInfo select { 
		width: 350px;
		margin: 0 0 10px; }
		
	#productInfo .addtocart {
		width: 230px;
		height: 70px;
		display: block; }
		
img.productPic {
	width: 560px;
	float: right; }
				
/*** FOOTER ***/
footer {
	height: 84px;
	padding: 50px 0 0;
	position: relative;
	background: url(../images/footer_bg2.jpg) bottom repeat-x; }
	
	footer.index { /*background: url(../images/footer_bg.png) bottom repeat-x;*/ background: none; }
	
	footer .left {
		width: 470px; 
		position: absolute;
		bottom: 15px;
		left: 20px;
		color: #989898; }
		
		footer .left.small { width: 300px; }
		
		footer.index .left { color: #fff; }
	
		footer .left span { font-size: 24px; }
		
	footer .middle {
		width: 153px;
		margin: 0 auto; }
		
		footer .middle img.swarovski {
			width: 153px;
			height: 70px;
			float: left; }
		
	footer .right { 
		float: right;
		margin: 30px 20px 0 0; }
	
		footer .right a {
			width: 38px;
			height: 38px;
			float: left;
			margin: 0 0 0 1px; }
			
			footer .right a.pinterest { background: url(../images/icon_pinterest.png) top no-repeat; }
			footer .right a.facebook { background: url(../images/icon_facebook.png) top no-repeat; }
			footer .right a.twitter { background: url(../images/icon_twitter.png) top no-repeat; }
			footer .right a.instagram { background: url(../images/icon_instagram.png) top no-repeat; }
			footer .right a.linkedin { background: url(../images/icon_linkedin.png) top no-repeat; }
			footer .right a.canada { background: url(../images/icon_canada.png) top no-repeat; }
			footer .right a.trackie { background: url(../images/icon_trackie.png) top no-repeat; }
			
			footer .right a:hover { background-position: bottom; }


a.btn_link {
    padding: 10px;
    background-color: #2bc5a2;
    color: white !important;
    font-size: 14px;
    text-decoration: none;
}

a.btn_link:hover {
    color: white !important;
    background-color: #2bc5a2;
}


