﻿/* 
 * This file is NOT needed in order to use skrollr. 
 * The demo uses it and it may help you as well. 
 */ 
 
 
html, body { 
    width:100%; 
    height:100%; 
	padding:0; 
	margin:0; 
	overflow-x:hidden; 
} 
 
img { border:0; } 
 
.skrollable { 
	/* 
	 * First-level skrollables are positioned relative to window 
	 */ 
	position:fixed; 
 
	/* 
	 * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable 
	 */ 
	z-index:100; 
} 
 
/* 
.skrollable.unrendered { 
	display:none !important; 
} 
*/ 
 
.skrollable .skrollable { 
	/* 
	 * Second-level skrollables are positioned relative their parent skrollable 
	 */ 
	position:absolute; 
} 
 
.skrollable .skrollable .skrollable { 
	/* 
	 * Third-level (and below) skrollables are positioned static 
	 */ 
	position:static; 
} 
 
a { text-decoration:none; } 
a:hover { text-decoration:none; } 
 
a.button { width:193px; height:45px; background:url(../images/dom-button.png) 0 0 no-repeat; line-height:42px; font-size:22px; color:#00a560;  text-decoration:none; display:block; 
font-family:  "Gill Sans MT", Calibri, sans-serif; 
} 
html>body a.button {  } 
 
a.button:hover { background-position:0 -45px; color:#ffffff; text-decoration:none; } 
 
a.buttonplain { width:193px; height:45px; background:url(../images/dom-button-plain.png) 0 0 no-repeat; line-height:42px; font-size:22px; color:#ffffff;  text-decoration:none; display:block; 
font-family:  "Gill Sans MT", Calibri, sans-serif; text-align:center; 
} 
 
a.buttonplain:hover { background-position:0 -45px; color:#ffffff; text-decoration:none; } 
 
#progress { 
  height: 2%; 
  background: #444; 
  bottom: 0; 
  z-index: 200; 
} 
 
a.watchvideo { width:238px; height:50px; display:block; background:url(../images/dom-para-2-watch-video.png) no-repeat 0 0; } 
a.watchvideo:hover { background-position:0 -50px; } 
a.watchvideo:active { background-position:0 -100px; } 
 
/**************** HEADER SECTION  ****************/ 
 
#header { padding:0 0 0 0; margin:0 auto; position:fixed; top:0; z-index:110; width:100%; 
-webkit-box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.05); 
-moz-box-shadow:    0px 10px 5px rgba(0, 0, 0, 0.05); 
box-shadow:         0px 10px 5px rgba(0, 0, 0, 0.05); 
background:#efefef; 
} 
 
/* logo */ 
 
#logo {  float:left;  width:221px; height:50px; display:block; } 
 
#logo a { width:221px; height:50px; background:url(../images/dom-n600i-logo.jpg) 0 0 ; display:block; text-decoration:none;} 
 
/* menu container */ 
 
#menucontainer { 
 
  width:100%; 
  height:50px; 
  background:url(../images/dom-n600i-menu-bg.jpg) 0 0 repeat-x; 
 
   } 
#menucontainerinner { 
 
max-width:1000px; margin:0 auto; 
 
} 
/* menu */ 
 
#menu { float:left; max-width:779px; } 
 
#menu ul { float:left; margin:0; padding:0; text-align:center; } 
#menu li { float:left; list-style:none; padding:0; margin:0;} 
#menu li:first-child a {  border-left:1px solid #cccccc; } 
#menu li a {  background:url(../images/dom-n600i-menu.jpg) 0 0 repeat-x; height:50px; line-height:50px; display:block; font-family:  Gill Sans MT, sans-serif; color:#919191; font-size:14px; text-transform:uppercase; border-right:1px solid #cccccc; /*padding:0 22px;*/ text-decoration:none; } 
#menu li a:hover { color:#009d57; background-position:0 -50px;} 
#menu li a:active { color:#009d57; background-position:0 -100px;} 
#menu li.active a { color:#009d57; background-position:0 -100px;} 
 
/**************** HEADER SECTION /END ****************/ 
 
