* {
	margin:0;
	padding:0
}
p {
	color:#484848;
	margin:0 0 1em 0;
	padding:5px;
	position:relative;
}/*opera 8 needs the position:relative on the inner content but opera 9 doesn't */

p a:link {color: blue;}
p a:visited {color: blue;}
p a:hover {color: #484848;}
p a:active {color: #666666;}

h1, h2, h3, h4 {
color:#484848;
font-family: Verdana;
font-size:1em;
font-weight: normal;	

}

h1 a:link {color: blue;}
h1 a:visited {color: blue;}
h1 a:hover {color: #484848;}
h1 a:active {color: #666666;}

#randomimage
{

text-align: center;
background-color: white;
position:relative;
padding:13px;
border-style:dotted;
border-color:black;
border-width:1px;
font-size:1em;	
color: blue;
font-weight:bold;
}

p span
{
font-weight: bold;	
}

.headline
{
color:#484848;
padding-bottom:0px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
font-size:1.25em;
font-weight: bold;
}

.headline a:link {color: blue;}
.headline a:visited {color: blue;}
.headline a:hover {color: #cccccc;}
.headline a:active {color: #cccccc;}




.testimonial
{
color: #c0c0c0;
font-size:.7em;
margin:0 0 1em 0;
padding:5px;
}

body
{
background-color:#484848;
font-family: Verdana;
font-size:.80em;
text-align: center;
}

ul
{
position:relative;
list-style: none;
padding:0px;
margin:0px;
}

li
{
color:#484848;
background-image:url(images/bullet.gif);
background-repeat:no-repeat;
background-position:0px 1px; 
padding-left:14px;
margin-left:15px;
}


hr 
{
border: none 0;
border-top: 1px solid #c0c0c0;/*the border*/
width: 100%;
height: 2px;/*whatever the total width of the border-top and border-bottom equal*/
margin: 5px 0 0 0;
} 



/*
2 columns for home page STARTS here
*/

.columnscenter
{
text-align: center; 
}

.right
{
text-align: justify; 
margin: 0; 
padding-left: 4px;
border-style: dotted; 
border-right-width: 0px; 
border-top-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 2px; 
border-color: #c0c0c0; 
width: 49%; 
float: left; 
}


.middle 
{
text-align: justify; 
margin: 0; 
padding-left: 1%;
padding-right: 1%;
width: 30%; 
float: left; 
}

.left 
{
	
text-align: justify; 
margin: 0; 
padding-right: 8px;
width: 49%; 
float: left; 
}

/*
2 columns for home page ENDS here
*/


#portfoliolink
{
position:absolute;
top:76px;
left:812px;
height:49px;
width:157px;
}

#homepagetext
{
text-align: left; 
position:absolute;
top:38px;
left:290px;
height:16px;
width:645px;
font-weight: bold;
font-size: 1em;
color: #484848;
}


#headerlink
{
position:absolute;
top:31px;
left:8px;
display:block;
width:285px;
height:172px;
}

#breadcrumbs
{
position:absolute;
top:210px;
left:15px;
padding: 0 0 0 0;
z-index:21;
}


#stylesheet
{
font-size: .7em;
position:absolute;
width:186px;
top:-2px;
left:779px;
padding: 0 0 0 0;
z-index:21;
}

#breadcrumbs a:link {color: #000080;font-weight:bold;}
#breadcrumbs a:visited {color: #000080;font-weight:bold;}
#breadcrumbs a:hover {color: #666666;font-weight:bold;}
#breadcrumbs a:active {color: #666666;font-weight:bold;}

table.mult
{ 
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
margin-top:10px;
}

table.sbox
{ 
border-collapse: collapse;
border-spacing: 0px;
margin-top:10px;
}

td.sbox
{
border-bottom: none;
text-align: left;
padding-top: 4px;
padding-bottom: 18px;
padding-left: 8px;
padding-right: 8px;
}


td.icons
{
text-align: center;
font-size: .9em;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
}



table.specs
{ 
width: 100%;
background-color: #e9e9e9;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top:30px;
}


td.area
{
background-image:url(images/tableback.jpg);
background-repeat:no-repeat;
background-color: #c1c1c1;
border: 1px #000000 solid;
font-weight: bold;
font-size: 1.6em;
color: #000000;
padding:7px;
}



td.parts
{
border-bottom: 1px #000000 dotted;
text-align: left;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px;
}

td.linkpage
{
border-bottom: none;
text-align: center;
padding-top: 8px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
}

#bluetablelink
{
color: orange;
position:relative;
padding: 0 0 0 0;
width:671px;
margin:20px 0px 0px 45px;
text-align: justify;
}

#bluetablelink a:link {color: orange;font-weight:bold;}
#bluetablelink a:visited {color: orange;font-weight:bold;}
#bluetablelink a:hover {color: #666666;font-weight:bold;}
#bluetablelink a:active {color: orange;font-weight:bold;}

#wrapper {
	width:993px;
	margin:10px auto 0;
	padding:0;
	text-align:left;	
	z-index:1;
	position:relative;
}

#header, #footer {
	position:relative;
}

#footer {
	background:url(images/footer.jpg) no-repeat 0 0;
	padding-bottom:175px;
}


#copyright 
{
width:245px;	
color:#484848;
font-size:.7em;
position:absolute;
bottom:135px;
left:743px;
margin:0 auto;
}

#header {
	background:url(images/header2.jpg) no-repeat 0 0;
	padding:152px;
		}
		
#header h1, #footer p {
	text-align:center;
}

#outer {
	background:url(images/shadow.gif);
	width:993px;	
	clear:both;
}

