@charset "utf-8";
/* W3.CSS 2.0 by Jan Egil and Borge Refsnes. Do not remove this line. */

button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type=checkbox],input[type=radio]{padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p{border:0 none;font:inherit;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-family: 'Ubuntu',Arial,sans-serif;}
h1{font-size:36px}h2{font-size:30px}h3{font-size:26px}h4{font-size:21px}h5{font-size:18px}h6{font-size:16px}

/* Content Css*/


/*--------------------------------------------------------- Header ------------------------------------------------------------  */
head { 
    width: 1335px;
    margin: auto ;
    height: 115px;
}

header { 
    width: 1335px;
    margin: auto ;
    height: 115px;
}

#logo input{ 
    float: left;
    width:300px;
    height:95px;
    margin-left:145px;
    position: absolute;
}

#contact-top input{ 
    width:275px;
    height:80px;
    margin-left:938px;
    margin-top: 8px;
    position: absolute;
}

/*--------------------------------------------------------- Body ------------------------------------------------------------  */
#navbar	          { clear:both; }	
.navbar-container { width: 1335px; height: 40px; background:#004069;} 	
.navbar-inner     { margin-left: 10%; margin-right:10%; }	
.navbar-inner ul  { height: 40px; 
					 list-style-type: disc;
					-webkit-margin-before: 0em !important;
					-webkit-margin-after: 0em !important;
					-webkit-margin-start: 0px;
					-webkit-margin-end: 0px;
					-webkit-padding-start: 40px;
                                        -moz-margin-before: 0em !important;
					-moz-margin-after: 0em !important;
					-moz-margin-start: 0px;
					-moz-margin-end: 0px;
					-moz-padding-start: 40px;
                                        -ms-margin-before: 0em !important;
					-ms-margin-after: 0em !important;
					-ms-margin-start: 0px;
					-ms-margin-end: 0px;
					-ms-padding-start: 40px;}
.navbar-inner ul a:hover    { background:#FFF;  }
.navbar-inner ul li         { display:inline-block; padding: 0px 10px; font-size: 16px; color:#06F; line-height: 38px; max-height:40px !important;  border-right:#FFF solid 1px; }
.navbar-inner ul li:hover   { text-decoration:none; color:#fff; background:#0076B6; }
.navbar-inner ul li a       { text-decoration:none; color:#fff; padding: 10px 10px; }
.navbar-inner ul li a:hover { text-decoration:none; background-color:transparent; }




/*-------------------------------------------------------Banner---------------------------------------------------------------*/

#banner		{ margin-left: 150px; margin-top: 35px; width: 900px;}
.banner-a	{ width: 150px; height: 380px; float: left;}
.banner-b	{ margin-left: 80px; margin-top: 10px; width: 70%; float: left; height: auto;}

#ftth{
  border-radius: 2px; 
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #0093F2;
}

#ftth:hover {
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #004069;
}

#fttb{
  border-radius: 2px; 
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #0093F2;
}

#fttb:hover {
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #004069;
}

/*--------------------------------------------------------- Footer ---------------------------------------------------------*/

footer { 
    background-color:#005288; 
    height:150px; 
    width: 1335px;
}

.footer_fibre_guy img { 
    width: 280px; 
    height: 215px;
    margin-left: 35px; 
    padding: 15px; 
    margin-top: -135px; 
    padding-bottom: 40px;
}

/*----------------------------------------------------- Misc ------------------------------------------------------------- */
.clear 	        { clear:both; margin-top: 5px;}
.clear1         { clear:both; margin-top: 1px;}
.clear20        { clear:both; margin-top: 20px;}
.box-heading	{ text-align:center; border-bottom:#004069 thin solid; padding-bottom:15px; font-weight:600; color:#005288; font-size:24px; line-height:1.3em; font-family: 'Ubuntu',Arial,sans-serif;;  }
.center-step	{ margin-left:auto !important; margin-right: auto !important; width: 160px; margin-bottom: 10px; }
.center-ph	{ margin-left:auto !important; margin-right: auto !important; width: 620px; }
#content	{ margin-top: 15px; width:100% !important; height:auto; }
.container2     { width: auto; padding: 15px; margin-left: 10%; margin-right:10%;  }
.banner-c img   { width: 780px; height: 200px; margin-left: 272px; margin-bottom: 35px;}
.container30 { 
    width: 854px; 
    margin-bottom: 5px; 
    margin-left: 221px; 
    border:#004069 1px solid; 
    padding: 15px; 
    background-color:rgba(113,198,254,0.05);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(12,157,251,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(12,157,251,0.2);
    box-shadow: 0px 0px 10px 0px rgba(12,157,251,0.2);
}
.container30 li { padding-top: 10px; }
.container30 ul { padding:10px; text-align:justify; }