/* CSS Document */

/* ######################################################################### */
/* STRUCTURE */

div#container {
	position: relative;
	padding: 0px 0px 80px 0px;
	width: 791px;
	margin: 0 auto;
	text-align: relative;
}

div#box {
background-color: #F4F2E1;
border:1px solid #7C844B;
padding: 3px 16px 3px 16px;
margin: 30px 0px 0px 0px;
position:relative;
width: 690px;
color:#0F063B;
text-align:center;
}

div#footer{
	background: url(../images/footer_bg.jpg) repeat-x #7D7F40;
	height: 100px;
	width: 100%;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	font-size:11px;
	color:#FFFFFF;
	line-height: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.footerinner {
	width:751px;
	margin:auto;
	}

div#footer a{
	color:#FFF;
	}

div#wrapper {
	background: url(../images/background.jpg) bottom center no-repeat;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	width: 100%;
}

div#nav {
	position: relative;
	left:1px;
	background: url(../images/nav_bg.jpg) repeat-x;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 8px 0px 0px 0px;
	color:#FFFFFF;
	width:773px;
}

div#content {
	position:relative;
	background: url(../images/content_bg.jpg);
	margin-bottom: 75px;
	left:17px;
	}

div#copy {
	position:relative;
	left:30px;
	width:472px;
	}
	
	
div#columnright {
	line-height: 12pt;
	position:relative;
	width: 250px;
	padding: 0px 0 0 50px;
	float:right;
	}
	
div#innercopy {
	position: relative;
	width: 712px;
	left: 30px;
}
	
#mobiles {
	position: relative;
	background: url(../images/mobiles.jpg) no-repeat;
	padding: 3px 0px 4px 70px;
	margin-bottom: 18px;
	height: 90px;
	width: 150px;
}

#mobiles a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
  color:#333333;
}
 
#mobiles a:hover {
  text-decoration: none;
    color:#333333;
}

div#landlines {
	position: relative;
	background: url(../images/landlines.jpg) no-repeat;
	padding: 1px 0px 4px 83px;
	margin-bottom: 10px;
	height: 94px;
	width: 137px;
}

#landlines a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer;
  color:#333333;
}
 
#landlines a:hover {
  text-decoration: none;
  color:#333333;
}

div#broadband {
	position: relative;
	background: url(../images/broadband.jpg) no-repeat;
	padding: 1px 0px 4px 85px;
	margin-bottom: 10px;
	height: 94px;
	width: 135px;
}
#broadband a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
  color:#333333;
}
 
#broadband a:hover {
  text-decoration: none;
  color:#333333;
}

div#telephonesystems {
	position: relative;
	background: url(../images/telephonesystems.jpg) no-repeat top left;
	padding: 1px 0px 4px 78px;
	margin-bottom: 10px;
	height: 94px;
	width: 142px;
}

#telephonesystems a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer; 
    color:#333333;
}
 
#telephonesystems a:hover {
  text-decoration: none;
    color:#333333;
}

/* ######################################################################### */
/* MENU */

a.button {
    color: #FFF;
    font: normal 12px arial, sans-serif;
    height: 30px;
    text-decoration: none;
	padding-left: 12px;
	padding-right: 12px;
}

a.button:hover {
    color: #FFF;
	text-decoration:underline;
    outline: none; /* hide dotted outline in Firefox */
}

a.active {
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
	text-decoration:underline;
}


/* ######################################################################### */
/* DEFAULT STYLING */



body {
	background: #EEEACF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;	
	line-height: 16pt;
	text-align: relative; /* centers container divs in browsers that don't understand margin: auto */
	color:#333333;
}


html, body { height: 100%;}

li {
	list-style-image: url(../images/bullet.jpg);
	line-height: 15pt;
	}
	
ul {
	list-style-image: url(../images/bullet.jpg);
	line-height:inherit;
	font-size:inherit;
	}

H1 {
	color:#000066;
	font-size:20px;
}
H2 {
	color:#000066;
	font-size:14px;
	line-height: 7px;
}

p {
	margin-bottom:50px;
	}

/* ######################################################################### */
/* STYLES */

.fltrt { 
	float: right;
	margin-left: 10px;
}

.fltlft { 
	float: left;
	margin-right: 10px;
}

.bold {
	font-weight: bold;
	}
	
.italic {
	font-style:italic;
	}

.white {
	color:#FFFFFF;
}
.highlight {
	font-weight:bold;
	font-size:16px;
	text-align:center;
	color: #B60311;
	}
	
.newstitle {
	font-weight:bold;
	font-size:16px;
	color: #B60311;
	}
	
.arrow {
	vertical-align:text-top;
	right: 6px;
	bottom: 2px;
	position: absolute;
}

a.arrowlink {
	display:block; 
	width:28px; 
	height:26px; 
	}

.titlelink {
	color:#000066;
	text-decoration:none;
	display:block;
}

.newslettersubmit {
	background-color: #A80307;
	border: thin none;
	cursor: hand;
	color: #FFFFFF;
	line-height: 18px;
	height: 20px;
	font-weight: bold;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	float:right;
}

.signup {
	width:210px;
	height:140px;
	}

/* ######################################################################### */
/* DO NOT EDIT - STYLES TO MAKE EVERYTHING WORK THE SAME IN ALL BROWSERS */

/* Elements to clean out: */
body, fieldset, form, html {
	margin: 0;
	padding: 0;
}
html { /* font values can be overwritten for specific sites using body tag in default.css */
	font: 75%/150% Verdana, Arial, Helvetica, sans-serif; /* font-size, line-height, font-family */
}
input, label, select, textarea { /* font values can be overwritten for specific sites using these tags in default.css */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Elements with a vertical margin: */
address, blockquote, dl, h1, h2, h3, h4, h5, h6, ol, p, pre, ul {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:                     */
blockquote, dd {
	margin-left: 1em;
}
li {
	margin-left: 2.5em;
}

/* Miscellaneous: */
label {
	cursor: pointer;
}
fieldset {
	border: none;
}
input, select, textarea {
	font-size: 100%;
}
img {
	border: none;
}
textarea {
	overflow: auto;
}

input.submit {
	cursor: pointer;
}




/* Copyright (c) Webfuel Ltd. */