* {margin: 0; padding: 0;}
body {color:#000; background:#ECEFF1;} /* C0C0C0 efefef */
body, div, p, table, tr, td, h1, h2, h3, h4, ul, ol, li, blockquote, pre, label {font:14px/1.2 Tahoma, sans-serif;}
a img{border: 0px;}
a {color:#369;}
a:hover {text-decoration: none; color:#555;}

/* text formatting */
h1 {font-weight:bold; font-size:17px;}
h2 {font-weight:bold; font-size:17px;}
h3 {font-weight:bold; font-size:14px;}
h4 {font-weight:bold; font-size:14px;}
ul, ol {margin-left:1em; padding:1em;} /*padding:10px 0 10px 25px;*/
ul li {padding-bottom:4px; list-style:square;}
ol li {padding-bottom:4px;}
p {padding-bottom:10px}
.fineprint {color:#ccc; font-size:.8em;}
.accent {color:#369;}

/* highlight current page (tab-right.gif) */
body#section-home #menu li#home a span,
body#section-buyers #menu li#buyers a span,
body#section-sellers #menu li#sellers a span,
body#section-listings #menu li#listings a span,
body#section-forms #menu li#forms a span,
body#section-contact #menu li#contact a span {background:silver url("http://www.cagas.net/images/tabon.gif") no-repeat; color:#fff;}

/* cover page */
.i-title{border-top:solid 2px #369; border-bottom:solid 2px #369;}
.i-img{margin-left:9px;}

/* terms */
#terms {background:#fff;}
#terms div {width:440px; padding:10px;}

/* pop */
#dropSheet {background:#000; opacity: 0.35; filter: alpha(opacity=35);}
#photo {background:#000; padding:2px;}
#menubar {background:#000; padding:2px 4px 4px 4px; text-align:right;}
#menubar span {float:left; color:#fff; margin-top:2px;}
#menubar input {background:#000; border:solid 1px gold; color:#fff; width:60px; margin-left:4px;}


#property-thumbs {margin-top:20px; clear:both;}
#property-thumbs img {border:solid 1px #000;}
#property-thumbs span {float:left; padding:4px 0 0 30px;}
#property-thumbs-footer {clear:both; height:20px;}

/* register form */
#form-reg {padding:10px;}
#form-reg p {clear:left;}
#form-reg label {float:left; width:40%; padding-right:4px; text-align:right;}
#form-reg textarea {font-size:9.5px; width:420px; height:100px;}

/* 1st step form */
#form-step {}
#form-step p {clear:left;}
#form-step label {float:left; width:20%; padding-right:4px; text-align:right;}
#form-step textarea {width:320px; height:100px;}
#form-step select {width:200px;}

#errorMsg{color:red; padding:4px;}

/* featured list */
.featured-list {padding:10px; margin:10px 0 0 0; border:1px solid #ccc; position:relative;}
.featured-title {font-weight:bold; font-size:1.5em; position:absolute; top:-.9em; background:#fff; padding:0 .25em;}

/* framework */
#wrapper {width:790px; background:transparent url("http://www.cagas.net/images/bkg.gif") repeat-y 0 0; margin:0px auto;}
#banner {width:770px; margin-left:10px;}
#main {width:770px; margin-left:10px; background:#ccf1ff url("http://www.cagas.net/images/bkg-stage.gif") repeat-y 0 0;}
#login {width:770px; margin-left:10px;}
#bottom {clear:both; background:transparent url("http://www.cagas.net/images/bkg-bottom.gif") no-repeat 0 0; height:30px;}
#footer {width:770px; margin:0px auto; clear:both; text-align:center; margin-bottom:20px;}


/* layout */
.column {float: left;}
.alt-col {float:left; width:50%;}
.content {margin:0 4px 4px 4px; padding:0 4px 4px 4px;}
/*
.content p {padding:4px 0 0 0}
.content {margin:0 4px 4px 4px; padding:0 4px 4px 4px; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc; background:#fff;}
*/
.property-detail {margin:10px;}
#main-stage {width:468px; padding-right:2px; background:transparent;}
#main-stage div {margin:0 4px; padding:0 4px;}
#main-stage embed {margin-left:7px;}
#main-sidebar {width:300px; background:transparent;}
#main-sidebar div {margin:0 4px; padding:0 4px;}
#main-footer {clear:both;}
#login-stage {width:618px; height:173px; background:#ccc;}
#login-sidebar {width:152px; height:173px; background:#868686;}


fieldset {border:solid 1px silver; margin-bottom:10px; padding-top:5px;}
legend {font-weight:bold; margin:0 10px; color:silver;}

/* login */
#login-stage h2 {font-size:11px; font-weight:bold; color:#fff; padding:3px 0 2px 30px; background:gold url("http://www.cagas.net/images/bkg-login-title.gif") no-repeat left top; height:16px;}
#login-sidebar h2 {font-size:11px; font-weight:bold; color:#fff; padding:3px 0 2px 30px; background:#002e37 url("http://www.cagas.net/images/bkg-login-title.gif") no-repeat left top; height:16px;}
#login form {padding-top:15px;}
#login p {clear:left;}
#login label {color:#fff; float:left; width:40%; padding-right:2px; text-align:right;}
#login a {color:#fff;}
#login select {font-size:11px; width:132px; margin-left:10px;}
input.login {width:75px;}
input.search {width:75px;}
.login-button {clear:both; margin-left:90px; border:solid 1px #fff; background:#002e37; color:#fff;}
.search-button {clear:both; margin-left:80px; border:solid 1px #fff; background:#002e37; color:#fff;}
.login-text {text-align:center; padding-top:10px;}
.search-text {font-size:10px; text-align:center; padding-top:10px;}

/* menu */
#menu {background:transparent url("http://www.cagas.net/images/bkg-tabs.gif") repeat 0px 0px; line-height:normal; clear:both; width:770px; border-top:solid 2px #369; border-bottom:solid 2px #369; height:25px; padding-top:3px;  margin-left:10px;}
#menu a {font-weight:bold; text-decoration:none; color:#000;}
#menu a:hover {text-decoration:none; color:#fff;}
#menu ul {margin:0; padding:0;}
/* top level */
#menu a span {display:block; height:20px; width:100px; background:silver url("http://www.cagas.net/images/tab.gif") no-repeat; padding:2px 0 0 25px;}
#menu a:hover span {background:silver url("http://www.cagas.net/images/tabon.gif") no-repeat; height:20px; width:100px;}
#menu a:hover span.down {background:silver url("http://www.cagas.net/images/tabdown.gif") no-repeat; height:20px; width:100px;}
#menu ul li {float:left; width:125px; position:relative; margin-left:2px; list-style:none;}
/* second level */
#menu ul li ul {display:none; position:absolute; top:85%; left:0; background:#fff;} /* opacity:.9; filter:alpha(opacity=90); */
#menu ul li ul li {float:left; position:relative; border-bottom:solid 1px #000; margin:0; width:100%; padding:2px 4px;}
#menu ul li ul li a {color:#000; display:block; padding:0; width:100%;}
#menu ul li ul li a:hover {color:#369; display:block;}
/* hack */
#menu li>ul {top:auto; left:auto;}
/* list nested */
#menu li:hover ul, #menu li.over ul {display:block;}