@charset "UTF-8";
/* CSS Document */

body { background:#2E2E2E; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif;}


#outside_area { width:899px; margin:0px auto;}

#header { background:url(../images/header_02.jpg); height:245px;}

#header ul { background:#00CC00; width:202px; padding:0px; position:absolute; top:0px; margin:0px 0px 0px 626px; }

#header li { float:left; list-style-type:none;}

#header a { display:block; width:101px; height:46px; }



#header h1 { position: absolute; left: -999em; top:200px; width: 1em; overflow: hidden; margin:0px;}

#header span { position: absolute; left: -999em; width: 1em; overflow: hidden;}


#header a.websites { background:url(../images/websites_butt);}

#header a.contact { background:url(../images/contact_butt);}


#header a:hover { background-position:0px -46px;}




#main_area { background:url(../images/main_area_04.jpg); height:375px; text-align:center;}

#footer { background:url(../images/footer_05.jpg) no-repeat; height:40px; text-align:center; font-size:10px; color:#FFFFFF; padding:170px 0px 0px 35px; }


#contact { font-size:16px;}

#contact a { color:#990000; text-decoration:none}

#contact a:hover { color:#3679AF}







/* this is the the size of the outside area   */



#weblinks { position:absolute; width:400px; margin:200px 0px 0px -195px}

html>/**/body #weblinks { position:absolute; width:400px; margin:180px 0px 0px 260px}



#weblinks li {display:inline; margin:0px;}



#weblinks ul {}



/* this is the look of the small images   */

#weblinks a { text-align: center; font: bold 1em sans-serif; background:#000000;  border-width: 0px; text-decoration: none;  width:50px; height:50px; display:block;  float:left; margin:0px 0px 5px 5px; }



#weblinks img { border: #999999 solid 1px; filter:alpha(opacity=50); opacity: 0.5;

	-moz-opacity:0.5;}



#weblinks a:hover img {color: #411; filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; }





/* this is the look of the large images   */

#weblinks a span {display: none;}

#weblinks a:hover span {display: block;

   position: absolute; top: -315px; left:5%; width: 355px;

   padding: 0px; margin: 10px; z-index: 100;

   color: #000000; 

   font: 10px Verdana, sans-serif; text-align: right;}

html>/**/body  #weblinks a:hover span {top: -290px;}

#weblinks.print a:hover span {top: 175px;}



#weblinks a:hover span h1 { font-size:14px; margin:5px 0px 5px 0px;}



#weblinks h1 { font-size:14px; text-transform:uppercase; margin:5px 0px 10px 19px; }



html>/**/body #weblinks h1 { margin:5px 0px 10px 9px; }