@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0px;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: central;
	list-style-type: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
background: #c2c6ba;
}


h1{
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-transform: uppercase;
}
body {
	text-align: center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

#container {
	width: 1200px;
	height: auto;
	text-align: center;
	background: white;
	border: 2px solid #484f48;
	margin: 0 auto;
}
#header {
	text-align: left;
	background: url(images/headBG.png);
	height: 347px;
	
}

#header #topbar {
	width: 1200px;
	height: 5px;
	background: #484f48;
}


#navbar {
background-color: white;
width: 1200px;
height: 100px;
margin: 0 auto;

}

ul#nav{
font-family: "Times New Roman", Times, serif;

font-size: 14px;
list-style: none;
margin: 0 auto;
padding-left: 5px;
padding-right: 5px;
overflow: auto;
width: 1000px;
padding-top: 20px;
padding-bottom: 20px;
}

ul#nav li {
display: inline;

	
}

ul#nav li#contactBTN a {
text-decoration: none;
color: #484f48;
display: block;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 12px;
padding-top: 12px;
background: url(images/btnup.png);
text-align: center;
float: left;
margin: 10px;
}

ul#nav li#propertiesBTN a {
text-decoration: none;
color: #484f48;
display: block;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 12px;
padding-top: 12px;
background: url(images/btnup.png);
text-align: center;
float: left;
margin: 10px;
}

ul#nav li#home a {
text-decoration: none;
color: #484f48;
display: block;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 12px;
padding-top: 12px;
background: url(images/btnup.png);
text-align: center;
float: left;
margin: 10px;
}

ul#nav li#ppBTN a {
text-decoration: none;
color: #484f48;
display: block;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 12px;
padding-top: 12px;
background: url(images/btnup.png);
text-align: center;
float: left;
margin: 10px;
}

ul#nav li#tosBTN a {
text-decoration: none;
color: #484f48;
display: block;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 12px;
padding-top: 12px;
background: url(images/btnup.png);
text-align: center;
float: left;
margin: 10px;
}

ul#nav li#home a:hover {
background: url(images/btnover.png);
color: white;
}
ul#nav li#contactBTN a:hover {
background: url(images/btnover.png);
color: white;
}
ul#nav li#propertiesBTN a:hover {
background: url(images/btnover.png);
color: white;
}

ul#nav li#ppBTN a:hover {
background: url(images/btnover.png);
color: white;
}
ul#nav li#tosBTN a:hover {
background: url(images/btnover.png);
color: white;
}

#headline {
	background-color: white;
	height: 50px;
	color: #484f48;
	text-align: center;
}






#content {
	background: white;
	height: auto;
	width: 1200px;
	float: left;
}


#main {
	width: 750px;
	height: 650px;
	margin-left: 15px;
	margin-right: 5px;
	background-color: #82916E;
	border: 1px solid #383d38;
	float: left;
	text-align: center;
	margin-right: 0px;
	padding-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 10px;	
}
#main img {
padding-left: 10px;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 5px;
float: left;	
}
#main p {
	color: #FFFFFF;
	text-align: left;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 18px;
}
#main #punchline {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 24px;
}
#main p.address {
text-align: center;
color: white;	
}
#main h3 {
	color: #FFFFFF;
	text-transform: uppercase;
	size: 16px;
	text-align: center;
	margin-left: 10px;
}
#main h4 {
	color: #FFFFFF;
	text-transform: uppercase;
	size: 10px;
	text-align: center;
}
#main p.habla {
	font-style: italic;
	font-size: 14px;
	
}
#properties {
background: white;
height: 650px;
width: 1200px;
overflow: scroll;	
overflow-y: hidden;
}

/* SIDEBAR CSS BEGIN */
#sidebar {
	width: 400px;
	height: 650px;
	margin-right: 15px;
	background-color: #b3bca8;
	float: right;
	padding-top: 10px;
	border: 1px solid #383d38;
	padding-bottom: 10px;
	
}

#sidebar h2{
	padding-bottom: 5px;	
}

#sidebar img {
	border: 1px solid white;
	padding: 1px;
	margin-bottom: 5px;
	margin: 2px;	
}

#sidebar #thumb {
	margin: 2px;		
}

#sidebar p {
text-align: center;
line-height: 25px;	
padding-right: 10px;
color: #546254;
}

#sidebar a {
text-decoration: none;
color: #546254;	
}


/* FOOTER CSS BEGIN */
#footer {
	width: 1200px;
	height: 50px;
	background: #546254;
	text-align: center;
	padding-top: 25px;
	color: white;
}



/* CONTACT CSS BEGIN */
#contact {
	width: 830px; 
	margin: 30px auto; 
	padding: 60px 30px;
	background: #82916e; 
	border: 2px Solid #546254;
}

#contact h3 {
padding-bottom: 40px;	
margin-top: -20px;
}
#contact p {
	color: #484f48;
	text-align: center;
	margin-top: 5px;
	margin-left: 10px;
}
	
label {
	float: left; clear: left; margin: 11px 20px 0 0; width: 95px;
	text-align: right; font-size: 16px; color: #445668; font-weight: bold;
	text-transform: uppercase; text-shadow: none;
}


