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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
.left {float:left;}
.right {float:right;}
.fix {clear:both}
hr {
	border:0;
	clear:both;
	display:block;
	height:0;
	margin:0;
}
strong {font-weight:bold}
.width {
	margin:0 auto;
	width:961px
}
.relative {position:relative}
/* styles */
a {
	outline: 0;
	text-decoration:none
}
body {
	background-color:#e2ddd4;
	color:#555555;
}
h2 {
	border-bottom:2px solid #a78e5e;
	font-family:'Great Vibes',Arial, Helvetica, sans-serif;
	font-size:36px;
	padding-bottom:2px;
	width:100%
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:normal;
	margin:10px 0
}
#header {
	padding:20px 0;
}
#header a .logo {
	border-right:1px solid #c3c0bb;
	display:block;
	float:left;
	padding-right:50px;
	width:187px
}
#header .socials {
	float:right;
	margin-top:7px;
}
#header .socials img {
	float:left;
	margin-right:10px
}
#header .socials img.last {margin-right:0}
.logo {
	display:block;
}
#nav {
	float:left;
	margin:15px 0 0 40px;
	text-align:center;
}
#nav a {
	color:#555555;
	font-size:13px;
	font-family:'Univers','Din','Oswald',Arial, Helvetica, sans-serif;
	font-weight:400;
	margin-right:40px;
}
#nav a:hover,
#nav a.active {
	color:#7aacbc
}
#nav a.last {margin-right:0}
#body {
	padding:30px 0;
	width:500px;
}

#body p {
	color:#fff;
	font-family:'Univers','Din','Oswald',Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
	margin-bottom:15px
}
#body p a {color:#7aacbc}

.leftcol {
	float:left;
	padding:30px 0;
	width:45%
}

.rightcol {
	float:right;
	padding:30px 0;
	width:51%
}

#map {
	background-color:#fff;
	border-top:6px solid #7aacbc;
	border-bottom:29px solid #a78e5e;
	height:300px;
}
#loc-map {height:300px}
#white {
	background-color:#fff;
	color:#888;
}
#footer {
	margin-top:30px;
	padding-bottom:70px;
	position:relative;
}
#footer a {color:#555555;}

#footer p {
	font-size:12px;
	font-family:'Univers','Din','Oswald',Arial, Helvetica, sans-serif;
	font-weight:300;
	margin-bottom:8px;
	text-align:center
}
#footer p strong {font-weight:400}
#callout {
	background:#1c0f04 url(images/wood-tile.png) fixed repeat;
	border-bottom:29px solid #a78e5e;
	border-top:6px solid #7aacbc;
	height:531px;
	overflow:hidden;
	width:100%
}
#callout .width {
	height:531px;
	overflow:hidden;
	position:relative
}
#hero {
	bottom:0;
	position:absolute;
	right:0;
}
#slideshow {
	height:531px;
	overflow:hidden;
}
#slideshow.width {
	margin:0 auto;
	width:1070px
}
#slideshow .relative {
	display:block;
	height:561px;
	width:1070px
}

#slideshow .relative .gem,
#slideshow .relative>div {
	display:none;
	position:absolute;
}
#slideshow .relative .gem {
	bottom:0;
	left:0
}
#slideshow .relative .text {
	right:0;
	bottom:200px;
	width:620px;
}
#slideshow .slide5 .relative .text {bottom:260px}
#slideshow .relative .text a {
	border-top:1px solid #6c5637;
	color:#fff;
	display:block;
	float:right;
	font-family:'Univers','Din','Oswald',Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-right:60px;
	padding-top:9px;
	width:400px
}
#slideshow .slide2 .relative .gem {
	left:160px
}
#slideshow .slide4 .relative .gem {
	left:160px
}
#slideshow .slide5 .relative .gem {
	left:180px;
}
#pager {
	height:20px;
	margin:-19px auto 0;
	width:100px
}
#pager a {
	background:url(images/pager.png) no-repeat;
	display:block;
	float:left;
	height:9px;
	margin-right:12px;
	width:9px
}
#pager a.last {margin-right:0}
#pager a.activeSlide {
	background:url(images/pager-active.png) no-repeat;
}
#brands {
	background-color:#fff;
	height:100px
}
#brands .width {
	height:90px;
	overflow:hidden;
	position:relative;
}
#slider {
	height:60px;
	margin:20px auto 0;
	width:910px
}
.leftscroll {
	background:url(images/left-arrow.png) no-repeat left center;
	display:block;
	height:95px;
	left:0px;
	position:absolute;
	top:0;
	width:80px;
	z-index:10
}
.rightscroll {
	background:url(images/right-arrow.png) no-repeat right center;
	display:block;
	float:right;
	height:95px;
	position:absolute;
	right:0;
	top:0;
	width:80px;
	z-index:10
}

