/* CSS Document */
body {
background-image:url(Graphics/backstripe.gif);
background-repeat:repeat-x;
margin-left:auto;
margin-right:auto;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#pagecontainer {
	top:0;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	border:thin;
	border-style:inset;
	border-color:#CCCCCC;
	text-align:center;
	position: relative;
	min-height:600px;
		}
#header {
	margin-bottom:0px;
	height:108px;
	top:0;
	background-color:#009999;
	border-bottom:5px solid #CCCCCC;
	
	position: relative;
	z-index: 1;

}
#logo {
margin-left:200px;
margin:0;
text-align:center;
display:inline;

}
#mouse {
	position:absolute;
	z-index:3;
	visibility: visible;
	width:100px;
	height:100px;
	margin-right: 0px;
	left: 685px;
	top: 40px;
	background-image:url(Graphics/mouse.gif);
	background-repeat:repeat;
	background-position:center;
	}
#header ul {
	margin-left:200px;
	padding:0 0 0 0;
	list-style:none;
	border-bottom-width: thin;

}

#header li.design {
float:left;
background-image:url(Graphics/tab-left.gif);
background-repeat:no-repeat;
margin:0 1px 0 0;
padding: 0 0 0 12px;
}

#header li.portfolio {
float:left;
background-image:url(Graphics/tab-left-blue.gif);
background-repeat:no-repeat;
margin:0 1px 0 0;
padding: 0 0 0 12px;
}
#header li.websites {
float:left;
background-image:url(Graphics/tab-left-green.gif);
background-repeat:no-repeat;
margin:0 1px 0 0;
padding: 0 0 0 12px;
}
#header li.contact {
float:left;
background-image:url(Graphics/tab-left-yell.gif);
background-repeat:no-repeat;
margin:0 1px 0 0;
padding: 0 0 0 12px;
}
#header li.design a {
	float:left;
	display:block;
	background-image:url(Graphics/tab_right.gif);
	background-repeat: no-repeat;
	background-position:right top;
	padding:0.2em 15px 0.2em 2px;
	text-decoration:none;
	font-weight:bold;
	color: #FFFFFF;
}

#header li.portfolio a {
float:left;
display:block;
background-image:url(Graphics/tab_right_blue.gif);
background-repeat: no-repeat;
background-position:right top;
padding:0.2em 15px 0.2em 2px;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
}
#header li.websites a {
float:left;
display:block;
background-image:url(Graphics/tab_right_green.gif);
background-repeat: no-repeat;
background-position:right top;
padding:0.2em 15px 0.2em 2px;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
}
#header li.contact a {
float:left;
display:block;
background-image:url(Graphics/tab_right_yell.gif);
background-repeat: no-repeat;
background-position:right top;
padding:0.2em 15px 0.2em 2px;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
}
#header li a:hover {
float:left;
display:block;
background-image:url(Graphics/tab_right_hover.gif);
background-repeat: no-repeat;
background-position:right top;
padding:0.2em 15px 0.2em 2px;
text-decoration:none;
font-weight:bold;
color:#333366;
}
#header li:hover {
float:left;
background-image:url(Graphics/tab_left_hover.gif);
background-repeat:no-repeat;
margin:0 1px 0 0;
padding: 0 0 0 12px;
}

#design #header li.design,
#websites #header li.websites,
#portfolio #header li.portfolio {
background-image:url(Graphics/tab_active-left.gif);
}

#contact #header li.conatct {
background-image:url(Graphics/tab_active-left-green.gif)}

#design #header li.design a,
#websites #header li.websites a,
#portfolio #header li.portfolio {
background-image:url(Graphics/tab_active_right.gif);
}

#portfolio #header li.portfolio a {
background-image:url(Graphics/tab_active_right_blue.gif)}
#wholepage {
	top:0;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	min-height:500px;
}
#welcome {
	width:100px;
	height:30px;
	position:absolute;
	z-index:3;
	visibility: visible;
	left: 13px;
	top: 73px;
	font-size:x-large;
	color:#CCCCCC;
	font-weight:300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.maintext {
	width:65%;
	padding:5px;
	text-align:left;
	position: relative;
	background-color: #FFFFFF;
	float: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	display: inline;
	clear: none;
	
}

.maintextPORT {
	width:65%;
	padding:5px;
	text-align:left;
	position: relative;
	display: block;
	background-color: #FFFFFF;
	float: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height:12em;
}

.contactform {
width:90%;
text-align:left;
font-size:medium;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}
.contactform td {
padding:4px;
}


.rightpanel {
	float:right;
	width:30%;
	padding:0.2em;
	position:relative;
	text-align:center;
	z-index: 2;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #339966;
	height:12.2em;
	}
.rightbanner {
	float:right;
	width:30%;
	padding:0.2em;
	position:relative;
	text-align:center;
	z-index: 2;
}
.rightpanelLONG {
	float:right;
	width:30%;
	position:relative;
	text-align:center;
	z-index: 2;
	margin-top:15px;
	height: 100%;
	display: inline;
	}
