body { margin:0; padding:0; color:#525252; font-family:Arial, Helvetica, sans-serif; font-size:14px; background-color:#f0f0f1}
body#homepage {background:url(../images/body-homepage-bg.jpg) repeat-x top #f0f0f1;} 
body#internal {background:url(../images/body-internal-bg.jpg) repeat-x top #fff;}
body#internal .content-container { background:url(../images/content-container-internal.jpg) no-repeat center top; width:100%; height:auto; margin:0; padding:0}
body#homepage .content-container { background:url(../images/content-container.jpg) no-repeat center top; width:100%; height:auto; margin:0; padding:0}
a img { border:none}
p {margin:0 0 22px 0; line-height:21.5px}
a {color:#1279c3; text-decoration:none}
a:hover {color:#0b4067 }
h2 {color:#217abe; font-size:22px; margin:0 0 18px 0; padding:0; text-transform:uppercase}
.clear {clear:both; font-size:0; line-height:0}
.wrapper {width:1000px; margin:0 auto; padding:0;}
.top { margin:0; padding:11px 7px 0 21px; height:28px;}
.top ul {margin:0; padding:0; list-style:none; float:left}
.top ul li {float:left; padding:0 0 0 32px; margin:0}
.top ul li.home { background:url(../images/top-home-bg.jpg) no-repeat 0 2px;}
.top ul li a {font-size:12px; text-decoration:none; color:#0c6fb5}
.top ul li a:hover {text-decoration:underline}
.top p.contant-us {float:right; margin:0}
.top p.contant-us a {color:#0c6fb5; font-size:16px; text-transform:uppercase; text-decoration:none; letter-spacing:1px}
.nav-container {padding:15px 7px 0 13px; margin:0; height:56px}
a.logo {background:url(../images/logo.jpg) no-repeat 0 0; width:252px; height:40px; float:left; display:block; border:none;}
ul#nav_14623 {float:right; margin:10px 0 0 0; padding:0; list-style:none}
ul#nav_14623 li {float:left; padding:0 0 0 33px; margin:0}
ul#nav_14623 li a { font-size:15px; text-transform:uppercase; color:#fff; text-decoration:none;outline: none}
ul#nav_14623 li a:hover { color:#82B2F7 !important}
/* Banner */
.banner-home {padding:22px 0 0 14px; margin:0}
.banner-home-left {float:left; width:460px; } 
.banner-home h1 {font-size:31px; color:#fff; text-transform:uppercase; margin:24px 0 24px 0; padding:0; display:block; line-height:35px}
.banner-home h1 .cufon-canvas {height:37px !important;}
#homepage .banner-home h1 span.orange {color:#f89829; padding:0;display:block}
#homepage .banner-home h1 span.blue {color:#acceff !important; padding:0;display:block}
.text-box { border-left:3px solid #e4e5e5; padding:0px 0 10px 30px; margin:45px 0 0 0}
.banner-home-left a.banner-btns { background:url(../images/banner-a-bg.jpg) repeat-x top; height:19px; padding:9px 39px 8px; margin:0 9px 0 2px; color:#fff; text-transform:uppercase; text-decoration:none; font-size:18px; display:block; float:left; }
.banner-home-left a.banner-btns.gallery { background:url(../images/banner-a-bg.jpg) repeat-x top; height:19px; padding:9px 21px 8px; margin:0 8px 0 0; color:#fff; text-transform:uppercase; text-decoration:none; font-size:18px; display:block; float:left; }
.banner-home-left a.banner-btns.gallery:hover { background:url(../images/banner-a-bg.jpg) repeat-x 0 -36px;}
.banner-internal-right a.banner-btns { background:url(../images/banner-a-bg.jpg) repeat-x top; height:19px; padding:9px 20px 8px; margin:32px 60px 0 0; color:#fff; text-transform:uppercase; text-decoration:none; font-size:18px; display:block; float:right; *margin-top:-6px}
a.banner-btns:hover {background:url(../images/banner-a-bg.jpg) repeat-x 0 -36px;}
.banner-home-left a.read-more { color:#0c6fb5; text-transform:uppercase; text-decoration:none; margin-top:36px; padding:0; display:block}
.banner-home-left a.read-more:hover { color:#093f65; }
.banner-home-left h3 { color:#4f4f4f; text-transform:uppercase; font-size:16px; margin-top:59px; *margin-top:67px; margin-left:8px}
.banner-home-right {width:501px; float:right}
/*
	Slideshow
*/
.slider-top {background: url(../images/slider-top.png) no-repeat; width:501px; height:18px; margin:0; padding:0; line-height:0; font-size:0}
.slider-middle {background:url(../images/slider-middle.png) repeat-y; width:468px; position:relative; padding:0 18px 0 15px; text-align:center}
.slider-middle p {margin:0; padding:0px 0 24px 0;}
.slider-middle h2 {margin:0; padding:27px 0 0px 0; color:#4f4f4f; font-size:18px; text-transform:uppercase}
.slider-middle h2 .cufon-canvas {height:24px !important;}
.slider-bottom {background: url(../images/slider-bottom.png) no-repeat; width:501px; height:16px; margin:0; padding:0; line-height:0; font-size:0}
#slides {z-index:10000;	height:485px; width:468px;}
.slides_container {width:468px;	height:485px; overflow:hidden; position:relative;display:none;}
.slides_container div { display:block; width:468px; height:485px}
.slides_container div img { margin-bottom:10px}
.slides_container a img {display:block}
#slides .prev { background:url(../images/slider/arrow-prev.jpg) no-repeat 0 0; position:absolute !important; top:233px; left:-18px;	width:13px;	height:21px; display:block;	z-index:9999;}
#slides .prev:hover { background:url(../images/slider/arrow-prev.jpg) no-repeat 0 -21px;}
#slides .next {background:url(../images/slider/arrow-next.jpg) no-repeat 0 0; position:absolute !important;	top:233px; left:501px; width:13px; height:21px; display:block; z-index:9999;}
#slides .next:hover {background:url(../images/slider/arrow-next.jpg) no-repeat 0 -21px;}
.pagination {left: 173px;*left: 210px; margin: 0 auto; position: absolute; width: 100px; z-index: 9998; bottom:70px}
.pagination li {float:left; margin:0 1px;list-style:none;}
.pagination li a {display:block;width:13px;height:0;padding-top:13px;background-image: url(../images/slider/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -13px;}

/* Content */
.content { margin:0; padding:22px 0 30px 0px}
a.design{ background:url(../images/homepage-box1.jpg) no-repeat; width:282px; height:34px; display:block; float:left; margin-right:16px; color:#fff; font-size:20px; text-transform:uppercase; text-decoration:none; padding:101px 0 0 34px; margin-left:10px}
a.design:hover{ background:url(../images/homepage-box1.jpg) no-repeat 0 -135px;}
a.interiors {background:url(../images/homepage-box2.jpg) no-repeat; width:282px; height:34px; display:block; float:left; margin-right:16px; color:#fff; font-size:20px; text-transform:uppercase; text-decoration:none; padding:101px 0 0 34px;}
a.interiors:hover {background:url(../images/homepage-box2.jpg) no-repeat 0 -135px}
a.refurbishment {background:url(../images/homepage-box3.jpg) no-repeat; width:282px; height:34px; display:block; float:left; margin-right:0px; color:#fff; font-size:20px; text-transform:uppercase; text-decoration:none; padding:101px 0 0 34px}
a.refurbishment:hover {background:url(../images/homepage-box3.jpg) no-repeat 0 -135px}

/*Logos Box */
.logos-top {background:url(../images/logos-top.jpg) no-repeat; width:1000px; height:8px; font-size:0; line-height:0; margin:36px 0 0 0; padding:0}
/* .logos-middle {background:url(../images/logos-middle.jpg) repeat-y; width:960px; padding:11px 20px; margin:0; } */
.logos-middle {background:url(../images/logos-middle.jpg) repeat-y; width:935px; padding:11px 0 11px 65px; margin:0; }
.logos-middle p {margin:16px 0 0 0; line-height:22px }
.logos-middle img {margin-right:65px}
.logos-middle img.last {margin-right:40px}
.logos-bottom {background:url(../images/logos-bottom.jpg) no-repeat; width:1000px; height:8px; font-size:0; line-height:0; margin:0; padding:0}

/* Footer */
.footer-container {background:url(../images/footer-bg.jpg) repeat-x #fff; width:100%; height:auto; margin:50px auto 0}
.footer { width:1000px; margin:0 auto; text-align:center; padding:35px 0 30px 0; font-size:12px}
.footer a {margin-right:26px; color:#5aace6; font-weight:bold}
.footer a:hover {color:#186eaa}
.footer a.last {margin:0}

/* Internal */
/* Banner*/
.banner-internal {padding:22px 0 28px 15px; margin:0}
.banner-internal-left {float:left; width:680px; } 
.content h1 {color: #FFFFFF;
    display: block;
    font-size: 35px;
    padding: 0;
    position: absolute;
    text-transform: uppercase;
    top: -146px;
	*top: -126px;}
.content h1 span.orange {color:#f89829; padding:0; }
.content h1 span.blue { color:#acceff; padding:2px 0; }
.text-box { border-left:3px solid #e4e5e5; padding:0px 0 10px 30px; margin:41px 0 0 0}
.text-box p {margin-bottom:21px; line-height:24px}
.banner-internal-left a.banner-btns { background:url(../images/banner-a-bg.jpg) repeat-x top; height:19px; padding:9px 40px 8px; margin:0 8px 0 0; color:#fff; text-transform:uppercase; text-decoration:none; font-size:18px; display:block; float:left; *margin-top:-6px}
.banner-internal-right a.banner-btns { background:url(../images/banner-a-bg.jpg) repeat-x top; height:19px; padding:9px 20px 8px; margin:0; color:#fff; text-transform:uppercase; text-decoration:none; font-size:18px; display:block; float:right; *margin-top:-6px}
a.banner-btns:hover {background:url(../images/banner-a-bg.jpg) repeat-x 0 -36px;}
.banner-internal-right {width:230px; float:right; padding:26px 51px 0 0; margin-bottom:87px; height:36px}

/* Content */
#internal .content-wrapper {padding:30px 0px 0px 15px}
#internal .content {background: url("../images/content-bg.jpg") repeat-y scroll right 143px transparent;
float: left;
margin-top: 152px;
padding: 0px 27px 0 0;
position: relative;
width: 623px;}
#internal .content img.right {margin:5px 0 10px 45px; padding:12px; background:#fff; border:#efefef 1px solid; float:right; -moz-box-shadow: 0px 0px 4px #e1e1e2;-webkit-box-shadow: 0px 0px 4px #e1e1e2;box-shadow: 0px 0px 4px #e1e1e2;}
#internal .content img.left {margin:5px 27px 10px 0px; padding:12px; background:#fff; border:#efefef 1px solid; float:left; display:block;-moz-box-shadow: 0px 0px 4px #e1e1e2;-webkit-box-shadow: 0px 0px 4px #e1e1e2;box-shadow: 0px 0px 4px #e1e1e2;}
.content h2 .cufon-canvas {height:27px !important}
a.click-here { background:url(../images/click-here-bg.jpg) no-repeat 0 5px; font-size:15px; color:#ff8900; display:block; margin:0 0 40px 0; padding:0 0 0 15px}
a.click-here:hover {text-decoration:underline}
.content ul {margin:0 0 20px 0; padding:0; list-style:none; line-height:21px}
.content ul li {background:url(../images/content-ul-bg.jpg) no-repeat 0 3px; padding:0 0 0 30px; margin:0 0 14px 0}
.content ul.right {float:right; width:347px; margin:0}

.projects-wrapper{ border:1px solid #e5e5e7}
.projects { width:588px; margin:0 auto 20px auto; border-bottom:1px solid #e5e5e7; padding-bottom:20px }
.projects .text { width:395px; float:left}
.projects .gallery { width:174px; float:right; margin-bottom:0px}
.project-main-img { background:url(../images/project-main-img.jpg) no-repeat; padding:11px; height:131px; margin:0 0 25px 0}
.project-small-img { background:url(../images/project-small-img-bg.jpg) no-repeat; width:73px; height:73px; padding:7px; float:left}
p.category { background:url(../images/heading-bg.jpg) repeat-x; line-height:39px; height:39px; margin:0 0 23px 0; color:#515050; font-size:20px; padding:20px 0 0 17px; *padding: 8px 0 12px 17px; text-transform:uppercase}
.projects h2 { font-size:16px; margin-bottom:10px}
a.view-gallery-btn { display:block; width:165px; height:36px; background:url(../images/view-gallery-btn.jpg) 0 0 no-repeat; text-indent:-99999px; margin:14px auto 0 auto}
a.view-gallery-btn:hover { background-position:0 -36px}

ul.sidebar-menu { list-style: none; margin: 5px 0 38px 0; border: 1px solid #E2E2E4; border-bottom: none; width: 301px; padding:0}
ul.sidebar-menu li { background:url(../images/sidebar-menu-li-bg.jpg) repeat-x; line-height:38px; margin:0; height:38px; padding:0 0 0 15px}
ul.sidebar-menu a { background:url(../images/sidebar-a-bg.jpg) center left no-repeat; padding:0 0 0 10px; color:#515050; font-size:17px; text-transform:uppercase; }
ul.sidebar-menu a:hover { color:#f89829}

.projects a.construction { display:block; width:150px; height:28px; background:url(../images/content-constructions-banner.jpg) no-repeat; float:left; margin:0 22px 20px 0; padding:185px 0 0 30px; font-size:17px; color:#515050; text-transform:uppercase}
.projects a.construction:hover { background-position:0 -213px; color:#F89829}
.projects a.interiors { display:block; width:125px; height:28px; background:url(../images/content-interiors-banner.jpg) no-repeat !important; float:left; margin:0 22px 20px 0; padding:185px 0 0 55px; font-size:17px; color:#515050; text-transform:uppercase}
.projects a.interiors:hover {background:url(../images/content-interiors-banner.jpg) no-repeat 0 -213px !important ; color:#F89829}
.projects a.refurbish { display:block; width:150px; height:28px; background:url(../images/content-refurbishment-banner.jpg) no-repeat; float:left; margin:0 0 20px 0; padding:185px 0 0 30px; font-size:17px; color:#515050; text-transform:uppercase} 
.projects a.refurbish:hover { background-position:0 -213px; color:#F89829}

.projects a.aged-care{ display:block; width:130px; height:28px; background:url(../images/aged_care_banner.jpg) no-repeat; float:left; margin:0 22px 20px 0; padding:185px 0 0 50px; font-size:17px; color:#515050; text-transform:uppercase}
.projects a.aged-care:hover { background-position:0 -213px; color:#F89829}

.projects a.education{ display:block; width:130px; height:28px; background:url(../images/education_banner.jpg) no-repeat; float:left; margin:0 22px 20px 0; padding:185px 0 0 50px; font-size:17px; color:#515050; text-transform:uppercase}
.projects a.education:hover { background-position:0 -213px; color:#F89829}

.projects a.retail{ display:block; width:110px; height:28px; background:url(../images/retail_banner.jpg) no-repeat; float:left; margin:0 22px 20px 0; padding:185px 0 0 70px; font-size:17px; color:#515050; text-transform:uppercase}
.projects a.retail:hover { background-position:0 -213px; color:#F89829}

.projects a.heritage{ display:block; width:125px; height:28px; background:url(../images/heritage_banner.jpg) no-repeat; float:left; margin:0 22px 20px 0; padding:185px 0 0 55px; font-size:17px; color:#515050; text-transform:uppercase}
.projects a.heritage:hover { background-position:0 -213px; color:#F89829}

.projects a.industrial{ display:block; width:130px; height:28px; background:url(../images/industrial_banner.jpg) no-repeat; float:left; margin:0 0 20px 0; padding:185px 0 0 50px; font-size:17px; color:#515050; text-transform:uppercase}
.projects a.industrial:hover { background-position:0 -213px; color:#F89829}

.projects a.residential{ display:block; width:135px; height:28px; background:url(../images/residential_banner.jpg) no-repeat; float:left; margin:0 22px 20px 0; padding:185px 0 0 45px; font-size:17px; color:#515050; text-transform:uppercase}
.projects a.residential:hover { background-position:0 -213px; color:#F89829}

.projects a.institutional{ display:block; width:145px; height:28px; background:url(../images/institutional-banner.jpg) no-repeat; float:left; margin:0 0 20px 0; padding:185px 0 0 35px; font-size:17px; color:#515050; text-transform:uppercase}
.projects a.institutional:hover { background-position:0 -213px; color:#F89829}

.projects a.community{ display:block; width:140px; height:28px; background:url(../images/community-banner.jpg) no-repeat; float:left; margin:0 0 20px 0; padding:185px 0 0 40px; font-size:17px; color:#515050; text-transform:uppercase}
.projects a.community:hover { background-position:0 -213px; color:#F89829}

.projects a.rail{ display:block; width:100px; height:28px; background:url(../images/rail-banner.jpg) no-repeat; float:left; margin:0 22px 20px 0; padding:185px 0 0 80px; font-size:17px; color:#515050; text-transform:uppercase}
.projects a.rail:hover { background-position:0 -213px; color:#F89829}

.projects a.commercial{ display:block; width:140px; height:28px; background:url(../images/commercial_banner.jpg) no-repeat; float:left; margin:0 22px 20px 0; padding:185px 0 0 40px; font-size:17px; color:#515050; text-transform:uppercase}
.projects a.commercial:hover { background-position:0 -213px; color:#F89829}





/* Sidebar */
#internal .sidebar {width:313px; float:right; padding:0 }
.sidebar a.design{ background:url(../images/design-and-constructions-banner.jpg) 0 -132px no-repeat; width:279px; height:132px; display:block; margin:0 0 13px 0; color:#fff; font-size:20px; text-transform:uppercase; text-decoration:none; padding:0 0 0 34px; text-indent:-999999px}
.sidebar a.design:hover { background:url(../images/design-and-constructions-banner.jpg) 0 0px no-repeat; }
.sidebar a.interiors {background:url(../images/interiors-banner.jpg) 0 -132px no-repeat; width:279px; height:132px; display:block; margin:0px 0 13px 0; color:#fff; font-size:20px; text-transform:uppercase; text-decoration:none; padding:0 0 0 34px; text-indent:-999999px}
.sidebar a.interiors:hover { background:url(../images/interiors-banner.jpg) 0 0 no-repeat;}
.sidebar a.refurbishment {background:url(../images/refurbishment-banner.jpg) 0 -132px no-repeat; width:279px; height:132px; display:block; margin:0px 0 10px 0; color:#fff; font-size:20px; text-transform:uppercase; text-decoration:none; padding:0 0 0 34px; text-indent:-999999px}
.sidebar a.refurbishment:hover { background:url(../images/refurbishment-banner.jpg) 0 0 no-repeat;}
.sidebar h2 {font-size:18px; margin:30px 0 18px 0}
.sidebar .clients {padding-bottom:22px}
.sidebar .clients img {margin:0 10px 0 0}
/* Testimonials */
.testimonials-top {background:url(../images/testimonials-top.jpg) no-repeat; width:307px; height:7px; line-height:0; font-size:0; margin:0; padding:0}
.testimonials {background:url(../images/testimonial-bg.jpg) repeat-y; width:267px; padding:5px 20px; margin:0;}
.testimonials p {font-size:12px; font-style:italic; margin-bottom:20px;}
.testimonials p.author {font-size:12px; font-weight:bold; margin-bottom:0px;}
.testimonials-bottom {background:url(../images/testimonials-bottom.jpg) no-repeat; width:307px; height:40px; line-height:0; font-size:0; margin:0; padding:0}
.testimonials blockquote {margin:0; width:268px}

.box-with-img { margin-bottom:20px}
.space20 { margin-bottom:20px}
.noBorder { border:none; margin-bottom:0}

p.copy { margin:5px 0}
.footer p.copy a { margin:0}
.blue { color:#217ABE !important}
.noML { margin-right:0 !important}

/* Form */
.form-line {width:620px; clear:both}
.form-line .form-label { width:200px; float:left; font-size:14px; height:28px}
.form-line .input-small { background:url(../images/input-small-bg.jpg); float:left; width:120px; height:18px; padding:5px; margin:0 0 10px 0}
.form-line .input-small select {border:none; background:none; width:120px;}
.req {color:red}
.form-line .input-text {background:url(../images/input-text-bg.jpg) no-repeat; width:231px; min-height:18px; float:left; padding:5px 5px 12px 5px;margin:0; position:relative}
.form-line .input-text input {border:none; background:none; width:231px; line-height:18px;}
.form-line .textarea-input {background:url(../images/textarea-bg.jpg) no-repeat; width:231px; min-height:81px; padding:5px 5px 12px 5px; float:left;margin:0}
.form-line .textarea-input textarea {background:none; border:none; width:231px; height:81px;}
.form-line .submit {background:url(../images/submit-form.jpg) no-repeat 0 0; width:107px; height:36px; cursor:pointer; border:none; font-size:0; text-indent:-9999px; padding:0; border-width:0}
.form-line .submit:hover {background:url(../images/submit-form.jpg) no-repeat 0 -36px;}
/* End Form */

.captchaimg { position:absolute; bottom:7px; left:0}
