body    { background-color: #000; text-align: center; margin: 0; padding: 0 }
#container    { background-repeat: repeat-x; text-align: left; margin: 0 auto; padding: 0; width: 950px }
#banner   { background-image: url("air-con-images/coolzone-aircon-banner.jpg"); margin: 0; padding: 0; width: 950px; height: 130px }
#navblock { margin: 0 0 20px; padding: 0; width: 950px; height: 30px; float: left; clear: both }
#bodyleft    { display: inline; margin: 0 20px 0 0; padding: 0; width: 280px; float: left; clear: both }
#content { display: inline; margin: 0; padding: 0; width: 650px; float: left }
#copycontent { display: inline; margin: 0; padding: 0; width: 650px; float: left }
#copycontent h1 { color: #9cf; font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: bold; line-height: 23px; margin: 0; padding: 0 0 0 }
#contactform  { background-color: #000; margin: 10px 0 0; padding: 5px; width: 268px; float: left; clear: both; border: solid 1px #036 }
#footer      { background-image: url("air-con-images/coolzone-aircon-footer.jpg"); margin: 20px 0 0; padding: 50px 0 0; width: 950px; height: 50px; float: left; clear: both }
#bodyleft h1    { color: #9cf; font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: bold; line-height: 23px; margin: 5px 0 0; padding: 0 }
#bodyleft h2 { color: #fff; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: bold; line-height: 20px; margin: 0; padding: 0 0 0 }
#bodyleft p   { color: #fff; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; line-height: 18px; margin: 0; padding: 10px 0 0 }
#bodyleft p a:link { color: #9cf; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; line-height: 18px; text-decoration: none; margin: 0; padding: 10px 0 0; border-bottom: 1px dotted #fff }
#bodyleft p a:visited { color: #9cf; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; line-height: 18px; text-decoration: none; margin: 0; padding: 10px 0 0; border-bottom: 1px dotted #fff }
#bodyleft p a:hover { color: #cff; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; line-height: 18px; text-decoration: none; margin: 0; padding: 10px 0 0; border-bottom: 1px solid #fff }
#bodyleft p a:active { color: #9cf; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; line-height: 18px; text-decoration: none; margin: 0; padding: 10px 0 0; border-bottom: 1px dotted #fff }
#bodyleft ul { color: #9cf; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica; line-height: 16px; list-style-type: square; list-style-position: outside; display: list-item; margin: 0 0 0 1.25em; padding: 5px 0 0 }
.freebold { color: #fff; font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: bold; line-height: 28px; background-color: #9cf; margin: 20px 0 0; padding: 0 3px }
#content h1    { color: #9cf; font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: bold; line-height: 28px; margin: 5px 0 0; padding: 0 0 10px }
#content h2   { color: #fff; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: normal; line-height: 20px; margin: 0; padding: 0 }
#content p    { color: #fff; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; line-height: 18px; margin: 10px 0 0; padding: 10px 0; border-top: 1px dotted #9cf }
.contenttitle  { color: #9cf; font-size: 28px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: bold; line-height: 30px; margin: 0 0 10px; padding: 0 }
.contenthead   { color: #9cf; font-size: 15px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: bold; line-height: 20px; margin: 0 0 10px; padding: 5px 0; border-top: 2px solid #fff; border-bottom: 1px dotted #9cf }
.contentbody  { color: #fff; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; line-height: 18px; margin: 0 0 10px; padding: 0 0 10px }
#content p a:link { color: #fff; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; line-height: 18px; text-decoration: none; margin: 10px 0 0; padding: 10px 0 0; border-bottom: 1px solid #9cf }
#content p a:visited { color: #fff; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; line-height: 18px; text-decoration: none; margin: 10px 0 0; padding: 10px 0 0; border-bottom: 1px solid #9cf }
#content p a:hover { color: #9cf; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; line-height: 18px; text-decoration: none; margin: 10px 0 0; padding: 10px 0 0; border-bottom: 1px solid #fff }
#content p a:active { color: #fff; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; line-height: 18px; text-decoration: none; margin: 10px 0 0; padding: 10px 0 0; border-bottom: 1px solid #9cf }
.telnos  { color: #9cf; font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica; line-height: 18px; margin: 0; padding: 0 0 10px }
#contactform h1    { color: #9cf; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: bold; line-height: 20px; margin: 0 0 0; padding: 0 }
#contactform h2  { color: #fff; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica; font-weight: normal; line-height: 14px; text-align: left; margin: 5px 0 5px 0; padding: 0 }
#contactform p  { color: #fff; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica; line-height: 18px; text-align: right; margin: 0 10px 0 0; padding: 0 0 0 }
#footer p   { color: #fff; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica; line-height: 18px; margin: 0; padding: 0 0 0 }
.navigation            { font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica; font-style: normal; font-variant: normal; font-weight: normal; background-image: url("air-con-images/coolzone-aircon-nav-bg.jpg"); background-repeat: repeat-x; background-attachment: scroll; background-position: center; margin: 0; padding: 0; width: 100%; float: left; overflow: hidden }

.navigation li    { display: inline; margin: 0; padding: 0 }
.navigation li a     { color: white; text-decoration: none; padding: 9px 11px; float: left; border-right: 1px solid #000 }
.navigation li a:visited  { color: white }
.navigation li a:hover, .navigation li .current           { color: #fff; background: url("air-con-images/coolzone-aircon-nav-bg-on.jpg") repeat-x center }