/* CSS Document */

body {
	background-image:  url("../images/template/background.gif");
	background-repeat: repeat-x;
	background-position: top;
	background-color: #A39698;
	margin: 15px auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em; }
	
h1 { font-size: 1.9em; color: #B24F93; font-weight: normal; margin: 0; padding: 0; }
h2 { font-size: 1.5em; color: #346AAC; font-weight: normal; }	
h3 { font-size: 1.3em; margin: 25px 0 0 0; padding: 0; }
h4 { font-size: 1em; color: #346AAC; margin: 10px 0 0 0; padding: 0; }

p {	line-height: 1.6em; margin: 0; padding: 0; }
li { line-height: 1.7em; }

a {	color: #B24F93;
	font-weight: bold;
	text-decoration: none; }
	
a:hover {
	text-decoration: underline; }
	
div#contain {
	width: 885px; /*total=960px*/
	background-image:  url("../images/template/logo.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	padding: 32px 45px 25px 30px;
	background-color: #FFF;
	margin: 0px auto; }
	
div#buttons {	
	width: 191px;
	margin-bottom: 50px;
	float: right; }
	
.button1 { margin-bottom: 19px; }

div#footer {
	width: 885px;
	color: #6C6E71;
	text-align: left;
	margin-top: 20px;
	background-image:  url("../images/template/number.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
	float: left; }
	
div#footerlinks {
	color: #346AAC;
	font-size: 1.4em; }
	
div#footerlinks a { color: #346AAC; }
	
.clear {
	clear: both;
	height: 0px;
	line-height: 0em;
	margin: 0px; }
	
.cell {
	text-align: left;
	padding: 0 20px 8px 0; }
	
table ul {
	padding: 0;
	margin-left: 15px; }
	
.righttext {
	text-align: right; }


/* ---- home page only ---- */

div#page {
	width: 885px;
	float: left; }

div#boxcontain {
	width: 671px;
	text-align: left;
	float: left; }
	
.box {
	height: 178px; /*total=202px*/
	padding: 12px;
	background-position: center;
	background-repeat: no-repeat;
	float: left; }
	
.top { margin-bottom: 8px; }
.left {	margin-right: 8px; }

.box_maintenance {
	width: 197px; /*total=221px*/
	background-image: url(../images/home_icons/maintenance.jpg); }
	
.box_backup {
	width: 193px; /*total=217px*/
	background-image: url(../images/home_icons/backup.jpg); }
	
.box_broadband {
	width: 193px; /*total=217px*/
	background-image: url(../images/home_icons/broadband.jpg); }
	
.box_sales {
	width: 197px; /*total=221px*/
	background-image: url(../images/home_icons/sales.jpg); }
	
.box_web {
	width: 193px; /*total=217px*/
	background-image: url(../images/home_icons/webservices.jpg); }
	
.box_repairs {
	width: 193px; /*total=217px*/
	background-image: url(../images/home_icons/repairs.jpg); }
	
.box h1 {
	color: #FFF;
	font-size: 1.3em;
	font-weight: bold; }
	
.box h1 a {
	color: #FFF; }
	
.box p {
	line-height: 1.2em;
	margin-top: 130px; }
	
#column {	
	width: 191px;
	float: left;
	text-align: left;
	margin: 0 0 20px 23px; }
	
#column p {
	line-height: 1.6em; margin: 8px 0; padding: 0; }
	
.imagelink {
	cursor: pointer; }


/* ---- inner pages only ---- */
	
div#topstripe {
	width: 885px;
	height: 24px;
	margin-bottom: 18px;
	float: left; }
	
