/*-----------------------------------------------------------------------------
Metro Country Club Cascading Style Sheet

author: gustavo santana
e-mail: gusantana@medios.com.do
creation date: 09.02.2007 (DD.MM.YYYY)
last update: 03.10.2007 (DD.MM.YYYY)
-----------------------------------------------------------------------------*/

/* =Layout
-----------------------------------------------------------------------------*/
* { margin: 0; outline: 0; border: 0; padding: 0; }
body { font: 62.5% "Trebuchet MS", sans-serif; color: #444; text-align: center; padding: 15px 0; background: url(../images/bg_azul.jpg) repeat-x; }
h1 { float: left; margin-top: 9px; margin-left: 23px; }
h2 { font-size: 1.2em; text-transform: uppercase; }
h2.section { font-size: 2.1em; color: #64bfed; margin: 0 0 8px 25px; text-transform: capitalize; line-height: 100%; }
h2.property_desc { color: #1a407c; }
h2.property_name { color: #64bfed; margin-bottom: 8px; }
h3 { font-size: 1em; letter-spacing: 0.02em; text-transform: uppercase; }
h3.property { color: #4b7d04; border-bottom: 1px dashed #444; padding-bottom: 1px; margin: 15px 0; }
h3.project_name { line-height: 120%; color: #0085d9; padding-left: 4px; }
h3.related1, h3.related2 { font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.01em; text-transform: capitalize; margin-bottom: 8px; }
h3.related1 { font-size: 1em; color: #95C800; text-transform: uppercase; }
h3.related2 { font-size: 1.1em; font-style: italic; color: #044390; }
h4 { font-size: 1.1em; color: #4B7F00; }

#wrap_out { margin: 0 auto; text-align: left; width: 891px; }
#wrap { float: left; width: 871px; }
#lang { float: left; padding-top: 100px; width: 20px; }
#header { height: 81px; background-image: url(../images/bg_top.gif); }
#content_holder { background-repeat: no-repeat; background-color: #F1F3E6; padding-top: 125px; }

#col1 { float: left; width: 390px; margin: 80px 25px 0 25px; background: url(../images/col1_bg.gif) no-repeat; display: inline; }
#col2 { float: left; width: 190px; margin: 50px 25px 0 0; background: url(../images/col2_bg.gif) no-repeat; display: inline; }
#col3 { float: left; width: 190px; margin: 80px 0 0 0; background: url(../images/col3_bg.gif) no-repeat; display: inline; }

#maincol1, #maincol2, #maincol3 { font-size: 1.2em; line-height: 120%; padding: 20px; }

#maincol1 p { margin-bottom: 15px; }
#maincol1 .news dd p { margin: 0; }
#maincol1 ul { margin-bottom: 15px; margin-left: 20px; }

#maincol2 p { margin-bottom: 15px; }
#maincol2 h3, #maincol2 p { text-align: left; }
#maincol2 img { margin-bottom: 8px; }
#maincol2 .thumb { float: left; margin: 0 6px 8px 0; }

#maincol3 p { margin-bottom: 15px; }
#maincol3 ul { list-style: none; margin-bottom: 16px; }
#maincol3 h4 { font-size: 1em; }
#maincol3 .news_desc { margin-bottom: 10px; border-bottom: 1px dashed #444; padding: 0 4px 6px 4px; }

#project_logo, .project_img { text-align: center; }

#main_photo { margin-bottom: 15px; }
.news { background-color: #F5F7EC; padding: 8px 30px 8px 12px; margin-bottom: 4px; }
.news dt { float: left; clear: left; }
.news dd { margin-left: 80px; }

#cintillo { float: left; background-image: url(../images/bg_cintillo.gif); }
#section_title { font-size: 4em; font-weight: bold; color: #fff; letter-spacing: -0.04em; text-align: right; text-transform: uppercase; background-color: #F1F3E6; padding-right: 40px; }
#maincintillo, #maincintillo2 { font-size: 1.1em; padding: 10px 0; }
#maincintillo { float: left; width: 343px; }
#maincintillo2 { float: left; width: 528px; }
#maincintillo p { margin-right: 20px; }
#maincintillo img { cursor: pointer; float: left; margin-right: 10px; margin-left: 54px; }
#maincintillo2 p { margin-right: 40px; }
#maincintillo2 img { cursor: pointer; float: left; margin-right: 10px; margin-left: 16px; }

#footer { float: left; }


/* =Navigation
-----------------------------------------------------------------------------*/
#nav { float: right; display: inline; margin-right: 20px; }
#nav li { display: inline; list-style: none; }
#nav li a { float: left; font: 1.2em Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 0.01em; margin: 0 2px; }
#nav li a:link, #nav li a:visited { color: #000; }
#nav li a:hover, #nav li a:active { color: #fff; }
#home #mnu_home a,
#aboutus #mnu_aboutus a,
#golfcourse #mnu_golfcourse a,
#realestate #mnu_realestate a,
#newsroom #mnu_newsroom a,
#contactus #mnu_contactus a { color: #fff; }


/* =Links
-----------------------------------------------------------------------------*/
#maincol1 a { font-weight: bold; color: #888; text-decoration: none; text-transform: capitalize; }
#maincol1 a:hover { color: #1a407c; text-decoration: none; }

#maincol2 a { font-weight: bold; color: #3A4C58; text-decoration: none; }

#maincol3 a { display: block; font-weight: bold; text-decoration: none; text-transform: capitalize; line-height: 120%; padding: 2px 4px; }
#maincol3 a:link, #maincol3 a:visited { color: #777; }
#maincol3 a:hover, #maincol3 a:active { color: #fff; background-color: #0086DD; }


/* =Form
-----------------------------------------------------------------------------*/
label { font-weight: bold; margin-bottom: 2px; display: block; }
input, textarea { border: 1px solid #96B36C; }
textarea { width: 142px; height: 70px; }
#maincol2 p.field { margin-bottom: 4px; }


/* =Misc
-----------------------------------------------------------------------------*/
.clear { clear: both; }