/* CSS Document */

/*  background: #75879A; opacity: 0.60; filter: alpha(opacity=60); */

body {font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px;
color: #ffffff;

}

a {color: #75879A; text-decoration: none;}

.container {position: relative; top: 0px; left: 0px; width: 960px; height: 660px;
background: url(../images/bigbluepeter.jpg) no-repeat right center; border: 1px solid #999999;
color: #002244;
}

.container a {color: #2266cc; text-decoration: none;}
.container a:hover {color: #ffaa00; text-decoration: none;}

.containertoo {position: relative; top: 0px; left: 0px;; width: 960px; height: 660px;
background: url(../images/muskateers2.jpg) no-repeat left center; border: 1px solid #999999;

}

.containertoo a {color: #2266cc; text-decoration: none;}
.containertoo a:hover {color: #ffaa00; text-decoration: none;}

.containerav {position: relative; top: 0px; left: 0px;; width: 960px; height: 660px;
background: url(../images/phil22.jpg) no-repeat left center; border: 1px solid #999999;

}

.containerav a {color: #2266cc; text-decoration: none;}
.containerav a:hover {color: #ffaa00; text-decoration: none;}

.containerwebdev {position: relative; top: 0px; left: 0px;; width: 960px; height: 660px;
background: url(../images/kevin1.jpg) no-repeat left center; border: 1px solid #999999;
color: #ffffff;
}

.containerwebdev a {color: #2266cc; text-decoration: none;}
.containerwebdev a:hover {color: #ffaa00; text-decoration: none;}

.containernews {position: relative; top: 0px; left: 0px;; width: 960px; height: 660px;
background: url(../images/bigpaper.jpg) no-repeat left center; border: 1px solid #999999;
color: #223366;
}

.containernews a {color: #2266cc; text-decoration: none;}
.containernews a:hover {color: #ffaa00; text-decoration: none;}

.containerclients {position: relative; top: 0px; left: 0px;; width: 960px; height: 660px;
background: url(../images/mat1.jpg) no-repeat left center; border: 1px solid #999999;
color: #ffffff;
}

.containerclients a {color: #2266cc; text-decoration: none;}
.containerclients a:hover {color: #ffaa00; text-decoration: none;}


.containerschools {position: relative; top: 0px; left: 0px;; width: 960px; height: 660px;
background: url(../images/pete1.jpg) no-repeat left center; border: 1px solid #999999;
color: #ffffff;
}

.containerschools a {color: #2266cc; text-decoration: none;}
.containerschools a:hover {color: #ffaa00; text-decoration: none;}

.containerlogin {position: relative; top: 0px; left: 0px; width: 960px; height: 660px;
background: url(../images/biglogs.jpg) no-repeat left center; border: 1px solid #999999;
color: #ffffff;
}

.containerlogin a {color: #2266cc; text-decoration: none;}
.containerlogin a:hover {color: #ffaa00; text-decoration: none;}

.containerconsume {position: relative; top: 0px; left: 0px; width: 960px; height: 660px;
background: #000000 url(../images/bigconsumables.jpg) no-repeat left center; border: 1px solid #999999;
color: #ffffff;
}

.containerconsume a {color: #2266cc; text-decoration: none;}
.containerconsume a:hover {color: #ffaa00; text-decoration: none;}


.containertooxmas {position: relative; top: 0px; left: 0px;; width: 960px; height: 660px;
background: url(../images/xmas1.jpg) no-repeat left center; border: 1px solid #999999;
color: #223366;
}

.containertooxmas a {color: #2266cc; text-decoration: none;}
.containertooxmas a:hover {color: #ffaa00; text-decoration: none;}


.container2 a {color: #2266cc; text-decoration: none;}
.container2 a:hover {color: #ffaa00; text-decoration: none;}

.container2 {position: relative; top: 0px; left: 0px;; width: 960px; height: 660px;
background: #868781 url(../images/halfman-web.jpg) no-repeat right center; border: 1px solid #999999;
color: #ffffff;}

.container3 {position: relative; top: 0px; left: 0px;; width: 960px; height: 660px;
background: #ffffff url(../images/dog.jpg) no-repeat right center; border: 1px solid #999999;
color: #223366;}

.container3 a {color: #cccc00; text-decoration: none;}
.container3 a:hover {color: #ffaa00; text-decoration: none;}


.contentHolder {position: absolute; top: 120px; right: 0px; width: 600px; height: 320px;}

.contentHolder a {color: #002244; text-decoration: none;}
.contentHolder a:hover {color: #ff8800; text-decoration: none;}

.contentHoldertoo {position: absolute; top: 120px; right: 0px; width: 600px; height: 520px;}

.contentHoldertoo a {color: #ffaa00; text-decoration: none;}
.contentHoldertoo a:hover {color: #2266cc; text-decoration: none;}

.contentHolderwebdev {position: absolute; top: 120px; right: 0px; width: 600px; height: 520px;}

.contentHolderwebdev a {color: #ffaa00; text-decoration: none;}
.contentHolderwebdev a:hover {color: #2266cc; text-decoration: none;}

.contentHolderconsume {position: absolute; top: 120px; left: 0px; text-align: left; width: 730px; height: 520px; color: #000000;}

.contentHolderconsume a {color: #ffaa00; text-decoration: none;}
.contentHolderconsume a:hover {color: #2266cc; text-decoration: none;}


.contentHolder3 {position: absolute; top: 120px; left: 0px; width: 450px; height: 320px;}

.contentHolder3 a {color: #aaaa00; text-decoration: none; font-weight: bold;}
.contentHolder3 a:hover {color: #ffaa00; text-decoration: none;}

.contentHolderschools {position: absolute; top: 120px; right: 0px; width: 600px; height: 520px;}

.contentHolderschools a {color: #ffaa00; text-decoration: none;}
.contentHolderschools a:hover {color:: #2266cc; text-decoration: none;}

.contentHoldertooxmas {position: absolute; top: 120px; right: 0px; width: 600px; height: 520px;}

.contentHoldertooxmas a {color: #ffaa00; text-decoration: none;}
.contentHoldertooxmas a:hover {color: #2266cc; text-decoration: none;}

.content { 
position: relative; top: 44px; left: 0px; font-size: 80%;
 height: 480px; width: 600px;
overflow: auto;
	padding: 10px 10px 10px 10px;	
	text-align: left;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #eeeeee;
	scrollbar-arrow-color: #CCCCCC;}
	
.contenthome{ 
position: relative; top: 44px; left: 46px; font-size: 80%;
 height: 480px; width: 560px;
overflow: auto;
	padding: 10px 10px 10px 10px;	
	text-align: left;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #eeeeee;
	scrollbar-arrow-color: #CCCCCC;}
	
.contentlogin { 
position: relative; top: 84px; left: 80px; font-size: 80%;
 height: 320px; width: 480px;
overflow: auto;
	padding: 10px 10px 10px 10px;	
	text-align: left;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #eeeeee;
	scrollbar-arrow-color: #CCCCCC;}
	
.contenttoo { 
position: relative; top: 44px; left: 0px; font-size: 80%;
 height: 480px; width: 600px;
overflow: auto;
	padding: 10px 10px 10px 10px;	
	text-align: left;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #eeeeee;
	scrollbar-arrow-color: #CCCCCC;}
	
	
.contentconsume { 
position: relative; top: 44px; left: 0px; font-size: 80%;
 height: 480px; width: 730px;
overflow: auto;
	padding: 10px 10px 10px 10px;	
	text-align: left;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #eeeeee;
	scrollbar-arrow-color: #CCCCCC;}
	
.contentconsume td{color: #000000;}
	
	.contentschools { 
position: relative; top: 44px; left: 0px; font-size: 80%;
 height: 520px; width: 600px;
overflow: auto;
	padding: 10px 10px 10px 10px;	
	text-align: left;
	scrollbar-face-color: #55ffFF;
	scrollbar-shadow-color: #22ccCC;
	scrollbar-highlight-color: #55ffFF;
	scrollbar-3dlight-color: #22ccCC;
	scrollbar-darkshadow-color: #55ffFF;
	scrollbar-track-color: #44eeee;
	scrollbar-arrow-color: #22ccCC;}

.address {position: absolute; right: 180px; top: 17px; font-weight: bold; font-size: 70%; color: #002244;}

.address a {color: #ffaa00; text-decoration: none;}
.address a:hover {color: #2266cc; text-decoration: none;}

.addresstoo {position: absolute; right: 180px; top: 17px; font-weight: bold; font-size: 70%;}

.addresstoo a {color: #ffaa00; text-decoration: none;}
.addresstoo a:hover {color: #2266cc; text-decoration: none;}

.addresswebdev {position: absolute; right: 180px; top: 17px; font-weight: bold; font-size: 70%; color: #ffffff;}

.addresswebdev a {color: #aaaa00; text-decoration: none;}
.addresswebdev a:hover {color: #ffaa00; text-decoration: none;}

.addressnews {position: absolute; right: 180px; top: 17px; font-weight: bold; font-size: 70%; color: #000033;}

.addressnews a {color: #aaaa00; text-decoration: none;}
.addressnews a:hover {color: #ffaa00; text-decoration: none;}

.addresslogin {position: absolute; right: 180px; top: 17px; font-weight: bold; font-size: 70%; color: #ffffff;}

.addresslogin a {color: #ffaa00; text-decoration: none;}
.addresslogin a:hover {color: #2266cc; text-decoration: none;}

.addressconsume {position: absolute; right: 180px; top: 17px; font-weight: bold; font-size: 100%; color: #ffffff;}

.addressconsume a {color: #aaaa00; text-decoration: none;}
.addressconsume a:hover {color: #ffaa00; text-decoration: none;}

.addresstooxmas {position: absolute; right: 180px; top: 17px; font-weight: bold; font-size: 70%; color: #223366;}

.addresstooxmas a {color: #aaaa00; text-decoration: none;}
.addresstooxmas a:hover {color: #ffaa00; text-decoration: none;}


.address3 {position: absolute; left: 180px; top: 17px; font-weight: bold; font-size: 70%; color: #223366;}

.address3 a {color: #aaaa00; text-decoration: none;}
.address3 a:hover {color: #ffaa00; text-decoration: none;}

.addressschools {position: absolute; right: 180px; top: 17px; font-weight: bold; font-size: 70%; color: #ffffff;}

.addressschools a {color: #aaaa00; text-decoration: none;}
.addressschools a:hover {color: #ffaa00; text-decoration: none;}

.dropdown{background: none; text-align: right;}
.dropdown a{margin-bottom: -5px;margin-top: 0px;}

.bannerdropdown{background: none; text-align: right;}
.bannerdropdown a{margin-bottom: -6px;margin-top: 0px; color:#223366; font-weight: bold;}
.bannerdropdown a:hover{color:#550055;}

.bannerMenu a{color: #003366; text-decoration: none; font-weight: bold;}
.bannerMenu a:hover{color: #550055;}

.containerkevin {position: relative; top: 0px; left: 0px;; width: 960px; height: 660px;
background: url(../images/kevin1.jpg) no-repeat left center; border: 1px solid #999999;

}

.containerkevin a {color: #bbbbee; text-decoration: none; font-weight: 500;}
.containerkevin a:hover {color: #ffaa00; text-decoration: none;}

.containerphil {position: relative; top: 0px; left: 0px;; width: 960px; height: 660px;
background: url(../images/phil22.jpg) no-repeat left center; border: 1px solid #999999;

}

.containerphil a {color: #bbbbee; text-decoration: none; font-weight: 500;}
.containerphil a:hover {color: #ffaa00; text-decoration: none;}

.containerpete {position: relative; top: 0px; left: 0px;; width: 960px; height: 660px;
background: url(../images/pete1.jpg) no-repeat left center; border: 1px solid #999999;

}

.containerpete a {color: #bbbbee; text-decoration: none; font-weight: 500;}
.containerpete a:hover {color: #ffaa00; text-decoration: none;}

.containermat {position: relative; top: 0px; left: 0px;; width: 960px; height: 660px;
background: url(../images/mat1.jpg) no-repeat left center; border: 1px solid #999999;

}

.containermat a {color: #bbbbee; text-decoration: none; font-weight: 500;}
.containermat a:hover {color: #ffaa00; text-decoration: none;}