
/* Peak Net Limited main StyleSheet file. Original by Matt Paice, 2007. Last updated: 02-Jan-2008 (Jnm) */



#floodingClosure	{ display: none; border: 2px solid red; background: yellow; color: red; padding: 5px; font: normal 10pt fixedsys; }

body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
	/*scrollbar-base-color:  #DADCE2;
	scrollbar-arrow-color:#FFFFFF ;#2D385E*/
	font: 9pt Verdana,Arial; color: #2D385E; line-height: 20px; text-align:left;
	vertical-align:top;
	}

#header{
/*position:static;*/
	background-image: url(images/topheader2.gif);
	background-repeat:no-repeat;
	height:128px;
	width: 750px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	padding-top:0px;
	text-align:left;
	vertical-align:top;
/*border: 1px dotted #999999;*/


}
#header_container{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	padding-top:0px;
	text-align:left;
	background-image: url(images/rightback.gif);
	background-repeat:repeat-x;
	height:128px;
/*border: 1px dotted #999999;*/

}
#footer{
	background-image: url(images/footerbackground2.gif);
	background-repeat:no-repeat;
	height:90px;
	width: 750px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	padding-top:0px;
	text-align:left;
	vertical-align:top;
	margin-top:0px;
/*border: 1px dotted #999999;*/


}
#footer_container{
	width: 100%;
	height:90px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	padding-top:0px;
	text-align:left;
	background-image: url(images/footerleft.gif);
	background-repeat:repeat-x;
/*border: 1px dotted #999999;*/
clear:both;

}

#menuleft{
float:left;
padding-right:13px;
width:170px;
/*border: 1px dotted #999999;*/

}
#menuright{
float:right;
width:170px;
padding-left:10px;
/*border: 1px dotted #999999;*/

}
#content{
vertical-align:top;
/*border: 1px dotted #999999;*/

}

#background_container{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	padding-top:0px;
	text-align:left;
/*border: 1px dotted #999999;*/

}
#container{
width: 750px;
margin-left:auto;
margin-right:auto;
margin-top: 0px;
padding-top:0px;
text-align:left;
/*border: 1px dotted #999999;*/

/* width:expression(document.body.clientWidth<590?"600px":"auto");*/
}

/*Top navigation*/

.menu .list {
	position:relative;
	top:0px;
	left:0px;
	margin-right:0px;
	margin-top: 23px;
	float:right;
}
.menu .list ul {
 	display:inline;
 	margin-left:0px;
 	margin-right:0px;
 	padding: 0px;
 	list-style-type: none;
}
.menu .list li {
 	display:inline;
 	margin-left:0px;
 	margin-right:0px;
 	padding: 0px;
 	list-style-type: none;
}
.menu .list em { display: none;}

.menu .list a {
    padding-top: 4px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 100px;
	height:20px;
	border-top: 0px;
	border-right: 1px solid #ffffff;
	text-align: center;
	background-image: url(images/navbutton.gif);
	font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	float:left;
	margin:0px;
	color:#FFFFFF;
}
.menu .list a:visited {
    text-decoration:none;
	color:#FFFFFF;
}
.menu .list a:hover {
    text-decoration:none;
	color:#FFFFFF;
	background-image: url(images/navbutton-on.gif);
}

.menu .list .hover {
    text-decoration:none;
	color:#FFFFFF;
	background-image: url(images/navbutton-on.gif);
}

/* End Top navigation*/

/*Services navigation*/

.subbutton .list {
 	display:inline;
 	margin-left:0px;
 	margin-right:0px;
 	padding: 0px;
 	list-style-type: none;
}
.subbutton .list ul {
 	display:inline;
 	margin-left:0px;
 	margin-right:0px;
 	padding: 0px;
 	list-style-type: none;
}
.subbutton .list li {
 	display:inline;
 	margin-left:0px;
 	margin-right:0px;
 	padding: 0px;
 	list-style-type: none;
}
.subbutton .list em { display: none;}

.subbutton .list a {
	background-image: url(images/headersmall.gif);
	background-repeat: no-repeat;
	cursor:pointer;
	font:8pt Verdana, Arial, Helvetica, sans-serif;
	padding-top: 4px;
	text-align: center;
	width:76px;
	height:21px;
	color:#2D385E;
	text-decoration: none;
	text-align: center;
	float:left;
	margin-right:1px;
}
.subbutton .list a:visited {
    text-decoration:none;
}

.subbutton .list a:hover {
    text-decoration:none;
	color:#FFFFFF;
	background-image: url(images/headersmall-on.gif);
}

