/* CSS Document */
*		{ margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline;	background: transparent;}


/* Layout */
body 		{font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;color:#FFFFFF; font-size:12px; color:#333333; background:url(../img/background.png)}
#page		{ width:1050px; margin:20px auto auto auto; background:url(../img/palms.png) bottom right no-repeat; padding-bottom:100px; }

#corner-top			{background:url(../img/corner_top.png); height:14px}
#corner-bottom		{background:url(../img/corner_bottom.png); height:22px}
#content			{ background:url(../img/content_bg.png); padding:0 22px 0 22px}

#header		{background:url(../img/top.jpg) no-repeat ; height:186px; width:1006px}
#menu		{ padding:12px 0 0 10px; width:600px}
#menu ul	{ width:600px}
#menu ul li	{ list-style:none; display:inline  }
#menu ul li a{ color:#b5b5b5;  background:url(../img/menu-list.png) left no-repeat; padding:0px 20px 0px 20px; height:24px; line-height:24px; display:block; float:left }
#menu ul li a:hover{ color:#fff; background:url(../img/menu-list-hover.png)}
#menu ul li a.current{ color:#fff; background:#498fb3}

.buttons a	{margin:0 ; padding; 0} 

#front .buttons{ height:92px; }
#front		{overflow:hidden; width:100%;}
#front1		{background:url(../img/front1.jpg) no-repeat; width:648px; height:470px; float:left; overflow:hidden}
#front2		{background:url(../img/front2.jpg); width:258px; height:650px; float:left; padding:0 50px 0 30px}
#front h1	{ font:1.8em Verdana, Geneva, sans-serif; margin:10px 0 10px 0; font-weight:bold}
#front h2	{ font:1.6em Verdana, Geneva, sans-serif; margin-bottom:10px; color:#666666; text-transform:uppercase}
#front h3	{ font:1.4em Verdana, Geneva, sans-serif; margin-bottom:10px}
#front .services	{ margin: 50px}
#front  .services ul	{ margin:10px 0 0 170px}
#front  .services li	{list-style:square; margin-bottom:20px; font-size:1.2em; color:#666666; }
#front .welcome	{padding:5px; line-height:1.8em; }
#front .welcome p	{font-size:1.1em}
#front img.mailbox	{ padding:0 10px 10px 0}
#front .monthly		{height:160px; margin-top:10px}

#footer		{margin:10px 0 0 20px; text-align:center}
#footer 		a{ color:#333}
#footer a:hover 	{color: #00A6C8; text-decoration: none;}
.map 		{border:1px solid #989898}
#front2 span	{font-size:.8em; line-height:1.6em}
#inner_buttons_container	{background:#dbd7b2}
#inner		{overflow:hidden; width:100%; padding:10px 10px 30px 10px}
#inner h1	{ font:1.9em Arial, Helvetica, sans-serif; margin:10px 0 10px 0}
#inner h3	{ font:1.2em Arial, Helvetica, sans-serif; margin:10px 0 10px 0}


#ourservices	 {width:700px; margin:auto; overflow:hidden; margin-bottom:50px; }
#ourservices div{float:left; width:350px}
#ourservices div ul	 { padding:0 10px}
#ourservices div ul li{ list-style:outside; margin:10px; line-height:1.3em}

#aboutus	{width:900px; margin:auto; overflow:hidden; margin-bottom:100px; line-height:2em}

#pricing		{ overflow:hidden; width:900px; padding:10px}
#pricing .left		{ float:left; width:450px}
#pricing .right		{ float:left; width:400px; margin-left:50px}
#pricing table	{ text-align:left; margin-bottom:30px}
#pricing table	thead{ }
#pricing table	thead td{ font-size:1.4em; text-align:left; padding:10px; background:#cadee7 }
#pricing table	thead th{ font-size:1.4em; text-align:left; padding:10px; background:#b7ced9 }
#pricing table	td{font-size:1.2em; background:#efefef; padding:10px }
#pricing table	td span{ font-size:.8em}
#pricing ul{padding-left:20px; padding-right:30px}
#pricing li{ margin-bottom:10px}

#contact		{overflow:hidden}
#contact h2		{font:1.6em Arial, Helvetica, sans-serif; color:#333}
#contact .left	{float:left; width:500px; margin-right:20px}
#contact .left img{ padding:5px; margin-bottom:20px}
#contact .left p  {line-height:1.6em}
#contact .right	{float:left; width:400px;}
#contact label	{margin-bottom:5px; display:block}
#contact .field{border:1px #999 solid; padding:4px; display:block; width:250px; background:url(../img/button_bg.jpg) repeat-x  }
#contact .submit{background:url(../img/button.jpg) no-repeat; width:130px ; height:33px; line-height:33px}
#contact .submit:hover	{color:#930; cursor:pointer}

label.error { float: none; color: #c14111; padding-left: 0; padding-top:5px; vertical-align: top; }

/* Links */
#content a	{color: #00A6C8;}
a:link 		{color: #FFFFFF; text-decoration: none;}
a:visited 	{color: #FFFFFF; text-decoration: none;}
a:active 	{color: #FFFFFF; text-decoration: none;}
a:hover 	{color: #00A6C8; text-decoration: none;}

p			{margin-bottom:10px}
h2			{margin-bottom:10px}

.clear		{clear:both}

.maplink img{
border: 1px solid #ccc;
}

.maplink:hover img{
border: 1px solid #bb654a;
}

.summer
{
background:url(../img/top5.jpg) no-repeat;width:290px; float:left; 
text-align:center;
font-weight:bold;
font-size:20px;
min-height:50px;
padding-top:10px;
}
.especiales
{
color:#728FCE;
font-weight:bold;
font-size:14px;
}
.summer-texto
{
float:left;
padding-top:10px; 
padding-left:15px;
width:250px;
color:#728FCE;
font-weight:bold;
font-size:13px;
text-align:center;
}
.location
{
padding-left:15px; 
}