/*
Theme Name: TuCasa
Theme URI: http://www.TuCasaExpo.com

Author: Romulus Design Group, Gregg Turnbull (gregg.turnbull@gmail.com)
Author URI: http://www.romdg.com

Created: 07/21/2006
Updated: 07/26/2006
Last Updated By: Gregg Turnbull

*/

/* Global Elements ------------------------------------------------ */
* {margin: 0;padding: 0;}
body {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: small;
    color: #000000;
    background: #363;
}
div, p, img, a, td, ul, ol {font-size: 1em;}

h1 { font-size: 218%; display:none}
h2 { font-size: 164%;}
h3 { font-size: 145%;}
h4 { font-size: 118%; letter-spacing: .15em;}

/*-- Navigation --------------------------------------- */
a, a:link { color: #ff0000;font-weight:bold;text-decoration:none;}
a:visited { color: #ff0000 border-color: #ff0000; }
a:hover { color: #0F4110; border-color: #0F4110; }
a:active { color: #ff0000; border-color: #ff0000 }
a img, img {border: none;}

#menu {width:80%;margin-left: auto;margin-right: auto;}
#menu ul {float:left;width:795px}
#menu ul li {list-style:none;display:inline;text-align:center;text-transform: uppercase;float:left;height:125px;width:110px;}
#menu ul li a,#menu ul li a:link {color:#fff;font-size:85%;display:block;height:125px;width:110px;}
#menu ul li a:visited {color:#fff;font-size:85%;display:block;height:125px;width:110px;}
#menu ul li a:hover {color: #ff0000; height:125px;width:110px;}
#menu ul li a:active {color: #ff0000;background:transparent;height:125px;width:110px;}
.clear {clear: both;}
#floorplan { background: url(images/floorplan.jpg); background-repeat: no-repeat;background-position: background-repeat: no-repeat;background-position: -144px 30px;}
#floorplan:hover { background: url(images/floorplan.jpg); background-repeat: no-repeat;background-position: background-repeat: no-repeat;background-position: 7px 30px;}
#photo { background: url(images/photos.jpg);background-repeat: no-repeat;background-position: background-repeat: no-repeat;background-position: -144px 30px;}
#photo:hover { background: url(images/photos.jpg); background-repeat: no-repeat;background-position: background-repeat: no-repeat;background-position: 6px 30px;}
#options { background: url(images/options.jpg);background-repeat: no-repeat;background-position: background-repeat: no-repeat;background-position: -144px 30px;}
#options:hover { background: url(images/options.jpg); background-repeat: no-repeat;background-position: background-repeat: no-repeat;background-position: 7px 30px;}
#qualityblock { background: url(images/construction.jpg);background-repeat: no-repeat;background-position: background-repeat: no-repeat;background-position: -144px 30px;}
#qualityblock:hover { background: url(images/construction.jpg); background-repeat: no-repeat;background-position: background-repeat: no-repeat;background-position: 6px 30px;}
#warranty { background: url(images/warranty.jpg);background-repeat: no-repeat;background-position: background-repeat: no-repeat;background-position: -144px 30px;}
#warranty:hover { background: url(images/warranty.jpg); background-repeat: no-repeat;background-position: background-repeat: no-repeat;background-position: 5px 30px;}
#reasons{ background: url(images/reasons.jpg);background-repeat: no-repeat;background-position: background-repeat: no-repeat;background-position: -144px 30px;}
#reasons:hover { background: url(images/reasons.jpg); background-repeat: no-repeat;background-position: background-repeat: no-repeat;background-position:5px 30px;}
#contact { background: url(images/contact.jpg);background-repeat: no-repeat;background-position: background-repeat: no-repeat;background-position: -144px 30px;}
#contact:hover { background: url(images/contact.jpg); background-repeat: no-repeat;background-position: background-repeat: no-repeat;background-position: 6px 30px;}
.sidebar{display:block;position: absolute;left: 0px;width: 190px;}
.sidemenu {display:block;position: absolute;left: 0px;width: 190px;}
.sidemenu ul ul{padding:0;margin:0;}
.sidemenu li{vertical-align:middle;width:200px;list-style:none;margin:0;}
.sidemenu li a{width:190px;text-decoration:none !important;font-size:90%}
.sidemenu li a:link,.sidemenu li a:visited{color:#FBFDB4;background:url(images/sidemenu.gif) no-repeat;display:block;text-decoration:none !important;text-indent:5px;line-height:32px;}
.sidemenu li a:hover{color:#B6D5B7;background:url(images/sidemenu.gif) no-repeat 0 -32px;text-decoration:none !important;text-indent:5px;line-height:32px;}
.sidemenu li a:active{text-decoration:none !important;}
.here span{text-indent:10px;margin:0;padding:0;line-height:32px;background:url(images/sidemenu.gif) no-repeat 0 -32px;color: #0F4110;border-color: #0F4110;font-weight:bold;display:block;font-size:90%}
.sidemenu li ul{display:none}
li.here ul{display:block !important;padding:0;margin:0px;}
li.here ul a{text-indent:15px !important;}
/* -- Site Blocks ------------------------------------------- */
#header {border-bottom:5px solid #0F4110;margin-bottom:0;}
#header h1{float:left;display:block;width:272px;height:123px;position: relative;}
/* -- Start LogoSwap -- Reverse which line is commented below to swap logo [Line1 = Tucasa][Line2=Modulos] --*/
#header h1 a span {background: url(images/logo.jpg) no-repeat;position: absolute;width: 100%;height: 100%;}
/*#header h1 a span {background: url(images/logo_modulos.jpg) no-repeat;position: absolute;width: 100%;height: 100%;}--*/
/*--End LogoSwap--*/
#toptag{float:left;margin:0 0 0 40px;height:120px;width:350px;background: url(images/toptag.jpg) no-repeat;}
#badge {color:#ff0000; line-height:20px;position:absolute;top:0px;text-align:right;padding:5px 5px 0 0;right:0px;height:100px;width:175px;background:url(images/badge.jpg) no-repeat top right;}
#banner {height:250px;background:url(images/banner.jpg);border-bottom:5px solid #0F4110;margin-top:0}
#banner object{display:block;margin-left: auto;margin-right: auto;margin-top:5px;}
#content {
  margin: 0 0 0 190px;
  border-left: 2px solid #363;
  border-right: 2px solid #363;
  padding: 10px 20px 10px 10px;
  background-color: #ffffff;
  font-weight:bold;
  text-align:justify;
  position:relative;
  background:#ffffff url(images/background.gif) repeat-x top;
  min-height:410px;
  }
 #content h3{margin-top:10px}
 #promo{font-weight:bold;color:#ff0000; margin: 0  190px 0 0;}
 #infobox{padding:0;float:right;width:300px;background:#ff0000 url(images/infoboxtop.jpg) no-repeat top left;margin:0 5px 5px 5px}
 #infobox h3{line-height:20px;color:#fff;font-size:95%;margin:10px 0 8px 5px;}
 #infobox p{margin-bottom:10px;color:#fff;font-size:85%;text-align:justify;margin:5px}
 #infobox a, #infobox a:link, #infobox a:visited{color:#F6FD8D}
 #imageContainer {position:relative;margin:auto;width:248px;border:1px solid #000;}
 #contentmain {
    margin: 0;
    background: #ffffff;
    font-weight:bold;
    text-align:justify;
    padding: 10px; 
  }
   #contentmain p{margin-bottom:5px}
  img.centered{display:block;margin:0 auto;}
    img.Right{display:block;margin:0 0 0 auto;}
.floorplanmenu{margin:20px auto 50px auto; width:80%;}
.floorplanmenu td {background:transparent;text-align:center;vertical-align:top;}
.floorplanmenu td img {margin-top:20px;margin-bottom:10px}
.seriescopy{width:250px;margin:10px auto;text-align:justify}
.floorplanlisting {margin-top:0px;width:90%;}
.floorplanlisting img{margin:5px;}
.sort-arrow {
	width:					11px;
	height:					11px;
	background-position:	center center;
	background-repeat:		no-repeat;
	margin:					0 2px;
}
.sort-arrow.descending {background-image:url(images/downsimple.png);}
.sort-arrow.ascending {background-image:	url(images/upsimple.png);}
.floorplanlisting td{border:1px solid #5E805F;color:#5E805F;background:url(images/floorplan_menu/table_row.gif) repeat-x bottom;font-size:18px;text-align:center;vertical-align:middle;}
.floorplanlisting  thead td {font-size:13px;color:#fff;background:#363;) repeat-x top;line-height:15px;text-align:center;vertical-align:middle;}
#floorcontainer{width:800px}
.floorplanlarge {border:1px solid #5E805F;}
.floorspec {height:40px;background:url(images/tablebacking.jpg) no-repeat left top;margin-top:30px;margin-left:0px;}
.floorspec h3{line-height:24px;text-align:center;padding:0 10px 0 20px;color:#fff;font-size:105%;margin-top:0}
.spectitle {height:40px;background:url(images/tablebacking.jpg) no-repeat left top;margin-top:30px;margin-left:0px;}
.spectitle h3{line-height:24px;text-align:center;padding:0 10px 0 20px;color:#fff;font-size:105%;margin-top:0}
.threecolumn{background:#fff;padding:0 20px 0 20px;border:1px solid #5E805F;font-size:85%}
.threecolumn td {text-align:left;padding:10px;vertical-align:top}
.threecolumn h3{color:#5F8160;margin:5px 0 5px 0}
.twocolumn{background:#fff;padding:0 20px 0 20px;border:1px solid #5E805F;font-size:85%}
.twocolumn td {text-align:left;padding:10px;vertical-align:top}
.twocolumn h3{color:#5F8160;margin:5px 0 5px 0}
ul.photosmenu{list-style-type:none;width:100%;text-align:center}
#quality{margin-left:auto;margin-right:auto;border:1px solid #5E805F;background:url(images/floorplan_menu/table_row.gif) repeat-x bottom;}
#quality th{background:#5E805F;text-align:center}
#quality td{width:280px;text-align:left;border:1px solid #5E805F;padding:20px;vertical-align:top;}
#quality li{margin-top:4px;}
#customerphotos td{vertical-align:top}
#moreinfo {margin:0;padding:0;border:none;background:#ffffff}
#moreinfo  img{margin:0;padding:0;}
   
form {line-height:20px;color:#5E805F;width:80%;margin:10px auto 10px auto;}  
fieldset h3{margin-bottom:5px;}
fieldset {border:none;}
form input{margin:5px 3px 0px 3px}
.contact_details{padding:10px;background:#EFF1EF}
.project_details{padding:10px;background:#EFF1EF;}
.answers{padding-left:20px;}
.contactsuccess{margin:10px auto 10px auto;padding:20px;background:#0F4110;font-weight:bold;color:#ffffff;}
.contacterror{margin:10px auto 10px auto;padding:20px;background:#ff0000;font-weight:bold;color:#ffffff;}  
.options{color:#84AA84}
.options h3{color:#5E805F;margin-bottom:10px}
.options h4{color:#5E805F;margin-top:5px}
.options a:link{text-decoration:underline;}
.options a:visited{text-decoration:underline;}
.options ul{margin:2px 20px 20px 35px;list-style:none;}
.options li{padding:3px}

.optionsbutton {width:100px;height:30px;line-height:30px; margin:10px;background:#EFF1EF}
.optionlist{line-height:20px;background:#EFF1EF;width:80%;margin:10px auto 10px auto;padding:10px} 

.topnav {margin-left:100px;}
.topnav ul{margin-left:20px;}
.topnav ul ul{margin-left:20px;}

#bottommenu{background:#0F4110;width:100%;text-align:center;}
#bottommenu a,#bottommenu a:link{margin:0 35px 0 35px;width:150px}
#bottommenu a:visited{color:#ff0000;}
#bottommenu a:hover{color:#ffffff;}
#bottommenu a:active{color:#ffffff;}

 #footer {
 	background: #f00;
 	height:200px;
 	width:100%;;
 	position: relative;
	margin-top:0;
 }
 #pepito {color:#ff0000;position:absolute;bottom:0px;right:0px;height:200px;width:300px;background:url(images/pepito.jpg) no-repeat bottom right;}
 #pepitoquote{color:#5E805F;font-weight:bold;font-size:110%;margin:35px 0 20px 35px;width:150px;text-align:center;}
 #call_us {color:#ff0000;position:absolute;bottom:0px;left:0px;height:200px;width:400px;background:url(images/call_us.jpg) no-repeat bottom left;}
 /*  SiFR ---------------------------------------------------- */
/* --- PRINT ONLY --- */
@media print{
#header {display:none;}
a{text-decoration:none;color:#000000;}
}
/* --- sIFR STYLES --- */
@media print {
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {display: none !important;height: 0;width: 0;position: absolute;overflow: hidden;}
span.sIFR-alternate {visibility: visible !important;display: block !important;position: static !important;left: auto !important;top: auto !important;}
}
@media screen {
/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h2{visibility:hidden;padding:0;font-weight:bold;font-size:30px;line-height:31px;margin-bottom:25px}
}
/* Fixes for RichText widgets------------------------------ */
.MODX_RichTextWidget {
	float: left;
}

.MODX_RichTextWidget a {
	border: 0px;
}
.quickquote {
position:absolute;
left:20px;
display:block;
margin-top:430px;
color:#FBFDB4;
border:solid 2px #FBFDB4;
padding: 5px;
font-weight:bold;
}