.subbutton .list .hover {
    text-decoration:none;
	color:#FFFFFF;
	background-image: url(images/headersmall-on.gif);
}

/* End Services navigation*/

/*Products navigation*/

.productsbutton .list {
 	display:inline;
 	margin-left:0px;
 	margin-right:0px;
 	padding: 0px;
 	list-style-type: none;
}
.productsbutton .list ul {
 	display:inline;
 	margin-left:0px;
 	margin-right:0px;
 	padding: 0px;
 	list-style-type: none;
}
.productsbutton .list li {
 	display:inline;
 	margin-left:0px;
 	margin-right:0px;
 	padding: 0px;
 	list-style-type: none;
}
.productsbutton .list em { display: none;}

.productsbutton .list a {
	background-image: url(images/productsmall.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
	font:8pt Verdana, Arial, Helvetica, sans-serif;
	padding-top: 4px;
	text-align: center;
	width:95px;
	height:21px;
	color:#2D385E;
	text-decoration: none;
	text-align: center;
	float:left;
	margin-right:1px;
}
.productsbutton .list a:visited {
    text-decoration:none;
}
.productsbutton .list a:hover {
    text-decoration:none;
	color:#FFFFFF;
	background-image: url(images/productsmall-on.jpg);
}

.productsbutton .list .hover {
    text-decoration:none;
	color:#FFFFFF;
	background-image: url(images/productsmall-on.jpg);
}

/* End Products navigation*/

/*Sub navigation*/

.submenu .list,.subhover .list {
font:9pt Verdana,Arial;
color:#2D385E;
line-height:20px;
text-align:left;
border-left:solid 1px #9EA4B3;
border-right:solid 1px #9EA4B3;
border-bottom:solid 1px #9EA4B3;
display:block;
padding-top:1px;
padding-left:0 !important;
}

.submenu .list li,.subhover .list li {
list-style-type:none;
list-style-image:url(images/bullet.gif);
vertical-align:top;
display:list-item;
font:9pt Verdana,Arial;
color:#2D385E;
text-align:left;
padding-bottom:10px;
}

.submenu .list .li_space,.subhover .list .li_space {
line-height:20px;
}

.submenu .list a,.subhover .list a{
color:#2D385E;
text-decoration:none;
}

.submenu .list a:hover,.submenu .list .hover,.subhover .list a:hover,.subhover .list .hover {
color:#00F;
text-decoration:underline;
background:transparent;
}


.submenu {
	width:170px;
	background-color:#F9F9FB;
	background-image:url(images/subheader.gif);
	background-repeat: no-repeat;
	margin-bottom:20px;
	font: 9pt Verdana,Arial; color: #2D385E; line-height: 20px; text-align:left;
	padding-top:1px;
}
.subhover {
	width:170px;
	cursor:pointer;
	background-color:#ffffff;
	background-image:url(images/subheader-on.gif);
	background-repeat: no-repeat;
	margin-bottom:20px;
	color:#FFFFFF;
	font: bold 9pt Verdana,Arial; line-height: 20px; text-align:left;
	padding-top:1px;

}

.submenu h1 { padding:0 0 0 10px; font: 9pt Verdana,Arial; color: #2D385E; line-height: 20px; text-align:left; margin:0px;}
.subhover h1 { padding:0 0 0 10px; font: bold 9pt Verdana,Arial; color: #fff; line-height: 20px; text-align:left; margin:0px;}

.submenu ul		{ padding: 0px !important; margin: 0px 0px 0px 0px !important; }
.submenu ul li		{ padding: 0px !important; margin: 10px 0px 10px 20px !important; }

.subhover ul		{ padding: 0px !important; margin: 0px 0px 0px 0px !important; }
.subhover ul li		{ color: #606060 !important; padding: 0px !important; margin: 10px 0px 10px 20px !important; }

/* End Sub navigation*/



/******* FONTS AND LINKS *******/

A 		{ color: #0000FF; text-decoration: none; }
A:visited 	{ color: #0000FF; }
A:hover   	{ color:#0000FF; text-decoration:underline; }
A:active  	{ color:#0000FF;}
A.link 		{ color: #0000FF; text-decoration: none; }
A.link:visited 	{ color: #0000FF; }
A.link:hover   	{ color:#0000FF; text-decoration:underline; /*color: #CC3300; background: #FEEF98*/ }
A.link:active  	{ color: #0000FF;  }

.links {float:right;}
.linksorange {color:#FF9900}

.link 		{  text-decoration: none; border-bottom: 1px solid #BDC0CA; display:block; margin-bottom:5px; padding-bottom:5px; background-color:#FFFFFF}

P { font: 9pt Verdana,Arial; color: #2D385E; line-height: 20px; text-align:left;
	vertical-align:top; padding-top:0px;margin-top:0px;
	}
.white { font: 9pt Verdana,Arial; color: #ffffff; line-height: 20px; text-align:left;
	vertical-align:top; padding-top:0px;margin-top:0px;
	}

h1 { font: bold 10pt Verdana,Arial; color: #6D778D; line-height: 20px; text-align:left;
	vertical-align:top; padding-top:0px;margin-top:0px;
	}

h4.headline	{ color: #2d385e; font: bold 10pt verdana; }

.bluebold { font: bold 10pt Verdana,Arial; color: #6D778D; line-height: 20px; text-align:left;
	vertical-align:top; padding-top:0px;margin-top:0px;
	}

.bluebold a {color: #6D778D; text-decoration:none;}

.bluebold a:hover {color: #0000FF; text-decoration:underline;}

.blue{ font: bold 9pt Verdana,Arial; color: #6D778D; }

li {
	list-style-type: none;
	list-style-image: url(images/bullet.gif);
	vertical-align:top;
	display: list-item;
	font: 9pt Verdana,Arial; color: #2D385E;
	text-align:left;
	line-height: 20px;
}

li A 		{ color: #0000FF; text-decoration: none; }
li A:visited 	{ color: #0000FF; }
li A:hover   	{ color: #0000FF; text-decoration: underline; }
li A:active  	{ color: #0000FF;  }
li A.link 		{ color: #0000FF; text-decoration: none; }

ol {padding:0px; margin:0px}

ul {
}
.smaller{
	font: 8pt Verdana,Arial;line-height: 20px; text-align:left; color:#707792;
}
.smallerbluebold{
	font:  bold 8pt Verdana,Arial;line-height: 20px; text-align:left; color:#707792;
}
.smallblue{
	font: 7pt Verdana,Arial; text-align:left; color:#707792; width:100%;
}
.smallwhite{
	font: 7pt Verdana,Arial;line-height: 20px; text-align:left; color:#FFFFFF;
}
.small{
	font: 7pt Verdana,Arial;line-height: 20px; text-align:left;
}
.urldate{
	font: 7pt Verdana,Arial; float:right; padding-right:5px; line-height: 20px; display:block;margin-bottom:10px;
}
img {
	border:none;
	text-decoration:none;
	background:none;
}
img A:hover {
	border:none;
	text-decoration:none;
	background:none;
}
.breadcrumb{
	font: 8pt Verdana,Arial;
	color: #2D385E;
	line-height: 20px;
	text-align:left;
	padding-left:8px;
}
#breadcrumb A, #breadcrumbh A{
	font: 8pt Verdana,Arial;
	color: #2D385E;
	text-align:left;
	text-decoration: none;
}
#breadcrumb A:visited, #breadcrumbh A:visited	{ color: #2D385E; text-decoration: none; }
#breadcrumb A:hover, #breadcrumbh A:hover {
	color: #0000FF;
	text-decoration:underline;
	}
#breadcrumb {margin-left:145px; padding-top:50px;font: 8pt Verdana,Arial; color: #2D385E; text-align:left;}
#breadcrumbh {margin-left:145px; padding-top:50px;font: 8pt Verdana,Arial; color: #2D385E; text-align:left;margin-bottom:0px;padding-bottom:0px;}

/*Home Site Menu*/

.sitemenu ul		{ margin: 0px; list-style-type: none; padding:0px; display:block;}
.sitemenu li		{ cursor: pointer; list-style-type: none; display:block; float: left; }
.sitemenu li		{ cursor: pointer; list-style-type: none; display:block; float: left; }
.sitemenu li a		{
	width:377px;
	height:160px;
	background-color:#F9F9FB;
	background-image:url(images/urlheader.gif);
	background-repeat: repeat-x;
	font: 9pt Verdana,Arial; color: #2D385E; line-height: 20px; text-align:left;
	border-left:solid 1px #9EA4B3;
	border-right:solid 1px #9EA4B3;
	border-bottom:solid 1px #9EA4B3;
	padding:1px 0 5px 5px;
	list-style-type: none;
	display: block;
}
.sitemenu li a:hover{
	cursor:pointer;
	background-color:#ffffff;
	background-image:url(images/urlheader-on.gif);
	background-repeat: repeat-x;
	color:#FFFFFF;
	text-decoration:underline;
	font: bold 9pt Verdana,Arial; line-height: 20px; text-align:left;
	list-style-type: none;
	display:block;
}

.sitemenu {
	width:377px;
	height:160px;
	float:left;
	margin-bottom:15px;
	list-style-type: none;
	display:block;
}

.sitemenu img{
	text-align: center !important;
	float: left;
	margin:0px;
	padding:0px;
	clear:both;
	display:block;
	border: 1px solid #9ea4b3;
	margin-top:10px;
}

/*//Home Site Menu*/

/*Portfolio Menu*/

.portfoliomenu ul		{ margin: 0px; list-style-type: none; padding:0px; display:block;}
.portfoliomenu li		{ cursor: pointer; list-style-type: none; display:block; float: left; }
.portfoliomenu li		{ cursor: pointer; list-style-type: none; display:block; float: left; }
.portfoliomenu li a		{
	width:553px;
	height:160px;
	background-color:#F9F9FB;
	background-image:url(images/urlheader.gif);
	background-repeat: repeat-x;
	font: 9pt Verdana,Arial; color: #2D385E; line-height: 20px; text-align:left;
	border-left:solid 1px #9EA4B3;
	border-right:solid 1px #9EA4B3;
	border-bottom:solid 1px #9EA4B3;
	padding:1px 0 5px 5px;
	list-style-type: none;
	display: block;
}
.portfoliomenu li a:hover{
	cursor:pointer;
	background-color:#ffffff;
	background-image:url(images/urlheader-on.gif);
	background-repeat: repeat-x;
	color:#FFFFFF;
	text-decoration:underline;
	font: bold 9pt Verdana,Arial; line-height: 20px; text-align:left;
	list-style-type: none;
	display:block;
}

.portfoliomenu {
	width:553px;
	height:160px;
	float:left;
	margin-bottom:15px;
	list-style-type: none;
	display:block;
}

.portfoliomenu img{
	text-align: center !important;
	float: left;
	padding:0px;
	clear:both;
	display:block;
	border: 1px solid #9ea4b3;
	margin-top:10px;
	margin-right:20px;
}

.portfoliomenu .smaller{
	font: 8pt Verdana,Arial;line-height: 20px; text-align:left; color:#707792;padding-right:10px;
}
.portfoliomenu .smallerbluebold{
	font:  bold 8pt Verdana,Arial;line-height: 20px; text-align:left; color:#707792;
}

.portfoliomenu .link 	{ display:inline;text-decoration: none; border-bottom: 1px solid #BDC0CA; display:block; margin-bottom:5px; padding-bottom:5px; background-color:transparent; color:#707792; font: 9pt Verdana,Arial; line-height:20pt; margin-top:5px;}

/*//Portfolio Menu*/

/*Portfolio Menu Small*/

.portfoliomenu_small ul		{ margin: 0px; list-style-type: none; padding:0px; display:block;}
.portfoliomenu_small li		{ cursor: pointer; list-style-type: none; display:block; float: left; }
.portfoliomenu_small li		{ cursor: pointer; list-style-type: none; display:block; float: left; }
.portfoliomenu_small li a		{
	width:553px;
	height:95px;
	background-color:#F9F9FB;
	background-image:url(images/urlheader.gif);
	background-repeat: repeat-x;
	font: 9pt Verdana,Arial; color: #2D385E; line-height: 20px; text-align:left;
	border-left:solid 1px #9EA4B3;
	border-right:solid 1px #9EA4B3;
	border-bottom:solid 1px #9EA4B3;
	padding:1px 0 5px 5px;
	list-style-type: none;
	display: block;
}
.portfoliomenu_small li a:hover{
	cursor:pointer;
	background-color:#ffffff;
	background-image:url(images/urlheader-on.gif);
	background-repeat: repeat-x;
	color:#FFFFFF;
	text-decoration:underline;
	font: bold 9pt Verdana,Arial; line-height: 20px; text-align:left;
	list-style-type: none;
	display:block;
}

.portfoliomenu_small {
	width:553px;
	height:95px;
	float:left;
	margin-bottom:15px;
	list-style-type: none;
	display:block;
}

.portfoliomenu_small img{
	text-align: center !important;
	float: left;
	padding:0px;
	clear:both;
	display:block;
	margin-top:10px;
	margin-right:20px;
}

.portfoliomenu_small .smaller{
	font: 8pt Verdana,Arial;line-height: 20px; text-align:left; color:#707792; float:left; margin-top:10px;
}
.portfoliomenu_small .smallerbluebold{
	font:  bold 8pt Verdana,Arial;line-height: 20px; text-align:left; color:#707792;
}

.portfoliomenu_small .link 	{ text-decoration: none; border-bottom: 1px solid #BDC0CA; display:block; margin-bottom:5px; padding-bottom:5px; background-color:#FFFFFF; color:#707792; font: 9pt Verdana,Arial; line-height:20pt; margin-top:5px;}

/*//Portfolio Menu Small*/

/*Feature Menu */

.featuremenu ul		{ margin: 0px; list-style-type: none; padding:0px; display:block;}
.featuremenu li		{ cursor: pointer; list-style-type: none; display:block; float: left; }
.featuremenu li		{ cursor: pointer; list-style-type: none; display:block; float: left; }
.featuremenu li a		{
	width:557px;
	height:445px;
	background-color:#F9F9FB;
	background-image:url(images/urlheader.gif);
	background-repeat: repeat-x;
	font: 9pt Verdana,Arial; color: #2D385E; line-height: 20px; text-align:left;
	border-left:solid 1px #9EA4B3;
	border-right:solid 1px #9EA4B3;
	border-bottom:solid 1px #9EA4B3;
	padding:1px 0 5px 5px;
	list-style-type: none;
	display: block;
}
.featuremenu li a:hover{
	cursor:pointer;
	background-color:#ffffff;
	background-image:url(images/urlheader-on.gif);
	background-repeat: repeat-x;
	color:#FFFFFF;
	text-decoration:underline;
	font: bold 9pt Verdana,Arial; line-height: 20px; text-align:left;
	list-style-type: none;
	display:block;
}

.featuremenu {
	width:557px;
	height:445px;
	float:left;
	margin-bottom:15px;
	list-style-type: none;
	display:block;
}

.featuremenu img{
	text-align: center !important;
	float: left;
	padding:0px;
	clear:both;
	display:block;
	border: 1px solid #9ea4b3;
	margin-top:10px;
	margin-right:20px;
	margin-bottom:10px;
}

.featuremenu .smaller{
	font: 8pt Verdana,Arial;line-height: 20px; text-align:left; color:#707792; float:left;width:200px; padding-left:5px; width:200px; height:250px;
}
.featuremenu .smallerbluebold{
	font:  bold 8pt Verdana,Arial;line-height: 20px; text-align:left; color:#707792;
}

.featuremenuu .link 	{ text-decoration: none; border-bottom: 1px solid #BDC0CA; display:block; margin-bottom:5px; padding-bottom:5px; background-color:#FFFFFF; color:#707792; font: 9pt Verdana,Arial; line-height:20pt; margin-top:5px;}

.featuremenu p{
	font:  9pt Verdana,Arial;line-height: 20px; text-align:left; color:#2D385E; border-left:1px solid #BDC0CA; width:325px; float:left; padding-left:10px;
}


/*//Feature Menu */


#payment_container {float:left; clear:both; width:76%; padding-left:183px; padding-bottom:10px}

#quicklinks			{ margin-left:175px; margin-top: 30px; float:left }

#quicklinks				{ color: #2D385E; font: 8pt Verdana,Arial; line-height: 20px; text-align:left; }
#quicklinks a	{ color: #2D385E; font: 8pt Verdana,Arial; text-align:left; text-decoration: none; }
#quicklinks a:link		{ color: #2D385E; font: 8pt Verdana,Arial; text-decoration: none; }
#quicklinks a:visited	{ color: #2D385E; font: 8pt Verdana,Arial; text-decoration: none; }
#quicklinks a:hover	{ color: #0000FF; text-decoration: underline; }

#email{
	font: 8pt Verdana,Arial;
	color: #2D385E;
	line-height: 20px;
	text-align:left;
	float:right;
	margin-top: 30px;

}
#email A { font: 8pt Verdana,Arial; color: #2D385E; line-height: 20px; text-align:left;text-decoration: none;}

#email A:visited { color: #2D385E; text-decoration: none; }

#email A:hover {color:#0000FF; text-decoration:underline;}

#registered		{ margin-left:175px; font: 8pt Verdana,Arial; clear:both; padding-top:20px; line-height:15pt; }
#registered	a	{ color: #0000FF; text-decoration:none }
#registered	a:visited	{ color: #0000FF; }
#registered	a:hover	{ color:#0000FF; text-decoration:underline }

.SlideShow		{ background: url(images/slides.gif) no-repeat center; margin-bottom: 20px; }
.SlideShowHi		{ background: url(images/slides-on.gif) no-repeat center; margin-bottom: 20px; }

.portfolio		{ margin-bottom: 20px; }
/*.portfolioHi		{ background: url(images/portfoliopic-on.jpg) no-repeat center; margin-bottom: 20px; }*/

#scroll	{ height: 270px; overflow: auto; background: #ffffff; border: 1px solid #9EA4B3; padding: 5px; margin-top: 0px; margin-bottom: 10px; width:372px; float:left; }

#intro	{ height: 365px; overflow: auto; background: #ffffff; border-left: 1px solid #9EA4B3; border-right: 1px solid #9EA4B3; border-bottom: 1px solid #9EA4B3;  margin-top: 0px; margin-bottom: 10px; float:left; width:553px; border-top:1px solid #9EA4B3; padding: 5px;}

#shopwarelite	{  height: 365px; overflow: auto; background: #ffffff; border-left: 1px solid #9EA4B3; border-right: 1px solid #9EA4B3; border-bottom: 1px solid #9EA4B3;  margin-top: 0px; margin-bottom: 10px; float:left; width:553px; border-top:1px solid #9EA4B3; display: none; padding: 5px;}

#webanalyse	{  height: 365px; overflow: auto; background: #ffffff; border-left: 1px solid #9EA4B3; border-right: 1px solid #9EA4B3; border-bottom: 1px solid #9EA4B3;  margin-top: 0px; margin-bottom: 10px; float:left; width:553px; border-top:1px solid #9EA4B3; display: none; padding: 5px;}

#cms	{ height: 365px; overflow: auto; background: #ffffff; border-left: 1px solid #9EA4B3; border-right: 1px solid #9EA4B3; border-bottom: 1px solid #9EA4B3;  margin-top: 0px; margin-bottom: 10px; float:left; width:553px; border-top:1px solid #9EA4B3; display: none; padding: 5px;}

#archive	{ height: 365px; overflow: auto; background: #ffffff; border-left: 1px solid #9EA4B3; border-right: 1px solid #9EA4B3; border-bottom: 1px solid #9EA4B3;  margin-top: 0px; margin-bottom: 10px; float:left; width:552px; border-top:1px solid #9EA4B3; display: none; padding: 5px;}

/* Job Page Panels */

#softwareengineer	{ height: 365px; overflow: auto; background: #ffffff; border-left: 1px solid #9EA4B3; border-right: 1px solid #9EA4B3; border-bottom: 1px solid #9EA4B3;  margin-top: 0px; margin-bottom: 10px; float:left; width:553px; border-top:1px solid #9EA4B3; padding: 5px; display: none;}

#webdesigner	{ height: 365px; overflow: auto; background: #ffffff; border-left: 1px solid #9EA4B3; border-right: 1px solid #9EA4B3; border-bottom: 1px solid #9EA4B3;  margin-top: 0px; margin-bottom: 10px; float:left; width:553px; border-top:1px solid #9EA4B3; padding: 5px; display: none;}

#jobs	{ overflow: auto; background: #ffffff; border-left: 1px solid #9EA4B3; border-right: 1px solid #9EA4B3; border-bottom: 1px solid #9EA4B3;  margin-top: 0px; margin-bottom: 10px; float:left; width:553px; border-top:1px solid #9EA4B3; padding: 5px;}

/* Services Page Panels */

#technical			{  height: 365px;overflow: auto; background: #ffffff; border-left: 1px solid #9EA4B3; border-right: 1px solid #9EA4B3; border-bottom: 1px solid #9EA4B3;  margin-top: 0px; margin-bottom: 10px; float:left; width:553px; border-top:1px solid #9EA4B3; display: none; padding: 5px;}
#hosting			{  height: 365px; overflow: auto; background: #ffffff; border-left: 1px solid #9EA4B3; border-right: 1px solid #9EA4B3; border-bottom: 1px solid #9EA4B3;  margin-top: 0px; margin-bottom: 10px; float:left; width:553px; border-top:1px solid #9EA4B3; display: none; padding: 5px;}
#domains			{ height: 365px; overflow: auto; background: #ffffff; border-left: 1px solid #9EA4B3; border-right: 1px solid #9EA4B3; border-bottom: 1px solid #9EA4B3;  margin-top: 0px; margin-bottom: 10px; float:left; width:553px; border-top:1px solid #9EA4B3; display: none; padding: 5px;}
#seo				{ height: 365px; overflow: auto; background: #ffffff; border-left: 1px solid #9EA4B3; border-right: 1px solid #9EA4B3; border-bottom: 1px solid #9EA4B3;  margin-top: 0px; margin-bottom: 10px; float:left; width:553px; border-top:1px solid #9EA4B3; display: none; padding: 5px;}
#social			{ height: 365px; overflow: auto; background: #ffffff; border-left: 1px solid #9EA4B3; border-right: 1px solid #9EA4B3; border-bottom: 1px solid #9EA4B3;  margin-top: 0px; margin-bottom: 10px; float:left; width:553px; border-top:1px solid #9EA4B3; display: none; padding: 5px;}



td{ background:#FFFFFF; padding-right:5px; padding-left:10px;padding-bottom:5px; padding-top:5px; background:#F9F9FB; }

/* Headlines section */

.inlineComment			{ border: 1px dashed #c0c0c0; padding: 10px; margin: 10px; margin-bottom: 20px; font: normal 8pt verdana; line-height: 30px; }
#headlineFooter			{ }
#newsBack			{ float: left; }
#published			{ float: right; font: normal 7pt verdana !important; }

.map {float:right; vertical-align:top; text-align:left;border:1px solid #9EA4B3; cursor:pointer}

.address				{ float: left; text-align:left; margin-bottom:15px; font-size:8pt; line-height:8pt}
#address_contacts 		{ float: left; margin-top: 40px; margin-left:50px;}
#zoom 				{ background:#F9F9FB; float:right; vertical-align:top; text-align:center;border-left:1px solid #9EA4B3; border-right:1px solid #9EA4B3;border-bottom:1px solid #9EA4B3; width:195px; font: 8pt Verdana, Arial, Helvetica, sans-serif; padding-top:3px; padding-bottom:3px; cursor:pointer}
#zoomg				{ background:#F9F9FB; vertical-align:top; text-align:center;border-left:1px solid #9EA4B3; border-right:1px solid #9EA4B3;border-bottom:1px solid #9EA4B3; width:553px; font: 8pt Verdana, Arial, Helvetica, sans-serif; padding-top:3px; padding-bottom:3px; cursor:pointer; float:left;margin-bottom:10px}

.mapformat {font: 8pt Verdana,Arial;line-height: 20px; text-align:left; color: #2D385E; width:553px; height: 300px; border:1px solid #9EA4B3; float:left }

.paylogos {padding-left:8px;}

/******* FORM *******/

.joinform {
	vertical-align:top;
	padding-left:20px;
	margin-left:0px;
}
.input
{
	vertical-align:top;
	margin-bottom:5px;
	margin-top:5px;
	border:1px solid #9EA4B3;
	font: 9pt Verdana,Arial;
	padding-left:0px;
	margin-left:0px;
}
.submit
{
	vertical-align:top;
	margin-bottom:5px;
	margin-top:5px;
	background:url(images/joinbutton.gif);
	border:none;
	background-repeat:no-repeat;
	width:64px;
	height:19px;
	cursor:pointer;
	font: 9pt Verdana,Arial;
}
.submithover
{
	vertical-align:top;
	margin-bottom:5px;
	margin-top:5px;
	background:url(images/joinbutton-on.gif);
	border:none;
	background-repeat:no-repeat;
	width:64px;
	height:19px;
	cursor:pointer;
	color:#FFFFFF;
	font: bold 9pt Verdana,Arial;
}
fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
}
.inputform
{
	vertical-align:top;
	margin-bottom:0px;
	margin-top:0px;
	border:1px solid #9EA4B3;
	padding-left:5px;
	margin-top:5px;
	font: 9pt Verdana,Arial;
}
select
{
	vertical-align:top;
	margin-bottom:0px;
	margin-top:0px;
	border:1px solid #9EA4B3;
	padding-left:5px;
	margin-top:5px;
	font: 9pt Verdana,Arial; line-height:20pt;

}
option
{
	vertical-align:top;
	margin-bottom:0px;
	margin-top:0px;
	padding-left:5px;
	font: 8pt Verdana,Arial; line-height:20pt;

}

#form_table {vertical-align:top; border:1px solid #9EA4B3; background:#F9F9FB;text-align:left; width:553px;  border: 1px solid #9EA4B3; margin-bottom:10px;}
#form_footer{ background:#DADCE2; padding-right:0px; padding-left:6px; padding-bottom:5px; padding-top:0px; border-top: 1px solid #9EA4B3;}

/* Includes */

#signUpForm				{ }



/* News Section and Pages */

#newsArticle							{ border: 0px solid red; }
#newsArticle h2							{ font: bold 10pt verdana !important; }

#news_table			{ width: 535px; background: #6D778D; border: 1px solid #9EA4B3;}
#news_table	 a:link		{ color: #000060 !important; }
#news_table	 a:hover		{ color: #0000ff !important; text-decoration: underline !important; background: transparent !important; }
#news_table	 a:visited		{ color: #000060 !important; }

.news_header{ background:#DADCE2; border-bottom:1px solid #9EA4B3; padding-right:5px; padding-left:10px;padding-bottom:5px; padding-top:5px;}

.newsImage img						{ float: right; margin: 0px 0px 0px 10px; }

.nParagraph1							{ font: normal 18pt verdana; }
.nParagraph2							{ font: normal 10pt verdana; }

.contacthead
{
font-size:16pt;
}

.contactul
{
display:block;
float:left;
width:500px;
height:auto;
margin: 10px 0px 10px 10px;
padding: 10px 0px 10px 20px;
}

.contactdiv
{
display:block;
float:left;
width:500px;
height:auto;
margin:10px;
text-align:left;
}

.contactp
{
display:block;
float:left;
width:500px;
height:auto;
}

#homenews
{
position:relative;
top:0px;
left:0px;
}

#homenews .submenu .nwhead
{
display:block;
width:94%;
padding: 0px 5px 5px 5px;
margin: 5px 0px 0px 0px;
background-color:#f5f5f5;
border-top:1px solid #f5f5f5;
border-bottom:1px solid #f5f5f5;
}

#homenews .subhover .nwhead
{
display:block;
width:94%;
padding: 0px 5px 5px 5px;
margin: 5px 0px 0px 0px;
background-color:#f5f5f5;
border-top:1px solid #E3E3E3;
border-bottom:1px solid #E3E3E3;
}

#homenews h1
{
margin-bottom:4px;
}

#homenews .nwdate
{
display:block;
width:94%;
padding: 0px 5px 2px 5px;
margin: 0px;
font-size:0.8em;

}


.portitemtitle
{
display:block;
float:left;
width:553px;
height:23px;
line-height:23px;
}


/**** Christmas Stuff ****/

#homecanvas
{
position:absolute;
top:0px;
left:0px;
display:block;
float:left;
width:100%;
height:auto;
overflow:hidden;
}

#snowa
{
position:absolute;
top:0px;
left:15px;
display:inline;
float:left;
}

#snowb
{
position:absolute;
top:5px;
right:-140px;
display:inline;
float:left;
}

#snowd
{
position:absolute;
bottom:57px;
right:180px;
display:inline;
float:left;
}

#snowc
{
position:absolute;
bottom:58px;
left:0px;
display:inline;
float:left;
}

#snowe
{
position:absolute;
top:-10px;
left:-2px;
display:inline;
float:left;
}

#snowma
{
position:absolute;
top:-6px;
left:0px;
display:inline;
float:left;
}

#snowmb
{
position:absolute;
top:-5px;
left:163px;
display:inline;
float:left;
}

#snowmc
{
position:absolute;
top:-6px;
left:203px;
display:inline;
float:left;
}

#snowmd
{
position:absolute;
top:-10px;
left:304px;
display:inline;
float:left;
}

/**** Christmas Stuff End ****/


h3
{
margin-top:0px;
}

.smltxt p, .smltxt h3
{
font-size:0.8em;
}

/* John's bits and pieces as per usual! */

.hidden								{ display: none !important; }
.lite									{ font-weight: normal !important; }
.stressed								{ text-decoration: underline !important; }
.noAgenciesPlease						{ clear: both; padding: 10px; color: #cc0000; background: ivory; border: 1px dotted brown; font: bold 8pt verdana,fixedsys; letter-spacing: 1px; }



#Flickr								{ clear: both; width: 170px; height: 30px; background-image: url(/gfx/logos/flickr-from-yahoo.jpg); background-repeat: no-repeat; background-position: top left; }
#Flickr:hover							{ background-image: url(/gfx/logos/flickr-from-yahoo_colour.jpg); }
#Flickr img.Flickr						{ width: 170px; height: 30px; }

#Twitter								{ float: left; width: 565px; height: 300px; background-color: transparent; }
#Twitter div#Tweets						{ float: left; background-color: transparent; }



/* End of peaknet.css - coffee time surely?! */


