@import 'structure.css';

body { overflow:x-hidden; }

span.red { color:#BF202F; }
span.bUnder { font-weight:bold; text-decoration:underline; }

/*Background Slider Start*/
div.sliderWrap { clear:both; width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; z-index:-999; }
div.sliderWrap div.sliderInner { clear:both; margin:0 auto; overflow:hidden; position:relative; height:100% !important; }
div.sliderWrap div.sliderInner img.slide { clear:left; display:block; left:50% !important; margin-left:-960px; top:0 !important; }
div.sliderWrap div.sliderInner div#map { clear:left; display:block; left:50%; margin-left:-960px; top:0; position:static !important; }

div#contact div.sliderHoverWrap { height:50%; bottom:0; top:auto; }
div.sliderHoverWrap { clear:both; background:url('img/galleryHoverPattern.png') repeat top left; width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; z-index:999; }
div.sliderHoverWrap div.sliderHoverInner { clear:both; margin:0 auto; overflow:hidden; position:relative; }
div.sliderHoverWrap div.sliderHoverInner img { clear:left; display:block; left:50%; margin-left:-960px; top:0; height:100%; opacity:1; position:relative; width:1920px; }

div.sliderThumbWrap { width:100%; background:url('img/thumbBar-bg.png') repeat-x left bottom; position:absolute; height:150px; overflow:hidden; z-index:100; top:50%; margin-top:-188px; }
div.sliderThumb { position:absolute; height:76px; bottom:0; }
div.sliderThumb a { float:left; width: 66px; height: 66px; margin: 5px 5px 5px 0px; cursor: pointer; opacity: 0.8; box-shadow: 0px 0px 3px rgba(0,0,0,0.6), 0px 0px 0px 40px rgba(0,0,0,0.3) inset; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
div.sliderThumb a:hover { opacity: 1.0; box-shadow: 0px 0px 3px rgba(0,0,0,0.6), 0px 0px 0px 0px rgba(0,0,0,0.1) inset; }
div.sliderThumb a.activeSlide { opacity: 1.0; border-color: #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.6); }
/*Background Slider End*/

/*Menu Bar Start*/
div.menuBarWrap { width:100%; height:78px; background:url('img/menuBar-bg.png') repeat-x left top; position:absolute; top:50%; left:0; margin-top:-39px; z-index:999; }
div.menuBarWrap div.menuBarInner { width:960px; height:66px; margin:6px auto; overflow:hidden; }
div.menuBarWrap div.menuBarInner div.logo { width:300px; height:60px; float:left; margin-top:1px; background:url('../../images/logo.png') no-repeat left top; }

div.menuBarWrap div.menuBarInner ul.menu { float:right; height:66px; margin:0px 31px 0px 0px; list-style:none; }
div.menuBarWrap div.menuBarInner ul.menu li { float:left; height:66px; line-height:66px; overflow:hidden; }
div.menuBarWrap div.menuBarInner ul.menu li a { display:block; text-decoration:none; padding:0px 20px 0px 21px; background:url('img/menu-sep.png') no-repeat right center; font-family:'Cuprum', Sans-Serif; font-size:17px; font-weight:400; color:#231f20; }
div.menuBarWrap div.menuBarInner ul.menu li a:hover, div.menuBarWrap div.menuBarInner ul.menu li a.active { color:#BF202F; }
div.menuBarWrap div.menuBarInner ul.menu li.last a { padding-right:0px; background:none; }
/*Menu Bar End*/

/*Opener Box Start*/
div.boxWrap { position:absolute; overflow:hidden; width:960px; height:250px; margin:40px 0px 0px -480px; top:50%; left:50%; z-index:999; }
div.boxWrap div.boxInner { width:960px; height:250px; overflow:hidden; position:absolute; }

div.boxWrap div.boxInner h4 { float:left; line-height:50px; width:180px; top:0px; margin-top:15px; position:absolute; font-family:'Cuprum', Sans-Serif; font-size:34px; font-weight:300; color:#FFF; }
div.boxWrap div.boxInner div.contentInner { width:380px; float:left; overflow:hidden; position:relative; }
div.boxWrap div.boxInner div.contentInner.fullW { width:660px; }
div.boxWrap div.boxInner div.contentInner.fullW { text-align:justify; }
div.boxWrap div.boxInner div.contentInner h3.contentTitle { line-height:24px; padding:0px; margin:0px; font-family:'Cuprum', Sans-Serif; font-size:24px; font-weight:400; color:#BF202F; }
div.boxWrap div.boxInner div.contentInner p { margin-top:17px; line-height:17px; font-family:Arial; font-size:11px; color:#231f20; }
div.boxWrap div.boxInner div.contentInner ul.bulletList { margin-top:20px; padding:0px; }
div.boxWrap div.boxInner div.contentInner ul.bulletList li { padding-left:12px; background:url('img/list-sep.png') no-repeat left center; font-family:Arial; font-size:11px; color:#231f20; }
div.boxWrap div.boxInner div.contentImage { width:252px; height:209px; float:right; overflow:hidden; border:1px solid #BDBBBC; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

/*Team Person Box Start*/
div.boxWrap div#Team ul.contentWrap div.contentInner { height:210px; }
div.boxWrap div.boxInner ul.contentWrap div.contentInner span.jobTitle { display:block; margin-top:14px; font-family:Arial; font-size:11px; color:#bdbbbc; }
div.boxWrap div.boxInner ul.contentWrap div.contentInner div.teamPersonContact { width:390px; height:30px; bottom:0px; position:absolute; background:url('img/border-bg.png') repeat-x left top; }
div.boxWrap div.boxInner ul.contentWrap div.contentInner div.teamPersonContact ul { padding:8px 5px; }
div.boxWrap div.boxInner ul.contentWrap div.contentInner div.teamPersonContact ul li { float:left; padding-right:15px; }
div.boxWrap div.boxInner ul.contentWrap div.contentInner div.teamPersonContact ul li a { display:block; height:18px; font-family:Arial; font-size:11px; color:#bdbbbc; }
div.boxWrap div.boxInner ul.contentWrap div.contentInner div.teamPersonContact ul li a:hover { text-decoration:underline; color:#222021; }

div.boxWrap div.boxInner ul.contentWrap div.contentInner div.teamPersonContact ul li.internalNo a { background:url('img/phone.png') no-repeat left -3px; padding-left:19px; }
div.boxWrap div.boxInner ul.contentWrap div.contentInner div.teamPersonContact ul li.internalNo a:hover { background:url('img/phone.png') no-repeat left -21px; padding-left:19px; }
div.boxWrap div.boxInner ul.contentWrap div.contentInner div.teamPersonContact ul li.email a { background:url('img/email.png') no-repeat left -1px; padding-left:20px; }
div.boxWrap div.boxInner ul.contentWrap div.contentInner div.teamPersonContact ul li.email a:hover { background:url('img/email.png') no-repeat left -19px; padding-left:20px; }
div.boxWrap div.boxInner ul.contentWrap div.contentInner div.teamPersonContact ul li.facebook a { background:url('img/facebook.png') no-repeat left 0px; padding-left:18px; }
div.boxWrap div.boxInner ul.contentWrap div.contentInner div.teamPersonContact ul li.facebook a:hover { background:url('img/facebook.png') no-repeat left -18px; padding-left:18px; }
div.boxWrap div.boxInner ul.contentWrap div.contentInner div.teamPersonContact ul li.twitter a { background:url('img/twitter.png') no-repeat left -1px; padding-left:20px; }
div.boxWrap div.boxInner ul.contentWrap div.contentInner div.teamPersonContact ul li.twitter a:hover { background:url('img/twitter.png') no-repeat left -19px; padding-left:20px; }
/*Team Person Box End*/

/*Contact Box Start*/
div.boxWrap div#Contact a.contactIcon { display:block; width:25px; height:29px; position:absolute; top: 20px; left: 207px; margin-top: 14px; background:url('img/contact-ico.png') no-repeat left top; cursor:pointer; }
div.boxWrap div#Contact a.contactIcon1 { display:block; width:22px; height:48px; position:absolute; top: 20px; left: 207px; margin-top: 5px; background:url('img/back-ico.png') no-repeat left top; cursor:pointer; }
div#map { margin:2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
div.boxWrap div.boxInner div.contentInner ul.contactItem li span, div.boxWrap div.boxInner div.contentInner ul.contactItem li a { display:block; font-family:Arial; font-size:11px; color:#231f20; }
ul.contactItem li { padding:10px 0px; background:url('img/border-bottom-bg.png') repeat-x left bottom; }
.address span { background:url('img/address.png') no-repeat left -19px; padding-left:20px; }
.phone span { background:url('img/phone.png') no-repeat left -21px; padding-left:19px; }
.email a { background:url('img/email.png') no-repeat left -19px; padding-left:20px; }
.facebook a { background:url('img/facebook.png') no-repeat left -18px; padding-left:18px; height:18px; }
.twitter a { background:url('img/twitter.png') no-repeat left -19px; padding-left:20px; }

div.contactForm { overflow:hidden; margin-top:15px; }
div.contactForm input, div.contactForm textarea  { border:1px solid #BDBBBC; padding:5px; margin-bottom:5px; font-family:Arial; font-size:11px; color:#bdbbbc; }
div.contactForm .error { border:1px solid #FF0000; }
div.contactForm textarea { width:280px; height:40px; min-height:40px; max-height:40px; min-width:280px; max-width:280px; }
div.contactForm p { position:relative; margin:0px !important; }
p.response { float:left; color:#BF202F !important; padding:5px 5px 5px 21px; background:url('img/error.png') no-repeat center left; font-size: 10px !important; }
p.success { float:left; color:#BF202F !important; padding:5px; font-size: 12px !important; }
div.contactForm p.last { float:left; }
div.contactForm label { display:inline; position:absolute; top:3px; left:5px; font-family:Arial; font-size:11px; color:#bdbbbc; }
div.contactForm input[type=text] { width:162px; height:10px; }
div.contactForm input[type=text]:focus, div.contactForm textarea:focus { border-color:#231f20; color:#231f20; }
div.contactForm input[type=submit] { display:block; cursor:pointer; float:left; width:80px; height:27px; padding:0px; line-height:24px; margin-top:25px; margin-left:5px; background-color: #BF202F; border:none; border-bottom:4px solid #991A26 !important; text-align:center; font-family:'Cuprum', Sans-Serif; font-size:16px; font-weight:300; color:#FFF;  }
/*Contact Box End*/
/*Opener Box End*/

/*Carousel Slider Start*/
.jcarousel-container { display: block; float:right; width:660px; height:210px; background-color:#FFF; padding:20px !important; -webkit-border-bottom-right-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; }
.jcarousel-direction-rtl { direction: rtl; }
.jcarousel-clip { overflow: hidden; margin: 0 auto; height:232px; }
.jcarousel-item { overflow: hidden; width:660px; height:232px; }
.jcarousel-direction-rtl .jcarousel-item-vertical { margin-left: 10px; margin-right: 0; }
.jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-next-vertical { position: absolute; top: 55px; left: -74px; width: 48px; height: 22px; cursor: pointer; background: url(img/down-vertical.png) no-repeat left top; }
.jcarousel-direction-rtl .jcarousel-next-vertical { left: 5px; right: auto; background-image: url(img/down-vertical.png); }
.jcarousel-prev-vertical { position: absolute; top: 20px; left: -74px; width: 48px; height: 22px; cursor: pointer; background: url(img/up-vertical.png) no-repeat left top; }
.jcarousel-direction-rtl .jcarousel-prev-vertical { left: auto; right: 5px; background-image: url(img/up-vertical.png); }
/*Carousel Slider End*/

/*Scroll-Pane Start*/
.scroll-pane{overflow:auto;margin:0 0 10px;padding:5px; height:210px;}
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute; padding:0 !important;}
.jspVerticalBar{position:absolute;top:0;right:0;width:7px;height:71px;background:red;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:70px;background:red;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#dde;position:relative;}
.jspDrag{background:#bbd;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
* html .jspCorner{margin:0 -3px 0 0;}
.jspHorizontalBar,.jspVerticalBar,.jspTrack{}
.jspDrag{background-color:#BF202F; height:25px;}
.jspTrack .jspActive,.jspTrack .jspHover,.jspDrag:hover{}.jspArrow{background:url(../image/ui-icons_222222_256x240.png) no-repeat;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.jspVerticalBar>.jspActive,.jspArrow:hover{background-image:url('../image/ui-icons_cd0a0a_256x240.png');}
.jspVerticalBar>.jspDisabled,.jspVerticalBar>.jspDisabled:hover,.jspHorizontalBar>.jspDisabled,.jspHorizontalBar>.jspDisabled:hover{background-color:transparent;background-image:url('../image/ui-icons_888888_256x240.png');}
.jspVerticalBar .jspArrow{height:15px;}
.jspHorizontalBar .jspArrow{width:15px;}
.jspArrowUp{background-position:0 0;}
.jspArrowDown{background-position:-64px 0 !important;}
.jspArrowLeft{background-position:-96px 0 !important;}
.jspArrowRight{background-position:-32px 0 !important;}
/*Scroll-Pane End*/

#divLoading{ width:100%; height:100%; background:url(img/opacity.png) repeat top left; display:block; z-index:99999; position:absolute; top:0; left:0; }
#divLoad{ width:174px; height:80px; background:url(img/loading.png) repeat top left; display:block; z-index:99999; position: fixed; top: 50%; left: 50%; padding:15px 0 0 50px; margin:-40px 0px 0px -87px; }