/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
	outline:none;
}
html, body {
	color:#333;
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
	display: block;
}
a:link, a:visited {
	color:#333;
	text-decoration:none;
}
b, strong {
	/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}
img {
	color: transparent;
	font-size: 0;
	vertical-align: middle;
	/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
	-ms-interpolation-mode: bicubic;
}
li {
	/*
  For IE6 + IE7.
*/
	display: list-item;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td, caption {
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}
q {
	quotes: none;
}
q:before, q:after {
	content: '';
	content: none;
}
sub, sup, small {
	font-size: 75%;
}
sub, sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
svg {
	/*
  For IE9.
*/
	overflow: hidden;
}
ul li {
	list-style:none;
}

/* Fonts
----------------------------------------------------------------------------------------------------*/

@font-face {
 font-family: 'OswaldBold';
 src: url('../fonts/Oswald-Bold-webfont.eot');
 src: url('../fonts/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Oswald-Bold-webfont.woff') format('woff'),  url('../fonts/Oswald-Bold-webfont.ttf') format('truetype'),  url('../fonts/Oswald-Bold-webfont.svg#OswaldBold') format('svg');
 font-weight: normal;
 font-style: normal;
}
/* Globals
----------------------------------------------------------------------------------------------------*/

.clearfix {
	clear:both;
	float:none
}
h1, h2, h3 {
	color:#4d4d4d;
	font-family: 'OswaldBold', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:normal
}
h1 {
	font-size:36px;
	line-height:36px;
	margin-bottom:20px
}
h2 {
	font-size:21px;
	line-height:21px;
	margin-bottom:10px
}
h3 {
	font-size:18px;
	line-height:18px;
	margin-bottom:10px
}
h3.tahoma {
	font-family:Tahoma, Geneva, sans-serif
}
p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#4d4d4d;
	margin-bottom:15px
}
p i {
	font-style:normal;
	color:#f00
}
.size14 {
	font-size:14px
}
.img-border-shadow {
	padding:3px;
	background-color:#FFF;
	border:1px solid #d8d8d8
}
.pad80-t {
	padding-top:80px
}
.pad30-b {
	padding-bottom:30px !important	
}
.mar10-t {
	margin-top:10px !important	
}
.mar20-b {
	margin-bottom:20px
}
.mar40-b {
	margin-bottom:40px
}
.mar70-b {
	margin-bottom:70px
}
a.blue {
	color:#0071BC
}
/* Main Layout
----------------------------------------------------------------------------------------------------*/

body {
	background-color:#DFEAF1
}
#header-wrapper, #content-wrapper, #footer-wrapper {
	width:100%
}
#header, #content, #footer {
	position:relative;
	width:960px;
	margin:0 auto
}
#header-wrapper {
	background-color:#fff
}
#header {
	width:960px;
	height:80px
}
#content-wrapper {
	background:url(../images/bg-header-shadow.png) top repeat-x
}
#content {
	padding-top:50px;
	min-height:500px;
	overflow: visible;
	background:#DFEAF1 url(../images/bg-content.jpg) top center no-repeat
}
* html #content {
	height:500px;
	overflow:visible;
}
#footer {
	padding:35px 0;
	height:40px;
}
/* Header
----------------------------------------------------------------------------------------------------*/

#header ul#header-navigation {
	position:absolute;
	top:40px;
	right:0
}
#header ul#header-navigation li {
	float:left;
}
#header ul#header-navigation li a {
	display:block;
	padding:0 16px;
	font-family: 'OswaldBold', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#808080;
	font-size:15px;
	line-height:15px;
	border-right:1px solid #808080
}
#header ul#header-navigation li.last a {
	border:none
}
#header ul#header-navigation li a:hover, #header ul#header-navigation li.active a {
	color:#CC9933
}
/* Content - Index - General Slider CSS
----------------------------------------------------------------------------------------------------*/

/*next and prev buttons*/

