/* CSS Document */

/*Defining rules for body */
html, body {
text-align:center;
color:#fff;
background-color:inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;
height:101%;
background-image:url(IMAGES/bodybackground.png);
}

/*Rules for centering outer div container*/
#container{
margin-left:auto;
margin-right:auto;
width:760px;
text-align:left;
color:#fff;
margin-bottom:1px;
background-image:url(IMAGES/background.jpg);
}
/*end*/

body {
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size:medium;
}

html>body {
font-size:medium;

}
/*End*/



/*styling paragraphs*/
p {
font-size:70%;
line-height:1.7em;
margin-top:0;
margin-bottom:1.5em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*end*/

/*styling main headings*/
h1, h2 {
color:#9c0;
background-color:inherit;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
margin:10px 0 20px 0;
padding:0 0 2px 0;
}

/*refining h1 and h2 sizes*/
h1 {
font-size:110%;
text-transform:capitalize;
}

h2 {
color:#999;
font-size:85%;
line-height:1.6em;
text-transform:capitalize;
}

/*Styling of h3 sub headings*/
h3 {
padding-top:10px;
margin:0 0 15px 0;
font-size:80%;
color:#bfde9c;
background-color:inherit;
font-family:verdana, sans serif;
text-transform:none;
line-height:1.5em;

}
/*end*/

/*Link styling*/
#container a:link {
color:#fff;
background-color:inherit;
text-decoration:none;
}
#container a:visited, #containermap a:visited {
color:#fff;
background-color:inherit;
text-decoration:none;
}

#container a:hover {
color:#fff;
background-color:inherit;
text-decoration:underline;
}

#container a:active {
color:#fff;
background-color:inherit;
text-decoration:underline;
}
/*End*/

/*default link colors for index page*/
a:link {
color:#62618f;
background-color:inherit;
text-decoration:none;
}
a:visited {
color:#62618f;
background-color:inherit;
text-decoration:none;
}

a:hover {
color:#62618f;
background-color:inherit;
text-decoration:underline;
}

a:active {
color:#62618f;
background-color:inherit;
text-decoration:underline;
}
/*end*/

/*link styling for border class on "fibre optics" page*/
 #centercontainer a:link {
color:#fff; 
background-color:inherit;
text-decoration:underline;
}

/*Header image*/
#header {
width:760px;
}
/*end*/

/*The leftsidebar to hold navigational links*/
#leftsidebar {
width:160px;
float:left;
margin-right:9px;
padding-right:11px;
}
/*end*/

/*center container for text and images*/
#centercontainer {
width:315px;
float:left;
text-align:right;
padding-right:22px;
margin-left:10px;
margin-top:40px;
}

#centerwhoweare{
width:535px;
float:left;
text-align:right;
padding-right:22px;
margin-left:10px;
}

#centercontact{
width:370px;
float:left;
text-align:left;
padding-right:22px;
margin-left:40px;
}
/*end*/

/*div tag for map and directions page*/
#containermap {
width:530px;
float:left;
margin-top:40px;
}

/*padding used on map page*/
.padding{
padding-left:20px;
}

/*The rightsidebar to hold images*/
#rightsidebar {
float:left;
padding-left:0;
margin-top:55px;
}
/*end*/

/*styling of box underneath the right column*/
#box {
width:185px;
height:auto;
margin: 10px 0 40px 0;
line-height:1.5em;
color: #ccc;
font-size:85%;
padding:10px 5px 5px 10px;
}
/*end*/

/*styling of footer*/
#footer {
width:750px;
background-color:#62618f;
color:#000038;
text-align:left;
font-size:60%;
margin-right:auto;
margin-left:auto;
padding:6px 0 5px 10px;
}

/*styling of bottom white footer*/
#validation{
width:750px;
margin-right:auto;
margin-left:auto;
background-color:#fff;
color:#62618f;
font-size:60%;
text-align:left;
padding:5px 0 5px 10px;
}

/*span tag styling in bottom white footer*/
#align{
margin-left:460px;
}
/*end*/

/*image border*/
.mainimageborder {
padding:0 5px 5px 0;
border-right:1px solid #4f4e71;
border-bottom:1px solid #4f4e71;
}
/*end*/

/*To force background image to surround floated columns*/
#clear{
margin:0;
padding:0;
clear:both;
height:0;
}
/*end*/

/*positioning of navcontainer div*/
#navcontainer{
padding-top:20px;
padding-right:5px;
}
/*end*/

/*Main Navigation-bar for all pages*/
#navcontainer ul{
margin: 0;
padding: 0 0 0 15px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
}

/*Subnavlist styling for blown fibre page*/

/*end*/