#outerintro {
	background:url(images/shadowintro.gif);
	width:981px;	
	clear:both;
}

#left, #right {
	width:200px;
	z-index:1;
	position:relative;
	float:left;
	margin:-78px 0 0 0;
	display:inline;	
}


#rotator
{
background: url(/beta/randomimages/rotator.php) no-repeat;
position:absolute;
top:78px;
left:1px;
width:239px;
height:161px;
float:left;
z-index:6;
}

.date
{
position:relative;
right:-132px;
top:-152px;
text-align:right;
color:white;
font-size:.75em;
font-weight:bold;
}



.links
{
text-align: left; 
position:absolute;
top:136px;
left:553px;
height:58px;
width:428px;
}


.footer
{
color:#000000;
font-size:.95em;
font-weight:bold;
position:relative;
left:-7px;
top:104px;
text-align:center;
}

.footer a:link {color: #000000;}
.footer a:visited {color: #000000;}
.footer a:hover {color: #484848;}
.footer a:active {color: #666666;}

.newstext
{

color:#000000;
font-size:.7em;
margin:0 auto;
}

.newstext a:link {color: #000000; font-size:1.4em; font-weight:bold;}
.newstext a:visited {color: #000000; font-size:1.4em; font-weight:bold;}
.newstext a:hover {color: #484848; font-size:1.4em; font-weight:bold;}
.newstext a:active {color: #484848; font-size:1.4em; font-weight:bold;}


.newsdate
{
color:#484848;
font-size:1em;
font-style:italic;
font-weight:bold;
margin:0 auto;
}

.newscenter
{
text-align:center;
}

.leftnav
{
width:190px;
margin:0px 0px 0px 16px;
}

.menuback
{
background:url(images/menu.png);
background-repeat:no-repeat;
}


.menutitle
{
font-size:.85em;
font-weight:bold;
position:relative;
margin:0 auto;
left:5px;
top:-9px;
text-align: left;
color:white;
}


.rollovers
{
position:relative;
width:190px;
height:182px;
margin:0 auto;
padding:0px;
left:5px;
top:13px;
text-align: left;
}

#rolloverspacer
{
padding-top:7px;
}


.news
{
text-align: left;
}


/*
Link Rollovers START HERE
*/




#menu {
  height: 58px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu li {
  display: inline;
  margin: 0;
  padding: 0;
}


#menu a {
  float: left;
  width:428px;
  height: 58px;
  display: block;
  text-indent: -500em;
  overflow: hidden;
  background-image: url(images/links.jpg);
  background-repeat: no-repeat;
}

#menu li.Home a {
  background-position: 0px 0px;
  width: 99px;
}
#menu li.Home a:hover {
  background-position: 0px -58px;
  width: 99px;
}
#menu li.About a {
  background-position: -99px 0px;
  width: 95px;
}
#menu li.About a:hover {
  background-position: -99px -58px;
  width: 95px;
  }
#menu li.Services a {
  background-position: -194px 0px;
  width: 127px;
}
#menu li.Services a:hover {
  background-position: -194px -58px;
  width: 127px;
}
#menu li.Contact a {
  background-position: -321px 0px;
  width: 107px;
}
#menu li.Contact a:hover {
  background-position: -321px -58px;
  width: 107px;
}



#Portfolio
{
  display: block;
  width: 173px;
  height: 29px;
  background: url("images/portfolio.gif") no-repeat 0 0;

}

#Portfolio:hover
{ 
  background-position: 0 -29px;
}

#Portfolio span
{
  display: none;
}






#Testimonials
{
  display: block;
  width: 173px;
  height: 29px;
  background: url("images/Testimonials.gif") no-repeat 0 0;

}

#Testimonials:hover
{ 
  background-position: 0 -29px;
}

#Testimonials span
{
  display: none;
}





#Pricing
{
  display: block;
  width: 173px;
  height: 29px;
  background: url("images/Pricing.gif") no-repeat 0 0;

}

#Pricing:hover
{ 
  background-position: 0 -29px;
}

#Pricing span
{
  display: none;
}



#SiteMap
{
  display: block;
  width: 173px;
  height: 29px;
  background: url("images/SiteMap.gif") no-repeat 0 0;

}