.bx-next, .bx-prev {
	position:absolute;
	z-index:10;
	font-size:0px;
	line-height:0px;
	color:transparent;
}
div.slider .bx-next, div.slider .bx-prev {
	background: url(../images/sprite.png) no-repeat;
}
div.slider .bx-next {
	top:170px;
	right:20px;
	width: 23px;
	height: 40px;
	background-position:-23px -40px;
}
div.slider .bx-prev {
	top:170px;
	left:20px;
	width: 23px;
	height: 40px;
	background-position:0px -40px;
}
/*next/prev button hover state*/
div.slider .bx-next:hover {
	background-position: -23px 0
}
div.slider .bx-prev:hover {
	background-position: 0 0
}
/*pager wrapper*/
.bx-pager {
	position:absolute;
	text-align:center;
	padding:0;
	font-size:0px
}
div.slider .bx-pager {
	bottom:-30px;
	width:920px;
}
div.carousel .bx-pager {
	bottom:-15px;
	width:420px;
}
/*pager links*/
.bx-pager a {
	display:inline-block;
	margin:0 5px;
	font-size:0px;
	color: transparent;
	zoom:1;
	background: url(../images/sprite.png) no-repeat;
}
div.slider .bx-pager a {
	width:10px;
	height:10px;
	background-position:-66px -70px
}
div.carousel .bx-pager a {
	width:10px;
	height:10px;
	background-position:-100px -70px
}
/*pager links hover and active states*/
div.slider .bx-pager .pager-active, div.slider .bx-pager a:hover {
	background-position: -49px -70px;
}
div.carousel .bx-pager .pager-active, div.carousel .bx-pager a:hover {
	background-position: -83px -70px;
}
/*auto start button*/
.bx-auto .start {
	background: url(gray_auto.png) no-repeat 0 2px;
	padding-left: 13px;
}
/*auto stop button*/
.bx-auto .stop {
	background: url(gray_auto.png) no-repeat 0 -14px;
	padding-left: 13px;
}
/*
 * End color scheme styles
 */

/*captions*/
.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}
/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px;
}
.bx-auto a {
	color: #666;
	font-size: 12px;
}
/* Content - Index - Sliders and Carousels
----------------------------------------------------------------------------------------------------*/

#content div#slider-first-wrapper {
	width:922px;
	height:381px;
	padding:18px 18px 49px;
	background:url(../images/bg-slider.png);
	border:1px solid #c6d4dd;
}
#content div#slider-first-wrapper #slider-first-wrapper-border {
	border:1px solid #8ba2af;
}
#content ul#slider-first li {
	width:920px;
	height:380px
}
#content ul#slider-first li {
	position:relative
}
#content div.slider-shadow {
	width:960px;
	height:20px;
	background:url(../images/bg-slider-shadow.png) no-repeat;
	margin-bottom:20px
}
#content ul#carousel {
	margin-left:-10px
}
#content ul#carousel li {
	width:200px;
	padding:0 10px;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#4d4d4d
}
#content ul#carousel li div.carousel-img-wrapper {
	width:194px;
	margin-bottom:5px;
}
/* Content - Index - Subcontent
----------------------------------------------------------------------------------------------------*/

#content #subcontent {
	width:958px;
	border:1px solid #fff;
	box-shadow: 0px 3px 6px 0px #aab2b7;
	background:#e7e7e8 url(../images/bg-subcontent.png) top left repeat-x
}
#content #subcontent p {
	font-size:12px
}
#content #subcontent-left, #content #subcontent-right {
	width:418px;
	padding:15px 30px 20px;
}
#content #subcontent-left {
	float:left;
	border-right:1px solid #fff
}
#content #subcontent-right {
	float:right;
	border-left:1px solid #e5e5e5
}
#content #subcontent a.find-out-more {
	display:block;
	width:120px;
	height:30px;
	background:url(../images/sprite.png) -48px 0 no-repeat;
	box-shadow: 0px 3px 6px 0px #aab2b7;
}
#content #subcontent a.find-out-more:hover {
	background-position:-48px -30px
}
/* Content - About Us / Our Projects / Contact Us
----------------------------------------------------------------------------------------------------*/

div.psize14 p {
	display:block;
	width:780px;
	font-size:14px
}
#content div.project-item {
	margin-bottom:22px;
	border:1px solid #fff;
	box-shadow: 0px 3px 6px 0px #aab2b7;
	background:#E6E6E6 url(../images/bg-current-projects.png) repeat-x
}
#content div.project-item div.left-content, #content div.project-item div.right-content {
	float:left;
}
#content div.project-item div.left-content {
	width:252px;
	padding:8px 0 0 8px
}
#content div.project-item div.left-content div.left-content-img-wrapper {
	width:234px;
	margin-bottom:9px
}
#content div.project-item a.img-thumb {
	display:block;
	width:70px;
	height:50px;
	padding:1px;
	background-color:#FFF;
	border:1px solid #d8d8d8;
	float:left;
	margin:0 10px 8px 0
}
#content div.project-item div.right-content {
	width:616px;
	padding:20px 70px 0 12px
}
#content #divide-two div.project-item div.right-content {
	width:180px;
	padding:20px 12px;
}
#content div.project-item div.bottom-content {
	width:452px;
	min-height:70px;
	padding:0 8px
}
* html div.bottom-content {
	height:70px;
	overflow:visible;
}
#content div#divide-two {
	width:960px
}
#content div#divide-two div#left-column, #content div#divide-two div#right-column {
	width:470px
}
#content div#divide-two div#left-column {
	float:left
}
#content div#divide-two div#right-column {
	float:right
}
#content a img.map {
	margin-top:-10px;
	margin-right:145px;
	float:right;
	border:1px solid #fff;
	box-shadow: 0px 3px 6px 0px #aab2b7;	
}
/* Content - Our Services - Lightbox Css
----------------------------------------------------------------------------------------------------*/