.ts_maintenance { background-color: #98A9E5; }
.ts_backup { background-color: #B2C870; }
.ts_broadband { background-color: #C769A8; }
.ts_sales { background-color: #A0B895; }
.ts_web { background-color: #DDD121; }
.ts_repairs { background-color: #93A5CA; }

div#navboxtop {
	width: 220px;
	padding-top: 220px;
	background-repeat: no-repeat;
	background-position: top center;
	float: left; }
	
.nbt_maintenance { background-image:  url("../images/template/maintenance.jpg"); }
.nbt_backup { background-image: url("../images/template/backup.jpg"); }
.nbt_broadband { background-image: url("../images/template/broadband.jpg"); }
.nbt_sales { background-image: url("../images/template/sales.jpg"); }
.nbt_web { background-image: url("../images/template/web.jpg"); }
.nbt_repairs { background-image: url("../images/template/repairs.jpg"); }
.nbt_news { background-image: url("../images/template/news.jpg"); }
.nbt_other { background-image: url("../images/template/other.jpg"); }

div#navbox {
	width: 180px; /*total=220px*/
	color: #626467;
	padding: 0 20px 20px 20px;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: bottom center;
	overflow: hidden;
	margin-bottom: 30px; }
	
div#navbox a { color: #FFF; }
div#navbox a:hover { color: #626467; text-decoration: none; }
	
.nb_maintenance {
	background-color: #C1CBEF;
	background-image:  url("../images/template/nb_maintenance.gif"); }
	
.nb_backup {
	background-color: #CBDE91;
	background-image:  url("../images/template/nb_backup.gif"); }
	
.nb_broadband {
	background-color: #DD97C6;
	background-image:  url("../images/template/nb_broadband.gif"); }
	
.nb_sales {
	background-color: #BCD0B3;
	background-image:  url("../images/template/nb_sales.gif"); }
	
.nb_web {
	background-color: #E9E283;
	background-image:  url("../images/template/nb_web.gif"); }
	
.nb_repairs {
	background-color: #BDC9E2;
	background-image:  url("../images/template/nb_repairs.gif"); }

div#content {
	margin: 0 0 30px 28px;
	width: 560px;
	padding-top: 10px;
	text-align: justify;
	float: left; }
	
div#content p {
	line-height: 1.6em; margin: 8px 0; padding: 0; }
	
	
/* ---- Secure Backup pages ---- */

.pagebuttons_contain {
	width: 560px;
	padding: 0;
	margin: 30px 0 0 0; }
	
.pagebutton_contain {
	text-align: center;
	width: 180px;
	float: left;
	padding: 0;
	margin: 0; }
	
.pagebutton_topedge {
	background-repeat: no-repeat;
	background-position: top center;
	width: 180px;
	height: 10px; }
	
.pagebutton_bottomedge {
	background-repeat: no-repeat;
	background-position: bottom center;
	width: 180px;
	height: 10px; }
	
.pagebutton {
	width: 160px; /*total=180px*/
	padding: 0 10px 0 10px;
	margin: 0; }

.pagebutton h3 {
	padding: 7px 0 0 0;
	margin: 0; }
	
.pagebutton p {
	padding: 0;
	margin: 0; }

.blue { background-color: #C1CBEF; }
.green { background-color: #CBDE91; }

.leftbutton { margin-right: 10px; }
	
.greentop { background-image: url(../images/buttons/greentop.gif); }
.greenbottom { background-image: url(../images/buttons/greenbottom.gif); }
.bluetop { background-image: url(../images/buttons/bluetop.gif); }
.bluebottom { background-image: url(../images/buttons/bluebottom.gif); }
		
.lower {
	background-image: url(../images/buttons/longtop_base.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	width: 560px;
	float: left;
	margin-top: 10px; }
	
#lower_top {
	background-image: url(../images/buttons/longtop.gif);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #CBDE91;
	height: 10px;
	width: 560px; }
	
.lower_content {	
	background-color: #CBDE91;
	padding: 0 10px 3px 10px;
	text-align: center;
	margin-bottom: 10px; }
	
.lower h3 {
	padding: 0;
	margin: 0; }
	
	
/* ---- contact forms ---- */

.cell { padding: 2px 0 6px 0; }
.leftcell {
	line-height: 1.6em;
	text-align: right;
	padding: 5px 20px 0 0; }
	
.field {
	width: 300px;
	border: 1px solid #98A9E5;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em; }
	
.half_field { width: 150px; }	
.area { height: 100px; }


.contentImage {
	float: right;
	margin: 0 0 12px 22px;
}