#SiteMap:hover
{ 
  background-position: 0 -29px;
}

#SiteMap span
{
  display: none;
}


#Install
{
  display: block;
  width: 173px;
  height: 29px;
  background: url("images/Install.gif") no-repeat 0 0;

}

#Install:hover
{ 
  background-position: 0 -29px;
}

#Install span
{
  display: none;
}




#Payment
{
  display: block;
  width: 173px;
  height: 29px;
  background: url("images/Payment.gif") no-repeat 0 0;

}

#Payment:hover
{ 
  background-position: 0 -29px;
}

#Payment span
{
  display: none;
}



#Articles
{
  display: block;
  width: 173px;
  height: 29px;
  background: url("images/Articles.gif") no-repeat 0 0;

}

#Articles:hover
{ 
  background-position: 0 -29px;
}

#Articles span
{
  display: none;
}




#Misc
{
  display: block;
  width: 173px;
  height: 29px;
  background: url("images/News.gif") no-repeat 0 0;

}

#Misc:hover
{ 
  background-position: 0 -29px;
}

#Misc span
{
  display: none;
}





/*
Link Rollovers END HERE
*/


.hometext
{
margin:-60px 10px 0px 35px;
text-align: justify;
}

.random
{
Width:184px;
float: right; 
padding: 0px 0px 0px 20px;
z-index:30;
}


#bulletcontainer
{
font-weight:bold;
padding-left:40px;
}

#bulletcontainer a:link {color: #000080;}
#bulletcontainer a:visited {color: #000080;}
#bulletcontainer a:hover {color: #666666;}
#bulletcontainer a:active {color: #666666;}

#bulletcontainerpic
{
background:url(images/moreinfo.jpg);
background-repeat:no-repeat;
position:relative;
float:right;
top:-15px;
height:245px;
width:247px;
}

#bulletcontainerpic2
{
background:url(images/moreinfo2.jpg);
background-repeat:no-repeat;
position:relative;
left:125px;
height:123px;
width:372px;
}


#ascinfo
{

background-color: navy;
position:relative;
padding:7px;
border-style:solid;
border-color:black;
border-width:2px;
font-size:1.75em;	
color: orange;
font-weight:bold;
}

#ascinfo2
{

background-color: white;
position:relative;
margin-left:auto;
margin-right:auto;
width:75%;
padding:7px;
margin-bottom:15px;
border-style:solid;
border-color:black;
border-width:0 1px 1px 1px;
font-weight:bold;
}

#ascinfo2 a:link {color: #000080;}
#ascinfo2 a:visited {color: #000080;}
#ascinfo2 a:hover {color: #666666;}
#ascinfo2 a:active {color: #666666;}

#pageheader span
{
position:relative;
margin:0 auto;
top:110px;
font-size:1.5em;
font-weight:bold;
}

#textheader
{
position:relative;
margin:0 auto;
font-size:1.75em;
position:relative;
right:-25px;
top:35px;
text-align: right;
}

#pagecontent
{
position:relative;
padding: 0 0 0 0;
width:671px;
margin:20px 0px 0px 45px;
text-align: justify;
}

#pagecontent a:link {color: #000080;font-weight:bold;}
#pagecontent a:visited {color: #000080;font-weight:bold;}
#pagecontent a:hover {color: #666666;font-weight:bold;}
#pagecontent a:active {color: #666666;font-weight:bold;}

#pagecontent span a:link {color: #000000;font-weight:bold;}
#pagecontent span  a:visited {color: #000000;font-weight:bold;}
#pagecontent span  a:hover {color: #000000;font-weight:bold;}
#pagecontent span  a:active {color: #000000;font-weight:bold;}

#pagecontenthistory
{
position:relative;
padding: 0 0 0 0;
width:671px;
margin:20px 0px 0px 45px;
text-align: justify;
}

#pagecontenthistory a:link {color: #000080;font-weight:bold;}
#pagecontenthistory a:visited {color: #000080;font-weight:bold;}
#pagecontenthistory a:hover {color: #666666;font-weight:bold;}
#pagecontenthistory a:active {color: #666666;font-weight:bold;}

#pagecontenthistory span  a:link {color: orange;font-weight:bold;}
#pagecontenthistory span  a:visited {color: orange;font-weight:bold;}
#pagecontenthistory span  a:hover {color: orange;font-weight:bold;}
#pagecontenthistory span  a:active {color: orange;font-weight:bold;}

.homeh1
{
color:#000000;
font-size:1.25em;
font-weight:bold;
margin:0 auto;
}

#content 
{
	width:750px;
	float:left;
	margin:0 0 0 0;
	display:inline;
	position:relative;
	z-index:10;
}

#footer {
	clear:both;
}
html>body .col {
	top:0
}/* hide from ie6 and under*/
.clearer {
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
/* Note I haven't bothered with box model hacks but you will need to do them for ie5.+ if it worries you */