/* CSS Artola Estates */

html, body,ul,h1,h2,h3,h4,h5,h6,img,table,tr,td{ font:10px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; border:0; color:#FFFFFF;}

body{ background:url(../images/bg.jpg) repeat;}

/*------------CONTAIners------------*/
.container-indx{ margin:auto; width:635px; color:#FFFFFF; padding-top:100px;}
#container{ width:900px; margin:auto; padding-top:50px;}
.col-1{ float:left; width:280px;}
.col-2{ float:left; width:600px; margin-left: 1em;}
.footer{ background:url(../images/footer-artola.jpg) no-repeat; height:55px; width:900px; margin:5px 0; background-position:center top;} 
.box-concept{ background:url(../images/bg-hc.jpg) repeat; width:250px; min-height:200px; border:1px solid #66423a; text-align:center; padding:0 8px 10px 8px;}
.content{ padding:0 10px;}
.suscribe{ background:url(../images/suscribe.jpg) no-repeat; height:78px; width:265px; padding-top:28px;}
.scroll{ overflow:auto; width:500px; height:400px;}


/*------------TYpe-FONTs-BreatHEs-butTONs------------*/
h2{ color:#FFFFFF; font-size:18px; font-weight:bold; text-align:center;}
h3{ color:#b98718;  font-size:18px; font-weight:bold; text-align:center;}
h4{ color:#FFF;  font-size:12px; font-weight:bold; text-align:center;}
h1{ color:#FFFFFF; font-size:14px; font-weight:bold; text-align:center;}
.breathe-1{ padding:1px 0;}
.breathe-2{ padding:10px 0 10px 0;}
.breathe-3{ padding:0 0 10px 0;}
.footer p{ padding:6px 0 0 0; margin:5px 0 0 0; line-height:12px; text-align:center; color:#301b19;}
p{ line-height:18px;}
td a, tr a{ font-size:12px; color:#FFFFFF;}
.btn1{ background:url(../images/btn_send.jpg) no-repeat; height:16px; width:52px;  border:0; cursor:pointer;}
.btn2{ background:url(../images/btn_clear.jpg) no-repeat; height:16px; width:52px; border:0;  cursor:pointer;}
.sold{ color:#FF0000; font-weight:bold; text-transform:uppercase;}
.hold{ color:#33CCCC; font-weight:bold; text-transform:uppercase;}
.map1{ background:url(../images/map-g.jpg) no-repeat; height:666px; width:800px;}
.text1{ font-size:14px; font-weight:bold;}

/*------------LINKs------------*/
a:link{ color:#b1851f; text-decoration:none; font-weight:bold;}
a:hover{ color:#CCCCCC; text-decoration:none; font-weight:bold;}
a:visited{ color:#b1851f; text-decoration:none; font-weight:bold;}

.footer a:link{ color:#301b19; text-decoration:none; font-weight:bold;}
.footer a:hover{ color:#CCCCCC; text-decoration:none; font-weight:bold;}
.footer a:visited{ color:#301b19; text-decoration:none; font-weight:bold;}

.box-concept a:link{ color:#ffffff; text-decoration:none; font-weight:bold;}
.box-concept a:hover{ color:#FFFFFF; text-decoration:underline; font-weight:bold;}
.box-concept a:visited{ color:#ffffff; text-decoration:none; font-weight:bold;}


/*------------DROppY NAV------------*/
#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }    
/* Essentials - configure this */
#nav ul { width: 130px; }
#nav ul ul { left: 131px; }
/* Everything else is theming */
#nav { height: 24px; }
#nav *:hover { background-color: none; }
#nav a {padding:6px 1px; line-height: 1; text-align:center; }
#nav li.hover a { background-color:#311510; }
#nav ul { top: 38px; }
#nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

.menu1 a{ display:block; background:url(../images/menu-a-1.jpg); height:26px; width:112px;}
.menu1 a:hover{ display:block; background:url(../images/menu-hover-1.jpg); height:26px; width:112px;}

.menu2 a{ display:block; background:url(../images/menu-a-2.jpg); height:26px; width:112px;}
.menu2 a:hover{ display:block; background:url(../images/menu-hover-2.jpg); height:26px; width:112px;}

.menu3 a{ display:block; background:url(../images/menu-a-3.jpg); height:26px; width:112px;}
.menu3 a:hover{ display:block; background:url(../images/menu-hover-3.jpg); height:26px; width:112px;}

.menu4 a{ display:block; background:url(../images/menu-a-4.jpg); height:26px; width:112px;}
.menu4 a:hover{ display:block; background:url(../images/menu-hover-4.jpg); height:26px; width:112px;}

.menu5 a{ display:block; background:url(../images/menu-a-5.jpg); height:26px; width:112px;}
.menu5 a:hover{ display:block; background:url(../images/menu-hover-5.jpg); height:26px; width:112px;}

.menu6 a{ display:block; background:url(../images/menu-a-6.jpg); height:26px; width:112px;}
.menu6 a:hover{ display:block; background:url(../images/menu-hover-6.jpg); height:26px; width:112px;}

.menu7 a{ display:block; background:url(../images/menu-a-9.jpg); height:26px; width:112px;}
.menu7 a:hover{ display:block; background:url(../images/menu-hover-9.jpg); height:26px; width:112px;}

.menu8 a{ display:block; background:url(../images/menu-a-7.jpg); height:26px; width:112px;}
.menu8 a:hover{ display:block; background:url(../images/menu-hover-7.jpg); height:26px; width:112px;}

.submenu a{ display:block; background:url(../images/submenu.jpg); height:15px; width:110px; color:#000; text-decoration:none; font-size:10px; padding:0 3px;}
.submenu a:hover{ display:block; background:url(../images/submenu.jpg); height:15px; width:110px; color:#fff; text-decoration:none; font-size:10px;  padding:0 3px;}

.rollover{background:url(../images/button-a.jpg) no-repeat; height:20px; text-align:center; color:#FFFFFF; padding-top:1px; background-position:center; width:149px;}


/*Lightbox*/
#lightbox{background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; color:#000000; font:18px Verdana, Arial, Helvetica, sans-serif;}
#lightboxDetails{font-size: 0.8em; padding-top: 0.4em;}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image:url(../images/overlay.png); }
* html #overlay {background-color: #333;back\ground-color: transparent;background-image: url(../images/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");}