/* CSS stylesheet for index.php only */
@charset "UTF-8";

div#wrapper {
	background: #fff;
}

div#header {
	min-height: 150px;
}

table#index {
margin:0px;
border-collapse:collapse;
border:0px;
width:100%;
height:325px;

}

td#index_body {
	/*text-indent: 2em;*/
	/*padding:15px;*/
	vertical-align:top;
	width: 400px;
	font-family: garamond,arial,sans-serif;
	font-size: 1.5em;
	border-right: 1px;
	border-left:1px;
	border-top:0px;
	border-bottom:0px;
	border-style:solid;
	border-color:black;
}


td#index_news {
	/*text-indent: 2em;*/
	padding:3px;
	vertical-align:top;
	width: 200px;
	border:0px;
	font-family: verdana,garamond,arial,sans-serif;
	color: #67931a;
	font-size: .75em;
}

td#index_img {
	padding:0px;
	border: 0px;
	border-color: black;
	border-style:solid;
	background-image:url('/images/VanGogh.jpg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color:black;

}

td#index_img1 {
	padding:0px; 	border: 0px;	border-color: black;	border-style:solid; 
background-image:url('/images/VanGogh.jpg');
	background-repeat: no-repeat;  	background-position: 50% 50%; 	background-color:orange;
}

td#index_img2 {
	padding:0px; 	border: 0px;	border-color: black;	border-style:solid; 
background-image:url('/images/sun.jpg');
	background-repeat: no-repeat;  	background-position: 50% 50%; 	background-color:orange;
}


td#index_img3 {
	padding:0px; 	border: 0px;	border-color: black;	border-style:solid; 
background-image:url('/images/snowflake.jpg');
	background-repeat: no-repeat;  	background-position: 50% 50%; 	background-color:orange;
}

div.button_menu {
	width: 70px;
	height: 14px;
	border: 0px;
	margin:0px;
}

div.bottom_menu {
	width: 84px;
	height: 14px;
	border: 0px;
	margin:0px;
}

div.copy {
	width: 168px;
	height: 14px;
	border: 0px;
	margin:0px;
}


div.button_menu>a>span, div.bottom_menu>a>span {
	visibility: hidden;
}

div#IEroot div.button_menu, div#IEroot div.bottom_menu {
	background-image: none; /*Don't bother with the rollover image if we're stuck in IE 6 */
}

div#IEroot div.button_menu span, div#IEroot div.bottom_menu span {
	visibility: visible; /* IE 6 is too stupid to understand visibility:hidden, but do this in case by some miracle a patch is produced */
}

div#IEroot div.button_menu span, div#IEroot div.bottom_menu span {
	margin-left: 0.2em;
	margin-right: 0.2em;
}

div.button_menu>a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1.5em;
}

div.bottom_menu>a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}

/**** 
**		Switching margin-bottom and margin-top for these two achieves the switch look
**		for the buttons
****/


div.button_child {
	display: none;
	/*min-height: 76px;*/
	/*max-width: 140px;*/
	min-width: 64px;
	border: thin solid #000;
	background: #fff;
	padding: 2px;
}

div.button_menu>div.button_child {
	position: absolute;
	margin-top: 0px;
	/*width: 82px;*/
	border-style: solid;
	/*border-top:0px;*/
}

/********
* Rollover effects
********/

div:hover>div.button_child, div:hover>div.button_child {
	display: block;
}

div.button_menu:hover {
	border: 0px;
}

/********
* Manipulation for specific nav items
********/
div#index_button_home {
	background: url(/images/index/home.png) no-repeat 0 0;
}

div#index_button_profile {
	background: url(/images/index/profile.png) no-repeat 0 0;
}

div#index_button_technology {
	background: url(/images/index/technology.png) no-repeat 0 0;
}

div#index_button_team {
	background: url(/images/index/team.png) no-repeat 0 0;
}

div#index_button_news {
	background: url(/images/index/news.png) no-repeat 0 0;
}

div#index_button_contact {
	background: url(/images/index/contact.png) no-repeat 0 0;
}

div#index_button_about {
	background: url(/images/index/about.png) no-repeat 0 0;
}
div#index_button_contact2 {
	background: url(/images/index/contact2.png) no-repeat 0 0;
}
div#index_button_sitemap {
	background: url(/images/index/sitemap.png) no-repeat 0 0;
}
div#copy{
	background:url(/images/copy.png) no-repeat 0 0;
}

div#index_button_home:hover {
	background-position: 0 -14px;
}




div#index_button_profile:hover {
	background-position: 0 -14px;
}



div#index_button_technology:hover {
	background-position: 0 -14px;
}



div#index_button_team:hover {
	background-position: 0 -14px;
}



div#index_button_news:hover {
	background-position: 0 -14px;
}



div#index_button_contact:hover {
	background-position:  0 -14px;
}

div#index_button_about:hover {
	background-position:  0 -14px;
}
div#index_button_contact2:hover {
	background-position:  0 -14px;
}
div#index_button_sitemap:hover {
	background-position:  0 -14px;
}

div#links a span {display: none;}

div#links a:hover span {display: block;
   position: absolute; top: 200px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}


</style>