/* This stylesheet details the generic visual characteristics for the realtor site */
/* It imports for CSS templates customized on the client needs */

@import url(color/borders.css);
@import url(color/backgrounds.css);
@import url(color/buttons.css);
@import url(color/text_colors.css);
@import url(nav.css);

/* General characteristics of the fonts used in the whole website */
body, form, select, option, input, textarea, div, p, table, td, h1, h2, h3, h4, ul, br
	{
	font-family:Verdana, Arial,sans-serif;
	}

/*Standard text size*/
p, td, div, li
	{
	font-size: 11px;
	}


h1, h2, h3
	{
	margin:0px;
	}

h1
	{
	font-size:20px;
	}

h2
	{
	font-size:16px;
	}

/* Center site */	
body 
	{
	margin:3px 0px 3px 0px;
    text-align:center;  
 	}

div#site {
    text-align:left;  
    margin:0px auto;      
    padding:0px;
	width:984px; /* Predefined width for a 1024 x 768 screen */
    border:1px solid #999999 /* Page border color */
  }

/* Additional margin parameters for the text and forms */
h1,h2,h3,p
	{
	margin:0px;
	padding:0px;
	}

form
	{
	margin:0px;	
	}

/* Site header: information about the real state agent. Generally as an image or a flach animation*/

#head
	{
	height:138px;
	border-bottom:1px solid #ffffff;
	}

#head table
	{
	height:138px;
	width:100%;
	}

#head td
	{
	vertical-align:middle;
	}

#logo
	{
	width:205px;
	}

#logo_bg
	{
	width:145px;
	margin-left:30px;
	background-color:#FFFFFF;
	text-align:center;
	padding:9px 0px;
	}


#head_title
	{
	width:349px;
	}

#head_title h2
	{
	font-size:26px;
	padding-right:9px;
	line-height:100%;
	}

#head_title h3
	{
	font-size:14px;
	padding-right:9px;
	}

#banner
	{
	width:430px;
	}

#head2
	{
	height:139px;
	background-image:url(../img/head_es.jpg);
	background-repeat:no-repeat;
	}


/* Left Column: the main menu is located on the left side of the webpage */
#left_col
	{
	width:158px;
	padding-bottom:15px;
	vertical-align:top;
	}

/* Central menu: this is where the "about me" and the "contact me" options are located */
#main_col
	{
	width:825px; /*Predefined width for a 1024 x 768 screen */
	vertical-align:top;
	padding-left:1px;
	}

div#content
	{
	width:780px; /* Predefined width for a 1024 x 768 screen */
	padding:0px 0px 5px 0px;
	margin:20px auto 20px auto;
	}

	
/* Footer Specifications */
#foot
	{
	height:30px;
	width:100%;
	}

#foot td
	{
	height:30px;
	width:30%;
	padding:0px 5px 0px 5px;
	}

/* Personal info and contact box, located below the navigation menu */
#pers_box
	{
	width:147px;
	margin:2px 0px 0px 5px;
	}

#ag_img
	{
	width:147px;
	}

#name_slogan
	{
	width:147px;
	}
	
#name_slogan div
	{
	padding:5px;
	}

#name_slogan p
	{
	margin-top:6px;
	padding-top:5px;
	border-top:1px dashed #ffffff;
	}

#name_slogan span
	{
	display:block;
	}

#name_slogan img
	{
	margin:5px auto 0px auto;
	display:block;
	width:137px;
	}

.inner_template
	{
	width:696px;
	margin:0px auto;
	}

#inner_temp_head
	{
	font-size:18px;
	font-weight:bold;
	border-bottom-width:1px;
	border-bottom-style:solid;
	}

.inner_temp_cont
	{
	vertical-align:top;
	}

#inner_temp_intro
	{
	margin-top:5px;
	padding:15px;
	margin-bottom:10px;
	}

.inner_temp_img
	{
	width:255px;
	text-align:right;
	vertical-align:top;
	}