/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 

a{display:block;color: #981793;padding:10px}

body {font: 76% arial,sans-serif;text-align:center; background-color:#B50F01;}

#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: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; }
 
#pagewidth{ 
 width:900px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 background:#fff;
} 
 
#leftcol{
 width:19%; 
 float:left; 
 position:relative; 
  }
  
div#leftcol a img {border:none;}
div#leftcol{background-color: #fff; font-family:Verdana, Geneva, sans-serif;}
div#leftcol .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;} 
div#leftcol{background-color: #fff; font-family:Verdana, Geneva, sans-serif; padding-left: 1%; font-size: .8em;}



 
#twocols{
 width:80%; 
 float:right; 
 position:relative; 
 background-color:#FFF;
  }
 
#rightcol{
 width:25%; 
 float:right; 
 position:relative; 
 background-color:#FFF;
 }
 
 
 
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:75%; 
 }
 
 #maincol p {font-size:1.5em; line-height:1.5em; font-weight:lighter;}
 
#footer{
  background-color:#FFFFFF; 
 clear:both;
 } 
 
 div span {
	display: none;
	}  
	
	div#maincol ul {	list-style-type:none; margin: 0; padding:0;}
div#maincol li {display:inline; margin-right: 5px; float:left;}
div#maincol a img {border:none;}
 
 
 div.design:hover span {
	display:block;
	position: absolute;
	top: 150px;
	left: 550px; 
	width: 25%;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	z-index: 2;
	}
	
	.row2 div.design:hover span {
	display:block;
	position: absolute;
	top: 430px;
	left: 550px; 
	width: 25%;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	z-index: 2;
	}
	
.row3 div.design:hover span {
	display:block;
	position: absolute;
	top: 770px;
	left: 550px; 
	width: 25%;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	z-index: 2;
	}

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

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

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;
	margin:5px
	}

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;}

 #bigpage img{
	 display:block;
	 margin-left:auto;
	 margin-right:auto;}
	 
#bigpage p {width:500px; margin-left:auto; margin-right:auto; font-size:1.2em; line-height:1.5em;}

#back a {
	text-decoration:none; font-size:2em; color:#000; margin:0; text-align:left; display:block;;
	
	
	}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}