@charset "utf-8";
/* CSS Document */

    /* <!-- */
    /* General styles */
    body {
        margin:0 auto;
        padding:0 auto;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        max-width:1280px;
        background-color:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:0.8em;
		font-family: arial, verdana;
    }
	a {
    	color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
    h1, h2, h3 {
        margin: 0;
        padding:0;
		font-family: arial, verdana;
    }
	
	h2 {
		margin: 1.2em 0 0.6em 0;
		clear: both;
		}
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }

	img {
		margin:10px 0 5px;
		border: thin solid black;
	}
	/* Header styles */

    #header {
        clear:both;
        float:left;
        width:100%;
    }
	#header {
		border-bottom:4px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:0;
        margin:0;
	}

	#header h1 { 
        margin: 0.2em 0 0 2.8em;
		width: 85%;
		padding: 0 0 6px 0; 
		color: #000; 
		font-weight: normal; 	
		font-size: 30px; 	
		letter-spacing: 2px; 
}

	#header img { 
		position: relative;
		top: 0;
		left: 20px;
		clear: none;
		margin: 0; 
		padding: 0; 
		float: left;
		border: none;;
	}

	#header ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:0 0 0 0;
	    padding:0 0 1.4em 0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    padding:0;
	    margin: 0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
	    background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	}


	#bannerstrip ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#bannerstrip ul li a img {
	    border: none;
	}
	#bannerstrip ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:2px 6px;
	    text-align:center;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:0px;
		line-height:1.3em;
	}
	#bannerstrip ul li a:hover {
	    background:#369;
		color:#fff;
	}
	#bannerstrip ul li a.active,
	#bannerstrip ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#bannerstrip ul li a span {
	    display:block;
	}

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-bottom:1px solid #000;
		margin:0;
		padding:6px 18px !important;
		text-align:left;
	}

	#layoutdims ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:0 0 0 0;
	    padding:0 0 0.4em 0;
	}
	#layoutdims ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#layoutdims ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:2px 4px;
	    text-align:center;
	    background:#fff;
	    color:#000;
	    text-decoration:underline;
	    position:relative;
	    left:15px;
		line-height:1em;
		border-right: 1px solid black;
	}
	#layoutdims ul li a:hover {
	    background:#369;
		color:#fff;
	}
	#layoutdims ul li a.active,
	#layoutdims ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#layoutdims ul li a span {
	    display:block;
	}

	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
    }
    #footer p {
        padding:10px;
        margin:0;
    }

	div.fullpage {
		left: 10px;
	}
	
	#map {
		border: thin solid black;
		margin-bottom: 2em;
	}
	
	th {
	text-align:left;
	background-color: #003399;
	color: #FFFFFF;
	}
		
	ul {
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:0 0 0 0;
	    padding:0 0 1.4em 0;
	}
	ul li {
	    display:block;
	    list-style:none;
	    margin:0;
	    padding:0;
	}

	ul.smalltext {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:0 0 0 0;
	    padding:0 0 1.4em 0;
	}
	ul.smalltext li {
	    list-style:none;
	    margin:0;
	    padding:0;
		font-size: 0.82em;
	}
	.season {
		font-size: 1em;
		color: #000066;
		font-weight: bold;
		}

    /* 3 Column Layout */
	/* column container */
	.colmask {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* Full page settings */
	.fullpage {
		background:#fff;		/* page background colour */
	}
	.fullpage .col1 {
		width:96%;				/* page width minus left and right padding */
		left:2%;				/* page left padding */
	}

	/* 3 Column blog style settings */
	.blogstyle {
		background:#fff;		/* right column background colour */
	}
	.blogstyle .colmid {
		right:25%;				/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.blogstyle .colleft {
		right:25%;				/* width of the middle column */
		background:#fff;		/* left column background colour */
	}
	.blogstyle .col1 {
		width:46%;				/* width of center column content (column width minus padding on either side) */
		left:52%;				/* 100% plus left padding of center column */
	}
	.blogstyle .col2 {
		width:21%;				/* Width of left column content (column width minus padding on either side) */
		left:56%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.blogstyle .col3 {
		width:21%;				/* Width of right column content (column width minus padding on either side) */
		left:60%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
/* CSS www.alanodesign.com copyright Alan Officer 2005 */
/* appearance: simple */
#alan { position: absolute; top: 20px; left: 200px; width: 600px; background-image:url(../images/mossy_river.jpg)}
#alanlinks { position: absolute; top: 20px; left: 0px; width: 180px; }
#alanlinks a { font-weight: bold; }
#contentregion { margin: 12px; }
#counter { float:right; }
#logoregion { display: none; position: absolute; right: 8%; top: -4%; z-index: 3; color: #05013E; }
#menubar { margin-left: 12px; width: 96%; }
#menubar ul	{ margin: 0; padding: 0; line-height: 2em; }
#titleregion {  margin: 0; padding: 0; left: 0; top: 0;}
#titletext { margin:0; padding:0; position:relative; width:1280px; height:140px; overflow:hidden; z-index: 2;  }
#titletextcomputing { margin:0; padding:0; position:relative; width:1280px; height:140px; overflow:hidden; z-index: 2;  }
#titletextall { margin:0; padding:0; position:relative; width:1280px; height:140px; overflow:hidden; z-index: 2;  }
#titletext span { display:block; position:absolute; left:0; top:0; z-index:1; width:1280px; height:140px;
      margin:0; padding:0; background: url("../images/banner.jpg") top left no-repeat;  }
#titletextcomputing span { display:block; position:absolute; left:0; top:0; z-index:1; width:1280px; height:140px;
      margin:0; padding:0; background: url("../images/bannercomputing.jpg") top left no-repeat;  }
#titletextall span { display:block; position:absolute; left:0; top:0; z-index:1; width:1280px; height:140px;
      margin:0; padding:0; background: url("../images/bannerall.jpg") top left no-repeat;  }

#left_bar {
	position: absolute;
	width: 22%;
	padding: 0 0.5em 0 0.5em;
	border: 1px;
	border-style: solid;
	top: 194px;
}
#leftcentre_bar { position: absolute; left: 1%; width: 65%; padding: 0 0.5em 0 0.5em; top: 198px; }
#centre_bar {
  	position: absolute; 
	left: 27%; 
	width: 43%; 
	padding: 0 0.5em 0 0.5em;
	top: 196px;
}
#right_bar {
  	position: absolute; 
	left: 73%; 
	width: 22%; 
	padding: 0 0.5em 0 0.5em;
	border: 1px;
	border-style: solid;
}
#price_table {width:100%;}
#price_table td {  padding: 3px; vertical-align: top; border: 1px solid black;}
#services {  }

