/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline }
*{margin:0;padding:0}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:940px;float:left}
/* Global properties ======================================================== */
body {background:url(../images/bg.jpg) top left repeat-x #f5f3f3;border:0;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#575652;line-height:22px}
body.bg1 {background:url(../images/innerbody_bg.jpg) top left repeat-x #f5f3f3;border:0;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#575652;line-height:22px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3 {border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure ============================================================= */
.main {margin:0 auto;width:940px}
.body1 {background:url(../images/bg_top.gif) top repeat-x}
/* ============================= main layout ====================== */
a {color:#575652;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {float:left;padding:24px 0 0 30px}
h2 {font-size:18px;color:#474747;font-weight:400;line-height:1.2em;letter-spacing:-1px;padding-bottom:12px}
h2 span {font-weight:300}
h2 strong, .box1 h2 strong {font-weight:700;display:inline-block;width:22px;color:#fff;text-align:center;background:#ffa041;margin-right:3px}
h2.color2 strong {background:#9200a3}
h2.color3 strong {background:#4d8bb3}
h3 {font-size:35px;color:#dad6cc;font-weight:400;line-height:1.2em;padding:25px 0 0 35px;float:left;letter-spacing:-1px}
h4 {color:#dad6cc;font-weight:300;font-size:35px;line-height:1.2em;padding:0 0 7px 0;letter-spacing:-1px}
h4 span {color:#ffc11e;font-weight:400}
h4.color2 span {color:#9ecf39}
h4.color3 span {color:#20bdbe}
#page4 h4, #page5 h4 {padding:25px 0 16px 0;margin-left:-3px}
p {padding-bottom:22px}
strong {color:#dcd9cf}
/* ============================= header ====================== */
header {}
#logo {display:block;background:url(../images/logo.png) 0 0 no-repeat;width:201px;height:106px;text-indent:-9999px}
#menu {float:right;padding:46px 0 17px 0}
#menu li {float:left;padding-left:1px}
#menu li a {display:block;padding:0 20px;height:37px;font-size:18px;color:#383838;line-height:37px;text-transform:uppercase;text-decoration:none;font-weight:400;float:left;font-family:MyriadPro-Regular}
#menu #menu_active a {background:#e07000;color:#fff}
#menu li a:hover{color:#e07000}
nav{/*width:650px;*/float:right}
#top_nav {float:right;padding:40px 37px 0 0}
#top_nav li {float:left;padding:4px 26px 5px 0;margin-right:25px;background:url(../images/top_line.png) right 0 no-repeat}
#top_nav .end {padding-right:0;margin-right:0;background:none}
.slider {position:relative;z-index:1;width:100%;height:388px;overflow:hidden;margin-bottom:10px}
.slider .items {display:none}
.pic {float:right;position:relative}
.mask {left:auto !important;right:0;width:928px !important}
.pagination {position:absolute;left:0;top:0;z-index:3}
.pagination li {width:250px;height:155px}
.pagination a {display:block;position:relative;cursor:pointer;padding:29px 0 0 23px;font-size:40px;line-height:1.5em;font-weight:400;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:-1px;height:126px}
.pagination a span {display:block;font-weight:300;font-size:30px;line-height:1.2em;margin-top:-10px;letter-spacing:0}
#banner1 {background:url(../images/banner1.png) 0 0 no-repeat}
#banner1 a {background:url(../images/banner1_active.png) -250px 0 no-repeat}
#banner2 {background:url(../images/banner2.png) 0 0 no-repeat}
#banner2 a {background:url(../images/banner2_active.png) -250px 0 no-repeat}
#banner3 {background:url(../images/banner3.png) 0 0 no-repeat}
#banner3 a {background:url(../images/banner3_active.png) -250px 0 no-repeat}
.pagination #banner1:hover, .pagination #banner1.current, .pagination #banner2:hover, .pagination #banner2.current, .pagination #banner3:hover, .pagination #banner3.current {}
.banner {position:absolute;z-index:2;right:0;bottom:40px;margin:0 10px 10px 0}
.banner span {float:right;padding:0 32px;margin-bottom:5px;background:#000;font-size:40px;line-height:56px;height:56px;font-weight:400;color:#dad6cc;line-height:1.2em}
.banner em {font-style:normal;text-transform:uppercase;font-weight:500;color:#ffd178}
.banner strong {float:right;padding:0 32px;background:#000;font-size:40px;line-height:56px;font-weight:300;color:#dad6cc}
.banner .wrapper{background:url(../images/caption.png) top left no-repeat;width:436px;height:177px}
.mainbanner{padding:6px;background:#fff;width:928px;height:376px;margin-bottom:10px;float:left}
.innerbanner{padding:6px;background:#fff;width:928px;height:211px;margin-bottom:15px;float:left}

/* ============================= content ====================== */
#content {}
.pad_left1 {padding-left:26px}
.pad_left2 {padding-left:36px}
.pad_bot1 {}
.pad_bot2 {padding-bottom:4px}
.marg_right1 {margin-right:37px}
.box1 {background:#e2e1e1;border-top:5px solid #e07000;padding:15px 30px 20px;font:normal 12px Verdana, Geneva, sans-serif;line-height:19px;float:left;width:880px}
.box1 strong {color:#3f3f3f}
.box1 figure {background:url(../images/shadow_bg.png) top left no-repeat;position:relative;width:271px;height:120px}
.box2 {background:#0e0c0a;padding:25px 30px 32px}
.box2 .line1, .box2 .line2 {background-image:url(../images/line_vert2.gif)}
#page4 .box2 {margin-top:7px;padding-top:30px;padding-bottom:28px}
.line1 {background:url(../images/line_vert1.gif) 287px 0 repeat-y;float:left}
.line2 {background:url(../images/line_vert1.gif) 592px 0 repeat-y}
#page3 .line1 {background-position:282px 0}
.relative {position:relative}
.button1 {float:right;color:#dddad1;text-decoration:none;background:#000;line-height:18px;padding:4px 9px;margin-top:15px}
* + html .button1 {margin-top:-20px}
.button1 {color:#dddad1}
.button1:hover {background:#E07000;color:#fff}
.button1.color2 {color:#dddad1}
.button1.color2:hover {background:#94c932;color:#fff}
.button1.color3 {color:#dddad1}
.button1.color3:hover {background:#63d1a7;color:#fff}
.button2 {display:inline-block;font-size:15px;color:#fff;text-transform:uppercase;text-decoration:none;padding:0 21px;height:32px;line-height:30px;font-weight:400;background:url(../images/btn_bg.jpg) top repeat-x;letter-spacing:-1px;border:solid 1px #ae5e0e;margin-top:14px;cursor:pointer}
.button2:hover{background-position:0 -33px;border:solid 1px #bd660f}
.button2.color3 {background:#ffde9e;color:#383838}
.color0 {color:#616161;text-decoration:none}
.link1 {text-decoration:none}
.link1:hover {text-decoration:underline}
.quot {margin-top:17px;float:left;margin-left:94px;padding:12px 0 17px 41px;font-style:italic;background:url(../images/quot1.png) 0 0 no-repeat;width:570px}
.quot img {display:inline-block;margin:4px 0 0 9px}
#page2 .quot {padding-bottom:7px}
.list1 {margin-top:-2px;margin-bottom:-2px}
.list1 li {line-height:26px}
.list1 li a {color:#dcd8cf;padding-left:22px;background:url(../images/marker_1.gif) 0 3px no-repeat}
.list1 .color2 a {background-position:0 -23px}
.list1 .color3 a {background-position:0 -49px}
/*--- tabs begin ---*/
.tabs {}
.tabs ul.nav {padding:27px 0 27px 2px;overflow:hidden}
.tabs ul.nav li {float:left;padding-left:31px}
.tabs ul.nav li a {font-size:35px;color:#ddd9cf;font-weight:400;text-decoration:none;line-height:1.2em;letter-spacing:-1px}
.tabs ul.nav .selected a, .tabs ul.nav a:hover {color:#ffc11e}
.tabs .tab-content {}
/*--- tabs end ---*/
.address {float:left;width:80px}
.img1 {position:absolute;right:0;top:32px}
/* ============================= footer ====================== */
footer {background:url(../images/footer_bg.jpg) top right repeat-y #e07000;padding:10px 36px 7px;float:left;width:866px}
#footer_logo {float:left;font-size:46px;font-weight:300;text-transform:uppercase;color:#dedbd2;line-height:1.2em;text-decoration:none;letter-spacing:-3px;margin-left:-4px}
#footer_logo span {color:#ffc11e}
#icons {float:right;padding:20px 0 0 0}
#icons li {float:left;padding-left:4px}
/* Tooltips */
.aToolTip {background:#ffc11e;color:#fff;font-weight:bold;margin:0;padding:2px 10px 3px;font-size:11px;position:absolute;line-height:17px}
.aToolTip .aToolTipContent {position:relative;margin:0;padding:0}
.tel {margin-top:-1px;margin-left:39px;font-size:30px;line-height:38px;color:#dedad1;letter-spacing:0;font-weight:300;float:left;font-size:25px;font-family:pf_beausans_pro_thinregular;font-weight:normal;color:#fff}
.tel span {color:#fff;font-weight:bold}
footer nav {float:left;width:345px}
#footer_menu {float:left;padding:10px 0 10px 0;margin-left:-1px}
#footer_menu li {float:left;padding-right:10px;margin-right:10px}
#footer_menu li a {display:block;color:#f7dbbe;text-decoration:none;line-height:23px;font:normal 12px Verdana, Geneva, sans-serif}
#footer_menu li a:hover, #footer_menu .active a {color:#fff}
#footer_menu .end {background:none;padding-right:0;padding-left:0}
#footer_text {padding-top:18px;border-top:1px solid #0d0d0d;text-align:center}
#footer_text a {color:#fff;text-decoration:none}
#footer_text a:hover {text-decoration:underline}
/* ============================= forms ============================= */
#formObj {padding-bottom:36px}
#formObj .wrapper {height:36px}
#formObj span {float:left;width:105px;line-height:24px}
#formObj .textarea_box {width:100%;overflow:hidden;min-height:103px;padding-bottom:5px}
#formObj {}
#formObj a {margin-left:10px;width:72px;text-align:center;float:right}
#formObj .input {width:470px;background:#000;padding:5px;color:#575652;font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;height:20px}

.contact p{padding-bottom:10px}
iframe.map {box-shadow:0 0 3px #a4a19a;-moz-box-shadow:0 0 3px #a4a19a;-webkit-box-shadow:0 0 3px #a4a19a;position:relative;padding:4px;background:#fff}
img.about{padding:5px;box-shadow:0 0 3px #a4a19a;-moz-box-shadow:0 0 3px #a4a19a;-webkit-box-shadow:0 0 3px #a4a19a;position:relative;background:#eeeeee;float:left;margin-right:18px;margin-top:5px}
.full_column p{padding-bottom:15px}
.list li{background:url(../images/marker_1.gif) top left no-repeat;padding-left:21px;background-position:0 4px;margin-bottom:4px}
.quot.width{width:870px !important;margin-left:29px !important;margin-top:20px !important;margin-bottom:13px !important
}
.quot.width span{color:#20BDBE}
img.services{padding:6px;position:relative;float:left;margin-right:36px;margin-bottom:9px !important;border:none}

h3.heading {font-size:19px;float:none;padding:0;margin-bottom:19px;color:#8A806A;font-family:Verdana, Geneva, sans-serif;text-transform:uppercase}
h3.heading  span{color:#E07000}
.services .line1{background-position:209px 0 !important}
.services{margin-bottom:5px;border-bottom:dashed 1px #bcb8ae;padding-bottom:19px}
hr{height:1px;margin:20px 0;border-bottom:dotted 1px #c4c0b4;background:none;float:left;width:877px}

.gallery li img{box-shadow:0 0 3px #a4a19a;-moz-box-shadow:0 0 3px #a4a19a;-webkit-box-shadow:0 0 3px #a4a19a;position:relative;width:141px;height:125px}
.gallery li{margin-right:29px;float:left;margin-bottom:24px;background:#eee;padding:5px;}
.gallery li.no_margin{margin-right:0}
.service_listing li{background:url(../images/arrrow.png) top left no-repeat;background-position:0 7px;padding-left:15px;margin-bottom:5px}

h2.contact{width:200px;height:36px;border-top:solid 2px #383838;background:#282828;float:right;color:#fff;margin-left:50px}
h2.contact .email{margin-left:23px;line-height:45px;background:url(../images/email.png) top left no-repeat;padding-left:29px;font-family:Tahoma, Geneva, sans-serif;font-size:14px;color:#fff;text-decoration:none}
h2.contact .email:hover{color:#ffb98a}
h2.contact .phone{margin-left:23px;line-height:45px;background:url(../images/phone.png) top left no-repeat;padding-left:29px;font-family:Tahoma, Geneva, sans-serif;font-size:14px;height:39px;float:left;background-position:0 13px}
.box1 h2{color:#000;font:normal 19px MyriadPro-Regular}
.about{float:left;width:517px;background:url(../images/shadow_right.jpg) center right no-repeat;padding-right:30px;margin-top:23px}
h4{color:#8a806a;line-height:32px;float:left;margin-right:40px;margin-bottom:20px}
h4 span{color:#e07000;font-family:MyriadPro-Regular}
.about p{font:normal 12px Verdana, Geneva, sans-serif;line-height:19px;padding-bottom:0;color:#5e5d5d}
.about a.more{float:right;margin-right:20px;margin-bottom:20px;text-decoration:none;color:#e07000}
.about a.more:hover{color:#4E4E4E}
.get_in_touch{width:360px;float:right;position:relative;margin-top:23px}
.get_in_touch .bg{background:url(../images/get_bg.jpg) center right no-repeat;position:absolute;width:177px;height:110px;right:-35px;z-index:4}
.get_in_touch h6{font:normal 20px Verdana, Geneva, sans-serif;color:#8a806a;text-transform:uppercase;margin-bottom:10px}
.get_in_touch h6 span{color:#e07000}
.get_in_touch p{line-height:21px;font-size:14px;color:#282828;font-family:Verdana, Geneva, sans-serif;position:relative;z-index:5}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	footer p{float:left;font:normal 12px Verdana, Geneva, sans-serif;color:#f7dbbe;line-height:35px;padding-bottom:0}
	img.about_img{float:left;margin-right:15px;box-shadow:0 0 3px #A4A19A;-moz-box-shadow:0 0 3px #A4A19A;-webkit-box-shadow:0 0 3px #A4A19A;padding:5px;background:#fff;margin-bottom:10px}
	.enquiry{margin:25px 0 0;padding:0 10px}
	.enquiry ul{width:320px;float:left}
	.enquiry ul input{font:normal 12px Verdana, Geneva, sans-serif;padding:3px 5px;color:#5E5D5D;background:#fff;border:solid 1px #E4E4E4;width:280px;height:22px;margin-bottom:13px}
	.enquiry ul input:focus{border:solid 1px #ffd8b2}
	.enquiry ul textarea{font:normal 12px Verdana, Geneva, sans-serif;padding:3px 5px;color:#5E5D5D;background:#fff;border:solid 1px #E4E4E4;width:360px;height:60px}
	.col1.no_margin{margin-left:0}
	.clients li{width:153px;height:90px;float:left;background:#fff;box-shadow:0 0 3px #A4A19A;-moz-box-shadow:0 0 3px #A4A19A;-webkit-box-shadow:0 0 3px #A4A19A;text-align:center;margin-right:28px;margin-bottom:23px}
	.clients li img{margin-top:3px}
	.clients li.no_margin{margin-right:0}

@font-face {
    font-family: 'pf_beausans_pro_thinregular';
    src: url('../fonts/pfbeausanspro-thin-webfont.eot');
    src: url('../fonts/pfbeausanspro-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfbeausanspro-thin-webfont.woff') format('woff'),
         url('../fonts/pfbeausanspro-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../fonts/myriadpro-regular.eot');
    src: url('../fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-regular.woff') format('woff'),
         url('../fonts/myriadpro-regular.ttf') format('truetype'),
         url('../fonts/myriadpro-regular.svg#myriadpro-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}