@charset "utf-8";
/*
Digital Winter Layout - http://www.digitalwinter.co.uk/
Coded by: Anthony Winter
Email: anth@digitalwinter.co.uk
*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #eeeeee url(../images/back.jpg) fixed;
	font-family: Trebuchet MS;
	font-size: 87.5%;
	color: #333333;
}

/* ***** ID's ***** */

#wrapper {
	background: #eeeeee;
	margin: 0 auto;
	text-align: center;
	width: 990px;	
}

#title { 
	background: #336699;
	height: 70px;
	width: 988px;
	border-bottom: 2px solid #336699;
	border-left: 1px solid #336699;
	border-right: 1px solid #336699;
	font-size: 100%;
	color: #ffffff;
}

#wrapper2 {
	margin: 0 auto;
	text-align: center;
	width: 988px;
	float: right;
	background: #eeeeee;
	background-image: url(../images/mainbk.jpg);
	background-position: top;
	background-repeat: repeat-x;
	border-left: 1px #336699 solid;
	border-right: 1px #336699 solid;
	border-bottom: 1px #336699 solid;
	padding: 0 0 10px 0;
}

#nav {
	float: left;
	width: 130px;
	padding: 20px 20px 5px 20px;
	text-align: center;
}

#main {
	float: left;
	width: 560px;
	padding: 20px 0 5px 5px;
	text-align: left;
}

#main td {
	font-size: 75%;
	text-align: center;
	font-family: Trebuchet MS;
	padding: 0px;
}
		
#main th {
	font-size: 75%;
	color: #eeeeee;
	text-align: center;
	background: #336699;
	font-family: Trebuchet MS;
}

#right {
	float: right;
	width: 200px;
	padding: 20px 20px 10px 20px;
	text-align: left;
}

#webd {
	width: 170px;
	margin: 0 auto;
	padding: 10px;
	background: url(../images/trans.png);
	border: #444 1px dashed;
	font-size: 80%;
}

#webd li {
	margin: 0 0 0 25px;
	list-style-image: url(../images/bul.png);
}

#footer {
	text-align: center;
	margin: 0 auto;
	width: 970px;
	background: #dddddd;
	padding: 2px 0 2px 8px;
	border-left: 1px #336699 solid;
	border-right: 1px #336699 solid;
	border-bottom: 1px #336699 solid;
}

#preload {
	display: none;
}

.underimgred {
	background: #C00;
	width: 530px;
	border: 1px #000 solid;
	margin: 0 auto;
	padding: 2px 10px 2px 10px;
}

.underimgblue {
	background: #369;
	width: 530px;
	border: 1px #000 solid;
	margin: 0 auto;
	padding: 2px 10px 2px 10px;
}

.underimgblack {
	background: #000;
	width: 530px;
	border: 1px #000 solid;
	margin: 0 auto;
	padding: 2px 10px 2px 10px;
}

.underimgyel {
	background: #FC6;
	width: 530px;
	border: 1px #000 solid;
	margin: 0 auto;
	padding: 2px 10px 2px 10px;
}

.underimgpurp {
	background: #303;
	width: 530px;
	border: 1px #000 solid;
	margin: 0 auto;
	padding: 2px 10px 2px 10px;
}

.center {
	text-align: center;
}

/* ***** HEADINGS ***** */

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

h2.maintitle {
	background: url(../images/h2m.png) bottom right no-repeat;
	font-size: 180%;
	color: #336699;
	border-bottom: 1px dotted #333;
	margin: 0 0 5px 0;
}

h2.maintext {
	font-size: 180%;
	color: #336699;
	margin: 0 0 5px 0;
}

h3.sitemap {
	font-size: 100%;
	color: #336699;
	margin: 0 0 5px 0;
}

/* ***** PARAGRAPHS ***** */

p.maintext {
	font-family: Trebuchet MS;
	font-size: 100%;
	color: #333333;
}

p.maintext2 {
	font-family: Trebuchet MS;
	font-size: 70%;
	color: #333333;
}

p.maintext3 {
	font-family: Trebuchet MS;
	font-size: 70%;
	color: #eeeeee;
}

p.maintext4 {
	font-family: Trebuchet MS;
	font-size: 80%;
	color: #333333;
}

p.maintextwhiteup {
	text-transform: uppercase;
	font-size: 90%;
	color: #fff;
}

p.maintextup {
	text-transform: uppercase;
	font-size: 90%;
	color: #333;
}

p.maintextwhite {
	font-family: Trebuchet MS;
	font-size: 80%;
	color: #fff;
}

p.largedark {
	font-family: Trebuchet MS;
	font-size: 120%;
	color: #444444;
}

p.con {
	font-family: Trebuchet MS;
	font-size: 87.5%;
	color: #FF0000;
}

p.bottomtext {
	font-family: Trebuchet MS;
	font-size: 70%;
	color: #333333;
}

p.goto {
	font-family: Trebuchet MS;
	font-size: 70%;
	color: #333333;
	text-align: right;
	padding: 5px;
}

/* ***** LIST STYLES ***** */

ul {
	margin: 0;
	padding: 0;
}

ul.package {
	text-indent: 4pt;
	list-style-type: none;
	font-size: 80%;
}

ul.skills {
	text-align: center;
	list-style-type: none;
	font-size: 100%;
}

ul.offset, .offset {
  position : absolute;
  top : -9000px;
  left : -9000px;
  z-index : 9;
}

