@charset "utf-8";
/* CSS Document */

/* Generic style classes
-------------------------------------------------------------*/
#ctl00_hero_landing{
	width: 850px;
	height: 520px;
	padding: 0;
	position: relative;
}

#ctl00_box_spotlight4{
	height: 377px;
	width: 786px;
    padding: 30px 32px; 	
}

#ctl00_box_spotlight2{
	height: 170px;
	width: 786px;
    padding: 30px 32px; 
}

#box_spotlight2{
	height: 170px;
	width: 786px;
    padding: 30px 32px; 
}

#box2_partners{ height: 170px; padding: 30px 32px; }

#ctl00_hero_landing h1{
	font-size:40px;
	margin-bottom:0px;
	margin-left:7px;
	color:#f8971d;
	text-transform:uppercase;
	font-weight:bold;
	line-height:0.85;	
}

#ctl00_hero_landing p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.2;
	margin-bottom:10px;
	margin-left:7px;
	color:#fff;
}

.hsVideo{
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
	width:320px;
	height:180px;
}

/*--------------Events styles-------------------------------*/

#events .tabsGallery { height: 30px; margin:7px auto 0 ; padding: 0; width: 330px; }
#events .tabsGallery li{ height: 27px; padding: 0; margin: 0; float:left; }
#events .tabsGallery li a{ font-family: 'FuturaStdBoldCondensed','FuturaBook',Arial,sans-serif; font-size:16px; width:108px; height:25px; outline:none; padding:2px 0 0; display:block; text-align:center; }

#events .tabsGallery #t1.active { background-color: #f8971d;border-radius: 6px 6px 6px 6px; }
#events .tabsGallery #t2.active { background-color: #f8971d;border-radius: 6px 6px 6px 6px; }

#events .tabsGallery li a:hover { background-color: #f8971d;border-radius: 6px 6px 6px 6px; }
#events .tabsGallery li a:focus { background-color: #f8971d;border-radius: 6px 6px 6px 6px; }

.eventCalendar {background-clip: padding-box;background-color: rgba(0, 0, 0, 0.6);border-radius: 6px 6px 6px 6px; display:table; padding: 8px;width: 341px;position:absolute;right:20px;top:20px; margin-bottom:10px; }

