/* CSS Document */
body{ background-color:#FFFFFF; margin: 0px auto; width:1024; background:url(images/lightbg.jpg) no-repeat;
background-size: 100%;}

.top_nav{text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 15px; margin-top:10px;}
#top_nav{margin-top:10px;}

/*
div#top_nav ul{float: left;
    padding:10px;
    list-style-type: none; margin-left:70px; text-decoration:none;}
	
div#top_nav li {
    display: inline; margin-right:50px; text-decoration:none;
}

div#top_nav a {
    float: left;
    width: 6em;
    text-decoration: none;
	color:#999999;
    background-color:#ffffff;
    padding: 0.2em 0.6em;
	border-radius: 5px;
    
}

div#top_nav a:hover {
    background-color: #ff0000;
}
*/


#nav{
    list-style:none;
    font-weight:bold;
    margin-bottom:0px;;
    float:left; /* Clear floats */
    width:100%;
    /* Bring the nav above everything else--uncomment if needed.
    position:relative;
    z-index:5;
    */
}
#nav li{
    float:left;
    margin-right:30px;
    position:relative;
}
#nav a{
    display:block;
    padding:5px;
    color:#000000;
    background-color:#ffffff;
	 text-decoration:none;
}
#nav a:hover{
    color:#fff;
    background:#666666;
    text-decoration: none;
}

/*--- DROPDOWN ---*/
#nav ul{
    background:#666666; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background:#ff0000; /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style:none;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:0; /* Bring back on-screen when needed */
}

}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background:#666666;
}

#nav ul{
    background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
  /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style:none;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background:#ff0000;
    text-decoration:none;
}

#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background:#ff0000;
}


div#top_nav a:active {
    background-color: #ff0000;
} 

#ab_naj{color: #CC0000; font-family:"Times New Roman", Times, serif; font-size: 36px; margin-right:0px; width:1020px; background-color: #009933; float:left;}
#wel_naj{color: #ffffff; font-family:"Times New Roman", Times, serif; font-size: 24px; margin-right:0px; width:1020px; background-color: #009933; float:left;}
#welcome_naj{ color:#ff0000; font-family:"Times New Roman", Times, serif; font-size: 24px; margin-right:0px; width:1020px; background-color:#ffffff; }
#welcome_naj p{ color:#545454; font-size: 14px; margin-left:30px;}

#content_box{ width:100%; color:#545454; background-color:#ffffff; height:200px; margin-right:50px; margin-left:70px;}

#company{background-color:#FFFFFF; color:#000000; height:200px; width:210px; margin-right:40px; float:left; margin-top:20px;}
#services{background-color:#FFFFFF; color:#ff0000; height:200px; width:210px; margin-right:40px; float:left; margin-top:20px;}
#industries{background-color:#FFFFFF; color:#ff0000; height:200px; width:210px; margin-right:40px; float:left; margin-top:20px;}
#careers{background-color:#FFFFFF; color:#ff0000; height:200px; width:210px; margin-right:20px; float:left; margin-top:20px;}

#content_box #company p{color:#545454; }
#content_box #services p{color:#545454; }
#content_box #industries p{color:#545454; }
#content_box #careers p{color:#545454; }

#company_head{background-color:#FFFFFF; color:#ff0000; height:40px; width:180px; margin-right:40px; float:left;}
#company_cont{background-color:#FFFFFF;  height:160px; width:180px; margin-right:40px; float:left; margin-top:0px;}
#services_head{background-color:#FFFFFF; color:#ff0000; height:40px; width:180px; margin-right:40px; float:left;}
#services_cont{background-color:#FFFFFF;  height:160px; width:180px; margin-right:40px; float:left; }
#industries_head{background-color:#FFFFFF; color:#ff0000; height:40px; width:180px; margin-right:40px; float:left;}
#industries_cont{background-color:#FFFFFF;  height:160px; width:180px; margin-right:40px; float:left;}
#careers_head{background-color:#FFFFFF; color:#ff0000; height:40px; width:180px; margin-right:40px; float:left;}
#careers_cont{background-color:#FFFFFF;  height:160px; width:180px; margin-right:40px; float:left;}

#effects{ margin-left:70px; background-color:#ffffff; height:300px; width:1020px;}

#accordion {width:400px; height:300px; margin-top:0px;}
#accordion p{
border:3px solid #000000;
padding:5px; float:left;

}


#accordion p:nth-child(odd){
background:#aaaaaa;
padding:5px;
}

#accordion p:nth-child(even){
background:#888888;
padding:5px;
box-shadow:3px 3px 3px #000000 insert; min-height:35px;
width:400px;
margin:0px;
 
}


#bot_menu{color:#ff0000; font-family:"Times New Roman", Times, serif; font-size: 24px; margin-right:0px; width:204px; background-color:#ffffff; margin-left:0px;}
#bot p{ color:#545454; font-size: 14px; margin-right:70px;}

#flex{color: #CC0000; font-family:"Times New Roman", Times, serif; font-size: 24px; margin-right:0px; width:200px; background-color: #ffffff; float:left; margin-top:10px;} 
#flex_con{ color:#ff0000; font-family:"Times New Roman", Times, serif; font-size: 24px; margin-right:0px; width:1020px; background-color:#ffffff; float:left;}
#flex_con p{ color:#545454; font-size: 14px; margin-left:30px;}

#pro_head{ color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-top:10px;}

#emp_login{height:240px; margin-bottom:20px;  margin-top:20px; width:900px; float:left;}

#form_bor{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#2b6c80;}
#msg{color:#993300; font-family:"Times New Roman", Times, serif}

#cre_emp{margin-left:0px; margin-top:50px;}
#emp_lab{margin-left:0px; margin-top:50px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
#sucess{margin-left:0px; margin-top:50px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}

/*#datepicker{float:left;}
#datepicker1{float:left;} 
*/