#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
	font-family:Tahoma, Geneva, sans-serif;
	color:#fff;
}
#sb-container {
	position:fixed;
	margin:0;
	padding:0;
	top:0;
	left:0;
	z-index:999;
	text-align:left;
	visibility:hidden;
	display:none;
}
#sb-overlay {
	position:relative;
	height:100%;
	width:100%;
}
#sb-wrapper {
	position:absolute;
	visibility:hidden;
	width:100px;
	border:10px solid #fff
}
#sb-wrapper-inner {
	position:relative;
	overflow:hidden;
	height:100px;
}
#sb-body {
	position:relative;
	height:100%;
}
#sb-body-inner {
	position:absolute;
	height:100%;
	width:100%;
}
#sb-player.html {
	height:100%;
	overflow:auto;
}
#sb-body img {
	border:none;
}
#sb-loading {
	position:relative;
	height:100%;
}
#sb-loading-inner {
	position:absolute;
	font-size:14px;
	line-height:24px;
	height:24px;
	top:50%;
	margin-top:-12px;
	width:100%;
	text-align:center;
}
#sb-loading-inner span {
	background:url(../images/loading.gif) no-repeat;
	padding-left:34px;
	display:inline-block;
}
#sb-body, #sb-loading {
	background-color:#060606;
}
#sb-title {
	display:none	
}
#sb-title, #sb-info {
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:#FFF
}
#sb-title, #sb-title-inner {
	height:26px;
	line-height:26px;
}
#sb-title-inner {
	font-size:16px;
}
#sb-info, #sb-info-inner {
	height:20px;
	line-height:20px;
}
#sb-info-inner {
	padding:4px 0;
	font-size:12px;
}
#sb-nav {
	float:right;
	height:16px;
	padding:2px 0;
	width:45%;
}
#sb-nav a {
	display:block;
	float:right;
	height:16px;
	width:16px;
	margin-left:3px;
	cursor:pointer;
	background-repeat:no-repeat;
}
#sb-nav-close {
	background-image:url(../images/close.png);
}
#sb-nav-next {
	background-image:url(../images/next.png);
}
#sb-nav-previous {
	background-image:url(../images/previous.png);
}
#sb-nav-play {
	background-image:url(../images/play.png);
}
#sb-nav-pause {
	background-image:url(../images/pause.png);
}
#sb-counter {
	float:left;
	width:45%;
	display:none
}
#sb-counter a {
	padding:0 4px 0 0;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
}
#sb-counter a.sb-counter-current {
	text-decoration:underline;
}
div.sb-message {
	font-size:12px;
	padding:10px;
	text-align:center;
}
div.sb-message a:link, div.sb-message a:visited {
	color:#fff;
	text-decoration:underline;
}
/* Content - Enquiry Form / Loan Calculator
----------------------------------------------------------------------------------------------------*/