.ie7 .eventCalendar{ background-color:#000000; filter: alpha(opacity=60); }
.ie8 .eventCalendar{ background-color:#000000; filter: -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

.eventCalendar table {border-collapse:separate;border-spacing: 3px;}
.eventCalendar td.prevMonthDay {background-color:#bbb;padding:4px;}
.eventCalendar td.noActiveDay {background-color:#fff;padding:4px;width:43px;height:43px;}
.eventCalendar td.activeDay {}
.eventCalendar td.activeDay a{display:block; width:35px;height:35px;color:#000;background-color:#F8971D;padding:4px;}
.eventCalendar td.activeDay a:hover{background-color:#F6671D;}
.eventCalendar td.activeDay a:focus{background-color:#e73e34;}
.eventCalendar td{width:35px;height:35px; border:1px solid #bbb;color:#000; text-align:right;font-weight:bold;}
.eventCalendar tr {}
.eventCalendar tr.dHead td{background:none;border :none;color:#F8971D;height:20px;padding:4px;}

#eventType {padding: 8px;width: 341px;position:absolute;right:20px;top:340px;}
#eventType h3{display:block;background: url("../images/events-headBg.png")/*tpa=http://www.volvooceanraceabudhabi.com/images/events-headBg.png*/ no-repeat  left center transparent; margin:0;height:17px;padding:9px;color:#000;}
#eventType ul { background-color:#000;margin:0 5px;border-radius: 0px 0px 6px 6px;height:120px;}
#eventType ul li{float:left;height:30px; margin:14px 0 4px 15px; padding: 0 0 10px 40px;}
#eventType ul li.evtNone{ margin:14px 0 4px 22px; padding: 0 0 10px 0px;}
#events #ctl00_hero_landing {height: 600px;  padding: 0; position: relative; width: 850px;}
#events #ctl00_box_spotlight4 { height: 230px; padding: 30px 32px; width: 786px;  background-color:#fff;}

.spotlight {float:left;width:188px;margin-right:6px; border:1px solid #bbb;}
.spotlight h3 {padding-top:10px;padding-left:10px;}
.spotlight h3 a {color:#F8971D;}
.spotlight p {padding-left:10px;width:140px;}

#myEventList {background-clip: padding-box;background-color: rgba(0, 0, 0, 0.8);border-radius: 6px 6px 6px 6px;height: 525px;padding: 10px;width: 400px;position:absolute;left:20px;top:20px;}
.ie7 #myEventList{ background-color:#000000; filter: alpha(opacity=80); }
.ie8 #myEventList{ background-color:#000000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.ie7 .eventCalendar {background-color:#000000; filter: alpha(opacity=80);}
.ie8 .eventCalendar{ background-color:#000000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

#myEventList h3{display:inline-block;}
#myEventList h3.tab{float:right;    width: 33%;}
#all-events-list{ height:505px; overflow:auto; }
#all-events-list ul{ display:block; width:98%; }
#all-events-list li { margin: 14px 0 4px 5px;padding: 0 0 10px 40px;height:auto;border-bottom:1px solid #ccc;width:100%;}
#all-events-list li a {display:block;width:100%;height:30px;}
#all-events-list li a:hover span {color:#ddd;}
#all-events-list li span {display:block;color:#fff;}
#all-events-list li span.location{float:left;width:32%;}
#all-events-list li span.evtDetail{float:left;width:60%;}

li.evtRace{background: url("../images/race-icon.png")/*tpa=http://www.volvooceanraceabudhabi.com/images/race-icon.png*/ no-repeat scroll left top transparent;}
li.evtSocial{background: url("../images/social-icon.png")/*tpa=http://www.volvooceanraceabudhabi.com/images/social-icon.png*/ no-repeat scroll left top transparent;}
li.evtCulture{background: url("../images/culture-icon.png")/*tpa=http://www.volvooceanraceabudhabi.com/images/culture-icon.png*/ no-repeat scroll left top transparent;}
li.evtWatersport{background: url("../images/watersport-icon.png")/*tpa=http://www.volvooceanraceabudhabi.com/images/watersport-icon.png*/ no-repeat scroll left top transparent;}
li.evtEtnm{background: url("../images/etnm-icon.png")/*tpa=http://www.volvooceanraceabudhabi.com/images/etnm-icon.png*/ no-repeat scroll left top transparent;}

/*isotope*/
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/* Get to Know us page style guide
-------------------------------------------------------------*/
.hero_get2knowus{ background:url("../Images/get2knowus-hero.jpg")/*tpa=http://www.volvooceanraceabudhabi.com/Images/get2knowus-hero.jpg*/ no-repeat; }

.hero_get2knowus aside{
	width:345px;
	float:right;
	margin-top:65px;
	margin-right:25px;
}

.boxs_get2KnowUs{
	background:#ffffff url("../Images/4box-get2knowus-bg.jpg")/*tpa=http://www.volvooceanraceabudhabi.com/Images/4box-get2knowus-bg.jpg*/ no-repeat center 30px;   
	height: 167px !important; /* Should be removed the later */
}

.boxs_partners{
	background:#ffffff url("../Images/2boxes-partners.jpg")/*tpa=http://www.volvooceanraceabudhabi.com/Images/2boxes-partners.jpg*/ no-repeat center 30px;   
	height: 167px !important; 
}

/* The Port of Call page style
----------------------------------------------------*/
.hero_portofcall{ background:url("../Images/stopover.jpg")/*tpa=http://www.volvooceanraceabudhabi.com/Images/stopover.jpg*/ no-repeat; }

.hero_portofcall aside{
	position:absolute;
	width:430px;
	margin:40px 0 0 40px;
}

.hero_portofcall h1{ font-size:40px !important; /*margin:0 0 130px 0 !important;*/ }

/* Stopover section 
----------------------------------------------------*/
.ourStopover{ background-color:#000000; height:520px !important; }
.ourStopover aside {
    top: 0px;
    position: relative;
    right: 0px;
    width: 850px;
	height:520px;
}

.ourStopover aside iframe[seamless]{ background-color: transparent; border: 0px none transparent; padding: 0px; overflow: hidden; }

.ourStopover aside iframe embed{ background:none transparent; z-index:10; height:400px; }
#ctl00_hero_landing.ourStopover h1{width:500px;color:#fff;}
#ctl00_hero_landing.ourStopover p{width:500px;margin-top:20px;color:#000;font-weight:bold;}

.ourStopover .hsVideo {
    position: absolute;
    margin-top:60px;
    right: 30px;
}

/* Events List highlights */
.ie7 .eventsHeader{ background-color:#000000; filter: alpha(opacity=80); }
.ie8 .eventsHeader{ background-color:#000000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.ourStopover .eventsHeader h3 {display:inline-block;width:100px;float:left;}
.ourStopover .eventsHeader h3.evtHead {width:300px;float:right;display:inline-block;}
.ourStopover .eventsHeader { color: #fff;padding:10px; position: absolute; top: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.6); border:0 none; border-radius:6px 6px 6px 6px;font-size:12px; width:430px;}
.ourStopover .eventsHeader span.evtHead { color:#fff; width:100px;margin-right:5px;display:inline-block; }
.ourStopover .eventsHeader span.evtDate { color:#fff; width:100px;margin-right:5px;display:inline-block; font-weight:bold;float:left;}
.ourStopover .eventsHeader span.evtDetail { color:#fff; float:right;width:300px; }
.ourStopover .eventsHeader a:hover span{color:#F8971D;} 

.ourStopover #gallery{ background:url("../Images/our_stopover_gallery_bg.png")/*tpa=http://www.volvooceanraceabudhabi.com/Images/our_stopover_gallery_bg.png*/ repeat-x scroll 0 0 transparent; bottom:45px; height:90px; margin:0 10px; padding:27px 10px 20px; position:absolute; width:810px; }
#gallery .image_carousel{ margin:0; padding:0; position:relative; width:800px; height:85px; z-index:90; }
#gallery .image_carousel a{ background-color:rgba(0, 0, 0, 0.6); border:none 0; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; display:block; float:left; height:72px; margin:0 24px 0 4px; padding:5px; }
.ie7 #gallery .image_carousel a{ background-color:#000000; filter: alpha(opacity=60); }
.ie8 #gallery .image_carousel a{ background-color:#000000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

#gallery .image_carousel img{ border: none 0; }

#gallery a.prev, #gallery a.next {
    background: url("../Images/arw-prevNext2.png")/*tpa=http://www.volvooceanraceabudhabi.com/Images/arw-prevNext2.png*/ no-repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    height: 85px;
    position: absolute;
    top: -200px;
    width: 50px;
	z-index:99;
}

#gallery a.prev { background-position: 0 0; left: 15px; }
#gallery a.next { background-position: -743px 0; right: 15px; }

.hero_portofcall p{ margin:20px 0 !important; font-size:19px !important; }
.boxs_portofcall{ background:#ffffff url("images/2box-theportofcall-bg.jpg") no-repeat center 30px; }

/* Our Team page style
-----------------------------------------------------------------------*/
.hero_ourteam{
	background-repeat: no-repeat;
}
.boxs_ourteam{
	background:#ffffff url("images/4box-ourteam-bg.jpg")/*tpa=http://www.volvooceanraceabudhabi.com/Images/4box-ourteam-bg.jpg*/ no-repeat center 30px;
	height: 370px !important; /* Should be removed the later */
} 

/* Should be removed the later */
.boxs_get2KnowUs #row2 .boxs, .boxs_ourteam #row2 .boxs{ height: 0px; padding: 0; }

/* Our Yatch page style
-----------------------------------------------------------------------*/

/*Commented to change the backround*/
/*.hero_ouryatch{
	background:url('../Images/hero_ouryacht.jpg') no-repeat;
}*/

.hero_ouryatch{ background-image: url("../Images/hero_ouryatch.jpg")/*tpa=http://www.volvooceanraceabudhabi.com/Images/hero_ouryatch.jpg*/; background-repeat: no-repeat; }
.hero_ouryatch aside{ top:50px; margin: 0 25px; position: absolute; width: 360px; }
.hero_ouryatch h1{ width:250px; color:#ffd204; margin-bottom:10px !important; }
.hero_ouryatch h2{ color: #FFFFFF; font-size: 70px; margin-bottom: 20px; width:400px; }
.hero_ouryatch p{ background:rgba(0, 0, 0, 0.7); margin:0 0 10px 0 !important; padding:10px; border-radius:6px; -webkit-border-radius:6px; width:360px; color:#fff !important; }
.ie7 .hero_ouryatch p{ background:#000000; filter: alpha(opacity=80);}
.ie8 .hero_ouryatch p{ background:#000000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}

/*.hero_ouryatch .hsVideo{
	bottom: -10px;
    float: right;
    position: absolute;
    right: 7px;
}*/

.hero_ouryatch .hsVideo {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 6px 6px 6px 6px;
    height: 134px;
    padding: 8px;
    width: 238px;
}

.hero_ouryatch .LnkButton{ margin-bottom:30px; }
.boxs_ouryatch{ background:#ffffff url("../Images/2box-ouryacht-bg.jpg")/*tpa=http://www.volvooceanraceabudhabi.com/Images/2box-ouryacht-bg.jpg*/ no-repeat center 30px; }

.azzam{ background:url("../Images/azzam-header.jpg")/*tpa=http://www.volvooceanraceabudhabi.com/Images/azzam-header.jpg*/ no-repeat;	 }
.azzam h1{ color:#fff; }
#azzamDesign { width:800px; background-color:#fff;padding:25px;}
.azzam aside{ width:345px; float:left; margin-top:65px; margin-left:25px; }

/* Volvo Ocean Racing page style
-----------------------------------------------------------------------*/
#ctl00_box_vor{ background:#fff; padding:25px; }
#ctl00_box_vor h1{ color:#252525; margin-left:5px; text-transform:uppercase; }
#ctl00_box_vor img{ margin:10px 0 20px 5px; }
#ctl00_box_vor p { color:#000; margin-left:5px; }

.hero_vor{ background:url("../Images/hero_vor.jpg")/*tpa=http://www.volvooceanraceabudhabi.com/Images/hero_vor.jpg*/ no-repeat; }
.hero_vor aside{ padding:35px 0 0 25px !important; }
.fSize50{ font-size:50px !important; }
.fSize100{ font-size:100px !important; width:270px; }

.boxs_vor{ background:#ffffff url("../Images/4box-ourteam-bg.jpg")/*tpa=http://www.volvooceanraceabudhabi.com/Images/4box-ourteam-bg.jpg*/ no-repeat center 30px; }

#racingSchedule, #ports{ float: left; margin-right: 110px; width: 290px; }

#portsLoc{
	background:transparent url("../Images/vor_ports.jpg")/*tpa=http://www.volvooceanraceabudhabi.com/Images/vor_ports.jpg*/ no-repeat;
	color:#005a94;
	font: bold 13px 'FuturaBook', Arial, Helvetica, sans-serif;
	height:375px;
}

#portsLoc .map{
	display:block;
	height:153px;
	width:300px;
}

#portsLoc ul{ padding-top:153px; }

#portsLoc ul li{
	height: 20px;
    margin: 10px 0 10px 48px;
    width: 375px;
}

#portsLoc a{
	display:block;
	width:216px;
	float:left;
	cursor:none;
	color:#252525;
	cursor:pointer;
}

#portsLoc a.colm2{ width:100px; }

/* Plan Your Trip Now page style
-----------------------------------------------------------------------*/
.hero_pytn{ background:url("../Images/hero_planyourtrip.jpg")/*tpa=http://www.volvooceanraceabudhabi.com/Images/hero_planyourtrip.jpg*/ no-repeat; }

.events{background:url("../Images/events-bg.jpg")/*tpa=http://www.volvooceanraceabudhabi.com/Images/events-bg.jpg*/ no-repeat;} 
.stregis{background:url("../Images/st-regis.jpg")/*tpa=http://www.volvooceanraceabudhabi.com/Images/st-regis.jpg*/ no-repeat;}
.marina{background:url("../Images/marina.jpg")/*tpa=http://www.volvooceanraceabudhabi.com/Images/marina.jpg*/ no-repeat;}
.hero_pytn aside{
	bottom: 30px;
    right: 0;
    position: absolute;
    width: 800px;
}

.hero_pytn h1, .hero_pytn p{ width:270px; }
.hero_pytn .hsVideo{
	bottom: 0;
    float: right;
    position: absolute;
    right: 30px;
}

.boxs_pytn{ background:#ffffff url("../Images/4box-planyourtrip-bg.jpg")/*tpa=http://www.volvooceanraceabudhabi.com/Images/4box-planyourtrip-bg.jpg*/ no-repeat center 30px;}
/* .boxs_stopover{background:#ffffff url('../Images/OurSstopover_bg2.jpg') no-repeat center 30px;} */

.boxs_stopover{ background-color:#ffffff;padding:20px 27px;}
.boxs_stopover a{ display:inline-block;}
.boxs_stopover #row1{float:left;width:299px;height:290px; }
.boxs_stopover #row1 #row11{ width:299px; height:145px; margin-bottom:17px;}
.boxs_stopover #row1 #row12{ width:299px; height:145px;}
.boxs_stopover #row11 .stopover-heading, .boxs_stopover #row12 .stopover-heading{ color:#ffffff; width:279px; font-family: 'FuturaStdBoldCondensed', 'FuturaBook', Arial, sans-serif; display:block; position:relative; bottom:55px; text-transform:uppercase; font-size:25px; line-height:1; font-weight:bold; padding:15px 10px 12px; }
.boxs_stopover #row11 .stopover-heading{ background: url("../images/transparent-bg1.png")/*tpa=http://www.volvooceanraceabudhabi.com/images/transparent-bg1.png*/ no-repeat 0 0; }
.boxs_stopover #row12 .stopover-heading{ background: url("../images/transparent-bg2.png")/*tpa=http://www.volvooceanraceabudhabi.com/images/transparent-bg2.png*/ no-repeat 0 0; }

.boxs_stopover #row2{float:left;width:457px;height:307px; padding-left:23px; display:inline;}

/* Generic style classes
-------------------------------------------------------------*/
.boxs{
	width:350px;
	height:130px;
	padding:20px 15px;
	float:left;                   
}

#partners .boxs{
    width:330px;
	height:130px;
	padding:20px 0px;
	float:left;                   
}

#partners .boxs h1 { font-size: 30px; }

.boxs h1{ height:55px; color:#ffffff; }

.boxs p{
	padding:8px;
	font-size:13px;
	line-height:1.2;
	color:#fff;
}

.boxs .stpLower{color:#F8971D;text-transform:none;  font-size: 20px;}
.boxs .boxLink{color:#e73234;}

.box1 p{padding: 1px 6px 6px;}
#partners .box1 p{padding: 11px 0px;}
.box2 p{padding: 1px 10px;}
#partners .box2 p{padding: 11px 0px;}
#row2 .box1 p{padding: 3px 10px 12px 10px;}
#row2 .box2 p{padding: 14px 7px;}

#row1{ margin-bottom:27px; }
.box1{ margin-right:13px;}
.box2{ margin-left:13px;}
#partners .box2{ margin-left:63px;}
.btnFindMore{
	display:block;
	padding-top:5px;
	height:25px;
	width:114px;
	background:#f8971d;
	border: outset 1px #ffd204;
	border-radius: 2px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	o-border-radius:5px;
	color:#000;
	margin-left:7px;
	text-align:center;
	vertical-align:middle;
	font-family: 'FuturaBook', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;	
}