html,body{margin:0;padding:0; }

body{font: 76% arial,sans-serif;text-align:center; background-color:#B50F01;}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
#header{width:100%; height:190px; background-color:#B50F01;}

div#header h1{loat:left;  background-image:url(header2.gif); float:left; width:300px; height: 170px; padding:0;		
		text-indent:-9999px; }
		
div#header ul {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  width: 550px; float: left;  background-color:#B50F01;}
div#header li {float:left; 	list-style-type:none; 	text-align:center; 	font-size: .8em; width: 110px; 	height: 156px;  	background-repeat: no-repeat; }
div#header a {padding-top:118px; color:#fff; font-size:1.8em; }

div#header #home {background-image:url(home1.gif)}
div#header #feature {background-image:url(features1.gif)}
div#header #news {background-image:url(news1.gif)}
div#header #logos {background-image:url(logos1.gif)}
div#header #web {background-image:url(web1.gif)}


div#footer a {display: inline;}

#home a:hover {background-image:url(home2.gif); background-repeat: no-repeat; color:#B50F01;}
#feature a:hover {background-image:url(features2.gif); background-repeat: no-repeat; color:#B50F01;}
#news a:hover {background-image:url(news2.gif); background-repeat: no-repeat; color:#B50F01;}
#logos a:hover {background-image:url(logos2.gif); background-repeat: no-repeat; color:#B50F01;}
#web a:hover {background-image:url(web2.gif); background-repeat: no-repeat; color:#B50F01;}

#home a:active {background-image:url(homeactive.gif); background-repeat: no-repeat; color:#B50F01; }
#feature a:active { }
#news a:active { }
#logos a:active { }
#web a:active { }

#home a:active { }
#feature a:active { }
#news a:active { }
#logos a:active { }
#web a:active { }

#home a:visited {text-decoration: line-through; color:#ccc; }
#feature a:visited {text-decoration: line-through; color:#ccc; }
#news a:visited{text-decoration: line-through; color:#ccc; }
#logos a:visited {text-decoration: line-through; color:#ccc; }
#web a:visited {text-decoration: line-through; color:#ccc; }





div#header a { display: block; /*allows changes as if this were block-level element*/
width: 100%; text-decoration: none; width: 85px; height: 156px; }




div#container{text-align:left; background-color: #fff;}
div#content p{line-height:1.4; font-family: "Times New Roman", Times, serif; font-size:2.2em; text-align:center; }
div#navigation a img {border:none;}
div#navigation{background-color: #fff; font-family:Verdana, Geneva, sans-serif;}
div#navigation .site {color: #1d3403; font-size:1.4em; line-height:1em; border-bottom-width: 1px; border-bottom-style: dotted; 	border-bottom-color: #1d3403; padding-bottom:4px;}  

h2 {
	font-family:Verdana, Geneva, sans-serif;
	color: #1d3403;
	font-size:3em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #1d3403;
	padding-bottom:4px;
	}

h3 {font-family:Verdana, Geneva, sans-serif; color: #1d3403; font-size:1.4em; line-height:1em; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #1d3403; padding-bottom:4px; margin: 6px;}





div#footer { text-align:center; color:#000; }
div#footer p {padding-top:10px; padding-bottom:5px;}
div#footer a {color:#000}

div#container{width:900px;margin:0 auto}
div#wrapper{float:left;width:900px; }
div#content{margin: 0 173px; width: 490px; }
div#content ul {	list-style-type:none; margin: 0; padding:0;}
div#content li {display:inline; margin-right: 0px; line-height:4em;; float:left;}
div#content a img {border:none;}
div#navigation{float:left;width:162px;margin-left:-900px; padding-left:6px;}
div#extra{float:left;width:225px;margin-left:-225px;}
div#extra a {display: inline}
div#footer{clear:left;width:100%}

div span {
	display: none;
	}  

div.design:hover span {
	display:block;
	position: absolute;
	top: 50px;
	left: 620px; 
	width: 25%;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: bold;
	z-index: 2;
	}

	
.row2 div.design:hover span {
	display:block;
	position: absolute;
	top: 610px;
	left: 860px; 
	width: 25%;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: bold;
	z-index: 2;   
	font-size:1.1em;
	width: 15%;
	}
	
.row3 div.design:hover span {
	display:block;
	position: absolute;
	top: 895px;
	left: 860px; 
	width: 25%;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: bold;
	z-index: 2;   
	font-size:1.1em;
	width: 15%;
	}
	
#logos .row2 div.design:hover span {
	display:block;
	position: absolute;
	top: 210px;
	left: 620px; 
	width: 25%;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: bold;
	z-index: 2;   }
	
#web .row2 div.design:hover span  {
	display:block;
	position: absolute;
	top: 210px;
	left: 620px; 
	width: 25%;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: bold;
	z-index: 2; 
	}
	
#pagewidth {width:540px; font: 101% arial,sans-serif;text-align:center; background-color:#B50F01;}
#descrip {width:530px; text-align:left;}
#back a {color: #fff; font-size:2.5em;}

.update {
	font-family:Verdana, Geneva, sans-serif;
	color:#C00;
	font-size:.8em;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C00;
	}
	
#page {margin-left:auto; margin-right:auto;}

.section a {text-decoration:none; display:inline; padding: 0; margin:0;}