/* contains main site styles and homepage styles - page_styles.css contains all other styles.*/
body { color: #fff; background-color: #001a35; font-size: 12pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 0; padding: 0 }

.hidden { display: none; line-height: 0;}
.clear   { clear: both }

.style5 {font-size: 12px}
.style7 {color: #009FC6}

b {color:#fff; font-weight: normal;}

p {}
td {}

div#master_wrapper { margin: 0 auto; padding: 0; width: 1000px; }

a#home_link_top { margin: 32px 35px 32px 35px; padding: 0; text-decoration: none; background-image: url("../images/lucidnetworks_logo.png"); background-position: 0 0; background-repeat: no-repeat; display: block; width: 138px; height: 42px;}
a#home_link_top:hover { text-decoration: none; }

/* now for navigation styles (based on suckerfish dropdown menu) */
div#navigation { margin: 0; padding: 0; 
  height: 38px;
  padding: 0 0 0 201px;
  background-image: url("../images/menu_fade.jpg"); background-position: 0 0; background-repeat: no-repeat;
 }
div#navigation ul {
  padding: 0 50px 0 0;
  margin: 0;
  list-style: none;
  color:#fff;
  background-image: url("../images/menu_backgrd.gif"); background-position: 0 0; background-repeat: repeat-x;
  height:38px;
  }
div#navigation li { /* top level */ 
  float: left;
  position: relative;
  margin: 0;
  padding: 0; }

/* top level images - standard backgrounds and hover background in the same image top and bottom */
div#navigation li a { display: block; height: 38px; width:100px; }
div#navigation li a:hover { }

div#navigation li a#home_button { background-image: url("../images/home_button.gif"); background-position: left bottom; background-repeat: no-repeat; }
div#navigation li a#home_button:hover { background-image: url("../images/home_button.gif"); background-position: left top; }

div#navigation li a#aboutus_button { background-image: url("../images/about_button.gif"); background-position: left bottom; background-repeat: no-repeat; }
div#navigation li a#aboutus_button:hover { background-image: url("../images/about_button.gif"); background-position: left top; }

div#navigation li a#ourservices_button { background-image: url("../images/ourservices_button.gif"); background-position: left bottom; background-repeat: no-repeat; }
div#navigation li a#ourservices_button:hover { background-image: url("../images/ourservices_button.gif"); background-position: left top; }

div#navigation li a#support_button { background-image: url("../images/support_button.gif"); background-position: left bottom; background-repeat: no-repeat; }
div#navigation li a#support_button:hover { background-image: url("../images/support_button.gif"); background-position: left top; }

div#navigation li a#news_button { background-image: url("../images/news_button.gif"); background-position: left bottom; background-repeat: no-repeat; }
div#navigation li a#news_button:hover { background-image: url("../images/news_button.gif"); background-position: left top; }

div#navigation li a#casestudies_button { background-image: url("../images/casestudies_button.gif"); background-position: left bottom; background-repeat: no-repeat; }
div#navigation li a#casestudies_button:hover { background-image: url("../images/casestudies_button.gif"); background-position: left top; }

div#navigation li a#recruitment_button { background-image: url("../images/recruitment_button.gif"); background-position: left bottom; background-repeat: no-repeat; }
div#navigation li a#recruitment_button:hover { background-image: url("../images/recruitment_button.gif"); background-position: left top; }

div#navigation li a#contactus_button { background-image: url("../images/contactus_button.gif"); background-position: left bottom; background-repeat: no-repeat; }
div#navigation li a#contactus_button:hover { background-image: url("../images/contactus_button.gif"); background-position: left top; }

div#navigation ul#nav li a.active { background-position: left top;}

#nav li li a {
	display: block;
	}

div#navigation li ul {  /* submenu */
  display: none;
  position: absolute;
  height: 24px;
  top: 100%; /* 1em */
  left: 0;
  margin: 0;
  padding: 8px 0 0 0;
  color: #001a35;
  background-color: #fff;
  background-image: url("../images/submenu_top.gif");
  background-position: top left;
  background-repeat: repeat-x;
  font-size: 80%;
  }