input {
	width: 260px; height: 35px; padding: 5px 20px 0px 20px; margin: 0 0 20px 0; 
	background: #c2c6ba;
	background: -moz-linear-gradient(top, #c2c6ba 0%, #c2c6ba 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c6ba), color-stop(20%,#c2c6ba)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	
	font-family: sans-serif; font-size: 16px; color: #3d5a3d;  
}
	input::-webkit-input-placeholder  {
    	color: #a1b2c3;   
	}
	input:-moz-placeholder {
	    color: #a1b2c3;  
	}

textarea {
	width: 260px; height: 170px; padding: 12px 20px 0px 20px; margin: 0 0 20px 0; 
	background: #c2c6ba;
	background: -moz-linear-gradient(top, #c2c6ba 0%, #c2c6ba 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c6ba), color-stop(20%,#c2c6ba)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	
	font-family: sans-serif; font-size: 16px; color: #3d5a3d;  
}
	textarea::-webkit-input-placeholder  {
    	color: #a1b2c3;   
	}
	textarea:-moz-placeholder {
	    color: #c2c6ba;  
	}
	
input:focus, textarea:focus {
	background: #c2c6ba;
	background: -moz-linear-gradient(top, #c2c6ba 0%, #c2c6ba 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c6ba), color-stop(20%,#c2c6ba)); /* webkit */
}

input[type=submit] {
	width: 185px; height: 52px; float: right; padding: 10px 15px; margin: 0 15px 0 0;
	
	border: 1px solid #556f8c;
	background: -moz-linear-gradient(top, #c2c6ba 0%, #415D79 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c6ba), color-stop(100%,#3d5a3d)); /* webkit */
	cursor: pointer;
}
pre {
  border:1px solid #000;
  overflow-x:auto;
  background: white;
  color: #fff;
  text-shadow: none;
}

.wrapper {
    max-width: 1070px;
    padding: 0 20px 40px 20px;
    margin: auto;
}


/* ADMIN CSS BEGIN */
#admin {
	width: 830px; 
	margin: 30px auto; 
	padding: 60px 30px;
	background: #82916e; 
	border: 2px Solid #546254;
}

#admin h3 {
padding-bottom: 40px;	
margin-top: -20px;
}
#admin p {
	color: #484f48;
	text-align: center;
	margin-top: 5px;
	margin-left: 10px;
}
	
label {
	float: left; clear: left; margin: 11px 20px 0 0; width: 150px;
	text-align: left; font-size: 16px; color: #445668; font-weight: bold;
	text-transform: uppercase; text-shadow: none;
}

input {
	width: 560px; height: 35px; padding: 5px 20px 0px 20px; margin: 0 0 20px 0; 
	background: #c2c6ba;
	background: -moz-linear-gradient(top, #c2c6ba 0%, #c2c6ba 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c6ba), color-stop(20%,#c2c6ba)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	
	font-family: sans-serif; font-size: 16px; color: #3d5a3d;  
}
	input::-webkit-input-placeholder  {
    	color: #a1b2c3;   
	}
	input:-moz-placeholder {
	    color: #a1b2c3;  
	}
table
{
    width: 100%;
    position: inherit;
}
 td, th {
     border: 2px solid #c2c6ba;
     padding: 15px;
     vertical-align: middle;
      text-align: left;
     font-family: sans-serif; font-size: 16px; color: #445668; font-weight: bold;
 }

 th {
     background-color: #445668;
     font-family: sans-serif; font-size: 16px; color: #c2c6ba; font-weight: bold;
      text-align: center; 
 }

Header 
{
    position: inherit;
	text-align: center; font-size: 26px; color: #445668; font-weight: bold;
	text-transform: uppercase;
}
textarea {
	width: 560px; height: 170px; padding: 12px 20px 0px 20px; margin: 0 0 20px 0; 
	background: #c2c6ba;
	background: -moz-linear-gradient(top, #c2c6ba 0%, #c2c6ba 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c6ba), color-stop(20%,#c2c6ba)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	
	font-family: sans-serif; font-size: 16px; color: #3d5a3d;  
}
	textarea::-webkit-input-placeholder  {
    	color: #a1b2c3;   
	}
	textarea:-moz-placeholder {
	    color: #c2c6ba;  
	}
	
input:focus, textarea:focus {
	background: #c2c6ba;
	background: -moz-linear-gradient(top, #c2c6ba 0%, #c2c6ba 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c6ba), color-stop(20%,#c2c6ba)); /* webkit */
}
input[type=file] {
	width: 560px; height: 35px;  padding: 0px 0px; margin: 0 15px 0 0;
	
cursor: pointer;
}

input[type=submit] {
	width: 185px; height: 52px; float: right; padding: 10px 15px; margin: 0 15px 0 0;
	
	border: 1px solid #556f8c;
	background: -moz-linear-gradient(top, #c2c6ba 0%, #415D79 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c6ba), color-stop(100%,#3d5a3d)); /* webkit */
	cursor: pointer;
}

pre {
  border:1px solid #000;
  overflow-x:auto;
  background: white;
  color: #fff;
  text-shadow: none;
}

.wrapper {
    max-width: 1070px;
    padding: 0 20px 40px 20px;
    margin: auto;
}