/* General markup
---------------------------------------- */
html {
	height: 101%;
	
}
	
body {
	color: #000000;
	background-color: #ffffff;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	background-image:url(../Images/home_header2_bg.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	
	
	}



/* Main blocks */


#header {
	
	background-image: url(../Images/home_header2.jpg);
	height: 305px;
	margin: 0; padding: 0;
	

	}

a.InvisiLink-home:link {color: #fff600; font-size:80%;}
a.InvisiLink-home:visited {color: #fff600; font-size:80%;}
a.InvisiLink-home:hover {color: #0000FF; font-size:80%;}
a.InvisiLink-home:active {color: #0000FF; font-size:80%;}
a.InvisiLink-home:focus {color:#0000FF; font-size:80%;}

/* Top Buttons*/

#top-nav {
width: 840px;
   list-style: none;
   margin: 0px auto 0px auto;
   }
   
   #contents-col {
	float: right;
	width: 963px;
	padding: 10px;
	border:1px solid #cccccc;

	}
   
#buttons {
	height: 38px;
	Padding: 0px;
	margin:0px;
	list-style: none;
	}	
	


#buttons li {
   float: left;
}
#buttons li a {
height: 30px;
   display: block;
   width: 115px;
   text-align: center;
   color: #2757e0;
   padding-top: 8px;
   margin-top: 0px;
   margin-right: 5px;
   background-image:url(../Images/man_single_button.png);
}
#buttons li a:hover {
height: 30px;
   display: block;
   width: 115px;
   text-align: center;
   color: #2757e0;
   padding-top: 8px;
     margin-top: 0px;
   margin-right: 5px;
   color:#000000;
   background-image:url(../Images/home_singlebutton_big.jpg);
}

/*mainpage boxes*/

.box{ height: 123px; float: left; width: 963px; margin-bottom: 15px; border-top: 1px solid #cccccc;}
.box-body {float: left; width: 458px;}
.box-body2 {float: left;}

.box-images {
	border-bottom:solid 1px #cccccc; 
	border-right:solid 1px #cccccc; 
	border-left:solid 1px #cccccc; 
	float: right;  
	width: 385px;
	height: 114px;
	}
    

#mainlinks {background:url(../Images/button.jpg) no-repeat;; padding: 3px 0 5px 40px; margin-top:3px;}
.mainlinks {background:url(../Images/button.jpg) no-repeat;; padding: 3px 0 5px 40px; margin-top:3px;}




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/*top buttons*/



#footer {
font-size:80%;
	padding: 10px;
	margin: 0;
	clear:both;
	background-image:url(../Images/home_footer2.jpg);
	background-repeat: repeat-x;
text-align: center;
color:#000000;	
}
#footer a:hover {color:#0000ff;}