div#navigation li ul li { width:170px; padding: 0; margin: 0; color: #001a35; background-color: #fff; background-image: url("../images/submenu_dash.gif"); background-position: bottom left; background-repeat: repeat-x; }
div#navigation li ul li.last { padding-bottom: 7px; background-image: url("../images/submenu_bottom.gif"); background-position: bottom left; background-repeat: repeat-x;  }
div#navigation li ul li a { height: 1.5em; margin: 0; padding: 5px 0 0 5px; text-decoration: none; width: 100%; color: #001a35; }
div#navigation li ul li a:hover { text-decoration: none; color: #00aeef; }
div#navigation li ul li a.active { color: #00aeef;} 

div#navigation li > ul {  /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	}
#nav li li {
	display: block;
	float: none;
	}
div#navigation li:hover ul { display: block; }  /* lists nested under hovered list items */
div#navigation li.over ul { display: block; }   /* lists nested under hovered list items */
/* end of navigation styles */

/* homepage styles */
	#content {
	  width: 700px;
	  padding-left: 40px;
	  padding-right: 10px;
	  padding-top: 10px;
	  float: left;
	  }
		
	#content p {
	  padding-bottom: 10px;
	  border-bottom: 1px solid #DDDDDD;
	  }

	  #sidebar {
 	  width: 225px;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  float: right;
	  }

 	#sidebar p {
	  padding-bottom: 10px;
	  border-bottom: 1px solid #DDDDDD;
	  }

	  	a img{
	  border: none;
	  }

	img.left,img.center,img.right {
	  padding: 4px;
	  border: 1px solid #a0a0a0;
	  }

	img.left {
	  float: left;
	  margin: 0 12px 5px 0;
	  }

	img.center {
	  display: block;
	  margin: 0 auto 5px auto;
	  }

	img.right {
	  float: right;
	  margin: 0 0 5px 12px;
	  }
	  
	  home-h1 {
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-weight: normal;
	  font-size: 32px;
	  color: #fff;
	  margin-bottom: 30px;
	  }
		
	  home-h2 {
	  color: #009FC6;
	  font-size: 16px;	  
	  font-weight: bold;
	  font-family: Arial, Helvetica, sans-serif;
	  }
	  
  	  home-h3 {
	  color: #fff;
	  font-size: 12px;
	  font-family: Arial, Helvetica, sans-serif;
	  }

/* end of homepage styles */


	  
/* now for homepage styles */

p.strapline { display: block; width: 900px; text-align: right; font-size: 180%; margin-top: 30px; font-family: Gill Sans, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;}
p#homepage_contact { display: block; width: 800px; text-align: center; font-size: 150%; color: #00aeef; margin-top: 30px; padding-top: 20px; font-weight: lighter;  font-family: Gill Sans, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;}
p#homepage_contact a { color: #00aeef; text-decoration: none; }
p#homepage_contact a:hover { text-decoration: underline; }

/* our four homepage featured items */
div#featured_headers { margin: 0; padding: 0 0 0 25px; background-color: #6d6e71; font-size: 105%; height: 3.3em; font-family: Gill Sans, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;}
div#featured_headers h2 { margin: 0 0 0 10px; padding: 0; float: left; font-size: 105%; text-align: right; font-weight: normal;}
div#featured_headers a { margin: 0; padding: 3px 5px 0 0; display: block; width: 180px; height: 3em; background-color: #fff; color: #001a35; text-decoration: none; }
div#featured_headers a:hover { color: #00aeef; text-decoration: none; }

div#featured_images { margin: 0; padding: 0 0 0 25px; _padding-left:35px; background-color: #001a35; clear: left; }
div#featured_images a { margin: 0; padding: 0; float:left;}
div#featured_images a:hover { text-decoration: none; }
div#featured_images img { margin: 0 0 0 10px; padding: 0; border: 5px solid #fff; width: 175px; height: 175px; }
/* end of featured styles */

/* end of homepage styles */