@charset "UTF-8";
/* ====================================================================
Global Styles
-------------------------------------------------------------------- */
/* ~~ Element/tag selectors ~~ */
@font-face {
    font-family: helvetican;
	src:url(font/HelveticaLTStd-LightCond.otf);
}
body {
	color: #666;
	font-family: "Helvetica Neue Light", "Helvetica Neue", "Verdana", "Geneva", "sans-serif";
	font-size: 10pt;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.bodyorange {
	color: #900;
	font-family: "Helvetica Neue Light", "Helvetica Neue", "Verdana", "Geneva", "sans-serif";
	font-size: 10pt;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
.bodybacktext {
	color: #ccc;
	font-family: "Helvetica Neue Light", "Helvetica Neue", "Verdana", "Geneva", "sans-serif";
	font-size: 8pt;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
ol, dl {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0px;
	padding-right: 15px;
	padding-left: 0px;
	color: #333;
	font-family:  "Helvetica Neue Light", "Helvetica Neue", "Verdana", "Geneva", "sans-serif";
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #666;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #F90;
	text-decoration: none;
}
 /*a:hover, a:active, a:focus { this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. 
	text-decoration: none;
}*/

/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	width: 100%;
	background-color: #FFF;
	height: 100%;
}
.clear { clear: both;}
.buttonsq {
	width: 168px;
	height: 87px;
	background:url(images/bgbutton.png);
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	text-align: center;
}
.orangebutton {
	width: 199px;
	height: 100px;
	background: url('images/basebutton.png');
	background-image:url('images/basebutton.png');
	margin: 0 auto; 
	text-align: center;
	font-size: 10pt;
	color: #eee;
}
.menutop {
	width: 800px;
	height: 40px;
	position: absolute;
	bottom: -2px;
	right: 1px;
	margin: 0px auto;
	color: #666;
	text-align: right;
}
.menugreen {
	width: 800px;
	height: 150px;
	margin: 0px auto;
	color:#666;
}

.menuholder {
	width: 1000px;
	position: absolute;
	bottom: 0px;
	left: 0;
	margin: 0px auto;	
}

.buttonsqw {
	width: 220px;
	background-color: #fff;
	height: 5px;
	margin: 0 auto; 
}

.header {
	background-color: #fff;
	height: 120px;
	text-align:center;
	margin: 0 auto; 
	box-shadow: 0px 3px 4px 0px #CCCCCC;
}
.bodyholder{
	width: 1000px; 
margin: 0 auto;
	}
.indexholder1{
width: 1000px; 
height: 370px;
margin: 0 auto;
background: url(images/indeximages/fibre1.png);
position: relative;

	}
.headerinsert{
	background-color: #fff;
	width: 1024px; 
	height: 120px;
margin: 0 auto;
	position:relative;
  }
.bodyinsert{
	background-color: #fff;
	width: 700px; 
margin: 0 auto;
float: right;
		}
.leftcolumn { width: 300px; float: left} 
.tableinnerdg{
	background-color: #7BC142;
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: thin;
	border-bottom: none;
	padding-top: 8px;
		}
.tableinnerlg{
	background-color: #EBF4DF;
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: thin;
		border-bottom:none;
			padding-top: 8px;
			}
.tableinnerlo{
	background-color: #F90;
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: thin;
		border-bottom:none;
			padding-top: 8px;
			}
.tableinnerwt{
	background-color: #fff;
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: thin;
	border-bottom:none;
		padding-top: 8px;
		}	
.content {

	padding: 10px 0;
}

/* ~~ The footer ~~ */
.footer {
	padding: 10px 0;
	background-color: #fff;
	inline-box-align: initial
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.terms {
	font:normal 10pt Verdana, Arial, sans-serif;
	color:#999;
	text-decoration:block;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	text-align: left;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px
}

.headingclean {
	color: #333;
	text-decoration: none;
	font-size: 24pt;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	font-style: normal;
	font-weight: 100;
	font-variant: normal;
}
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

h1 { display:block;} /* Header */
h2 { font:10pt Verdana, Arial, Palatino, Sans-Serif; letter-spacing:0.2em; margin:0 0px 8px 0px; padding-bottom:2px; border-bottom:1px solid #ccc;}
h3 { font-family:Verdana, Arial, Palatino, Sans-Serif; border-bottom:dotted 1px #eee; margin-top:0; text-align:left;}
h4 {}
h5 {}
h6 {}
.menuheader {
	text-align: left ;
	text-indent: 200px;
	vertical-align: text-bottom;
	word-spacing: 80px;
	height: 100px;
	width: 1000px;
	border-bottom: 0px;
}
.contactnumber {
	font-size: 14pt;
	color: #FFF;
}