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

.accordion_menu{
margin: 20px 0 0 0;
padding: 0;
width: 670px; /*width of menu*/
}

.accordion_menu a.menuitem{
border-bottom:dotted 1px #565656;
font-size:18px;
font-weight:bold;
text-align:left;
color: #a6a6a6;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
padding:10px 0 10px 0;
text-decoration: none;
float:left;
width:100%;
}

.accordion_menu a.menuitem3{
font-size:18px;
font-weight:bold;
text-align:left;
color: #a6a6a6;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
text-decoration: none;
float:left;
width:100%;
}

.accordion_menu a.menuitem:visited, .accordion_menu .menuitem:active{
}

.accordion_menu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
float:right;
border: none;
padding-top:10px;
}

.accordion_menu div.submenu{ /*DIV that contains each sub menu*/
width:100%;
margin:20px 0 30px 0;
float:left;
}

.accordion_menu div.submenu2{ /*DIV that contains each sub menu*/
width:100%;
margin:20px 0 30px 0;
float:left;
}

.accordion_menu div.submenu ul{ /*UL of each sub menu*/
}

.accordion_menu div.submenu ul li{
}

.accordion_menu div.submenu ul li a{
}

.accordion_menu a.menuitem:hover {
	color:#3dc6ff;
}

/*------------RECRUIT------------*/
.recruit_A{
margin-top:10px;
width:140px;
float:left;
color:#3dc6ff;
text-align:left;
font-weight:bold;
}

.recruit_B{
margin-top:10px;
width:490px;
float:left;
color:#a6a6a6;
text-align:left;
}

/*------------SERVICES------------*/
#services_closed_box img{	
border:none;
}

#services_closed_box a{
	display: block;
	width:100%;
	height:100%;
}

a.menuitem2{
height:75px;
text-align:left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
text-decoration: none;
margin:1px 1px 0 0;
float:left;
width:100%;
background:url(../images/transparent_pixel.png) repeat;
}

a.menuitem2 .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
float:right;
border: none;
padding:35px 35px 0 0;
}

a.menuitem2:hover {
background-color:#000;
}

#services_text {
width:600px;
margin-left:35px;
border-top:1px dotted #565656;
padding:20px 0 20px 0;
color:#a6a6a6;
}

a.menuitem3{
height:56px;
text-align:left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
text-decoration: none;
margin:1px 0 0 0;
float:left;
width:100%;
background:url(../images/transparent_pixel.png) repeat;
color:#FFF;
}

a.menuitem3 .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
float:right;
border: none;
padding:25px 35px 0 0;
}

a.menuitem3:hover {
background-color:#000;
}

/*------------LAB------------*/
.labVideo{
padding:10px 0 0 20px;
background:url(../images/transparent_pixel.png) repeat;
}

.projectInfo{
padding:20px;
color:#a6a6a6;
text-align:left;
background:url(../images/transparent_pixel.png) repeat;
}