ul.offset a:focus, ul.offset a:active {
  position : absolute;
  top : 9010px;
  left : 9010px;
  background-color : #6699cc; 
  color : #000000;
  padding : 5px;
  font-weight : bold;
  border : 2px solid #000;
  width : 6em;
  z-index : 9;
}

li.inline {
	display: inline;
}

li.nav {
	list-style-type: none;
	margin: 0 0 25px 0;
}

li.logo {
	font-family: Trebuchet MS;
	font-size: 100%;
	color: #333333;
	list-style: inside square;
}

li.sitemap {
	font-family: Trebuchet MS;
	font-size: 75%;
	color: #333333;
	list-style: inside disc;
}

/* ***** A LINKS ***** */

a {
	color: #333333;
}

a:hover {
	color: #000000;
}

a:active, a:focus {
	color: #333333;
	background: #cccccc;
	border-left: #0099CC 3px dotted;
	border-right: #0099CC 3px dotted;
	height: auto;
}

a.navhome {
	background: url(../images/navhome.jpg) no-repeat;
	text-align: center;
	display: inline-block;
	height: 80px;
	width: 80px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	font-size: 16px;
}

a.navhome:hover {
	background: url(../images/navhome_hov.jpg) no-repeat;
	color: #6699cc;
}

a.navhome:active, a.navhome:focus {
	border-left: #0099CC 3px dotted;
	border-right: #0099CC 3px dotted;
}

a.navser {
	background: url(../images/navservices.jpg) no-repeat;
	text-align: center;
	display: inline-block;
	height: 80px;
	width: 80px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	font-size: 16px;
}

a.navser:hover {
	background: url(../images/navservices_hov.jpg) no-repeat;
	color: #6699cc;
}

a.navser:active, a.navser:focus {
	border-left: #0099CC 3px dotted;
	border-right: #0099CC 3px dotted;
}

a.navnews {
	background: url(../images/navnews.jpg) no-repeat;
	text-align: center;
	display: inline-block;
	height: 80px;
	width: 80px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	font-size: 16px;
}

a.navnews:hover {
	background: url(../images/navnews_hov.jpg) no-repeat;
	color: #6699cc;
}

a.navnews:active, a.navnews:focus {
	border-left: #0099CC 3px dotted;
	border-right: #0099CC 3px dotted;
}

a.undimg {
	color: #eeeeee;
}

a.undimg:hover {
	color: #ffffff;
}

a.undimgdark {
	color: #333333;
}

a.undimgdark:hover {
	color: #000000;
}

a.navport {
	background: url(../images/navport.jpg) no-repeat;
	text-align: center;
	display: inline-block;
	height: 80px;
	width: 80px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	font-size: 16px;
}

a.navport:hover {
	background: url(../images/navport_hov.jpg) no-repeat;
	color: #6699cc;
}

a.navport:active, a.navport:focus {
	border-left: #0099CC 3px dotted;
	border-right: #0099CC 3px dotted;
}

a.botnav {
	font-family: Trebuchet MS;
	font-size: 70%;
	color: #333333;
}

a.botnav:hover {
	color: #000000;
}

a.botnav:active, a.botnav:focus {
	color: #333333;
	background: #cccccc;
	border: #0099CC 1px dotted;
}

a.navsub {
	font-family: Trebuchet MS;
	font-size: 62.5%;
	color: #333333;
	font-weight: bold;
}

a.mainlink {
	font-family: Trebuchet MS;
	font-size: 100%;
	color: #336699;
}

a.mainlink:hover {
	color: #333333;
}

a.mainlink:active, a.mainlink:focus {
	color: #333333;
	background: #cccccc;
	border: #0099CC 1px dotted;
}

a.mainlinksml {
	font-family: Trebuchet MS;
	font-size: 75%;
	color: #6699cc;
}

a.mainlinksml:hover {
	color: #333333;
}

a.mainlinksml:active, a.mainlinksml:focus {
	color: #333333;
	background: #cccccc;
	border: #0099CC 1px dotted;
}

a.rwork {
	font-family: Trebuchet MS;
	font-size: 75%;
	color: #333333;
}

a.rwork:hover {
	color: #444444;
}

a.rwork:active, a.rwork:focus {
	color: #333333;
	background: #cccccc;
	border: #0099CC 1px dotted;
}

/* ***** MISC ***** */

img {
	border: 0;
}

img.border {
	border: 1px #000 solid;
}

.formtext {
	font-family: Trebuchet MS;
	font-size: 87.5%;
	color: #FF0000;
}

.input {
	border: 1px #369 solid;
	color: #369;
	margin: 3px;
	font-size: 90%;
	padding: 2px;
	width: 170px;
}


.msgbox {
	border: 1px #369 solid;
	color: #369;
	margin: 3px;
	font-size: 90%;
	padding: 2px;
	overflow: auto;
	width: 170px;
	height: 90px;
	font-family: Trebuchet MS;
}


.submit {
	background: #CCC;
	height: 24px;
	width: 80px;
	color: #000000;
	border: 1px solid #000000;
	font-size: 75%;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.height {
	height: 20px;
}

.heightpad {
	height: 20px;
	margin: 3px;
	text-align: left;
}

.heightbg {
	height: 20px;
	background: #eeeeee;
}

.grey {
	background: #eeeeee;
}

.darkblue {
	background: #336699;
	color: #ffffff;
}