.loud {
	border-bottom:1px solid #a78e5e;
	border-top:1px solid #a78e5e;
	color:#a78e5e;
	font-family:'Univers','Din','Oswald',Arial, Helvetica, sans-serif;
	font-size:26px;
	line-height:35px;
	margin:15px 0;
	padding:20px 0;
	text-align:center;

}
address {display:inline}
.contact-list li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style:none;
	margin-left:0;
	margin-bottom:5px;
	padding-left:20px;
}
.contact-list li a {color:#888888;}
.map {
	background:url(images/icon-map.png) no-repeat left center;
}
.phone {
	background:url(images/icon-phone.png) no-repeat left center;
}
.mail {
	background:url(images/icon-mail.png) no-repeat left center;
}
.time {
	background:url(images/icon-clock.png) no-repeat left center;
}
.forms {margin-top:10px}
.hu {display:none}
.forms li {
	list-style:none;
	padding-bottom:12px;
	margin-left:0
}
.forms li > .left,
.forms li > .right {
	width:200px
}
.forms .text,
.forms select,
.forms textarea {
	background-color:#fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:1px solid #dbdbdb;
	color:#888;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 3px;
	width:424px;
}
.forms .error {
	background-color:#fcf3f3;
	border:1px solid #930606;
}
.forms .text:focus,
.forms select:focus,
.forms textarea:focus {
	border:1px solid #666;
}
.forms select {
	padding:4px 3px;
	width:208px !important
}
.forms textarea {
	min-height:60px;
	overflow:auto
}
.buttons em {
	float:left;
	font-size:11px;
	font-style:italic;
	width:80px;
}
.buttons .feedback {
	
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	width:227px
}
.buttons .feedback.alert-error {
	color:#930606;
}
.buttons .feedback.alert-success {
	color:#0a9306;
}
.forms .submit {
	background-color:#7f817f;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border:0;
	border-radius: 10px;
	color:#fff;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:3px 10px
}
.forms .submit:hover {cursor:pointer}
.privacy #content p {
	font-family:sans-serif;
	margin-bottom:15px
}
#cartier iframe {
	border:5px solid #A78E5E;
	display:block;
	height:530px;
	margin:10px auto;
	width:730px;
}
#cartier #callout,
#cartier #callout .width {height:560px}

#patek #body {
	padding:0 0 30px;
	width:408px
}
#patek #body img {margin:30px 0 20px}

#watch-detail {
	position:absolute;
	top:0px;
	right:140px;
	width:376px
}
#watch-detail img {
	display:none;
	left:0;
	position:absolute;
	top:0;
}
#watch-detail .active {display:block}
#patek-pager {
	position:absolute;
	top:20px;
	right:0;
	width:100px
}
#patek-pager a.active img {border:1px solid #b7a37e}
#patek-pager a img {
	border:1px solid #a78e5e;
	margin-bottom:20px
}
/* end styles */

