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

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

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

}
@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('../fonts/myriadpro-boldcond.eot');
    src: url('../fonts/myriadpro-boldcond.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-boldcond.woff') format('woff'),
         url('../fonts/myriadpro-boldcond.ttf') format('truetype'),
         url('../fonts/myriadpro-boldcond.svg#MyriadProBoldCondensed') format('svg');
}

@font-face {
    font-family: 'MyriadProCondensed';
    src: url('../fonts/myriadpro-cond.eot');
    src: url('../fonts/myriadpro-cond.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-cond.woff') format('woff'),
         url('../fonts/myriadpro-cond.ttf') format('truetype'),
         url('../fonts/myriadpro-cond.svg#MyriadProCondensed') format('svg');
}
@font-face {
    font-family: 'MyriadProLightCondensed';
    src: url('../fonts/myriadpro-lightcond.eot');
    src: url('../fonts/myriadpro-lightcond.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-lightcond.woff') format('woff'),
         url('../fonts/myriadpro-lightcond.ttf') format('truetype'),
         url('../fonts/myriadpro-lightcond.svg#MyriadProLightCondensed') format('svg');
}
@font-face {
    font-family: 'MyriadProRegular';
    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#MyriadProRegular') format('svg');
}

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

}
@font-face {
    font-family: 'CourierRegular';
    src: url('../fonts/courier.eot');
    src: url('../fonts/courier.eot?#iefix') format('embedded-opentype'),
         url('../fonts/courier.woff') format('woff'),
         url('../fonts/courier.ttf') format('truetype'),
         url('../fonts/courier.svg#CourierRegular') format('svg');
}
body{background:url('../images/main_bg.png') no-repeat center top #000;width:100%}
a{outline:none}
a:focus{outline:none}
.layout2 .layout{width:100%;max-width:1142px;margin:0 auto;}
.layout1 .layout{width:100%;max-width:1280px;margin:0 auto;}
header,section,footer {float:left;width:100%}
header{margin:74px auto 23px;}
header .menu li{float:left;margin:0 35px 0 24px;}
header .menu li a{color:#ffd48a;font-size:24px;text-decoration:none;font-family:cochinregular; font-style: italic;line-height:30px;letter-spacing:1px;}
header .menu li.active a{color:#fff;}
header .menu li.logo {background:url(../images/logo.png) no-repeat;height:50px;width:90px;margin:-14px 41px 0;}
header .menu li.our-work {margin:0 40px 0 25px;}
header .menu li.about {margin:0 49px;}
header .menu li.contact {margin:0 40px 0 40px;}
header .menu li.inquire {margin:0 32px 0 48px;}
header .menu li.logo a{font-size:0;line-height:0;width:100%;height:100%;display:block}
header .social-icons li{float:left;width:50px;height:28px;}
header .social-icons li a{display:block;height:28px;}
header .social-icons li.facebook {background:url('../images/social-icons.png') no-repeat left top}
header .social-icons li.facebook a{width:12px;}
header .social-icons li.instagram {background:url('../images/social-icons.png') no-repeat center top;text-align:center}
header .social-icons li.instagram a{width:24px;margin-left:10px;}
header .social-icons li.pinterest {background:url('../images/social-icons.png') no-repeat right top;text-align:right}
header .social-icons li.pinterest a{width:14px;float:right}
.layout1 header nav{margin-left:200px;}

.layout1 section .section-left{width:180px;display:block;margin-right:20px;float:left;}
.layout1 section .section-right{width:1040px;display:block;min-height:500px;float:left;}
.layout1 header .menu li a{color:#b1c5ba}
.layout1 header .menu li.inquire,.layout1 header .menu li.contact,.layout1 header .menu li.about{margin:0 84px;}
.left-menu {background:url(../images/left-menu-bg.png) repeat-y center top;padding:16px 10px;margin-top: 54px;}
.left-menu > li > a {padding:0 37px 0 0;}
.left-menu li li{padding:3px 37px 1px 0;margin-top:0;}
.left-menu li.active{background:url('../images/arrow.png') no-repeat 130px 1.1em;}
/* .left-menu li.hover{background:url('../images/arrow.png') no-repeat 130px 15px;} */
.left-menu li li.active{background:url('../images/arrow.png') no-repeat 130px 0.7em;}
/* .left-menu li li.hover{background:url('../images/arrow.png') no-repeat 130px 8px;} */
.left-menu li a{font-family:cochinregular; font-style: italic;color:#71acad;font-size:26px;text-decoration:none;letter-spacing:1px;}
.left-menu li:first-child{margin-top:0px;}
.left-menu li{text-align:right;margin-top:31px;}
.left-menu li li a{font-family:montrealts-demiboldregular; font-style: normal;color:#f58e1e;font-size:13px;}
.slider img{width:100%;height:auto;clear:both;}
.item {display: inline-block;margin: 10px 1%;width: 22.5%;position:relative;}
.logo-inner .item:hover img{position:absolute;top:-123px;left:-25%;max-width:100%;height:auto;width:100%;min-width:300px;z-index:99;margin-left:50px;box-shadow:0px 12px 12px #111;behavior:url('include/js/PIE.htc');}
.logo-inner #overlay{width:100%;height:85.3%;position:absolute;z-index:98;background:url(../images/pixel.png) repeat left top;display:none;left:0;top:0;border-radius:15px;behavior:url('include/js/PIE.htc');}

footer p.copyright{color:#b8b8b8;margin:5px 0}
footer p{color:#508080;text-align:center;font-size:12px;line-height:13px;font-family:HelveticaBold;}
footer .content{width:100%;max-width:940px;margin:0 auto;}

.slider{position:relative; min-height: 820px;}
.logos .slider{ min-height: 780px;}
.websites .slider{min-height: 780px;}
.slider .block{background:#fff;border-radius:15px;behavior:url('include/js/PIE.htc');postion:static;}
.slider .bx-controls{position:absolute;width:100%;bottom:100px;z-index:99}
.slider .bx-controls-direction{width:98%;margin:0 auto;}
.slider .bx-controls-direction a{background:url('../images/slider-arrow.png') no-repeat left center;width:38px;height:72px;font-size:0;line-height:0;display:block;}
.slider .bx-controls-direction a.bx-prev{float:left}
.slider .bx-controls-direction a.bx-next{float:right;background-position:right center}
.slider .bx-pager{bottom: -70px;position: absolute;text-align: center;width: 100%;}
.slider .bx-pager .bx-pager-item {display:inline-block;}
.slider .bx-pager .bx-pager-item a{background:#fff;color:#fff;padding:0px;display:inline-block;border-radius:50%;font-size:0px;margin:5px 10px;behavior:url('include/js/PIE.htc');position:relative;width:15px;height:15px;}
.slider .bx-pager .bx-pager-item a.active{background:#F58E1E;color:#000}
.layout1 li h3{color: #231F20;float: left;font-family: MyriadProBoldCondensed;font-weight: normal;margin-left: 20px;}
.more_info {background:url('../images/pixel2.png') repeat 0 0 transparent;margin:0 22px;position: absolute;right: 0;top: 0;width: 200px;box-shadow:-7px 5px 12px #898788;behavior:url('include/js/PIE.htc');}
.more_info h4.toggle{background:#417c6e;color:#fff;margin:0;padding:5px 10px;cursor:pointer;font-size:18px;text-align: center;font-family:CourierRegular;text-transform:uppercase}
.more_info .more-tab{background:url('../images/pixel2.png') repeat 0 0 transparent;color:#000;margin:0;padding:5px 10px;display:none;}
.more_info .tab {margin:10px 0}
.more_info .tab  label {display: block;color:#231f20;font-family:MyriadProBoldCondensed;font-size:18px;line-height:22px;}
.more_info .tab  span {display: block;color:#231f20;font-size:18px;line-height:22px;font-family:MyriadProLightCondensed;}

body.layout2 section{background:url(../images/inner_bg.png) no-repeat left top; width:1140px;height:697px;}
body.layout2.contact section{background:url(../images/contact.png) no-repeat left top;}
body.layout2.inquire section{background:url(../images/inquire.png) no-repeat left top;}
body.layout2 section .content-inner{width:100%;text-align:center;margin:0 auto;max-width:720px;margin-top:110px;position:relative;font-family:MyriadProRegular;}
body.layout2.inquire section .content-inner{max-width:900px;}
body.layout2 section .content-inner .contact-details {left: 272px;position: absolute;text-align: left;top: 211px;}
body.layout2 section .content-inner .contact-details p{margin-bottom:25px;}
body.layout2 section .content-inner .contact-details p a{color:#231f20;text-decoration:none}
body.layout2 section .content-inner .contact-details p span{display:block}
body.layout2 section .content-inner p{font-size:16px;line-height:21px;color:#231f20;margin:0}
.bold{font-weight:600;}
p.direction a {
    color: #FFFFFF !important;
    display: block;
    margin-left: 119px;
    margin-top: 64px;
    text-align: right;
}
p.direction a:hover {color:#231F20 !important;}
.inquire p a{text-decoration:none;margin-top:30px;display:block;float:left;width:100%;color:#231F20;text-align:center;font-size:18px;}
.left-block h3, .right-block h3{font-size:24px;margin:10px 0}
.websites .content-inner {margin-top:40px;}
.websites .content-inner p{text-align:center;color: #231F20;
    font-size: 16px;
    line-height: 21px;
    margin: 0;font-family: MyriadProRegular;}
.left-block, .right-block {
    float: left;margin: 0 2%;
    width: 46%;
}
#wrapper {width:100%;margin:0px auto;padding:120px 0 30px;background:url('../images/border-bg.jpg') no-repeat -3px 60px;background-size:100% auto;}
#wrapper .back-slide {background:Silver;margin: 0;padding: 20px 0 15px;width: 100%;}
.roundabout-holder {
			padding: 0;
			margin: 0 auto;
			height: 440px;
			width: 600px;
		}
		
		.roundabout-moveable-item {
			height: 400px;
			width: 400px;
			cursor: pointer;behavior:url('include/js/PIE.htc');position:relative;
			display:block;border:1px solid #f2f2f2;border-radius:0px;
		}
		
		.roundabout-moveable-item img {
			height: 100%;
			width: 100%;
		}
		
		.roundabout-in-focus {
			cursor: auto;
		}
		
		#carousel-descriptions {
			list-style:none;
			display:block;
			width:850px;
			margin:25px auto;
			padding:0;
		}
		
		#carousel-descriptions li {
			font-size:24px;
			font-weight:bold;
			text-align:center;
			display:none;
		}
		
		#carousel-descriptions li.current {
			display:block;
		}
		
		#carousel-controls {
			max-width:900px;
			width:auto;
			margin:25px auto;
			overflow:auto;
			border-collapse:collapse;
			text-align:center;
		}
		
		#carousel-controls span {
			background: none repeat scroll 0 0 #E1E3E2;
			border: 1px solid #969696;
			border-radius: 50% 50% 50% 50%;
			cursor: pointer;
			display: inline-block;
			font-size: 0;
			margin: 0 5px;
			padding: 6px;
			text-align: center;
			width: auto;			
		}
		/*
		#carousel-controls td span {
			font-size:14px;
			text-align:center;
			margin:0 5px;
			padding:5px;
			cursor:pointer;
			border:1px solid black;
			background:#333;
		}*/
		
		#carousel-controls .current {
			background:#636365;
			color:;
			border-color:#696969;
		}
	
.section-left {
        position:relative;
    }
    
    .section-left ul.left-menu {
        /* set the layer position */
        position:relative;
        z-index:5;
    }
    
    
    
    .section-left ul .block{
        /* allow javascript to move the block */
        position:absolute;
        top:0;
        
        /* set the left position */
        left:140px;    
        
        /* display above the #menu */
        z-index:10;
        
        /* the image and the size */
        background:url('../images/arrow2.png') no-repeat 0px 0.45em;
        padding:4px;width:19px;
        cursor:pointer;
    }
    
    /* fast png fix */
    * html .png{
        position:relative;
        behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
    }