body { font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #05013E; 
	background-color: #FFF; padding: 0; margin: 0; }

h1 { font-size: 130%; font-weight: 800; }
h2 { font-size: 110%; font-weight: 700; }
h3 { font-size: 100%; font-weight: 600; }
td.weird { vertical-align:top;  color:#ECECFF; background-color: #FFF; width:33%; padding: 1em; font-size: 90%; text-align: left; }
ul { list-style-type: square; }
ul.menulist 	{ list-style-type: square; list-style-position: outside; margin: 6px; padding: 6px;  }
ul.nobullet 	{ list-style-type: none; list-style-position: outside; text-align: left; vertical-align: top; text-indent: 0px; }
ul.serviceslist  { list-style:url(../images/chuckiebullet.gif) disc inside; padding: 0; margin: 0; }
ul.serviceslist  ul { list-style-image:none; }

.bannertext 	{ font-weight: 700; color: #FFFFFF; background-color: #000066; padding: 4px; margin: 0px; }
.bannertitle 	{ font-size: 120%; font-weight: 700; color: #FFFFFF; background-color: #000066; padding: 4px 4px 10px 12px; margin: 0; }
.footer 		{ font-weight: 600; color: #FFFFFF; background-color: #000066 ; text-align: center; vertical-align: bottom; }
.left 			{ float: left; margin-right: 0.4em; }
.right 			{ float: right; margin-left: 0.4em; }

.menuitem { padding: 0 0 1em 0; margin-bottom: 1em; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; color: #333; background-color: #FFF; font-weight: 600; }
.menuitem ul { list-style: none; margin: 0; padding: 0; border: none; display: inline; }
.menuitem ul li { margin: 0; 	display: inline; }
.menuitem li a { padding: 4px 4px 4px 0.5em; border-left: none; border-right: none; background-color: #FFF; color: #000; text-decoration: underline; margin: 0; font-size: 0.9em;}
html>body .menuitem li a { width: auto; margin: 0; }
.menuitem li a:hover { }		

alan_linkcontent.menuitem { padding: 0 0 1em 0; margin-bottom: 1em; font-family: Arial, sans-serif;  
list-style-type: none; list-style-position: outside; text-align: left; vertical-align: top; text-indent: 0px; }
alan_linkcontent.menuitem li a { padding: 4px 4px 4px 0.5em; border-left: 8px solid #1958b7; border-right: 8px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; margin: 0; font-size: 0.9em;}
alan_linkcontent.menuitem li a:hover { border-left: 8px solid #1c64d1; border-right: 8px solid #5ba3e0; background-color: #2586d7; color: #fff; margin: 0; }		

.fancy { display: none }
.date { font-size: 80%; color:#666666; padding: 0; margin: 0; }

.geezajob {
	color: white;
	background-color: #000033;
	padding: 1.6em;
	margin: 0;
	font-weight: bold;
	}