/* CSS Document */

/* ========================= UNIVERSAL ============================ */
/* ================================================================ */

html, body { margin: 0; padding: 0; font-family: Arial, Helvetica, Verdana, sans-serif; background: #374d1a; color: #fff; font-size: 12px; line-height: 18px;}

#page { width: 100%; height: 590px;
max-width: 1220px; margin: 0 auto 0 auto;   }

#content.newbg { background:url(../images/newbg3.jpg) no-repeat center bottom; }

#page_wrapper { margin: 10px auto 0 auto; background: url(../images/shadow-2.gif) no-repeat bottom #40581E; max-width: 1240px; height: 600px; padding-bottom: 11px; padding: 0 10px 10px 10px;}

/* TOP BAR */

#top_bar { height: 45px; background: #40581E; list-style: none; margin: 0 0 0 0; padding: 20px 0 0 0;  }

#top_bar li { background: #40581E; width: 20%; float: left; color: #FFFFFF;  }

.clear { clear: both; }

#top_bar li a { text-indent: -999999px; overflow: hidden; display: block; height: 45px; }

#quality { background:url(../images/newbuttons/quality.gif) -68px 0 no-repeat; width: 68px; margin: 0 0 0 10px; }
#quality:hover { background:url(../images/newbuttons/quality.gif) 0 0; }
#quality.active { background:url(../images/newbuttons/quality.gif) 0 0; }

.center { text-align: center; }

#style { background: url(../images/newbuttons/style.gif) -44px 0 no-repeat; width: 43px; margin: 0 auto 0 auto; }
#style:hover { background: url(../images/newbuttons/style.gif) 0 0; }
#style.active { background: url(../images/newbuttons/style.gif) 0 0; }

#value { background: url(../images/newbuttons/value.gif) -48px no-repeat; width: 48px; margin: 0 auto 0 auto; }
#value:hover { background: url(../images/newbuttons/value.gif) 0 0; }
#value.active { background: url(../images/newbuttons/value.gif) 0 0; }

/* CONTENT */

#content { height: 460px; overflow: hidden; background:url(../images/newbg2.jpg) no-repeat center top; padding: 0 10px 0 15px;  }

#content p { text-align: justify; }

