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

img{
-ms-interpolation-mode: bicubic;
}

/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
body { background-color:#cccccc; font:62.5% Georgia,'Times New Roman',serif; }

/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#header { height:550px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:550px; position:absolute; }

/* logo */
#logo{width:452px; margin:0 0 0 -10px; padding:0; float:left;}
#logo a{text-decoration:none; border:none;}

/* NAVIGATION */
#nav-outer { height:230px; position:relative; top:24px; background:url(../images/nav-bg.png) repeat-x;}
#navigation { width:988px; height:188px; margin:0 auto; padding:0;}
#navigation p{width:970px; margin-top:0; padding:0 0 0 25px; font-family: 'AquarelleRegular'; color:#e6eeb8; font-size:35px; text-align:center; line-height:24px;
 -moz-text-shadow: 0px 1px 0px #000; /* Firefox 3.6 and earlier */
  -webkit-text-shadow: 0px 1px 0px #000; /* Safari and Chrome */
  text-shadow: 0px 1px 0px #000; clear:both; position:absolute; top:155px; line-height:0;}

.heading-styles{
	color:#FFF;
	font-family: 'MyriadProRegular'; 
  -moz-text-shadow: 0px 1px 0px #000; /* Firefox 3.6 and earlier */
  -webkit-text-shadow: 0px 1px 0px #000; /* Safari and Chrome */
  text-shadow: 0px 1px 0px #000; clear:both; position:absolute; top:155px; line-height:0;}
  
/* SEARCH */
#search { background-color:#051733; float:right; width:220px; padding:10px; }
#searchtxt { padding:3px; width:150px; }
#searchbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; }

/* MENU */
#menu { position:relative; margin:41px 0 0 185px; padding:0 0 0 27px; float:left; background:url(../images/call-us.png) no-repeat; font-family: 'MyriadProRegular'; font-size:18px; color:#FFF;  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
#menu ul { list-style:none; margin:25px 0 0 90px;}
#menu ul li { display:inline; font-size:12px; }
#menu ul li a { text-decoration:none; font-weight:bold; padding:9px 9px 8px 9px; margin-right:3px; background:url(../images/top-button-bg.png) repeat-x; border:1px solid #002731; font-weight:bold; color:#fff600; font-size:12px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
#menu ul li a:hover { text-decoration:underline; }

/* HEADER TEXT */
#headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px; }
#firstline { width:400px; color: rgba(38, 61, 78, 0.69); /*background: rgba(38, 61, 78, 0.69);*/ color:#fff600; font-size:40px; display:block; font-family: 'AquarelleRegular'; -moz-text-shadow: 0px 1px 0px #000; /* Firefox 3.6 and earlier */
  -webkit-text-shadow: 0px 1px 0px #000; /* Safari and Chrome */
  text-shadow: 0px 1px 0px #000;}

#firstline p{ margin:4px 13px 7px; padding:0; color:#002638}
#secondline p{ margin:4px 13px 7px; padding:0; color:#002638}

#secondline sup{ font-size:18px; text-decoration:none;}

#secondline { color: rgba(38, 61, 78, 0.69); /*background: rgba(38, 61, 78, 0.69);*/ color:#fff600; text-decoration:none; font-size:48.29px; padding:0; margin-top:0px; float:left; display:block; clear:both; font-family:"Times New Roman", Times, serif; -moz-text-shadow: 0px 1px 0px #000; /* Firefox 3.6 and earlier */
  -webkit-text-shadow: 0px 1px 0px #000; /* Safari and Chrome */
  text-shadow: 0px 1px 0px #000; }
#secondline i{color:#002638;}
.pictured { background-color:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; font-family:"Times New Roman", Times, serif; }
.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:380px; margin:0 auto; width:960px; }
#headernav { padding-left:864px; margin-top:-120px; }

#product-area{ background: url(../images/porducts-bg.png) repeat-x; height:412px; margin:0 auto; width:100%; padding:0;}
#product-inner{width:100%; height:300px; margin:0 auto; padding:0; background:url(../images/product-back-shadow.png) center top no-repeat; }
#product-inner .image-wrap{width:948px; margin:0 auto; padding:60px 0 0 0px;}

#product-inner .image-wrap p{width:948px; margin-top:0; padding:0 0 0 25px; font-family: 'AquarelleRegular'; color:#e6eeb8; font-size:43.76px; text-align:center; line-height:24px;
 -moz-text-shadow: 0px 1px 0px #000; /* Firefox 3.6 and earlier */
  -webkit-text-shadow: 0px 1px 0px #000; /* Safari and Chrome */
  text-shadow: 0px 1px 0px #000;
}