.mobileshow {display:none;}
.mobilehide {display:block;}
span.mobilehide {display:inline;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	.mobileshow {display:block !important;}
	.mobilehide {display:none !important;}
	.width {
		min-width:768px !important;
		max-width:1024px !important;
		width:100% !important
	}
	#slideshow {height:300px !important}
	#callout {
		height:auto !important;
		width:100% !important;
	}
	#slideshow {
		width:100% !important;
	}
	#slideshow>div {
		height:auto !important;
		width:100% !important;
	}
	#slideshow img {
		display:block;
		height:auto !important;
		width:100% !important;
	}
	#slideshow .relative {width:100% !important}
	.rightscroll,
	.leftscroll,
	.fades {display:none}
	#header a .logo {
		margin-left:10px
	}
	#footer .socials {
		display:block !important;
		margin:0 auto 20px !important;
		position:static !important;
		right:auto !important;
		top:auto !important;
		width:21% !important
	}
	#footer .socials img {width:24% !important}
	#footer .socials img.last {margin-right:0 !important}
	#footer p {
		padding:0 5% !important
	}
	#footer p.first {margin-top:20px}
	#body {
		padding:20px 5% !important;
		width:90% !important
	}
	#hero {display:none}
	.rightcol {
		float:none !important;
		padding:0 5% 40px !important;
		width:90% !important
	}
	.leftcol {
		float:none !important;
		padding:30px 5% 0 !important;
		width:90% !important
	}
	.forms li > .left,
	.forms li > .right {
		float:none !important;
		padding:5px 2% !important;
		width:96% !important
	}
	.forms .text, 
	.forms select, 
	.forms textarea {
		padding:5px 2% !important;
		width:96% !important
	}
	.forms select.right {width:100% !important}
	.forms li input,
	.forms li select {
		margin-bottom:12px
	}

	.forms li {padding-bottom:0 !important}
	.buttons .feedback {
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding:0 5% !important;
		text-align:center;
		width:90% !important
	}
	#cartier iframe {
		border:0 !important;
		height:auto !important;
		width:100% !important
	}
}


@media only screen and (min-width:200px) and (max-width: 767px) {
	.mobileshow {display:block !important;}
	.mobilehide {display:none !important;}
	.width {width:100% !important;}
	#header {width:100% !important}
	#header a .logo {
		border-right:0 !important;
		float:none !important;
		margin:20px auto !important;
		padding-right:0 !important
	}
	#nav {
		float:none !important;
		margin:0 auto !important;
	}
	#nav a {
		margin-right:0;
		padding:0 2%;
		text-align:center;
		width:20% !important
	}
	.socials {display:none !important}
	#callout {
		height:auto !important;
		width:100% !important;
	}
	#slideshow {
		width:100% !important;
	}
	#slideshow>div {
		height:auto !important;
		width:100% !important;
	}
	#slideshow img {
		display:block;
		height:auto !important;
		width:60% !important;
	}
	#slideshow .relative {width:100% !important}
	#callout {display:block}
	#slideshow .mobileshow {height:auto !important;width:100% !important;}
	#slideshow .mobileshow img {height:auto !important;width:100% !important;}
	#brands {height:auto !important}
	#brands .width {height:auto !important;width:80% !important}
	#slider {margin:10px auto}
	.carousel {background-size:80% !important;width:80% !important}
	.fades {width:95% !important}
	#footer .socials {
		display:block !important;
		margin:0 auto 20px !important;
		position:static !important;
		right:auto !important;
		top:auto !important;
		width:41% !important
	}
	#footer .socials img {width:14% !important}
	#footer .socials img.last {margin-right:0 !important}
	#footer p {
		padding:0 5% !important
	}
	#footer p.first {margin-top:20px}
	#callout .width.relative {height:auto !important}
	#body {
		padding:20px 5% !important;
		width:90% !important;
	}
	#hero {display:none}
	.rightcol {
		float:none !important;
		padding:0 5% 40px !important;
		width:90% !important
	}
	.leftcol {
		float:none !important;
		padding:30px 5% 0 !important;
		width:90% !important
	}
	.forms li > .left,
	.forms li > .right {
		float:none !important;
		padding:5px 2% !important;
		width:96% !important
	}
	.forms .text, 
	.forms select, 
	.forms textarea {
		padding:5px 2% !important;
		width:96% !important
	}
	.forms select.right {width:100% !important}
	.forms li input,
	.forms li select {
		margin-bottom:12px
	}

	.forms li {padding-bottom:0 !important}
	.buttons .feedback {
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding:0 5% !important;
		text-align:center;
		width:90% !important
	}
	.leftscroll {
		display:none !important
	}
	.rightscroll {
		display:none !important
	}
	#map {height:170px !important}
	#loc-map {height:170px !important}
	.logo {width:40% !important}
	#nav {margin:0 auto 10px !important}
	#header {padding:10px 0 !important}
	#cartier iframe {
		border:0 !important;
		width:100% !important
	}
	#patek-mobile a {
		display:block
	}
	#patek-mobile img {
		border:1px solid #a78e5e;
		display:block;
		float:left;
		margin:0 2% 20px 2%;
		width:20%;
	}
	#watch-detail {display:none}
	#patek #body img {
		margin:20px auto;
		width:100%
	}
}