html { height: 100%}

body { margin:0px; background-image: url(../images/bg-main.jpg); background-repeat: repeat-x;}

ul { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }
ol { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }

h1 { font-family: "Times New Roman", Times, serif; color:#336699; font-size: 26px; margin: 0px; padding-left: 20px; font-weight: normal; }
h2 { font-family: "Times New Roman", Times, serif; color:#336699; font-size: 14px; margin: 0px; padding-left: 20px; font-weight: bold; }

.highlight { font-family: Arial, Helvetica, sans-serif, Times, serif; color:#336699; font-size: 11px; padding-left: 20px; font-weight: bold; }

#container { width: 976px; margin-left: auto; margin-right: auto; }

#header { height: 130px; background-image: url(../images/header.jpg); background-repeat: no-repeat; }
#header .logo { height: 70px; width: 340px; margin-left: 70px; display: block; }

a { color: #006699; text-decoration:none;}
a:visited { color: #006699; text-decoration:none;}
a:hover { color: #333333; text-decoration:underline;}

#menu { width: 976px; }
#menu ul {	list-style-type: none; margin: 0px; padding: 0px; }
#menu ul li { text-indent: -9999px; overflow: hidden; display: inline; float: left; }
#menu-01 a { width: 205px; display: block; height: 40px; background-image: url(../images/menu/link-01.jpg); }
#menu-01 a:hover { background-position: center -42px; }
#menu-02 a { width: 141px; display: block; height: 40px; background-image: url(../images/menu/link-02.jpg); }
#menu-02 a:hover { background-position: center -42px; }
#menu-03 a { width: 104px; display: block; height: 40px; background-image: url(../images/menu/link-03.jpg); }
#menu-03 a:hover { background-position: center -42px; }
#menu-04 a { width: 122px; display: block; height: 40px; background-image: url(../images/menu/link-04.jpg); }
#menu-04 a:hover { background-position: center -42px; }
#menu-05 a { width: 100px; display: block; height: 40px; background-image: url(../images/menu/link-05.jpg); }
#menu-05 a:hover { background-position: center -42px; }
#menu-06 a { width: 80px; display: block; height: 40px; background-image: url(../images/menu/link-06.jpg); }
#menu-06 a:hover { background-position: center -42px; }
#menu-07 a { width: 143px; display: block; height: 40px; background-image: url(../images/menu/link-07.jpg); }
#menu-07 a:hover { background-position: center -42px; }
#menu-08 a { width: 81px; display: block; height: 40px; background-image: url(../images/menu/link-08.jpg); }
#menu-08 a:hover { background-position: center -42px; }

#left-page { width: 770px; float: left; }
#left-page #banner { height: 220px; }
#left-page #content { height: auto; background-image:url(../images/bg-left-page.jpg); background-color: #FFF; background-repeat: repeat-x; }
#left-page #content table { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; margin: 0px; padding-left: 20px;text-align: justify; }
#left-page #project-logo { float: left; height: 160px; width: 160px; padding-left: 20px; }
#left-page #txt { float: right; height: 160px; width: 500px; padding-left: 20px; }
#left-page #content p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; margin: 0px; padding-left: 20px; padding-right: 30px; padding-top: 10px; text-align: justify; }

#left-page #featured { height: auto; background-color: #FFF; }
#left-page #featured #left-column { background-image:url(../images/bg-column.jpg); background-color: #FFF; background-repeat: no-repeat; width: 190px; padding-right: 2px; background-position: top right; margin-top: 20px; float: left; }
#left-page #featured #right-column { background-image:url(../images/bg-column.jpg); background-color: #FFF; background-repeat: no-repeat; width: 190px; padding-right: 2px; background-position: top left; margin-top: 20px; float: right; }
#left-page #featured p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; margin: 0px; padding-left: 20px; padding-right: 12px; padding-top: 10px; text-align: justify; }
#left-page #featured #logo { height: 100; width: 140px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 10px; }
#left-page #featured #left-image { background-color: #FFF; width: 176px; padding-left: 14px; margin-top: 20px; float: left; }
#left-page #featured #right-image { background-color: #FFF; width: 176px; padding-right: 12px; margin-top: 20px; float: right; }

#right-page { width: 206px; float: right; }
#right-page form { padding-left: 20px; }
#right-page #textfield { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }
#right-page #submit { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }
#right-page h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; margin: 0px; padding-top: 10px; padding-bottom: 4px; padding-left: 20px; font-weight: bold; }

#right-page #first-row { background-color: #000f08; height: 60px; }

#right-page #second-row { background-color: #000f08; height: 200px; background-image: url(../images/bg-property-search.jpg); background-repeat: no-repeat; }
#right-page #second-row p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; margin: 0px; padding-top: 2px; }
#right-page #second-row div.submit { float: right; padding-right: 20px; }

#right-page #third-row { background-image: url(../images/bg-contact-us.jpg); background-repeat: no-repeat; background-color: #53a575; height: 160px; }
#right-page #third-row #call { float: left; background-image: url(../images/icn-call.gif); height: 50px; width: 50px; width: 60px; background-position: right; background-repeat: no-repeat; }
#right-page #third-row #email { float: left; background-image: url(../images/icn-email.gif); height: 50px; width: 50px; width: 60px; background-position: right; background-repeat: no-repeat; }
#right-page #third-row #text { float: right; width: 140px; margin: 0px; }
#right-page #third-row #text .title { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; font-weight: bold; }
#right-page #third-row #text .details { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #004823; font-weight: bold; }
#right-page #third-row #text .white { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; }

#right-page #fourth-row { background-color: #53a575; background-image: url(../images/bg-latest-news.jpg); background-repeat: no-repeat; }
#right-page #fourth-row p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; margin: 0px; padding-top: 2px; padding-left: 20px; padding-right: 30px; }
#right-page #fourth-row .white { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; font-weight: bold; }

#right-page #fifth-row { background-color: #FFF; background-image: url(../images/bg-road-show.jpg); background-repeat: no-repeat; height: 200px; }
#right-page #fifth-row p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; margin: 0px; padding-top: 2px; padding-left: 20px; padding-right: 30px; }
#right-page #fifth-row .green { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #319a00; font-weight: bold; }
#right-page #fifth-row h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; margin: 0px; line-height: 34x; padding-left: 20px; font-weight: bold; }

#clear { clear: both; }

#footer { height: 100px; background-image: url(../images/bg-footer.jpg); background-position: bottom; background-repeat: repeat-x; clear: both; }
#footer #content { margin-left: auto; margin-right: auto; width: 976px; padding-top: 60px; }
#footer p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; margin: 0px; padding-left: 20px; padding-top: 12px; }

img { border-top-style: none; border-right-style: none;	border-bottom-style: none; border-left-style: none; }

#content-wide { height: 580px; background-image:url(../images/bg-left-page.jpg); background-color: #FFF; background-repeat: repeat-x; }
#content-wide table { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; margin: 0px; margin-left: auto; margin-right: auto; }
#menu-blank { width: 976px; height: 40px; background-image: url(../images/bg-menu.jpg); }
.footer-padding { padding-left: 580px; }
.footer-padding a:link { color: #FFF; text-decoration:none;}
.footer-padding a:visited { color: #FFF; text-decoration:none;}
.footer-padding a:hover { color: #FFF; text-decoration:underline;}