#product-inner .image-wrap img a{text-decoration:none; border:0;}

/* CONTENT */ /*background: url(../images/content-bg.png) #ccc no-repeat center top;*/
#content { width:100%; overflow:hidden;}
#content-wrap{ width:995px; margin:0 auto; padding:0;}

/* LEFT TABS */
#content-wrap .tabs{ width:250px; margin:0; padding:0 0 0 40px; float:left;}
#content-wrap .tabs ul{width:250px; margin:38px 0 0 0; padding:0 ; float:left;}
#content-wrap .tabs ul li{ width:200px; margin:0; padding:15px 0 15px 30px; list-style:none; background:url(../images/flame-bullet.png) no-repeat scroll 0 14px transparent; color:#000000; font-family: 'MyriadProRegular'; font-size:15px;   border-bottom: 1px solid #acacac;  
  -moz-box-shadow: 0px 1px 0px #fff; /* Firefox 3.6 and earlier */
  -webkit-box-shadow: 0px 1px 0px #fff; /* Safari and Chrome */
  box-shadow: 0px 1px 0px #fff;
   -moz-text-shadow: 0px 1px 0px #fff; /* Firefox 3.6 and earlier */
  -webkit-text-shadow: 0px 1px 0px #fff; /* Safari and Chrome */
  text-shadow: 0px 1px 0px #fff;
  }
  
#content-wrap .tabs ul li a{color:#000000; text-decoration:none;}
#content-wrap .tabs ul li a:hover{color:#000000; text-decoration: underline;}

#content-wrap .tabs ul li ul{width:199px; margin:20px 0 0 0; padding:0;	float:left;	background:none;}
#content-wrap .tabs ul li ul li{width:200px; list-style:none; margin:0; padding:0; float:left; background:url(../images/flame-bullet-small.png) no-repeat scroll 0 20px transparent; font-size:15px;}
#content-wrap .tabs ul li ul li a{ margin:0; padding:17px 0 17px 25px; float:left;}
#content-wrap .tabs ul li ul li a:hover{color:#000000; text-decoration: underline;}

/* CONTENT TEXT */
#content-wrap .detail-area{ width:647px; margin:40px 0 0 0; padding:0 0 58px 40px; float:left; background:url("../images/links-divider.png") no-repeat scroll 0px 0 transparent;}
#content-wrap .detail-area .banner{width:647px; margin:0 ; padding:0 ; float:left;}
#content-wrap .detail-area .banner img{margin:0 0 0 15px; padding:0;}
#content-wrap .detail-area .video-wrap{width:578px; margin:34px 0 40px 0; padding:0 0 1px 0; float:left; background:url(../images/video-shadow.png) no-repeat bottom;}
#content-wrap .detail-area #video{width:452px; margin:0 auto; padding:0; background-color: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.3); height:345px;}
#content-wrap .detail-area #video img{margin:22px 0 0 25px; padding:0; float:left;}
#content-wrap .detail-area h1{width:677px; margin:28px 0 0 0; padding:0; float:left; font-family:"Times New Roman", Times, serif; font-size:32.19px; font-style:italic; font-weight:bold; color:#002638;}

#content-wrap .detail-area h1 h3{width:598px; margin:5px 0 0 0; padding:0; float:left; font-family:"Times New Roman", Times, serif; font-size:25px; font-style:italic; font-weight:bold; color:#ff0000; text-align:center;}

#content-wrap .detail-area h1 span{ background: url(../images/flames-bg.png) no-repeat #ff0000; font-style:normal; text-align:center; color:#FFF; width:598px; float:left; padding:76px 8px;}
#content-wrap .detail-area h1 sup{ font-size:15px;}
#content-wrap .detail-area p{width:617px; margin:31px 0 0 0; padding:0; float:left; font-family: 'MyriadProRegular';  font-size:18px; font-weight:normal; color:#002638; line-height:28px;}
#content-wrap .detail-area p a{color:#002638; text-decoration:none;}
#content-wrap .detail-area ol{width:617px; margin:0px 0 0 0; padding:0; float:left; font-family: 'MyriadProRegular';  font-size:18px; font-weight:normal; color:#002638; line-height:28px;}
#content-wrap .detail-area ol li{width:617px; margin:40px 0 0 21px; padding:0 0 0 8px; float:left; font-family: 'MyriadProRegular';  font-size:18px; font-weight:normal; color:#002638; line-height:28px;}
#content-wrap .detail-area ul{width:617px; margin:40px 0 0 0; padding:0; float:left; font-family: 'MyriadProRegular';  font-size:18px; font-weight:normal; color:#002638; line-height:28px;}
#content-wrap .detail-area ul li{width:617px; margin:5px 0 0 0px; padding:0 0 0 21px; float:left; font-family: 'MyriadProRegular';  font-size:18px; font-weight:normal; color:#002638; line-height:28px; background:url(../images/flame-bullet-small.png) no-repeat scroll 0 6px transparent; list-style:none;}