.homecolor p { color: #fff !important;}

/* BOTTOM BAR */

#bottom_bar { height: 65px; list-style: none; margin: 0; padding: 0; width: 100%; ;}

#bottom_bar li { width: 20%; float: left; color: #FFFFFF; min-height: 1px; }

#bottom-content { clear: both; background: #40581e; height: 65px; padding: 10px 0 0 0;}

#bottom_bar li a { text-indent: -999999px; overflow: hidden; display: block; height: 85px; }

#retail { background: url(../images/newbuttons/retail.gif) -48px 0 no-repeat; width: 48px; margin: 0 auto 0 auto;  }
#retail:hover { background: url(../images/newbuttons/retail.gif) 0 0; }
#retail.active { background: url(../images/newbuttons/retail.gif) 0 0; }

#lofts { background:url(../images/newbuttons/lofts.gif)  0 0 no-repeat; width: 50px; margin: 0 auto 0 auto; }
#lofts:hover { background: url(../images/newbuttons/lofts.gif) -51px 0; }
#lofts.active { background: url(../images/newbuttons/lofts.gif) -51px 0; }

#designer { background: url(../images/newbuttons/designer.gif); width: 128px; margin: 0 auto 0 auto; }
#designer:hover { background: url(../images/newbuttons/designer.gif) -128px; }
#designer.active { background: url(../images/newbuttons/designer.gif) -128px; }

#location { background: url(../images/newbuttons/location.gif); width: 83px; margin: 0 auto 0 auto;}
#location:hover { background: url(../images/newbuttons/location.gif) -83px 0; }
#location.active { background: url(../images/newbuttons/location.gif) -83px 0; }

#contact { background: url(../images/newbuttons/contactus.gif); width: 107px; margin: 0 auto 0 auto;  height: 1%; }
#contact:hover { background: url(../images/newbuttons/contactus.gif) -107px no-repeat; }
#contact.active { background: url(../images/newbuttons/contactus.gif) -107px no-repeat; }

.center { text-align: center; }

.contact-info span { display: block; }
.contact-info { margin: 0 0 10px 0; }
.margin-bottom { margin: 1em 0 0 0; }

/* .ie-fix { height: 1%; margin-left: -2px;} */

/* SUB BOTTOM BAR */

#logo { margin: 0 0 0 10px; background: url(../images/pgc-logo.gif); width: 155px; height: 53px;  float: left; display: block; text-indent: -99999px; overflow: hidden;}

#tagline { width: 65%; float: right; text-align: right; margin: 0 10px 0 0; }

#tagline h2 { font-size: 16px; font-weight: 100; color: #FFFFFF;}

/* QUALITY */

.list { margin-left: 0; padding-left: 15px; max-width: 700px; }

.list li { margin: 10px 0 5px 0; }

.nolinks { font-size: 16px; }
.nolinks a { color: #FFFFFF; text-decoration: none; }
.nolinks a:hover { text-decoration: underline; }

.left { width: 43%; float: left; }
.right { width: 43%; float: left; margin-left: 1%;}
.list-thirds { width: 31%; float: left; margin-left: 2%; padding: 0;}
.first { margin-left: 0 !important; }

.nopadding { margin: 0 auto 0 auto; }

/* LINKS */

a.active { color: #87FF00; }

a { color: #87FF00; }
a:hover { color: #FFFFFF; }

/* =======================================================

					T Y P O G R A P H Y
	
======================================================== */

h1, h2, h3, h4 { font-weight: 100; }

h2 { font-size: 18px; color: #9bd746; font-family: Arial, Helvetica, sans-serif;}


/* =======================================================

					R E T A I L
	
======================================================== */


.half_col1 {
float: left; width: 49%; }

.half_col2 {
float: right; width: 49%; }

img.fr { float: left; padding-right: 10px; margin-right: 10px; border-right: 3px solid #223A00; }

/* =======================================================

					D O M - T A B S
	
======================================================== */

.domtabs { margin: 0 -10px 0 -15px; padding: 5px 0 10px 0; list-style: none; background: url(../images/subnav_bg.gif) bottom repeat-x #40581e;}
.domtabs li { display: inline; margin-right: 10px; font-size: 14px; padding-right: 10px; border-right: 1px solid #577927; }
.domtabs li a { color: #FFFFFF; font-weight: 100; font-size: 14px; }
.domtabs li a.active { color: #87FF00; text-decoration: none !important; }
.domtabs li a:hover { text-decoration: none; color: #87FF00; }

.tl a { color: #CCCCCC; }

/* =======================================================

					F O R M S
	
======================================================== */

form span { color: #FF0000; }

form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

/* =======================================================

					H I D D E N - L I N K S
	
======================================================== */

#sweetinfo {
width: 120px; height: 80px; display: block; position: absolute; top: 370px; left: 50%; margin-left: -485px; text-indent: -999999px; overflow: hidden; 
}

#interior {
width: 100px; height: 50px; display:block; position: absolute; top:400px; left: 50%; margin-left: -275px; text-indent: -999999px; overflow: hidden; }

#olgasinfo { width: 100px; height: 75px; display: block; position: absolute; top: 375px; left: 50%; margin-left: -100px; text-indent: -999999px; overflow: hidden; }

.hidden { position: absolute; top: -200px; }

#hidden-video { 
background: url(../images/video-bg.png); position: absolute; top: 50%; left: 50%;
width: 325px; height: 265px; padding: 15px 0 0 15px; margin: -140px 0 0 -170px; }


/* =======================================================

					STYLE PAGE
	
======================================================== */

.pictures {
height: 140px; margin: 0 -10px 0 -50px; }

.pictures { list-style: none; padding: 0; margin: 0 auto 0 auto; }

.pictures li { margin: 5px 1% 5px 1%; height: 130px; }

#style-picture1 { background: url(../images/interior-small-1.png) right no-repeat; }

#style-picture2 { background: url(../images/interior-small-3.png) right no-repeat; }

#style-picture3 { background: url(../images/interior-small-2.png) right no-repeat; }

.image-left { float: right; border: 3px solid #223A00; }

.show-tag { display: block; }
.hide-tag { display: none; }

#flash-intro { position: absolute; left: 50%; top: 300px; margin-left: -390px; margin-top: -280px; }

ul.inline-list { margin: 0; padding: 0; }
ul.inline-list li { list-style: circle; display: inline; }

ul.four { margin: 0; padding: 0; list-style: none; }
ul.four li { width: 23%; float: left; text-align: center; list-style: none; 
 }
 
 ul.four li img { position: relative; z-index: 50; }
 
 .tac { text-align: center; }
 
 .40width { width: 40%; }
 
 .mln20 { margin-left: -20px; }
 
 .w350 { width: 350px; }