h1 { margin:0; margin-bottom:10px; color:#005983; font-family:  Gill Sans MT, sans-serif;  padding:0; font-size:55px; line-height:60px; font-weight:normal; text-align:left; } 
p { margin:0; margin-bottom:15px;color:#005983; font-family:  Gill Sans MT, sans-serif;  padding:0; font-size:18px; line-height:27px; font-weight:normal; text-align:left; } 
 
#panel2 {  } 
 
#panel2 h2 { color:#ffffff;  margin:0; margin-bottom:10px;  font-family:  Gill Sans MT, sans-serif;  padding:0; font-size:55px; line-height:60px; font-weight:normal; text-align:left;} 
#panel2 p { color:#ffffff; margin:0; margin-bottom:15px; font-family: Helvetica,  Gill Sans MT, sans-serif;  padding:0; font-size:14px; line-height:20px; font-weight:normal; text-align:left; } 
 
#panel3 h2 { color:#ffffff;  margin:0; margin-bottom:10px;  font-family:  Gill Sans MT, sans-serif;  padding:0; font-size:55px; line-height:60px; font-weight:normal; text-align:left;} 
#panel3 p { color:#ffffff; margin:0; margin-bottom:15px; font-family: Helvetica,  Gill Sans MT, sans-serif;  padding:0; font-size:14px; line-height:20px; font-weight:normal; text-align:left; } 
 
#panel4 h2 { color:#ffffff;  margin:0; margin-bottom:10px;  font-family:  Gill Sans MT, sans-serif;  padding:0; font-size:55px; line-height:60px; font-weight:normal; text-align:left;} 
#panel4 p { color:#ffffff; margin:0; margin-bottom:15px; font-family: Helvetica,  Gill Sans MT, sans-serif;  padding:0; font-size:14px; line-height:20px; font-weight:normal; text-align:left; } 
 
#panel5 h2 { color:#ffffff;  margin:0; margin-bottom:10px;  font-family:  Gill Sans MT, sans-serif;  padding:0; font-size:55px; line-height:60px; font-weight:normal; text-align:left;} 
#panel5 p { color:#ffffff; margin:0; margin-bottom:15px; font-family: Helvetica,  Gill Sans MT, sans-serif;  padding:0; font-size:14px; line-height:20px; font-weight:normal; text-align:left; } 
#panel5 p a 
{ 
 background: url(../images/dom-n600i-link.png) no-repeat scroll right center transparent; 
    color: #3EA4C3; 
    font-family: helvetica; 
    font-size: 12px; 
    padding-right: 15px; 
    text-decoration: none; 
} 
#panel5 p a:hover { text-decoration:underline; } 
 
#panel6 h2 { color:#005983;  margin:0; margin-bottom:10px;  font-family:  Gill Sans MT, sans-serif;  padding:0; font-size:55px; line-height:60px; font-weight:normal; text-align:left;} 
#panel6 p { color:#005983; margin:0; margin-bottom:15px; font-family: Helvetica,  Gill Sans MT, sans-serif;  padding:0; font-size:14px; line-height:20px; font-weight:normal; text-align:left; } 
 
#panel7 h2 { color:#005983;  margin:0; margin-bottom:10px;  font-family:  Gill Sans MT, sans-serif;  padding:0; font-size:55px; line-height:60px; font-weight:normal; text-align:left;} 
#panel7 p { color:#005983; margin:0; margin-bottom:15px; font-family: Helvetica,  Gill Sans MT, sans-serif;  padding:0; font-size:14px; line-height:20px; font-weight:normal; text-align:left; } 
 
 
ul.topgal { list-style:none; width:100%; clear:both; margin:0; padding:0;} 
ul.topgal li { float:left; padding:0; margin:0; width:192px; height:192px;} 
ul.topgal li img { width:191px; height:191px; } 
 
ul.topgal li a { width:191px; height:191px; display:block; background-color:#ffffff; } 
ul.topgal li a:hover { background:#ffffff !important; } 
 
ul.topgal li a .thumbname { text-align:center; width:191px;line-height:22px;  font-family: Helvetica,  Gill Sans MT, sans-serif;  font-size:16px; font-weight:bold; color:#005983; padding-top:70px;} 
ul.bottomgal li a .thumbname { text-align:center; width:191px;line-height:22px;  font-family: Helvetica,  Gill Sans MT, sans-serif;  font-size:16px; font-weight:bold; color:#005983; padding-top:70px; } 
 
ul.bottomgal li a { width:191px; height:191px; display:block;  background-color:#ffffff;} 
ul.bottomgal li a:hover { background:#ffffff !important; } 
 
ul.bottomgal { list-style:none; width:100%; clear:both; margin:0; padding:0; } 
ul.bottomgal li { float:left; padding:0; margin:0; width:192px; height:192px;} 
ul.bottomgal li img { width:191px; height:191px; } 
 
.slide { padding:30px 240px 30px 240px;   } 
html>body .slide {   } 
 
.bxslider a { background:url(../images/dom-n600i-link.png) center right no-repeat; color:#3ea4c3; text-align:left; padding-right:20px;} 
 
.bxslider li { padding:0 240px 0 240px; color:#ffffff; display:block; min-width:960px; height:385px; } 
html>body .slide {  } 
.bxslider img { float:left; margin-right:60px; margin-top:20px; margin-bottom:20px;display:block; width:576px; height:325px;} 
.bxslider h4 { display:block; width:100%; color:#ffffff;  margin:0; margin-top:20px; margin-bottom:10px;  font-family:  Gill Sans MT, sans-serif;  padding:0; font-size:30px; line-height:30px; font-weight:normal; text-align:left; } 
.bxslider p { float:left; display:block; width:320px; color:#ffffff !important; margin:0; margin-bottom:15px; font-family: Helvetica,  Gill Sans MT, sans-serif;  padding:0; font-size:12px; line-height:18px; font-weight:normal; text-align:left; clear:right;} 
 
.bxslider li a.close { background:url(../images/dom-para-features-close.png) center right no-repeat; color:#7cc3db; text-align:left; padding-right:30px; line-height:30px; position:absolute; top:0; left:1250px; font-family:  Gill Sans MT, sans-serif;} 
 
.bx-controls { position:absolute; left:0; top:-150px; width:1440px; } 
 
a.bx-next, #slider-next a { background:url(../images/dom-para-features-nav-right.png); width:96px; height:96px;display:block;position:absolute; right:110px;top:500px; z-index:10000;} 
a.bx-prev, #slider-prev a { background:url(../images/dom-para-features-nav-left.png); width:96px; height:96px;display:block; position:absolute;left:110px;top:500px;  z-index:10000;} 
 
a.dlbrch {  background:url(../images/dom-n600i-download-blue.png) right center no-repeat; font-family:helvetica; color:#3EA4C3; padding-right:20px; font-size:12px;} 
 
.clear { clear:both; } 
 
 
#panel8 h2 { color:#ffffff;  margin:0; margin-bottom:10px;  font-family:  Gill Sans MT, sans-serif;  padding:0; font-size:55px; line-height:60px; font-weight:normal; text-align:left;} 
#panel8 h3 { padding:10px 30px 0 30px; color:#ffffff;  margin:0; margin-bottom:10px;  font-family:  Gill Sans MT, sans-serif;   font-size:36px; line-height:36px; font-weight:normal; text-align:left;} 
#panel8 p { padding:0 30px; color:#ffffff; margin:0; margin-bottom:15px; font-family: Helvetica,  Gill Sans MT, sans-serif;   font-size:12px; line-height:18px; font-weight:normal; text-align:left; } 
 
 
 
#panel9 h2 { height:70px;  color:#005983;  margin:0;  font-family:  Gill Sans MT, sans-serif;   font-size:55px; line-height:55px; font-weight:normal; text-align:left;} 
#panel9 h3 { padding:20px 30px 0 30px; color:#ffffff;  margin:0; margin-bottom:10px;  font-family:  Gill Sans MT, sans-serif;   font-size:36px; line-height:36px; font-weight:normal; text-align:left;} 
#panel9 p { padding:0 30px; color:#ffffff; margin:0; margin-bottom:15px; font-family: Helvetica,  Gill Sans MT, sans-serif;   font-size:12px; line-height:18px; font-weight:normal; text-align:left;  } 
#panel9 p a { 
 background: url(../images/dom-n600i-download-blue.png) no-repeat scroll right center transparent; 
    color: #7cc3db; 
    font-family: helvetica; 
    font-size: 12px; 
    padding-right: 15px; 
    text-decoration: none; 
    } 
     
     
/* --------------------------------------- */ 
/* panel 6 */ 
 
 
 
#panel10 { background:url(../images/dom-para-contact.jpg) center top;  max-width:1440px; height:700px;  min-width:960px; } 
#panel10 .panelcontent { max-width:960px; height:650px; padding-top:75px; margin:0 auto; position:relative;} 
html>body #panel10 .panelcontent {  } 
 
#panel10 .panelcontent h2 { font-family:  Gill Sans MT, sans-serif;  padding:0; font-size:60px; line-height:60px; font-weight:normal; padding:30px 0 40px 0; margin:0; text-align:left; color:#ffffff;} 
#panel10 .panelcontent .box1 h2 { font-family:  Gill Sans MT, sans-serif;  padding:0; font-size:36px; line-height:36px; font-weight:normal; padding:0 0 0 0; margin:0; text-align:left; color:#ffffff;} 
#panel10 .panelcontent .box2 h2 { font-family:  Gill Sans MT, sans-serif;  padding:0; font-size:36px; line-height:36px; font-weight:normal; padding:0 0 0 15px; margin:0; text-align:left; color:#ffffff;} 
 
#panel10 .panelcontent p { font-family: Helvetica;  padding:0; font-size:12px; line-height:18px; font-weight:normal; padding:0 0 0 15px ; margin:0; text-align:left; color:#ffffff;} 
#panel10 .panelcontent p b { clear:both; } 
 
#panel10 .panelcontent a {  text-align:left; color:#7cc3db; line-height:18px; clear:both; float:none; background-image:url(../images/dom-n600i-link.png) no-repeat; padding-right:20px; } 
 
#panel10 .panelcontent .box1 { position:relative; width:630px; float:left;} 
 
#panel10 .panelcontent .box1 span { font-family:Helvetica; color:#ffffff; font-size:12px; height:20px; display:block; float:left; } 
#panel10 .panelcontent .box1 .super { font-family:Helvetica; color:#ffffff; font-size:12px; line-height:12px;} 
 
#panel10 .panelcontent .box1 input { 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
border-right: 1px solid #dcdcdc; 
border-bottom: 1px solid #dcdcdc; 
background:#f3f3f3; 
height:30px; 
line-height:30px; 
font-size:16px; 
font-family:Helvetica; 
color:#4d4d4d; 
} 
#panel10 .panelcontent .box1 textarea { 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
border-right: 1px solid #dcdcdc; 
border-bottom: 1px solid #dcdcdc; 
background:#f3f3f3; 
line-height:20px; 
font-size:16px; 
font-family:Helvetica; 
color:#4D4D4D; 
} 
#panel10 .panelcontent .box1 select { 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
border-right: 1px solid #dcdcdc; 
border-bottom: 1px solid #dcdcdc; 
background:#f3f3f3; 
height:30px; 
line-height:30px; 
font-size:16px; 
font-family:Helvetica; 
color:#4D4D4D; 
} 
 
.ContactUs_Salutation { float:left; margin-right:30px; width:50px; text-align:left; padding-top:5px; } 
.ContactUs_Salutation input { max-width:50px; } 
 
.ContactUs_FirstName { float:left; margin-right:30px; width:150px; text-align:left; padding-top:5px;  } 
.ContactUs_FirstName input {width:150px;} 
 
.ContactUs_lastname { float:left; margin-right:30px; width:150px; text-align:left; padding-top:5px;  } 
.ContactUs_lastname input {width:150px;} 
 
.ContactUs_Email { float:left;  width:190px; text-align:left; padding-top:5px;   } 
.ContactUs_Email input {width:190px;} 
 
.ContactUs_phone { float:left; margin-right:30px; width:190px; text-align:left; padding-top:5px;  } 
.ContactUs_phone input { width:190px; } 
 
.ContactUs_companyName { float:left; margin-right:30px; width:190px; text-align:left; padding-top:5px;  } 
.ContactUs_companyName input { width:190px; } 
 
.ContactUs_WebsiteAddress { float:left; width:190px; text-align:left;  padding-top:5px; } 
.ContactUs_WebsiteAddress input { width:190px; } 
 
.ContactUs_companyAddress { float:left; margin-right:30px; width:410px; text-align:left; padding-top:5px; } 
.ContactUs_companyAddress textarea {width:410px; height:30px;} 
 
.ContactUs_country { float:left; width:190px; text-align:left; padding-top:5px; } 
.ContactUs_country select {width:190px;} 
 
 
.ContactUs_Newsletter { width:190px; float:right; font-family:Helvetica; color:#4d4d4d; font-size:10px; padding-top:20px; text-align:left; } 
 
.ContactUs_Newsletter span { font-size:10px; line-height:10px ; } 
 
#panel10 .panelcontent .box1 .ContactUs_Newsletter input { line-height:10px !important; height:10px !important;  } 
.ContactUs_Enquiry { text-align:left; padding-top:10px;} 
.ContactUs_Enquiry textarea{ width:100%; height:40px; } 
 
#panel10 .panelcontent .box1 a.ContactUs_button input {  font-family:  Gill Sans MT, sans-serif; font-size:22px; line-height:40px; font-weight:normal !important; } 
#panel10 .panelcontent a.ContactUs_button { font-family:  Gill Sans MT, sans-serif; font-size:22px; width:190px; height:40px; display:block; background:url(../images/dom-n600i-button-submit.png); padding:0 0 0 0; line-height:40px !important; color:#ffffff; text-align:left; float:right; margin-top:20px; font-weight:normal !important;} 
 
#panel10 .panelcontent a:hover.ContactUs_button { text-decoration:none; } 
 
#panel10 .panelcontent .box2 { position:relative; width:300px;  float:right;} 
 
#panel10 .panelcontent .box2 h3 { font-family: Helvetica;  padding:0; font-size:18px; line-height:24px; font-weight:normal; padding:15px 0 0 15px; margin:0; text-align:left; color:#ffffff; } 
 
#panel10 .panelcontent .box3 {position:absolute; top:550px; left:0; text-align:left;} 
#panel10 .panelcontent .box3 a { background:url(../images/dom-n600i-link.png) center right no-repeat; color:#ffffff; font-family: Helvetica;text-align:left;  font-size:12px;} 
 
#panel10 .panelcontent .box4 { position:absolute; top:665px; left:0; height:40px; line-height:40px; color:#ffffff; font-size:12px; font-family:Helvetica; } 
 
 
/* */ 
 
.blockroller { width:30px; line-height:30px; height:30px; display:block; cursor:pointer; position:relative; z-index:9999999999; } 
.blockroller div { padding:10px; background:#f2f2f2;color: #4D4D4D; 
    width:300px; 
    font-family: Helvetica; 
    font-size: 12px; 
    line-height: 18px; 
    text-align: left; 
    z-index:9; 
    border-top:2px solid #009d57; 
    border-bottom:2px solid #009d57; 
    -webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.25); 
    -moz-box-shadow:    7px 7px 5px rgba(0, 0, 0, 0.25); 
    box-shadow:         7px 7px 5px rgba(0, 0, 0, 0.25); 
    z-index:99999999999; 
    } 
 
 
 
#easing_wrapper #social { color:#a8a8a8; font-size:12px; font-family:helvetica; height:40px;  top:120px; right:16.9%; line-height:40px; float:right; padding-right:260px;} 
#easing_wrapper #social .blurb { float:left; padding-right:5px;} 
#easing_wrapper #social a:hover { text-decoration:none;  } 
#easing_wrapper #social a#twitter { background:url(../images/dom-n600i-twitter.png); width:40px; height:40px; display:block; padding:0; float:left; margin-right:5px;} 
#easing_wrapper #social a:hover#twitter { background-position:0 -40px; } 
#easing_wrapper #social a#facebook {background:url(../images/dom-n600i-facebook.png); width:40px; height:40px; display:block; padding:0; float:left; margin-right:5px;} 
#easing_wrapper #social a:hover#facebook { background-position:0 -40px; } 
#easing_wrapper #social a#linkedin {background:url(../images/dom-n600i-linked.png); width:40px; height:40px; display:block; padding:0; float:left;} 
#easing_wrapper #social a:hover#linkedin { background-position:0 -40px; } 
 
#easing_wrapper .links { position:absolute; top:115px; right:0; line-height:18px; text-align:right; padding-right:260px; padding-top:400px;} 
#easing_wrapper .links a { background: url("../images/dom-n600i-link.png") no-repeat scroll right center transparent; 
    color: #3EA4C3; 
    font-family: helvetica; 
    font-size: 12px; 
    padding-right: 15px; 
    text-decoration: none; } 