#content-wrap .detail-area ul li ul{width:617px; margin:5px 0 0 0; padding:0; float:left; font-family: 'MyriadProRegular';  font-size:18px; font-weight:normal; color:#002638; line-height:28px;}

#content-wrap .detail-area ul li ul li{width:617px; margin:5px 0 0 0px; padding:0 0 0 21px; float:left; font-family: 'MyriadProRegular';  font-size:18px; font-weight:normal; color:#002638; line-height:28px; background:url(../images/flame-bullet-small.png) no-repeat scroll 0 6px transparent; list-style:none;}

#content-wrap .detail-area ul li a{color:#002638; text-decoration:none; font-size:15px;}
#content-wrap .detail-area ul li a:hover{color:#002638; text-decoration: underline;}
#content-wrap .detail-area table {width:615px; margin:0; padding:0; float:left; border:1px solid rgba(204,204,204,1);}
#content-wrap .detail-area table tr td{font-family: 'MyriadProRegular';  font-size:15px; font-weight:normal; color:#002638; border:none;}
#content-wrap .detail-area table tr{ border:1px solid rgba(204,204,204,1);}
#flames{width:100%; margin:0; padding:0; background:url(../images/body-flames.png) #cdcdcd repeat-x center; height:76px; font-size:15px;}

span .font{background:none; margin:0; padding:0; float:left; font-size:15px;}

#key-feature{width:100%; height:363px; margin:0 auto; padding:0 ; background:#517586;}
#key-feature-wrap{width:995px; margin:0 auto; padding:0;}
#key-feature .flags{width:288px; margin:0; padding:0 ; float:left;}
#key-feature .key-points{width:610px; margin:37px 0 0 0; padding:0; float:left; background:url(../images/key-features.png) no-repeat;}
#key-feature .key-points ul{width:610px; margin:56px 0 0 0; padding:0; float:left; }
#key-feature .key-points ul li{width:610px; margin:0 0 0 38px; padding:0 0 0 25px; background:url(../images/key-features-bullet.png) 0 10px no-repeat; color:rgba(255,255,255,1); font-family: 'MyriadProRegular';  font-size:16px; line-height:32px; list-style:none;}
.t1{background:#bdbdbd; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:rgba(255,255,255,1); margin:0; padding:10px 0; text-align:center; }

.t2{background:#517586; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:rgba(255,255,255,1); margin:0; padding:10px 10px; text-align:center; border:1px solid #ccc; }

.cin{border:5px solid rgba(102,102,102,0.5); margin-right:8px; border-radius:5px;}
.cin-btn{padding:3px;}

/* FOOTER */
#footer{width:100%; margin:0 auto; padding:0; background: url(../images/shadow.png) repeat-x #ccc top center;}
#footer-wrap{width:850px; margin:0 auto; padding:34px 0 115px 0;}
#footer-wrap ul{width:397px; margin:15px 0 0 0; padding:0; float:left;}
#footer-wrap ul li{margin:0; padding:0 5px 0 5px; float:left; list-style:none; border-right:1px solid #2d2d2d; color:#191919; font-family: 'MyriadProRegular'; font-size:16px;}
#footer-wrap ul li a{color:#2d2d2d; text-decoration:none;}
#footer-wrap ul li a:hover{color:#2d2d2d; text-decoration: underline;}
#footer-wrap .para{width:397px; margin:21px 0 0 0; padding:0; float:left; clear:both;}
#footer-wrap p{
	width:397px;
	margin:0 0 0 5px;
	padding:0;
	float:left;
	color:#2d2d2d;
	font-family: 'MyriadProRegular';
	font-size:16px;
}

#footer-wrap p a{text-decoration:none; color:#2d2d2d;}
#footer-wrap .footer-logo{width:450px; margin:-40px 0 0 0; padding:0; float:left;}
#footer-wrap .footer-logo img{margin:0 0 0 89px; padding:0; float:right;}
#footer-wrap .footer-logo img a{text-decoration:none; border:none;}

#footer-wrap .footer-logo ul{width:410px; margin:0; padding:15px 0 0 50px; float:left;}
#footer-wrap .footer-logo ul li{margin:0; padding:0 14px 0 0; float:left; list-style:none; border:none;}
#footer-wrap .footer-logo ul li img{margin:0; padding:0; float:left;}
#footer-wrap .footer-logo ul li a img{text-decoration:none; border:none;}