#toppage {
	width:98%;
	padding:1%;
	position:relative;
	text-align: left;
	background-color: #FFFFFF;
	z-index:2;
			}
.bottompage {
width:98%;
padding:1%;
position:relative;
clear:both;
min-height:230px;

}

.blockholderleft {
	width:200px;
	background-image:url(Graphics/1designA.gif);
	background-repeat:no-repeat;
	height:200px;
	float: left;
	margin-bottom: 10px;
	background-position: center center;
	margin-left: 40px;
}
.blockholdermiddle {
	width:200px;
	background-image:url(Graphics/2buildA.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:200px;
	float: left;
	position: absolute;
	right: 25px;
	left: 300px;
	margin-right: 200px;
	margin-bottom: 10px;
}
.blockholderright {
	width:200px;
	float:right;
	background-image:url(Graphics/3publishA.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:200px;
	padding: 0px 0px 0 0px;
	margin-bottom: 10px;
	margin-right: 40px;
	margin-left: 10px;
}
.blocktextleft {
	padding-left:95px;
	padding-top:50px;
	padding-bottom:20px;
	text-align:center;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	padding-right: 10px;
	line-height:1em;
}
.blocktextmiddle {
	padding-left:20px;
	padding-top:50px;
	padding-bottom:20px;
	text-align:left;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	padding-right: 10px;
	line-height: 1em;
}
.blocktextright {
	padding-left:20px;
	padding-top:50px;
	padding-bottom:20px;
	text-align:left;
	font-size: small;
	font-family:Arial, Helvetica, sans-serif;
	color: #000099;
	padding-right: 10px;
	line-height: 1em;
}

#footer {
	background-color:#FFFFFF;
	background-position:bottom;
	height:1em;
	width: 100%;
	clear: both;
	text-align: left;
	bottom:52px;
	position:absolute;
	visibility: visible;
	}
.footertext {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#336699;
padding-left:4px;
padding-bottom:4px;
height:35px;
padding-right:4px;
}

#footercurve {
	background-image:url(Graphics/footercurve.gif);
	background-repeat:no-repeat;
	width:800px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	bottom:0px;
	text-align:center;
		}
p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#333333;
line-height:1.25em;
text-align:left;
}

a:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#0066CC;
line-height:1.25em;
}
a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#0066CC;
line-height:1.25em;
}
a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#0066CC;
line-height:1.25em;
}
a:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#0066CC;
line-height:1.25em;
}

.galleryfont {
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:large;
color:#339966;}

#adblock{
background-image:url(Graphics/picgallery.gif);
background-repeat:no-repeat;
background-position:bottom;
height:100%;
}

.webgallery {
background-image:url(../Graphics/clicktoview.gif);
background-repeat:no-repeat;
background-position:right;
}
.window {
background-image:url(../Graphics/window.gif);
background-repeat:no-repeat;
background-position:bottom;
height:100%;
}
.homelink {
	font-size:x-large;
	color:#CCCCCC;
	font-weight:300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.homelink:hover {
	font-size:x-large;
	color:#FFFFFF;
	font-weight:300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.bulletbuttons {
	float:left;
	position:relative;
	text-align:left;
	width:45%;
	height:65px;
	padding: 5px;
}
.bulletimages {
float:left;

}
.bullettext {
	margin-left:0px;
	text-align:left;
	font-size:small;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:inline;
		}

.introtext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	font-size:0.9em;
	padding-top: 20px;
	list-style:square;
	display:inline;
	list-style-position:inside;
	}
.colleft {
	width:25%;
	float: left;
	margin-bottom: 10px;
	margin-left: 5%;
	text-align: left;
	clear:left;
}
.colmiddle {
	width:25%;
	float: left;
	position: absolute;
	left: 30%;
	margin-bottom: 10px;
	text-align: left;
	margin-left: 7.5%;
}
.colrright {
	width:25%;
	float:right;
	padding: 0px 0px 0 0px;
	margin-bottom: 10px;
	margin-right: 5%;
	margin-left: 10px;
	text-align: left;
	clear:right;
}
H1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cc0000;
font-size:large;
display:inline;
font-weight:100;
}


H2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003399;
font-size:large;
border-bottom:#999999;
border-bottom-style:solid;
border-bottom-width:thin;
}
H3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cc0000;
font-size:large;
border-bottom:#999999;
border-bottom-style:solid;
border-bottom-width:thin;
}


.bullettitle {
	color:#666666;
	font-weight:200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
	font-size:large;
	text-align:left;
	margin-top:20px;
	}
.Topanchor {
	width:100%;
	display:block;
	text-align:left;
	font-size:small;
	padding:4px;
	clear:both;
	height: 40px;

}

li {
	margin-left:10px;
	margin-bottom:5px;
}
#W3C {
	display:inline;
	height:35px;
	margin-right:95px;
}

.maintext li {
	font-size:small;}

.bottompage ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#333333;
line-height:1.25em;
text-align:left;
}

/*crossfade script*/


#cross {
  width: 190px;
  height: 150px;
  overflow: hidden;
  
  }
	
#cross img {
position:absolute;
z-index:1;
	
	}