/*  
Theme Name: The Trion Towers
Theme URI: http://trion-towers.com
Description: Logo/Design by Brenn Cemanes. Ported to WordPress by Brenn Cemanes
Version: 2.0
Author: Brenn Cemanes
Author URI: http://pinoytayonoh.blogspot.com/
Tags: trion towers, high rise building, robinsons land properties
*/



/* Global Section */

body {
	background:#FFF url(images/bgs.jpg) repeat-x ;       
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 100%;

}

	

a:link    { text-decoration: none;  color: #000; }
a:visited { text-decoration: none;	color: #000; }
a:hover   {	text-decoration: none;	color: #06F; }
a:active  {	text-decoration: none;	color: #000; }
a:focus   { outline: none;}

img { border: none; }





.clear      { clear: both; }
.alignleft  { float: left; margin: 5px; }
.alignright { float: right; margin: 5px; clear: none; }
.aligncenter, div.aligncenter { display: block;  margin-left: auto; margin-right: auto; }
.ads-text    { width: 468px; height: 60px; margin: 20px auto 0 auto;  border: 0px solid #000; }  
.ads-250x250 { width: 250px; height: 250px; float: left; padding: 20px 0 0 18px; border: 0px solid #000; } 
.ads-250-text{ width: 300px; height: 250px; float: left; padding: 20px 0 0 15px; border: 0px solid #000; } 


.call   { color: #03F; font-weight: bolder; }
.design { padding: 34px 0 0 32px; }
.pingbox{ padding:: 5px 0 0 50px; border:1px solid #000; }





#top {

	background: #FFF url(images/top-bgz.jpg) no-repeat center top;	
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 0;	
	position: relative;
}



#topnav-holder {
	width: 905px;
	height: 45px;
	margin: 0 auto;
	border: 0px solid #000;

}


#topnav, #topnav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:2em; } 

#topnav a{ display:block; padding: 10px 10px;  text-decoration:none; font-weight: bold; font-size: 14px; }

#topnav li{ float:left; height: 45px;  position:relative; }

#topnav li.blue a{ color: #0297c3; background:  url(images/trion-navbg.png) no-repeat; }
#topnav li.blue a:hover{ color: #94e3fa;  background:  url(images/trion-navbg.jpg) no-repeat; }

#topnav li.blue1 a{ color: #0297c3; background:  #94e3fa url(images/amisa-navbg.png) no-repeat; }
#topnav li.blue1 a:hover{ color: #94e3fa; background:  #94e3fa url(images/amisa-navbg.jpg) no-repeat; }

#topnav li.blue2 a{ color: #0297c3; background:  #94e3fa url(images/signa-navbg.png) no-repeat; }
#topnav li.blue2 a:hover{ color: #94e3fa; background:  #94e3fa url(images/signa-navbg.jpg) no-repeat; }

#topnav li.orange a{ color: #f86419; background: #febf9f url(images/fort-navbg.png) no-repeat; }
#topnav li.orange a:hover{ color: #febf9f; background: #febf9f url(images/fort-navbg.jpg) no-repeat; }

#topnav li.orange1 a{ color: #f86419; background: #febf9f url(images/magnolia-navbg.png) no-repeat; }
#topnav li.orange1 a:hover{ color: #febf9f; background: #febf9f url(images/magnolia-navbg.jpg) no-repeat; }

#topnav li.green a{ color: #5da309; background: #a0e64b url(images/gateway-navbg.png) no-repeat;  }
#topnav li.green a:hover{ color: #a0e64b; background: #a0e64b url(images/gateway-navbg.jpg) no-repeat;  }

#topnav li.green1 a{ color: #5da309; background: #a0e64b url(images/sonata-navbg.png) no-repeat;  }
#topnav li.green1 a:hover{ color: #a0e64b; background: #a0e64b url(images/sonata-navbg.jpg) no-repeat;  }


.search { position: relative; margin: 0; padding: 15px 0 0 5px;  width:220px;  }
.search input, button { border: none; margin: 0; padding: 0; }
.search input.box { float:left;  background: url(images/roundbox.jpg) no-repeat;  color: #5da309; font-size: 1.5em; width: 170px; height: 28px; text-indent: 5px; line-height: 1.5em; }
.search button.btn { float: left; width: 24px; height: 22px; line-height: 2em;  cursor: pointer; text-indent: -9999px;  background: url(images/searchbutton1.gif) no-repeat;  }





#wrapper {
	background: url(images/wrapper-border.png) repeat-y;
	width: 944px;
	height: auto;
	margin: 0 auto;
	border: 0px solid #000;

}

#bottom {
	background:url(images/bottom-border.png) no-repeat;
	width: 930px;
	height: 14px;
	margin: 0 auto;
}



/* Main Content Section */

#main-content {
	width: 922px;
	height: auto;
	margin: 0 auto;
}

#main-content h2   { padding: 0 0 0 10px; font-size:16px; }
#main-conten  h3   { padding: 0 0 5px 10px; font-size: 10px; color: #000; }
#main-content p    { padding: 5px 10px 0 10px; font-size:12px; }



.left-content { float:left; width: 595px;  height: auto; padding:0; }
.main-left 	  { background: #164973; width: 602px; height: auto; }
.single-page  {  width: 595px; height:auto; margin: 0 0 0 0; }


.single-page ul li { padding: 5px; }
.single-page .contact { margin: 0 0 0 5px; }
.single-page .postmetadata { font-size:10px; font-weight: bold; margin: 20px 0 0 8px; padding:0 0 10px 0; color:#444;   }
.single-page .ezAdsense { visibility:hidden; } 


.archive { background-color: #e5e5e5; margin: 0 0 0 12px; padding: 5px 0; width: 580px;  }
.top-arch { background: url(images/top-arch.png) no-repeat; margin: 0 0 0 12px; width: 580px; height:10px; }
.bot-arch { background: url(images/bot-arch.png) no-repeat; margin: 0 0 25px 12px; width: 580px; height:10px; }




.flash-holder { width: 580px; padding: 10px 11px; border: 0px solid #000; }
.thumb-holder { width: 602px; height:145px;   }
.zero { margin: 0 0 0 12px; width: 580px; height: 33px; border: 0px solid #000; }



.thumb-nail-1 { float: left; background: url(images/residential-Thumbs.jpg) no-repeat; width: 196px; height: 220px; margin:0 1px; border: 1px solid #fff; z-index: 1; }

.thumb-nail-2 { float: left; background: url(images/highrise-Thumbs.jpg) no-repeat ; width: 196px; height: 220px; margin:0 1px; border: 1px solid #fff; z-index: 1; }

.thumb-nail-3 { float: left; background: url(images/resorttype-Thumbs.jpg) no-repeat; width: 196px; height: 220px; margin:0 1px; border: 1px solid #fff; z-index: 1; }



p.trig { width: 160px; color: #fff; margin: 2px 0 10px 5px; font-size:12px; font-weight: normal; }
.tooltip h3      { width: 180px; color: #fff; margin: 5px 0 10px 10px; font-size:18px; font-weight: normal; }
.tooltip p       { width: 175px; line-height: 1.3em; }
.tooltip a       { color:#fff !important; padding: 8px; }
.tooltip a:hover { color: #505252 !important; padding: 8px; }




.right-content {float:right; width: 320px; height: auto; border: 0px solid #000;  }

.logo 		   { background-color: #fff; width: 320px; height: 80px; margin: 0 auto; padding: 10px 0 0 0;  }

.sidebar       { position:relative; width:320px;  height:195px; background:#164973;  }

.sidebar1       { position:relative; width:320px;  height:170px;  }

.zero-interest { position:absolute; top: 10px; right: 0; width: 170px; height: 164px; }

.big-bot       { width:305px;  height:130px; margin:0 auto;   }

.widget        { background: none; list-style: none; }

.widget h2     { width:250px; margin: 5px 0 5px 10px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 14px; }

table { margin: 1em; border-collapse: collapse; }
td, th { padding: .3em; border: 1px #ccc solid; } 

.sponsors_slideshow {
	position: absolute;
	top: 0;
	left:0;
}

.sponsors_slideshow a img { border: 0px solid #fff;  margin:0; padding:0; width: 280px; height: 60px; }


ul#right-menu { width: 270px; height: auto; margin: 0 0 0 5px; padding:0; list-style-type:none; list-style-position:outside; position:relative; border: 0px solid #000; }
ul#right-menu li {background: url(images/list-style-icon.png) no-repeat center left; font-weight: normal; text-decoration: none;  width:295px; border-bottom: 1px dotted #28608e; padding: 4px 5px;    }
ul#right-menu li a{ padding: 0 0 0 19px;  color:#000;  }
ul#right-menu li a:hover{ color:#d58803; width:295px; padding: 0 0 0 19px; }
ul#right-menu .selected a { color:#e65a03; }



/* Calendar Section */

#wp-calendar { background: #ffffff; border: 1px solid #ddd; empty-cells: show; font-size: 14px; margin: 0 0 10px 17px; width: 90%; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; 	text-align: left;  }
#wp-calendar a {display: block; text-decoration: none;   }
#wp-calendar a:hover { background: #e0e6e0; color: #333; }
#wp-calendar caption { color: #000; font-size: 14px; text-align: left; }
#wp-calendar td { color: #666; font-size: 12px; letter-spacing: normal; padding: 2px 0; text-align: center; }
#wp-calendar td.pad:hover { background: #fff; }
#wp-calendar td:hover, #wp-calendar #today { background: #369; color: #FC0; }
#wp-calendar th { font-style: bold; text-transform: capitalize; }



/* Comment Section */

.comments-top{  margin: 25px 0 0 2px; width:600px; height: 29px; }
.comments-template{ margin:0 0 0 2px; padding: 10px 0; width:600px; } 
.comments-template ol{ 	margin: 0; padding: 5px 0 15px; list-style: none;}
.comments-template ol li{ margin: 0 0 0; line-height: 18px; padding: 0 0 10px; list-style:none; }
.comments-template .commentlist li { font-size:11px; color: #DAA052; list-style:none;}
.comments-template h2, .comments-template h3{ font-size: 14px; text-align:center; margin: 0 0 10px 0; }
.commentmetadata{ font-size: 12px; }
.comments-template p.nocomments{ padding: 0; font-size:9px; }
.comments-template textarea{ font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 12px; width: 590px; height: 50px; border: none; }
.comments-template #commentform input { margin: 5px 10px 5px 0; border: none; }


/* Fieldset Section */

fieldset { 	border: 0;  margin: 0; 	padding: 15px 25px; }
fieldset label { width: 20%;  font-weight: bold; font: 80% Verdana, sans-serif; float: left; }
fieldset input, fieldset textarea { width: 75%; float: right; ; margin: 8px auto; }
fieldset .box { width: 15px; float: none; }
fieldset .button { 	font: .75em Arial, Helvetica, sans-serif bold; 	width: 25%; }
fieldset br { clear: both; }



/* Footer Section */

#footer {
	width: 930px;
	height: auto;
	margin: 0 auto;
}

#footer .foot-left {
	float: left;
	width: 600px;
	height: 60px;
	margin: 0 0 0 3px;

}

.foot-left p { margin:0; padding: 15px 0 0 0; font-size: 11px; font-weight: bold; }
.fotnav { padding:0 0 0 40px; }


#footer .foot-right {
	float: right;
	width: 315px;
	height: 60px;
}


.foot-right .footnav ul{ margin:0; padding:0; list-style-type:none; list-style: none; position:relative; } 
.foot-right .footnav li{ float:left; height: 12px; list-style: none; }
.foot-right .footnav a { display:block; padding:0 15px 0 0; color:#333; text-decoration:none; font-weight: bold;  }
.foot-right .footnav a:hover { color: #000; font-weight: bold; }