/*
=================================================================================
WISEINTERNET APPLICATION DEVELOPMENT. ©2008 WISEINTERNET. WWW.WISEINTERNET.COM
All rights reserved. No unauthorised duplication. 
=================================================================================
*/

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Open Sans';
	src:url('fonts/OpenSans-Light-webfont.eot');
	src:url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-Light-webfont.svg#font-name') format('svg'),
		url('fonts/OpenSans-Light-webfont.woff') format('woff'),
		url('fonts/OpenSans-Light-webfont.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
}

@font-face {
	font-family:'Open Sans';
	src:url('fonts/OpenSans-Regular-webfont.eot');
	src:url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-Regular-webfont.svg#font-name') format('svg'),
		url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
		url('fonts/OpenSans-Regular-webfont.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
}

@font-face {
	font-family:'Open Sans';
	src:url('fonts/OpenSans-Italic-webfont.eot');
	src:url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-Italic-webfont.svg#font-name') format('svg'),
		url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
		url('fonts/OpenSans-Italic-webfont.ttf') format('truetype');
    font-style: italic;
    font-weight: 400;
}

@font-face {
	font-family:'Open Sans';
	src:url('fonts/OpenSans-Bold-webfont.eot');
	src:url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-Bold-webfont.svg#font-name') format('svg'),
		url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
		url('fonts/OpenSans-Bold-webfont.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
}

@font-face {
	font-family:'Open Sans';
	src:url('fonts/OpenSans-BoldItalic-webfont.eot');
	src:url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-BoldItalic-webfont.svg#font-name') format('svg'),
		url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
		url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype');
    font-style: italic;
    font-weight: 700;
}
/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;

}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.615;
	color: #666;
    background: #fff;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
figure img
{
    width: 100%;
}
a {
	color:#f58220;
	text-decoration:none;
}
a:hover {
	color:#f58220;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
nav ul
{
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
h1
{
    margin: 0 0 18px;
    font-size: 40px;
    font-size: 4.0rem;
    line-height: 1.1; 
    letter-spacing: -1px;
    font-weight: 300;
    color: #333;
}
h2 {
    margin: 0 0 13px 0;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.2;
    color: #777;
    font-weight: 300;
}
h3 
{  
    margin: 0 0 3px 0;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.2;
    color: #333;
    font-weight: 300;
}
h4 {
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: 300;
}
h5 {
    padding: 1px 0 0 18px;
    margin: 0 0 3px 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;   
    font-weight: 400;
    background: url(/img/ic_arrow_bullet_white_lg.gif) no-repeat left; 
}
h6 {
    margin: 0 0 13px;
    font-size: 14px;
    font-size: 1.4rem;
}
p {
    margin: 0 0 13px 0;
}
ul, ol {
    margin-top: 0;
    margin-bottom: 13px;
}
blockquote
{
    padding: 0 1.8rem;
    margin: 0 1.8rem 2.4rem;
    border-left: 4px solid #777;
}
blockquote > *:last-child
{
    margin-bottom: 0;
}
/*  ---  FORMS  ---  */
input:focus 
{
	outline:0;
	border:1px solid #04A4CC;
}
input[type="search"], input[type="text"], input[type="email"], input[type="tel"], textarea
{
    border: 1px solid #ddd;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    line-height: 2.1rem;
    background: #fbfbfb;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,.2);
    box-shadow: inset 1px 1px 2px rgba(200,200,200,.2);
}
.textbox
{
    display: inline;
    width: 160px;
    max-width: 100%;
    margin: 0;
    color: #777;
    font-family: inherit;
}
.dropdownlist
{
    display: inline;
    width: 300px;
    padding: 5px 5px;
    padding: 0.5rem;
    margin: 0 5px 0 0;
    border: 1px solid #e6e6e6;
    color: #777;
    font-family: inherit;
    background: #fff;
}
textarea, .textarea
{
    max-width: 100%;
}
input[type="radio"]
{
    margin: 3px 6px 0 0;
    position: relative;
    top: 3px;
    cursor: pointer;
}
label
{
    width: 60px;
    float: left;
    line-height: 24px;
}
label span
{
    color: #777;
    font-style: italic;
}
.Message
{
	color: Red;
	display:block;
	padding:0px 10px;
}
/*  ---  Buttons  ---  */
a.button, button, input[type="submit"]
{
    display: inline-block;
    height: 30px;
    padding: 6px 12px;
    border: 0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background: #231f20;
}
a.button:hover, button:hover, input[type="submit"]:hover
{
    background: #000;
}
.enquiry-form
{
}
.enquiry-form header
{
    background: url(/img/bg_enquiry_form_top.gif) no-repeat;
}
.enquiry-form header h4
{
    padding: 0 12px;
    margin: 0;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
}
.enquiry-form > div
{
    padding: 12px;
    background: url(/img/bg_enquiry_form.gif) bottom no-repeat #e6e7e8;
}
.enquiry-form p {
    margin-bottom: 7px;
}
/*  ---  CORE STRUCTURE  ---  */
/*  ---  Site  ---  */
.site 
{
    position:relative;
	margin: 0 auto;
    width: 1060px;
    padding: 0 10px 20px;
    overflow: hidden;
}
/*  ---  Header  ---  */
.header
{
    position:relative;
    height: 240px;
    margin-top: 20px;
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
}
/*  ---  Content  ---  */
.content
{
}
section[role="main"]
{
    float: right;
    width: 770px;
}
section.sidebar
{
    float: left;
    width: 270px;
    padding-right: 20px;
}
/*  ---  Footer  ---  */
.footer
{
    height: 53px;
    padding: 27px 20px 0;
    font-size: 11px;
    font-size: 1.1rem;
    color: #fff;
    background: url(/img/bg_footer.jpg) no-repeat;
}
.footer a
{
    color: #fff;
}
/*  ---  HEADER ELEMENTS  ---  */
.header .logo
{
    padding: 30px 30px 0;
}
.header .logo img
{
    width: 300px;
}
.header .menu
{
    position: absolute;
    top: 0;
    right: 0;
}
/*  ---  SIDEBAR ELEMENTS  ---  */
.side-arrows
{
    padding-top: 5px;
}
.side-services
{
    padding: 20px 20px;
}
.side-services ul
{
    margin: 0;
    padding: 0;
}
.side-services li
{
    padding-left: 20px;
    margin-bottom: 2px;
    color: #ccc;
    list-style: none;
    background: url(/img/ic_arrow_bullet.gif) no-repeat left center;
    
}
.side-telephone
{
    padding: 0 20px 20px 20px;
    color: #ccc;
}
.side-telephone p
{
    margin-bottom: 6px;
    font-size: 11px;
    font-size: 1.1rem;
    color: #ccc;
}
/*  ---  PRE-FOOTER ELEMENTS  ---  */
.property-widget ul
{
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
}
.property-widget ul li
{
    position: relative;
    float: left;
    width: 18.2%;
    margin-right: 2.25%;
}
.property-widget ul li.last
{
    margin-right: 0;
}
.property-widget .caption
{
    padding-left: 14px;
    margin: 6px 0 0 0;
    font-size: 11px;
    font-size: 1.1rem;
    background: url(/img/ic_arrow_bullet_white.gif) no-repeat 0 5px;
}
.property-widget .status
{
    position: absolute;
    top: 50px;
    right: -6px;
    width: 50px;
    pointer-events:none;
}
/*  ---  IMAGES  --- */
.project-image
{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.project-image-sm
{
    max-width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
/*  ---  STANDARD PAGES  ---  */
.page .header
{
    background-image: url(/img/bg_header_1.jpg);
}
.page section[role="main"] > header
{
    padding: 0 20px 2px;
}
.page section[role="main"]
{
    padding: 20px 0 0;
}
.page .content-panel
{
    padding: 0px 0 0 20px;
    background: url(/img/bg_vert_pattern_white.gif) left repeat-y;
}
.page .content-panel > div
{
    padding-bottom: 20px;
}
.page .content-panel > div .caption 
{ 
    height: 32px;
    padding: 6px 18px; 
    margin: 6px 0 0; 
    color: #777; 
    background: url(/img/ic_arrow_bullet_white_lg.gif) no-repeat left; 
}
.page .property-widget
{
    padding: 20px 20px 20px 0px;
    background: url(/img/bg_hori_pattern_white.gif) top repeat-x;
}
.page section.sidebar
{
   
}
.page .side-services
{
    position: relative;
    padding: 240px 20px 20px 40px;
    margin-top: -18px;
    background: url(/img/bg_side_construction.gif) no-repeat left top;
    z-index: 100;
}
/*  ---  HOME PAGE  ---  */
.home .header
{
    background-image: url(/img/bg_header_1.jpg);
}
.home .content
{
    background: url(/img/bg_grey_gradiant.gif) bottom repeat-x #231f20;
}
.home section[role="main"]
{
    padding: 30px 0 0;
    background: url(/img/im_creative_solutions.gif) no-repeat 100% 170px;
}
.home section[role="main"] > header
{
    padding: 0 20px 2px;
}
.home section[role="main"] > header h1
{
    color: #fff;
}
.home .content-panel
{
    padding: 0px 180px 0 20px;
    background: url(/img/bg_vert_pattern.gif) left repeat-y;
}
.home .content-panel > div
{
    padding: 0 20px 20px 0;
    background: url(/img/bg_vert_pattern.gif) right repeat-y;
}
.home .border
{
    margin: 20px 0 15px;
    background: url(/img/bg_hori_pattern.gif) center center repeat-x;
}
.home .content-panel h3
{
    display: inline-block;
    padding-right: 15px;
    color: #fff;
    background: #231f20;
}
.home .content-panel .caption 
{ 
    color: #999; 
    padding: 6px 18px; 
    margin: 6px 0 0; 
    background: url(/img/ic_arrow_bullet.gif) no-repeat left; 
}
.home .pre-footer
{
    padding: 20px 0;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    background: url(/img/bg_minor_gradiant.gif) repeat-x #fff top;
}
.home .property-widget
{
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 269px;
    background: url(/img/bg_vert_pattern_white.gif) left repeat-y;
}
/*  ---  ABOUT US PAGE  ---  */
.about-us .header
{
    background-image: url(/img/bg_header_2.jpg);
}
.about-us section[role="main"]
{
    background: url(/img/bg_creative_solutions.gif) 100% 100px no-repeat;
}
.about-us .content-panel > div
{
    padding-right: 200px;
}
/*  ---  PROJECTS PAGE  ---  */
.projects .header
{
    background-image: url(/img/bg_header_3.jpg);
}
.projects section[role="main"]
{
}
.projects .content-panel > div
{
    padding-right: 20px;
}
/*  ---  REAL ESTATE PAGE  ---  */
.real-estate .header
{
    background-image: url(/img/bg_header_4.jpg);
}
.real-estate section[role="main"]
{

}
.real-estate .content-panel 
{
}
.real-estate .content-panel > div
{
    padding-right: 20px;
}
.real-estate .property
{
    padding: 30px 0 20px 0;
    background: url(/img/bg_hori_pattern_white.gif) top repeat-x;
}
.real-estate .property.first
{
    padding-top: 0px;
    background: none;
}
.real-estate .property figure
{
    position: relative;
}
.real-estate .property .status
{
    width: 100px;
    position: absolute;
    right: -10px;
    top: 0;
}
.real-estate .property .single-image
{
    /* width: 580px; */
    margin-bottom: 20px;
}
.real-estate .property .flex-direction-nav
{
    display: none;
}
.real-estate .property .flexslider .slides
{
    float: left;
    width: 580px;
}
.real-estate .property .flex-control-thumbs 
{
    position: static; 
    float: right;
    width: 133px;
    margin: 0; 
    overflow: hidden;
}
.real-estate .property .flex-control-thumbs li 
{
    float: none;
    width: auto; 
    margin: 0 0 13px 0; 
}
.real-estate .property .flex-control-thumbs 
{
    position: static; 
    float: right;
    width: 133px;
    margin: 0; 
    overflow: hidden;
}
.real-estate .property .details
{
    float: left;
    width: 580px;
}
.real-estate .property .agent
{
    float: right;
    width: 133px;
}
/*  ---  CONTACT PAGE  ---  */
.contact-us .header
{
    background-image: url(/img/bg_header_5.jpg);
}
.contact-us section[role="main"]
{
    background: url(/img/bg_creative_solutions.gif) 100% 0px no-repeat;
}
.contact-us .content-panel > div
{
    padding-right: 200px;
}
/*  ---  NAVIGATION ELEMENTS  ---  */
header .menu ul
{
    list-style: none;
    margin: 0;
    padding: 5px 14px 0 0;
}
header .menu ul li
{
    float: left;
    margin-right: 6px;
}
header .menu ul li a
{
    display: block;
    width: 104px;
    padding: 5px 1px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    text-align: center;
    text-decoration: none;
    background: #2d231b;   
}
header .menu ul li:first-child a
{
    border-radius: 2px 2px 2px 12px;
    -webkit-border-radius: 2px 2px 2px 12px;
    -moz-border-radius: 2px 2px 2px 12px; 
}
header .menu ul li:last-child a
{
    border-radius: 2px 12px 2px 2px;
    -webkit-border-radius: 2px 12px 2px 2px;
    -moz-border-radius: 2px 12px 2px 2px; 
}
header .menu ul li a.current-item
{
    color: #a6ce39;
}
header .menu ul li a:hover
{
    color: #fff;
    background: #a6ce39; 
}
/*------------------------------------*\
    PLUG-IN: FLEXSLIDER
\*------------------------------------*/

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 20px; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.flexslider .project-image { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 32px; height: 32px; margin: -38px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; background:url(/img/flex_nav.png) no-repeat top; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; text-indent: 9999em; }
.projects .flex-direction-nav a {margin: -132px 0 0;}
.flex-direction-nav .flex-prev { left: 10px; background-position: bottom; }
.flex-direction-nav .flex-next { right: 10px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 3px; text-align: right;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: 9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.home .flex-control-paging li a.flex-active { background: #ff8b22; background: rgba(255, 139, 34, 100); cursor: default; }

.flex-control-thumbs {margin: 12px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 18.2%; margin: 0 2.25% 2.25% 0; float: left;}
.flex-control-thumbs li:nth-child(5n) {margin-right: 0}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer; border-radius: 10px;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/**/
/*
	CSS STYLE NOTE:
	Lower case for html tag styles (html), camel case (DropDownList) for all other custom styles 
	Html elements first then list ID styles alphabetically with styles within the ID styles
	listed with HTML elements first followed by custom styles listed alphabetically

body 
{
	background:#fff;
	margin:0 auto;
	color: #666;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
h1
{
	color:#ffffff;
	font-size:28px;
	font-weight:normal;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	line-height:100%;
	margin-top:0px;
	margin-bottom:15px;
}
h2
{
	color:#004400;
	font-size:16px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:2px;
}
h3
{
	color:#004400;
	font-size:14px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:2px;
}
h4
{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	margin-top:-15px;
	margin-bottom:10px;
}
h5
{
	color:#333333;
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	line-height:100%;
	margin-top:0px;
	margin-bottom:15px;
}
a:link {
	color:#8dc63f;
}
a:visited {
	color:#666;
}
a:hover {
	color:#57831a;
}
ul
{
	margin-left:20px;
	margin-top:0px;
}
p
{
	margin-top:0px;
	font-size:12px;
	margin-bottom:12px;
	line-height:125%;
}
#Wrapper 
{
	width:792px;
	margin:0 auto;
	position:relative;
	top:0px;
}
#TopBar
{
	width:792px;
	height:32px;
	margin-top:10px;
	background:url(/img/bg_top_bar.gif) no-repeat #fff;
	position:relative;
}
#Header
{
	width:792px;
	height: 174px;
	background:url(/img/bg_header_home.jpg) no-repeat #fff;
	position:relative;
	z-index:300;
}
#HeaderHome
{
	width:792px;
	height: 174px;
	background:url(/img/bg_header_home.jpg) no-repeat #fff;
	position:relative;
	z-index:300;
}
#HeaderAboutUs
{
	width:792px;
	height: 208px;
	background:url(/img/bg_header_aboutus.jpg) no-repeat #fff;
	position:relative;
	z-index:300;
}
#HeaderProjects
{
	width:792px;
	height: 208px;
	background:url(/img/bg_header_projects.jpg) no-repeat #fff;
	position:relative;
	z-index:300;
}
#HeaderNewProjects
{
	width:792px;
	height: 208px;
	background:url(/img/bg_header_newprojects.jpg) no-repeat #fff;
	position:relative;
	z-index:300;
}
#HeaderContact
{
	width:792px;
	height: 208px;
	background:url(/img/bg_header_contact.jpg) no-repeat #fff;
	position:relative;
	z-index:300;
}
#Logo
{
	position:absolute;
	left:35px;
	top:40px;
}
#FlashLogo
{
	position:absolute;
	left:0px;
	top:25px;
}
#Body
{
	width:792px;
	padding-bottom:10px;
	position:relative;
}
#Home
{
	width:792px;
	background:url(/img/bg_grey_gradiant.gif) bottom repeat-x #231f20;
	padding-bottom:10px;
	position:relative;
}
#Home #ColumnLeft
{
	float:left;
	width:625px;
}
#Home #ColumnRight
{
	float:right;
	width:167px;
}
#ColumnLeft
{
	float:left;
	width:275px;
}
#ColumnRight
{
	float:right;
	width:517px;
	min-height:500px;
}
#SubFooter
{
	height:105px;
	background:url(/img/bg_minor_gradiant.gif) repeat-x #fff;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	padding:23px 10px 17px 274px;
}
#Footer
{
	height:53px;
	background:url(/img/bg_footer.gif) no-repeat;
	margin-bottom:10px;
}
#Footer p
{
	font-size:11px;
	color:#fff;
	margin:0px 0px 0px 20px;
	padding-top:30px;
}
#Footer a:link, #Footer a:visited
{
	color:#fff;
}
#Footer a:hover
{
	color:#a6ce39;
}
#ImageFrame
{
	position:relative;
	margin-bottom:5px;
}
#ImageThumb
{
	position:relative;
}
#Clear
{
	clear:both;
	height:1px;
}
#PhoneBlack
{
	margin-left:25px;
}
#PhoneBlack p
{
	font-size:11px;
	color:#bbb;
	margin-bottom:8px;
}
#PhoneWhite
{
	margin-left:25px;
}
#PhoneWhite p
{
	font-size:11px;
	color:#333;
	margin-bottom:8px;
}
.FeatureListHome
{
	color:#fff;
	font-size:13px;
	margin-left:-15px !important;
	margin-left:25px;
	margin-top:15px;
}
*:first-child+html .FeatureListHome
{
	margin-left:25px !important;
}
.FeatureListHome li
{
	color:#ccc;
	font-size:16px;
	list-style:none;
	padding-left:20px;
	background:url(/img/ic_arrow_bullet.gif) no-repeat left center;
	margin-bottom:2px;
}
.FeatureList
{
	color:#fff;
	font-size:13px;
	margin-left:4px !important;
	margin-left:44px;
	margin-top:15px;
}
*:first-child+html .FeatureList
{
	margin-left:44px !important;
}
.FeatureList li
{
	color:#ccc;
	font-size:15px;
	list-style:none;
	padding-left:20px;
	background:url(/img/ic_arrow_bullet.gif) no-repeat left center;
	margin-bottom:2px;
}

.Message
{
	color: Red;
	display:block;
	padding:0px 10px;
}
#EnquiryForm
{
	margin:10px 0px 10px 20px;
}
.TextBox
{
	background-color: #fff !important;
	border:1px solid #999 !important;
	width:120px;
	height:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.TextArea
{
	background-color: #fff !important;
	border:1px solid #999  !important;
	width:120px;
	height:35px;
	font-size:11px;
}
.Button
{
	width: 60px;
	height: 20px;
	background-color:#000000;
	border: 1px solid #333;
	font-size:11px;
	cursor: pointer !important;
	color:#ffffff;
}
#TopNav
{
	position:absolute;
	left:235px;
	top:7px;
}
#TopNav a:link, #TopNav a:visited
{
	display:block;
	text-align:center;
	width:96px;
	height:17px;
	padding-top:2px;
	margin-right:12px;
	float:left;
	text-decoration:none;
	color:#ddd;
	background:url(/img/nav_link.gif) no-repeat;
}
#TopNav a:hover
{
	color:#a6ce39;
	color:#fff;
	background:url(/img/nav_link_on.gif) no-repeat;
}
#TopNav .On:link, #TopNav .On:visited
{
	color:#a6ce39;
	background:url(/img/nav_link.gif) no-repeat;
}
#TopNav .On:hover
{
	color:#fff;
	background:url(/img/nav_link_on.gif) no-repeat;
}
#TopNav .Home:link, #TopNav .Home:visited
{
	display:block;
	text-align:center;
	width:102px;
	height:17px;
	padding-top:2px;
	margin-right:12px;
	float:left;
	text-decoration:none;
	color:#ddd;
	background:url(/img/nav_home.gif) no-repeat;
}
#TopNav .Home:hover
{
	color:#fff;
	background:url(/img/nav_home_on.gif) no-repeat;
}
#TopNav .HomeOn:link, #TopNav .HomeOn:visited
{
	display:block;
	text-align:center;
	width:102px;
	height:17px;
	padding-top:2px;
	margin-right:12px;
	float:left;
	text-decoration:none;
	color:#a6ce39;
	background:url(/img/nav_home.gif) no-repeat;
}
#TopNav .HomeOn:hover
{
	color:#fff;
	background:url(/img/nav_home_on.gif) no-repeat;
}
#Gallery
{
	position:fixed;
	top:0px;
	display:none;
}
#FlashSlide
{
	position:absolute;
	left:0px;
	top:0px;
}
*/