#enquiryform fieldset, #loancalculator fieldset {
	width:960px
}
#enquiryform label, #loancalculator label {
	display:block;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	color:#4d4d4d;
	height:30px;
	line-height:30px;
}
#enquiryform label {
	width:115px;
	font-size:14px;
}
#loancalculator label {
	width:150px;
	font-size:12px;
}
#loancalculator label.double-line {
	line-height:15px	
}
#loancalculator label.double-line i.extra {
	color:#9b9b9b;
	font-size:11px
}
#enquiryform i, #loancalculator i {
	font-style:normal;
	color:#f00
}
#enquiryform input[type="text"], textarea, #loancalculator input[type="text"] {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height:30px;
	color : #4d4d4d;
	padding : 0 5px;
	border : 1px solid #8BA2AF;
}
#enquiryform input[type="text"], #loancalculator input[type="text"] {
	float:left;
	height:30px;
}
#enquiryform input[type="text"] {
	width:500px
}
#loancalculator input[type="text"] {
	width:258px;
	font-size:12px;
	margin-right:10px
}
#enquiryform input[type="text"].mini-text {
	width:35px;
	margin-right:10px
}
#enquiryform input[type="checkbox"] {
	float:left;
	margin:5px 10px 0 -2px
}
#enquiryform #scaptcha_img, #enquiryform #scaptcha-label {
	margin-left:115px;
}
#enquiryform #scaptcha_img {
	margin-bottom:10px;
	padding:5px;
	border:1px solid #8BA2AF;
	background-color:#FFF
}
#enquiryform #scaptcha-label {
	margin-right:5px;
	width:auto
}
#enquiryform #scaptcha {
	width:60px;
	height:30px;
}
#enquiryform input[type="submit"], #loancalculator input[type="submit"] {
	width:100px;
}
#loancalculator input[type="reset"] {
	width:80px
}
#enquiryform input[type="submit"], #loancalculator input[type="submit"], #loancalculator input[type="reset"] {
	padding: 0;
	border: 0;
	cursor: pointer;
	height:30px;
	line-height:0px;
	color:transparent;
	font-size:0px;
	float:left;
	box-shadow: 0px 3px 6px 0px #aab2b7;
	background:url(../images/sprite.png) no-repeat;
	outline:none !important
}
#enquiryform input[type="submit"] {
	margin: 0 115px 0
}
#loancalculator input[type="submit"] {
	margin: 0 12px 0 150px
}
#enquiryform input[type="submit"] {
	background-position: -168px 0
}
#enquiryform input[type="submit"]:hover {
	background-position:-168px -30px;
}
#loancalculator input[type="submit"] {
	background-position:-268px 0;
}
#loancalculator input[type="submit"]:hover {
	background-position:-268px -30px;
}
#loancalculator input[type="reset"] {
	background-position: -368px 0
}
#loancalculator input[type="reset"]:hover {
	background-position: -368px -30px
}
#enquiryform textarea {
	height:120px;
	width:500px;
	float:left;
	resize:none
}
#enquiryform input[type="text"]:focus, textarea:focus {
	color : #000;
	border : 1px solid #CC9933;
	outline:none
}
#enquiryform select {
	width:512px;
	height:31px;
	float:left;
	color:#4d4d4d;
	font-size:14px;
	padding:4px 5px 4px 4px;
	border:1px solid #8BA2AF;
	-webkit-appearance: none
}
#enquiryform .container, #loancalculator .container {
	padding-bottom:10px;
	clear:both;
}
#enquiryform .nopad {
	padding:0;
}
#enquiryform div.container-error-all, #loancalculator div.container-error-all {
	width:442px;
	height:100%;
	margin-bottom:10px
}
#enquiryform .error, #enquiryform .error-all, #loancalculator .error, #loancalculator .error-all {
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #f00;
}
#enquiryform .error-all, #loancalculator .error-all {
	padding:0;
	line-height:10x;
	margin:0;
}
#enquiryform .error {
	padding:0 10px;
	height:26px;
	line-height:26px;
	margin:0 10px
}
#loancalculator .error {
	padding:0;
	width:400px;
	height:20px;
	margin:0 0 0 150px;
	line-height:20px;
	clear:both
}
#enquiryform .error-rel, #loancalculator .error-rel {
	position:relative
}
#enquiryform fieldset#antispam {
	padding:2px;
	border-top:1px solid #EEE;
	border-left:0;
	border-right:0;
	border-bottom:0;
	width:350px;
}
#enquiryform fieldset#antispam legend {
	font-family : Arial, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
	color:#333;
}
#enquiryform .short_explanation {
	margin:5px 0 5px 115px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color:#808080;
}
/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#enquiryform .spmhidip, #loancalculator .spmhidip {
	display:none;
	width:10px;
	height:3px;
}
#fg_crdiv {
	font-family : Arial, sans-serif;
	font-size: 0.3em;
	opacity: .2;
	-moz-opacity: .2;
	filter: alpha(opacity=20);
}
#fg_crdiv p {
	display:none;
}
/* Footer Navigation
----------------------------------------------------------------------------------------------------*/

#footer-navigation-wrapper {
	width:958px;
	height:48px;
	margin:80px auto 0;
	border:1px solid #fff;
	box-shadow: 0px 3px 6px 0px #aab2b7;
	background:url(../images/bg-footer-nav.png)
}
#footer-navigation-wrapper ul#footer-navigation {
	padding:18px 0
}
#footer-navigation-wrapper ul#footer-navigation li {
	float:left;
}
#footer-navigation-wrapper ul#footer-navigation li a {
	font-size:11px;
	color:#808080;
	float:left;
	line-height:11px;
	padding:0 20px;
	border-right:1px solid #808080;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold
}
#footer-navigation-wrapper ul#footer-navigation li.last a {
	border:none	
}
#footer-navigation-wrapper ul#footer-navigation li a:hover {
	text-decoration:underline
}
/* Footer
----------------------------------------------------------------------------------------------------*/

#footer p {
	padding-left:20px;
	margin-bottom:15px
}
#footer p, #footer a {
	color:#8BA2AF;
	font-size:11px
}
#footer p.trans50 {
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity = 50)
}
#footer img {
	position:absolute;
	top:35px;
	right:25px;
}