#navcontainer li{ 
margin: 0 0 5px 0;
}

#navcontainer a{
display: block;
padding:7px 2px 7px 12px;
width: 130px;
border: 1px solid #474e71;
background-color:url(IMAGES/backgroundimage-links.png);
}

#subactive a{
display: block;
padding:7px 2px 7px 30px;
width: 112px;
border: 1px solid #474e71;
background-image:url(IMAGES/subbackground.png);
font-size:90%;
}

#navcontainer a:link, #navlist a:visited {
color: #eee;
background-color:inherit;
text-decoration: none;
}

#navcontainer a:hover {
background-color: #fff;
background-image:url(IMAGES/backgroundimage2-links.png);
color: #333;
text-decoration:none;
}
/*end*/

/* styling of telephone fax and email*/
#tel{
width:144px;
font-size:60%;
padding-top:20px;
padding-left:26px;
}

#fax{
width:144px;
font-size:60%;
padding-top:20px;
padding-left:26px;
}

#email{
width:144px;
font-size:60%;
padding:20px 0 20px 26px;
}
/*end*/

/*styling of lists including ul, li*/
#centercontainer ul {
list-style: none;
padding-left:0px;
margin-left:0;
font-size:80%;
text-align:left;
border-bottom:1px dotted #4f4e71;

}

/*list-code of conduct page*/
 .coc{
padding-bottom:24px;
padding-left:15px;
line-height:1.3em;
background-image:url(IMAGES/listimage.gif);
background-repeat:no-repeat;
background-position:0 10%;
}

/*List styling on Electrical services*/
.coc2{
padding-bottom:24px;
padding-left:15px;
line-height:1.3em;
text-align:right;
font-size:95%;
color:#FF9900;
background-color:inherit;
}

.coc2a{
font-size:120%;
color:#FFCC00;
text-align:left;
}

.coc4{
padding-bottom:24px;
padding-left:15px;
line-height:1.3em;
text-align:right;
font-size:95%;
color:#fff;
background-color:inherit;
}

.cocheader {
text-align:left;
padding-top:0;
margin-top:0;
}
/*end*/

/*bottom paragraph on network page */
.underline{
font-size:80%;
color:#ccc;
background-color:inherit;
margin:70px 0 40px 0;
padding-top:20px;
padding-bottom: 20px;
border-bottom:1px solid #4f4e71;
border-top: 5px solid #4f4e71;
}

/* color and text change class - bottom paragraph on network structure page*/
.textchange{
text-transform: uppercase;
font-size:90%;
color:#fc0;
}

.textsize1{
font-size:80%;
}

.textsize4{
font-size:90%;
float:right;
width:160px;
}

#textsize3{
font-size:75%;
color:#990000;
background-color:inherit;
font-weight:bold;
}
/*end*/

/*solid border for headings*/
.border{
padding-bottom:10px;
border-bottom:1px dotted #4f4e71;
}

.border2{
padding:10px 5px 5px 5px;
margin-bottom:10px;
border-bottom:1px solid #4f4e71;
background-color:#fff;
color:#333;
}
/*end*/

/*styling class for fibre optics page*/
.fibre2{
font-size:110%;
color:#ccc;
background-color:inherit;
}
.fibre1{
background-color:inherit;
color:#fc0;
padding-right:5px;
}
/*end*/

.textsize2 {
font-size:65%;
}

.textsize3{
font-size:120%;
font-style:italic;
color:#ccc;
}


/*class styling for color orange*/
.colorblue {
color:#69c;
background-color:inherit;
}

/*styling for form div on contact page*/
#form {
width:540px;
float:left;
text-align:left;
margin-left:18px;
}

/*highlighting current page*/
#blownfibre #navlist .blownfibre a,
#about #navlist .about a, 
#electricalservices #navlist .electricalservices a,
#network #navlist .network a, 
#structured #navlist .structured a, 
#code #navlist .code a, 
#map #navlist .map a, 
#fibre #navlist .fibre a, 
#contact #navlist .contact a,
#products #navlist .products a,
#who #navlist .who a
{
color:#333;
background-image:url(IMAGES/backgroundimage2-links.png);
cursor:default;
}
/*end*/

/*border round map*/
#picborder{
padding:2px;
border:1px solid #4f4e71;
}

/*bottom paragraph on the structured cabling page, styling position*/
.brandnames{
display:block;
padding-top:10px;
color:#fff;
background-color:inherit;
}

.color3{
color:#fc0;
background-color:inherit;
}
/*end*/

/*styling of niceic icon on electrical services*/
#niceic{
width:120px;
display:block;
float:left;
}
/*end*/

/*padding of 10px*/
.padding{
padding-top:10px;
}
/*end*/