@charset "utf-8";

/* BASE STYLING */
body {
	margin: 0;
    padding: 0;
    background-color: #292222;
    color: #e1c593;
    font-family: Arial, Helvetica, sans-serif;
}
h1, h2 {
	margin: 5px;
    color: #ffe779;
    font-weight: bold;
}
h1 {
	font-size: large;
}
h2 {
	font-size: 100%;
}
a {
	color: #ffa02f;
    text-decoration: none;
}
a:hover, a:focus, a:active {
	color: #00c33e;
}
input, select {
	color: #000000;
}
input, select, form {
	margin: 0;
    padding: 0 auto;
}
p {
	margin: 5px;
}
img, div {
	margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
}
form {
	overflow: hidden;
}
hr {
	width: 100%;
	height: 0px;
	margin: 0;
	padding: 0;
	border: 0 none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #382d2d;
	line-height: 0px;
	overflow: hidden;
}
.top {
	vertical-align: top;
}
.mid {
	vertical-align: middle;
}
.bot {
	vertical-align: bottom;
}
.small {
	font-size: small;
}
.large {
	font-size: large;
}
p, span, small, large, b, i, a, img, h1, h2, h3, label {
	background-color: transparent;
}

/* ELEMENT STYLING */
.red {
	color: #ff7364;
}
.green {
	color: #65e048;
}
.emph {
	color: #ffe779;
    font-weight: normal;
}
.normal {
	color: #E1C593;
    font-weight: normal;
}
div.img div {
	margin: 5px;
}
.imgblock img {
	border: 1px solid #E1C593;
}

/* FORMS */
input[type="text"], input[type="password"], select, textarea {
	border: 1px solid #000000;
}
input[type="submit"] {
    background-color: #fff199;
	color: #000000;
    font-weight: bold;
    border-width: 2px;
}

/* UI STYLE */
#header {
	background: #9d4614;
	height: 54px;
    border-bottom: 1px solid #462c1d;
}
div.divider {
	background: url('http://fcmstatic.co.za/mobile/images/320/divider.jpg') repeat-x 0 0 scroll;
    height: 27px;
    border-top: 1px solid #955730;
    border-bottom: 1px solid #29180a;
    line-height: 27px;
    font-size: small;
}
div.divider p {
	margin: 0 5px;
}
div.divider_shadow_up {
	background: url('images/shadow.jpg') 0 0 scroll repeat-x;
    height: 5px;
    line-height: 5px;
}
div.divider_shadow_down {
	background: url('images/shadow.jpg') 0 100% scroll repeat-x;
    height: 5px;
    line-height: 5px;
}

/* CONTENT AREA */

.block_top {
	border-bottom: 1px solid #000000;
	overflow: hidden;
}
.block {
	border-top: 1px solid #382d2d;
	border-bottom: 1px solid #000000;
	overflow: hidden;
}
.block_bot {
	border-top: 1px solid #382d2d;
	overflow: hidden;
}
.line {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #382d2d;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}
.notify_info {
	color: #ffec93;
}

/* NAVIGATION MENU */
ul.menu {
	list-style: none outside none;
    padding: 0;
    margin: 0;
}
ul.menu li {
	display: block;
    overflow: hidden;
}
.menubtn_top {
	border-bottom: 1px solid #000000;
}
.menubtn {
	border-top: 1px solid #382d2d;
    border-bottom: 1px solid #000000;
}
.menubtn_bot {
	border-top: 1px solid #382d2d;
}

/* BIZ DIRECTORY */
.map_controls a{
	color: #241B18;
	background: #ffa02f;
}
.map_controls a:hover, .map_controls a:focus, .map_controls a:active {
	color: #241B18;
	background: #00c33e;
}
.map_controls b{
	color: #241B18;
	background: #E1C593;
}

/* CAPE PROPERTY */
.gallery_controls a{
	color: #241B18;
	background: #ffa02f;
}
.gallery_controls a:hover, .map_controls a:focus, .map_controls a:active {
	color: #241B18;
	background: #00c33e;
}
.gallery_controls b{
	color: #241B18;
	background: #E1C593;
}

/* FOOTER */
#footer {
	font-size: small;
}