/* GENERAL STYLES ************************/

* {padding: 0; margin: 0;}
.clear {display: block; clear: both;}
body {font: 1em Arial, Helvetica, sans-serif; background: url(../images/body_bg.jpg) repeat-y center #281708; text-align: center; color: #fff;}
a img {border: 0;}
#col_middle img, #col_left img, #col_right img {margin: 5px 0; border: 1px solid #ccc;}
.thumbs a img {width:22%; margin-right: 5px; border: 1px solid #ccc;}
#contentleft .agents {margin-top: 20px;}
#preview1, #preview2, #preview3, #preview4, #preview5, #preview6, #preview7, #preview8, #preview9 {margin-bottom: 10px;}
.title {margin-top: 10px; margin-bottom: 5px;}
.homeimage {margin-left: 10px; margin-bottom: 10px; margin-top: 10px;}

/* TEXT STYLES ************************/

.large {font-size: 1.5em;}
h1, h2, h3, h4, h5, h6 {}
h2 {margin-bottom: 10px; margin-left: 20px;}
h3 {font: 14px Arial, Helvetica, sans-serif; font-weight: bold; text-align:center; color: #F00; margin-bottom: 20px;}
p /* STANDARD PARAGRAPH STYLE */{margin-bottom: 10px; line-height: 135%;}
#footer p {padding-top: 10px; font-size: 0.8em;}
#header h1 {display: none;}
#col_left h3, #col_middle h3, #col_right h3 {font-weight: normal;}
#col_left p, #col_middle p, #col_right p {padding-right: 10px; font-size: 0.9em;}
h4 {font-size: 1em; color: #ccc;}

/* LIST STYLES *************************/

ul {list-style: inside;}
li {margin-bottom: 10px; color: #fff;}
#nav li /* NAVIGATION STYLE */{display: inline; margin-right: 15px;}

/* LAYOUT DIVS *************************/

#container {width: 1014px; height: auto; margin: 0 auto; text-align: left;}
#header {width: 100%; height: 413px; background: url(../images/header_bg.jpg) no-repeat;}
#nav {padding: 350px 0 0 155px; width: 80%; height: auto;}
#content {float: left; width: 92%; background: url(../images/content_bg.jpg) no-repeat center top; min-height: 443px; height: auto; padding:0 40px;}
#homecontent /* CONTAINER FOR HOME PAGE CONTENT */{width: 760px; margin-left: 10px; float: right;}
#contentleft {float: left; width: 45%; display: inline; margin-left: 20px;}
#contentright {float: right; width: 45%; display: inline; margin-right: 20px;}
.thumbs{margin: 10px 0;}
#col_left {float: left; width: 30.5%; display: inline; margin-right: 20px; border-right: 1px solid #333; min-height: 400px; margin-left: 20px;}
#col_middle {float: left; width: 30.5%; display: inline; margin-right: 20px; border-right: 1px solid #333; min-height: 400px;}
#col_right {float: left; width: 30.5%; display: inline;}
#footer {border-top: 1px solid #ccc;}


/* LINK STYLES *************************/

a {text-decoration: none; color: #fff; font-weight: bold;}
a:visited {text-decoration: none; color: #fff; font-weight: bold;}
a:hover {color: #ff0000;}
.thumbs a {border: 0;}
#nav a {color: #3300ff; text-decoration: none;}
#nav a:visited {color: #3300ff; text-decoration: none;}
#nav a:hover {color: #333; text-decoration: none;}

/* FORM **/

label {display: block; padding: 10px 0 5px 0;}
input[type=text] {width: 95%; padding: 3px;}
textarea {width: 95%; padding: 3px; height: 100px; font: 0.9em Arial, Helvetica, sans-serif;}
#footer_details {float: left; width: 100%; margin: 0 auto; text-align: centre;}
.details {FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #FFFFFF; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:center}

/* GALLERY **/

#gallery {padding: 10px; float: left; margin: 10px 100px 0px 10px; width: 900px;}
#gallery ul {list-style: none;}
#gallery ul li {float: left; padding: 6px; background: transparent url(../images/shadow.png) no-repeat;}
#gallery ul li:hover {}
#gallery ul li img {border: 5px solid #fff; border-width: 5px 5px 20px;}
#gallery ul li a img:hover {a img:hover; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}

/* GALLERY2 **/

#gallery2 {padding: 10px; float: left; width: 130px;}
#gallery2 ul {list-style: none;}
#gallery2 ul li {float: left; padding: 6px; background: transparent url(../images/shadow.png) no-repeat;}
#gallery2 ul li:hover {}
#gallery2 ul li img {border: 5px solid #fff; border-width: 5px 5px 20px;}
#gallery2 ul li a img:hover {a img:hover; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
