@CHARSET "UTF-8";

/*****************
do a reset
********************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

introduction{


}


/******************
 global style
*******************/
html {
	width:auto;
	height:100%;

	}


 body{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	
	margin:0 0 1px; height:100%; 
	line-height: 1.5;

}

p {
	margin-bottom:7px;

	}
a{
}


a:link {color:#00FF00;}    /* unvisited link */
a:visited {color:#660066;} /* visited link */
a:hover {color:#FF00FF;}   /* mouse over link */
a:active {color:#0000FF;}  /* selected link */



/*************************************
Links
***************************************/



/*****************************
	Heading styles
*****************************/


h1, h2, h3, h4, h5, h6 {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: normal;
	position:relative;	

}


h1{
	font-size: 40px;
	font-weight:bold;
	line-height:0.9;
	color:#000047;
	margin-bottom:10px;
	margin-top:30px;
	padding-bottom:10px;
	text-align: center;
	vertical-align:center;


	}
	
h2{
	font-size: 30px;
	font-weight:bold;
	line-height:0.9;
	color:#000047;
	margin-bottom:15px;
	margin-top:20px;
	text-align: center;
	vertical-align:center;

	}
	
h5{
	font-size: 25px;
	font-weight:bold;
	line-height:0.9;
	color:#ADADFF;
	margin-bottom:15px;

	text-align: left;
	vertical-align:center;
	text-decoration:underline


	}

	h3{
	font-size: 25px;
	font-weight:bold;
	line-height:0.9;
	color:#ADADFF;
	margin-bottom:15px;
	margin-top:15px;
	text-align: left;
	vertical-align:center;
	text-decoration:underline


	}

h4{
	font-size: 12px;
	text-align: center;
	background:transparant;
	color:#B2B2CC;
	font-style:italic


	}
/**************************
	TITLES
***************************/

.myTitle {

	position: relative;
	float: left;
	width:100%;
	margin: 0 auto;
	margin-top:6%;
	margin-bottom:30px;
	background-color:rgba(27,194,250,0.5) ;
	border:3px solid #000066;
}

.mySubTitle {

	position: relative;
	float: left;
	width:100%;
	margin: 0 auto;
	margin-top:6%;
	margin-bottom:30px;
	background-color:rgba(27,194,250,0.5) ;
	border:3px solid #000066;
}

/*************************
	Containers
**************************/

#container, #container_left, #container_right{
	position: relative;
	width:auto;
	
	
	}
	#container{
			position:relative;
			width:1100px;
			margin:0 auto;
			background-color:transparant;
			min-height:100%;
			height:100%
			
}


.grp1 {
	text-align: left;
	vertical-align:top;
	float: left;
	width: 20%;
	height:8%;
	position: relative;
	background-color: transparant ;	
	margin-bottom:0px;
	margin-left:-10%;
	margin-top:-5%;

	
}

.grp2 {
	position: relative;
	width:84%;
	float:right;
	background:transparant;
	margin-bottom:1%;
	



	}

.grp3 {
	
	height: 300px;
	width:100%;
	
	margin-top:20px;
	position: relative;
	text-align: center;
	background:transparant;

	

	

	}
	
	.grp4 {

	height: 50%;
	margin-right:15px;
	margin-top:5%;
	margin-left:15px;
	position: relative;
	text-align: left;
	background:transparant;
	color:#B2B2CC;

font-family:"ZapfChan Md BT";	
font-style: italic;
font-size: 24px;
font-weight:bold;

	

	

	}
	
	.grp5 {
	font-size: 15px;
	margin-bottom:50px;
	margin-top:0%;
	margin-left:15px;
	margin-right:15px;
	position: relative;
	text-align: left;
	background:transparant;
	color:#B2B2CC;
	}

.grp6{

	height: 100%;
	margin-right:15px;
	margin-left:15px;
	margin-top:5px;
	margin-bottom:5px;
	position: relative;
	text-align: center;
	background:transparant;
	color:#B5D4EB;

	font-family:"ZapfChan Md BT";	
	font-style: italic;
	font-size: 15px;
	font-weight:bold;
}	



/*****************************
	Holders
*****************************/


.holder_tot {
	height: 100%;
    position:relative;
	float: left;
	width:100%;	
	margin-left:0%;
	background-color:transparant;

}

.holder_con1 {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 auto;
	margin-top:6%;
	margin-bottom:30px;
	background-color:#1A3380;


}



.holder_con2 {
	position:relative;
	float: left;
	width:20%;
	height: auto !important; 
    min-height: 100%; 
    height: 100%;
	background-color:#1A3380;
	

}


.holder_con3 {

    height: auto;
    position:relative;
	float: right;
	width:78%;	
	margin-left:0%;
	background-color:rgba(28,31,214,0.5) ;

 }
 
 .holder_con4 {

    height: 50px;
    margin-top:15px;
    position:relative;
	width:78%;	
	float:right;
	background-color:#1A3380;


 }

.holder_con5 {

    height: 800px;
    position:relative;
	float: left;
	width:50%;	
	margin-left:0%;
	background-color:transparant ;

 }
	
.holder_con6{

    height: 800px;
    position:relative;
	float: right;
	width:50%;	
	margin-left:0%;
	background-color:transparant ;

 }
	
	

	
/**************************
BUTTONS
*************************/
.mybutton {

	border:3px solid #000066;	
	height:66px;
	width:100%;
	margin-top:2%;
	background-color:#80B2FF;
	font-size:14px;
	font-weight:bold;
	color:#000066;
	cursor:pointer;
}
	.mybutton:hover {background-color:#2952CC;}

.mybutton2 {

	border:3px solid #000066;	
	height:40px;
	width:80%;
	float:right;
	margin-right:10%;
	margin-top:2%;
	background-color:#00FFFF;
	font-size:12px;
	font-weight:bold;
	color:#000066;
	cursor:pointer;
}
	.mybutton2:hover {background-color:#2952CC;}

.mybutton3 {

	border:3px solid #000066;	
	height:40px;
	width:40%;
	float:left;
	margin-right:10%;
	margin-top:2%;
	background-color:#00FFFF;
	font-size:12px;
	font-weight:bold;
	color:#000066;
	cursor:pointer;
}
	.mybutton3:hover {background-color:#2952CC;}

.mybuttonCode {

	border:3px solid #000066;	
	height:50px;
	width:auto;


	margin-top:2%;
	background-color:#0033CC;
	font-size:12px;
	font-weight:bold;
	color:#000066;
	cursor:pointer;
}
	.mybuttonCode:hover {background-color:#2952CC;}

	.MyTop {
	color:#737877;
	
	}
	
/***********************
CANVAS
************************/



	
	
#homeback{
   width:50%;
   height:auto;
   
   image:url("images/robot1.jpg");
   
   
}