/* 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 }

b {color:#00aeef; 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; }

a#banner_link { margin-left: auto; margin-right: auto; background-image: url("../images/voip-banner.gif")}

/* 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#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 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#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#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#prices_button { background-image: url("../images/prices_button.gif"); background-position: left bottom; background-repeat: no-repeat; }
div#navigation li a#prices_button:hover { background-image: url("../images/prices_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 */


/* common footer styles */
div#footer { margin: 20px 0 20px 0; padding: 0; background-color: #fff; height: 70px; }
div#partner_logos { margin: 0 0 0 5px; padding: 0; width: 650px; float: left;}
div#partner_logos img { margin: 0; padding: 0; border: 0; }
div#partner_logos a { margin: 7px 5px 5px 5px; padding: 0; float: left; }
div#footer a#footer_homelink { margin: 10px; padding: 0; display: block; float: left; width: 138px; height: 42px;  background-image: url("../images/lucidnetworks_logo.png"); background-position: 0 0; background-repeat: no-repeat;}
/* end of footer 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 */