/* CSS RESET */
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-size: 100%;font-family: inherit;}:focus {outline: 0;}body {line-height: 1;color: black;background: white;}ol, ul {list-style: none;}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;}.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height: 1%;}.clearfix {display: block;}.clear {clear: both;}br {height: 1px;}

/* BODY */
body {font-family:Arial; line-height:1; font-size:12px; color:#888888; background-image:url(../images/body_bg.jpg); background-position:top; background-color:#eeeee9;}

body.home { }

/* HEADINGS */
h1, h1 a {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#890606; line-height:24px; margin: 0px 0px 10px 0px; font-weight:bold;}
h2 , h2 a {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#890606; line-height:24px; margin: 0px 0px 8px 0px; font-weight:bold;}
h3 , h3 a {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff; line-height:17px; margin: 0px 0px 8px 0px; font-weight:bold;}
h4 , h4 a {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#888888; line-height:16px; margin: 0px 0px 8px 0px; font-weight:bold;}

/* PARAGRAPH TEXT */
p.larg {font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#888888; line-height:20px; margin: 0px 0px 10px 0px;}
p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#888888; line-height:16px; margin: 0px 0px 10px 0px;}
p.small {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; line-height:13px; margin: 0px 0px 10px 0px;}
.spacer {margin: 0px; padding: 0px; clear:both;}

/* LIST ITEMS */
ul {color:#ffffff; font-size:12px; margin: 0px 0px 15px 15px; list-style:disc;}
li {margin: 10px 0px 0px 0px; color:#888888;}

/* LINKS */
a {text-decoration:none; color:#890606;}

/* HEADER */
#header {position: relative; width:100%; background-image:url(../images/header.jpg); background-repeat:repeat-x; height:97px;}
.logo {margin: 0px 0px 0px 10px;}
.home_button {position: absolute; top: 30px; right: 60px;} 
.call_button {position: absolute; top: 30px; right: 20px;}

/* TWEET-LIKE */
#tweet-like {position: relative; margin:10px 0 0px 0; text-align: center;}

/* CONTENT */
#content {margin: 10px 20px 20px 20px;}
.center {text-align: center;}

.social_box {position: relative; margin:30px 0 30px 0; padding: 15px 15px 0px 15px;  -webkit-border-radius:  5px;-moz-border-radius: 5px; border-radius: 5px; background: none; border:1px solid #e0d3bc; list-style: none; font-weight:bold; font-size:14px;}
	.social_box li { position: relative; width: 100%;  margin: 0px;}
	.social_box li a { padding: 10px 0px 10px 50px;  font-weight: bold; font-size: 15px; display:block; height: 36px; color:#635949; background-repeat:no-repeat;}
		a.icon_fb { background-image:url(../images/icon_fb.png);}
		a.icon_tw { background-image:url(../images/icon_tw.png);}
		a.icon_yelp { background-image:url(../images/icon_yelp.png);}
		a.icon_flickr { background-image:url(../images/icon_flickr.png);}
		a.icon_linkedin { background-image:url(../images/icon_in.png);}

.box_photo_and_text { background-color:#153A64; padding:4px;}
.box_photo_and_text h2 {margin-top:4px; margin-left:2px;}
.box_photo_and_text p {margin:3px 2px 4px 2px;}

.rounded_corners  {-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px;  -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px;  -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius:5px;  border-bottom-right-radius:5px; }

.note {color:#006cff; font-size:14px; }

/* CONTACT FORM */
.input_field {background-color:#FFFFFF; border:none; border-top:1px solid #999; margin-bottom:10px; width:100%; height:24px; color:#a2a2a2; padding-left:5px; line-height:18px; font-size:14px;}
.text_box {background-color:#FFFFFF; border:none; border-top:1px solid #999; margin-bottom:10px; width:100%; height:150px; color:#a2a2a2; padding-left:5px; line-height:18px; font-size:14px;}
form p {margin: 0px 0px 3px 0px;}
form p.strong {font-weight: bold;}


/* IMAGES */
.max-width {width: 100%}
.thumb_border {border-bottom:#f2504e 2px solid;}
.featured_img {width: 99%; border:none;}

/* NAV TYPE I */
ul.vertical-nav-i {margin: 0px; list-style: none; font-family:inherit;}
ul.vertical-nav-i li {position: relative; width: 100%; height: 44px; margin: 0px;}
ul.vertical-nav-i li.nav_top {-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius:  5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
ul.vertical-nav-i li.nav_bottom {-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
ul.vertical-nav-i li a {padding: 14px 0px 15px 30px; display: block; font-weight: bold; font-size: 16px;}

/* NAV TYPE II */
ul.vertical-nav-ii {margin: 10px; list-style: none; font-family:inherit;}
ul.vertical-nav-ii li {position: relative; width: 100%; height: 44px; margin: 0px;}
ul.vertical-nav-ii li.nav_top {-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius:  5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
ul.vertical-nav-ii li.nav_bottom {-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
ul.vertical-nav-ii li a {padding: 14px 0px 15px 20px; display: block; font-weight: bold; font-size: 16px;}

/* SUBNAV */
ul.vertical-subnav {margin: 10px 10px 5px 10px; list-style: none; text-transform:uppercase; }
ul.vertical-subnav li {margin: 0px 0px 5px 0px; height: 44px; position: relative; width: 100%; -webkit-border-radius:  5px;-moz-border-radius: 5px; border-radius: 5px; background: url(../images/menu_b_bg.gif) repeat-x; }
ul.vertical-subnav li a {display: block; padding: 15px 0px 15px 50px; font-size: 14px; font-weight: bold; color: #333;}
ul.vertical-subnav li .arrow-aligned-left {background: url(../images/menu_b_r.gif) no-repeat transparent 10px 50%;}

/* HORIZONTAL NAV */
div.horizontal-nav {margin: 0px 0px 0px 0px; padding: 10px 0 10px 0; width: 100%; text-align: center; clear: left;}
div.horizontal-nav a {display: inline; background: none; border: none; padding: 10px;}

/* EXCLUSIVE BUTTONS */
div.exclusive-nav { margin: 20px 0px 10px 0px; padding: 20px 0 20px 0; width: 100%; text-align: center; clear: left; font-size:14px; font-weight:bold; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; }
div.exclusive-nav a {display: inline; border: none; padding: 9px 10px 10px 45px; color:#82837e;}

a.exclusive_01 {background:url(../images/exclusive_01.png) no-repeat; }
a.exclusive_02 {background:url(../images/exclusive_02.png) no-repeat; }

/* TITLE */
div.title-back {margin: 0px 0px 5px 0px; padding: 5px 0px 15px 0px; width: 100%; height: 39px; position: relative; display: block;}
div.title-back h1, div.title-back h2, div.title-back h3, div.title-back h4 {padding: 5px 90px 0px 25px;}
div.title-back .btn-back {position: absolute; top: 7px; right: 20px;}

/* GALLERY - MENU */
div.gallery-i {margin: 10px 0px 10px 0px;}
div.gallery-i img {width: 30%; margin: 0px 1% 2% 1%; border-bottom: 1px solid #A3A3A3; border-top: 1px solid #595959;}

div.gallery-ii {float: left; clear: both; display: block; width: 100%;}
div.gallery-ii .img1 {float: left; width: 45%;  margin: 0 0 10px 0;}
div.gallery-ii .img1 img {margin: 0 0 5px 0; width: 100%}
div.gallery-ii .img2 {float: right; width: 45%;  margin: 0 0 10px 0;}
div.gallery-ii .img2 img {margin: 0 0 5px 0; width: 100%}

ul.menu {list-style: none;}
ul.menu li {font-size: 15px; line-height: 18px;}
ul.menu li strong {float:right; font-family:Arial, Helvetica, sans-serif; font-style:italic; margin:0px 20px 0px 0px; text-align:left;}

div.prev-next-nav {position: relative; display: block; min-height: 5px;}
div.prev-next-nav .prev {float: left;}
div.prev-next-nav .next {float: right;}

/* NEWS SECTION */
div.catalog-item {position: relative; display: block; clear: both; margin: 0px 0px 0px 0px;}
div.catalog-item div {float: left;}
div.catalog-item div.img {width: 30%;}
div.catalog-item div.img img {width: 100%;}
div.catalog-item div.txt {width: 66%; margin-left: 4%;}
p.date {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:12px; margin: 0px 0px 10px 0px;}
p.code {color: #888888; font-size: 15px;}
p.price {color: #f54e55; font-size: 19px; font-weight: bold;}
img.buy {position: relative; top: 4px; left: 15px;}

/* HORIZONTAL LINE */
div.line {border-bottom: 1px solid #cccccc; height: 1px; margin: 10px 0px 15px 0px}

/* STANDARD BUTTON */
.button {cursor: pointer; border: none; background: url(../images/nav_bg.jpg) repeat-x; padding: 10px 15px 10px 15px; font-weight: bold; color: #000000; font-size: 16px; border-radius: 10px;webkit-border-radius: 10px;-moz-border-radius: 10px; margin: 10px 0px 20px 0px; border:1px solid #EBEBEB; box-shadow: 0 1px 0 rgba(127, 127, 127, 0.4);}

/* HOME ICON BUTTONS */
.button_home {cursor:pointer; border: none; background-color:#ffdf3f; padding: 10px 12px 10px 20px; font-weight: normal; color: #000; font-size: 12px; border-radius:10px; webkit-border-radius:10px; -moz-border-radius: 10px; height:40px; margin: 10px 0px 20px 0px; border:1px solid #fed768; box-shadow: 0 1px 0 rgba(127, 127, 127, 0.4);} 

.button_home img {position:relative; top:12px; left:-12px; }

/* FANCY BUTTON */

a.fancy_button, .fancy_button { 
  background: #beb29c; 
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(161,147,123,0.4)), to(rgba(190,178,156,0.4)));  
  background: -moz-linear-gradient(top, rgba(161,147,123,0.4), rgba(190,178,156,0.4)); 
  float: left; 
  padding: 4px; 
  text-decoration: none; 
  outline: 0; 
  border-width: 1px; 
  border-style: solid;
  width: auto;
  overflow: visible;
  border-color: transparent transparent #666 transparent; 
  border-color: transparent transparent rgba(202,202,202,0.27) transparent;
  -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
  -webkit-background-clip: padding-box;
}

a.fancy_button span, .fancy_button span { 
  display: block; 
  float: left;
  letter-spacing: -1px; 
  border-width: 1px; 
  border-style: solid; 
  border-color: #ccc #444 #111 #444; 
  border-color: rgba(255,255,255,0.7) rgba(0,0,0,0.5) rgba(0,0,0,0.7) rgba(0,0,0,0.5); 
  font: bold 21px Arial;
  color: white; 
  padding: 10px 42px; 
  cursor: pointer; 
  text-shadow: rgba(0,0,0,0.45) 0 -1px 0; 
  -webkit-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: rgba(0,0,0,0.75) 0px 0px 3px;
  -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.5, rgba(255,255,255,0.01)), to(transparent)); 
  background: transparent -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.01) 50%, transparent);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#80FFFFFF', EndColorstr='#00FFFFFF'); 
  -webkit-background-clip: padding-box; }


/* SETs */
/* You have 3 color schemes to choose from */
.set-a .arrow-aligned-right, .set-b .arrow-aligned-right, .set-c .arrow-aligned-right {background: transparent 95% 50% no-repeat;}
.set-a .arrow-aligned-left, .set-b .arrow-aligned-left, .set-c .arrow-aligned-left {background: transparent 8px 50% no-repeat;}

a.set-a, input.set-a, .set-a li, li.set-a, div.set-a {background: url(../images/nav_bg.jpg) repeat-x !important;}
a.set-a, .set-a a, .set-a h1, .set-a h2, .set-a h3, .set-a h4,.set-a p, ul.set-a li a {color: #000000; text-transform:uppercase;}
.set-a .arrow-aligned-right, ul.vertical-subnav.set-a li a.arrow-aligned-right {background-image: url(../images/nav_arrow.gif);}
.set-a .arrow-aligned-left, ul.vertical-subnav.set-a li a.arrow-aligned-left {background-image: url(../images/nav_arrow.gif);}

a.set-b, input.set-b, .set-b li, li.set-b, div.set-b {background: url(../images/nav_bg_2.jpg) repeat-x !important;}
a.set-b, .set-b a, .set-b h1, .set-b h2, .set-b h3, .set-b h4,.set-b p, ul.set-b li a {color: #60584B; text-transform:uppercase;}
.set-b .arrow-aligned-right, ul.vertical-subnav.set-b li a.arrow-aligned-right {background-image: url(../images/nav_arrow_2.gif);}
.set-b .arrow-aligned-left, ul.vertical-subnav.set-b li a.arrow-aligned-left {background-image: url(../images/nav_arrow_2.gif);}

a.set-c, input.set-c, .set-c li, li.set-c, div.set-c {background: url(../images/nav_bg_3.jpg) repeat-x !important; color:#FFFFFF;}
a.set-c, .set-c a, .set-c h1, .set-c h2, .set-c h3, .set-c h4,.set-c p, ul.set-c li a {color: #FFFFFF;}
.set-c .arrow-aligned-right, ul.vertical-subnav.set-c li a.arrow-aligned-right {background-image: url(../images/nav_arrow_3.gif); color:#FFFFFF;}
.set-c .arrow-aligned-left, ul.vertical-subnav.set-c li a.arrow-aligned-left {background-image: url(../images/nav_arrow_3.gif);}
	
/* SELECTOR (GROUPED HORIZONTAL BUTTONS) */
div.button-group {margin: 35px 0px 35px 0px; width: 100%; text-align: center;}
div.button-group a {padding: 10px 15px 10px 15px; font-weight: bold; font-size: 16px; background: url(../images/nav_bg.jpg) repeat-x !important; color:#000000; }
div.button-group a.selected-btn {background: url(../images/nav_bg_inset.jpg) repeat-x !important; color:#000000; }
div.button-group a.right-btn {border-bottom-right-radius: 5px; border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; border-right:1px solid #beb29c; }
div.button-group a.center-btn {border-right:1px solid #beb29c; }
div.button-group a.left-btn {border-bottom-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;-webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px;-moz-border-radius-topleft: 5px; border-right:1px solid #beb29c; }

div.selected-view .block {display: none;}
div.selected-view .selectblock {display: block;}

/* FOOTER */
#footer {background-color:#000000; background:url(../images/footer_bg.jpg) repeat-x; width:100%; padding: 35px 0px 15px 0px; }
#footer p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; margin: 0px 0px 0px 30px;}
#footer p a{color:#FFFFFF; text-decoration:none;}

/* POP UPS */
#popups, #popups-gallery {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/bg_pop.png) repeat; display: none;}
#popups-gallery {text-align: center; overflow-x: scroll;}
#popups-gallery img {width: 90%; margin: 5%;}

.pop {position: relative; margin: 30px; padding: 15px;  display: none; -webkit-border-radius:  5px;-moz-border-radius: 5px; border-radius: 5px; background-color: #f7f7f2;}

.pop .close {position: absolute; top: 0px; right: 0px;  padding: 7px; -webkit-border-radius:  5px;-moz-border-radius: 5px; border-radius: 5px; }
#popups-gallery .close {position: absolute; top: 10px; right: 10px; background: none; padding: 2px 4px 2px 4px; -webkit-border-radius:  5px;-moz-border-radius: 5px; border-radius: 5px; }


