/*Website CSS*/


.technology{
cursor: hand;
cursor: pointer;
font: bold 14px Arial;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color:  #ffcc00;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color:  #ffffff;
}


img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

div#header {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: fixed; 

	/* These have no effect on the functionality */
	width: 910px;
	position: relative;
	margin: 0 auto;
	padding: 0px;
	font-family: helvetica, arial, sans-serif;
	font-size: 10pt;
	
}

div#contentbg {
	width: 870px;
	position: relative;
	margin: 0 auto;
	padding: 0px;
	background: #fff;
	filter:alpha(opacity=75); /* IE's opacity*/
    opacity: 0.75;
	-moz-box-shadow: #000 4px 4px 10px;
	-webkit-box-shadow: #000 4px 4px 10px;
	-webkit-border-radius: 15px;
}
	

div#content {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	 

	/* These have no effect on the functionality */
	
	font-family: helvetica, arial, sans-serif;
	font-size: 10pt;
	line-height: 16pt;
}

div#contentbg {
	background: #fff;
	filter:alpha(opacity=75); /* IE's opacity*/
    opacity: 0.75;
	}

body {
	/* These rules have no effect on the functionality */
	/* They are for styling only */
	margin: 0;
	padding: 20px 0 0 0;
}