body {
font-family: Tahoma, Verdana;
font-size:11px;
color:#000;
margin:0;
padding:0;
text-align:center;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* ********************** */
/* ********************** */
/* ********************** */

/*GLOBAL STYLES */

li {
	list-style:none;
	margin:0;
	padding:0;
	}

ul {
	padding:0;
	}

a {
	color:#000;
	text-decoration:none;
	}

li, a { behavior: url(include/iepngfix.htc) }


/* ********************** */
/* ********************** */
/* ********************** */

/* MAIN CONTAINER */

#container {
	text-align:left;
	width:840px; /* was 835px */
	margin:0 auto;
}

#containersm {
	text-align:left;
	width:404px; /* was 400px */
	margin:0 auto;
}

/* ********************** */
/* ********************** */
/* ********************** */

/*=========== TOP NAV ==========*/
#topnav 
{
	margin-top: 16px;
}

#topnav ul 
{
	margin:5px 0 0 0;
	padding:0;
}
	
#topnav li 
{ 
	float:right; 
	margin:0 0 0 20px; 
	font-size:8px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; }

#topnav a 
{ 
	color:#999; 
	text-transform:uppercase; 
	letter-spacing: 1px; 
}

#topnav a:hover 
{ 
	color: #ff8a22; 
	text-transform: uppercase; 
}

/* ********************** */
/* ********************** */
/* ********************** */

/*HEADER */

#header  
{
	font-family:verdana; font-size:9px; margin-bottom:14px; margin-left: -14px; 
}

#header img {
	float:left;
	}

/**********************	*/
#nav {
	border-left:1px solid orange;
	padding-left:60px;
	float:left;
	margin:0px 0 0 0;
	padding-top:14px;
	padding-bottom:14px;
	
	/* added for testing */
	/* this affects the left margin for horizontal menu at top */
	/* it does not affect the spacing between horizontal menu elements */
	padding-left:50px;
	}

#nav li a {
	display:block;
	padding:2px 5px;
	text-transform:uppercase;
	}

#nav li {
	margin-right:25px;
	float:left;
	padding:0px 0;
	/* added for testing */
	/* this affects the spacing between horizontal menu elements */
	margin-right:20px;
	}

#nav li#members {
	padding:0 0 0 8px;
	background:url(images/header/lock.jpg) 2px 50% no-repeat;

	}

/**********************	*/

#nav li {
	position:relative;
	border:1px solid #fff;
	border-bottom:0;
	z-index:2000;
	}

/* reset all subnav styles */
#nav ul {
	position:absolute;
	top:15px;
	width:160px;
	left:-2000px;
	margin:0;
	background:#fafafa;
	border:1px solid #999;
	z-index:2000;
	}

#nav ul li, #nav ul li a {
	border:0;
	margin:0;
	padding:0;
	background:none;
	display:block;
	text-align:left;
	width:160px;
	}

#nav ul li {
	margin:0;
	padding:0;
	}

#nav ul li#dropshadow {
	display:none;
	}

#nav ul li a {
	padding:5px 0 5px 10px;
	text-transform:none;
	background:none;
	width:150px;
	}
	
#nav ul li a:hover {
	background:url(images/nav/rollover-bg.jpg) top left repeat-x #fafafa;
	color:#fff;
	}

#nav li {
	border:1px solid #fff;
	border-bottom:0;
	}


/**********************	*/



#nav li:hover, #nav li.sfhover {
	border:1px solid #999;
	border-width:1px 1px 0;
	}

#nav ul li:hover, #nav ul li.sfhover {
	border:0;
	}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -2000em;
	}

/* lists nested under hovered list items */
#header #nav li:hover ul, #header #nav li li:hover ul, #header #nav li.sfhover ul, #nav li li.sfhover ul {
	left: -1px;
	}

/* ********************** */
/* ********************** */
/* ********************** */


/*INDEX
	This is the homepage */

#index {
	background:url(images/index/bg.jpg) top left no-repeat;
	position:relative;
	z-index:1;
	}

#t1, #dsl {
	position:relative;
	float:left;
	display:inline;
	width:262px;
	margin-top:315px;
	padding-top:10px;
	background:url(images/index/top-fade.jpg) top left no-repeat;
	}

#t1 {
	margin-left:30px;
	margin-right:30px;
	}

/* obsolete */
#iframes {
	position:relative;
	float:left;
	display:inline;
	width:530px;
	margin-top:315px;
	padding-top:10px;
	margin-left: 25px;
	}

#t3 {
	padding-top:5px;
	float:left;
	/* display:inline;   RG20090729 removed */
	width:237px;
	/* height:221px;   RG20090729 replaced */
	/* height:260px; */
	margin-top:235px;
	margin-left:0;
	margin-bottom:5px;
	background-attachment:fixed;
	background:url(images/index/t3_bg.jpg) repeat-y top left;	/* RG20090729 new img file */
	}



#t1 h1, #t1 h2, #dsl h1, #dsl h2 {
	display:inline;
	}

#t3 h1, #t1 h1, #dsl h1 {
	font-size:14px;
	margin:0px 0px 5px 20px;
	}

#t1 h2, #dsl h2 {
	font-size:10px;
	margin:5px 10px 5px 10px;
	}

#links a {
	color:#666;
	}

#index a.findout {
	display:block;
	position:absolute;
	top:9px;
	right:5px;
	padding:3px 0px 3px 24px;
	margin:0;
	background:url(images/index/arrow.png) left center no-repeat;
	color:#666;
	font-style:italic;
	}

#t3 a {
	/* background:url(images/index/arrow.png) 0% 50% no-repeat;       RG20090729*/
	/* display:block; */
	width:120px;
	height:20px;
	padding:4px 0 0 23px;
	color:#666;
	}

#t3 #alivechat a{
	width:120px;
	text-align: center;
	padding:0 0 0 0;
	color:#666666;
}


#t1 p, #dsl p {
	font-size:9px;
	margin:5px 20px;
	color:#666;
	}

#t3 p {
	font-size:12px;
	margin:5px 20px;
	color:#666;
	}


#iconlink a {
	background:url(images/index/arrow.png) 0% 50% no-repeat;
	display:block;
	width:120px;
	height:20px;
	padding:4px 0 0 23px;
	color:#666;
	}

#iconlink2 a {
	background:url(images/index/arrow.png) 0% 50% no-repeat;
	display:block;
	width:320px;
	height:20px;
	padding:4px 0 0 23px;
	color:#666;
	}

#t3 a:hover, #t1 a:hover, #dsl a:hover, #iconlink a:hover, #iconlink2 a:hover {
	color:#FF8C40;
	}

#index img {
	display:block;
	margin:0 auto;
	}

p.boxed {
	border:1px solid #000;
	background:#fff;
	color:#000;
	font-size:16px;
	padding:4px;
	text-align:center;
	font-weight:bold;
	}

#t3 p span {
	font-size:8px;
	color:#666;
	}

a#signup {
	display:block;
	height:29px;
	width:189px;
	margin:0 auto;
	background:url(images/index/signup.jpg) center no-repeat;
	}

a#signup1000 {
	display:block;
	height:29px;
	width:189px;
	margin:0 auto;
	background:url(images/index/signup1000.jpg) center no-repeat;
	}

a#signup span, a#signup1000 span, a#findoutmore span, a#contactus span {
	display:none;
	}

a#signup:hover { background-image: url(images/index/signup-over.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

a#signup1000:hover { background-image: url(images/index/signup1000-over.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

a#findoutmore {
	display:block;
	height:29px;
	width:189px;
	margin:0 auto;
	background:url(images/index/findoutmore.jpg) center no-repeat;
	}

a#findoutmore:hover { background-image: url(images/index/findoutmore-over.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

a#contactus {
	display:block;
	height:42px;
	width:196px;
	margin:0 auto;
	background:url(images/index/contactus_button.jpg) center no-repeat;
	background-position: 1px 1px; 
}

a#contactus:hover 
{ 
	height:42px;
	width:196px;
	
	background-image: url(images/index/contactus_button-hover.jpg); 
	background-repeat: repeat; 
	background-attachment: scroll; 
	background-position: 1px 1px; 
}

/*BS LIST */

#bswrapper {
	position:absolute;
	top:60px;
	left:0;
	}

#bs {
	margin:0;
	padding:0;
	position:relative;
	width:228px;
	border-bottom:1px solid white;
	}

#bs li { border-top:1px solid white; height:16px; width:228px; }
#bs li a { font-size:11px; line-height:140%; color:#fff; font-family:Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; display:block; padding:0px 0 0px 22px; width:206px; }

#bs li a:hover {
	background:#fff;
	color:#FF8C40;
	}

#bs li:hover {
	background:#fff;
	color:#FF8C40;
	}

#bs li ul li { width: 340px; border-top: 1px dotted white; }
#bs ul {
	position:absolute;
	left:-2000px;
	top:-10px;
	width:372px;
	height:151px;
	background:url(images/index/rollover/bg.jpg) top left no-repeat;
	border:0;
	}

#bs ul li { border:0; font-size:12px; color:#666; font-family:Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height:16px; margin:10px 20px 0; }

#bs ul li a {
	position:absolute;
	color:#666;
	font-style:italic;
	left:220px;
	top:105px;
	background:url(images/index/arrow.png) right center no-repeat;
	width:auto;
	padding-right:30px;
	font-size:10px;
	}
#bs ul li a:hover {
	background:url(images/index/arrow.png) right center no-repeat;
	}

#bs li:hover ul, #bs li.sfhover ul {
	left:225px;
	margin:0;
	padding:0;
	}



.index-title { position:absolute; top:0; left:0; margin:0; padding:8px 0 0 15px; font-size:14px; color:#fff; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight:normal; }



/* ********************** */
/* ********************** */
/* ********************** */

/*CONTENT
	This is the main div that contains sidebar, and maincontent */

#content {
	border-bottom:1px dotted gray;
	border-left:1px dotted gray;
	border-right:1px dotted gray;
	}


/* ********************** */
/* ********************** */
/* ********************** */

/*BANNER
	use the following classes to change the background image of the banner */

#banner { top: 0; left: 0; right: 0; bottom: 0; height:80px; margin-top: -10px; margin-bottom:5px; margin-left:6px; padding-left: 12px; }
#banner ul { position: relative; top: 30px;}
#banner ul li { color: white; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 120%;}
#banner ul li ul li { color: white; font-size: 22px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 120%; margin-top: -30px; }
/* obsolete */
.tools {
	background:url(images/banner/tools.jpg) top right no-repeat;
	}
/* used for all non-metricfiber and non-voip pages */
.company {
	background:url(images/banner/fm_banner.jpg) top right no-repeat;
	}
/* obsolete */
.solutions {
	background:url(images/banner/solutions.jpg) top right no-repeat;
	}
/* obsolete */
.members {
	background:url(images/banner/members.jpg) top right no-repeat;
	}
/* used for all metricfiber pages */
.metricfiber 
{
	background:url(images/banner/metricfiber.jpg) top right no-repeat;
}
/* used for all voip pages */
.voipbanner 
{
	background:url(images/banner/voipbanner.jpg) top right no-repeat;
}

/* just for test purposes */
.metricfiber2 
{
	background:url(images/banner/metricfiber2.jpg) top right no-repeat;
}

/* ********************** */
/* ********************** */
/* ********************** */

/*MAIN CONTENT
	this is floated right so the content will be closer to the top of the document.  Main content contains the all the text and related items  */

#main-content {
	float:right;
	display:inline;
	width:697px; /* was 692 */
	margin-left:-690px;
	border-left:1px dotted gray;
	}



/* ********************** */
/* ********************** */
/* ********************** */

/* INFORMATION
	contains the text area for each item.  It is floated left inside of main-content */

#spacer {
	position:relative;
	height:10px;
	}

#links a {
	color: #3333FF;
	}

#links a:hover {
	color:#CC0000;
	}

#information {
	width: 561px; /* was 559px */
	float:left;
	border-right:1px dotted gray;
	padding-top:12px;
	}

#information h1 {
	font-size:11px;
	margin-top:0px;
	margin-bottom:0;
}

#information h2 {
	font-size:13px;
	margin-top:0px;
	margin-bottom:0;
}

#information h3 {
	font-size:15px;
	margin-top:0px;
	margin-bottom:0;
}

#information p {
	font-size:11px;
	line-height:13px;
	margin-top:5px;
	}

#information ul {
	list-style-type:circle;
	padding: 0;
	margin: 0;
	}

#information li {
	line-height:9.5px;
	margin-left:13px;
	padding-top:5px;
}

.article {
	margin-bottom:20px;
	}

.article a:hover {
	background:#fff;
	color:#FF8C40;
}

.column {
	width:245px;
	margin:0 10px 0 20px;
	float:left;
	display:inline;
	}

.fullcolumn {
	width:520px;
	margin:0 10px 0 20px;
	float:left;
	display:inline;
	}

#infoboxheader	{
	position:relative;
	background:url(images/info/infoboxcaption.png) top left no-repeat;
	position:relative;
	height:113px;
	}

#infoboxheader2	{
	position:relative;
	background:url(images/info/prioritized.gif) top left no-repeat;
	position:relative;
	height:113px;
	}

#infoboxheader3	
{
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 10px;
	position:relative;
	background:url(images/info/infoboxcaption.png) top left no-repeat;
	position:relative;
	height:170px;
	}

#infoboxheader h2 {
	margin-left:13px;
	line-height:15px;
	}

#infoboxheader p {
	font-size:11px;
	margin-left:13px;
	padding-right:10px;
	line-height:19px;
	}

#infobox1 {
	position:relative;
	display:inline;
	float:left;
	width:275px;
	height:231px;
	padding-top:3px;
	background:url(images/info/infobox1.png) top left no-repeat;
	}

#infobox2 {
	position:relative;
	display:inline;
	float:left;
	width:240px;
	height:231px;
	padding-top:6px;
	background:url(images/info/infobox2.png) top left no-repeat;
	}

#infobox3 {
	clear:both;
	width:300px;
	height:50px;
	background:url(images/info/infobox3.jpg) top left no-repeat;
	}



/* RG20100304 - infobox275 is identical to infobox1 except that no background url. */

#infobox275 {
	position:relative;
	display:inline;
	float:left;
	width:275px;
	height:221px;
	padding-top:3px;
	}



/* RG20100304 - infobox225 identical to infobox2 except that no background url. */

#infobox225 {
	position:relative;
	display:inline;
	float:left;
	width:225px;
	height:221px;
	padding-top:6px;
	}





#infobox1 h2, #infobox2 h2, #infobox3 h2 {
	margin-left:10px;
	margin-right:10px;
	line-height:13px;
	}

#infoboxbig li {
	margin=left:10px;
	margin-right:10px;
	font-size:12px;
	line-height:16px;
	}

/* ********************** */
/* ********************** */
/* ********************** */

/*RELATED SERVICES
	sidebar div.  is floated left.*/
#related-services {
	width:135px; /* was 132px */
	float:right; /* formerly was float:left */
	}

#related-services h2 {
	font-size:9px;
	background:url(images/sidebar/h2bg.jpg) bottom left repeat-x;
	line-height:16px;
	color:#fff;
	margin:0;
	padding-left:5px;
	}
#related-services li {
	width:135px; /* was 132px */
	}
#related-services li a {
	display:block;
	padding:6px 0px 6px 25px;
	border:1px dotted gray;
	border-width:1px 0 0;
	text-decoration:none;
	color:#000;
	font-size:9px;
	background:url(images/related-services/arrow.gif) 5px 50% no-repeat;
	}
#related-services li a:hover { background-color:#e8f5ff; background-position: 7% 50%; }
#related-services ul {
	margin:0;
	border-bottom:1px dotted gray;
	}
/* ********************** */
/* ********************** */
/* ********************** */

/*SIDEBAR
	The main sidebar.  */
/* ********************** */
#sidebar {
	width:140px;
	}
#sidebar h2.on { font-size:9px; line-height:16px; color:#fff; background-image: url(images/sidebar/h2bg.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; margin:0; padding-left:5px; border-top: 1px solid white; }
#sidebar h2 { font-size:9px; line-height:16px; color:#fff; background-image: url(images/sidebar/h2bgoff.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; margin:0; padding-left:5px; border-top: 1px solid #fff; }
#sidebar h2 a { color: #fff; font-size: 9px; line-height: 16px; background-image: url(images/sidebar/h2bgoff.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; margin: 0; padding-left: 5px; border-top: 1px solid #fff; }
#sidebar h2 a:hover { color: #eff9ff; font-size: 9px; line-height: 16px; background-image: url(images/sidebar/h2bgoff.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; margin: 0; padding-left: 5px; border-top: 1px solid #fff; }
#sidebar li { font-size:9px; margin:0; padding:0; width:140px; border-style: none; }
#sidebar li a {
	display:block;
	padding:6px 20px;
	border:1px dotted gray;
	border-width:1px 0 0;
	text-decoration:none;
	color:#000;
	background:url(images/sidebar/arrow.gif) 5% 50% no-repeat;
	}
#sidebar li a:hover { background-color: #e8f5ff; background-repeat: no-repeat; background-attachment: scroll; background-position: 7% 50%; }
#sidebar ul {
	border-bottom:1px dotted gray;
	margin:0;
	}
#sidebar li.on a { display:block; padding:6px 20px; border-width:1px 0 0; text-decoration:none; color:#aca4a2; background:#e8f5ff url(images/sidebar/arrow.gif) no-repeat 95% 50%; border-color: gray; border-style: dotted;;
	}
#sidebar li.on a:hover { background-color: #e8f5ff; background-repeat: no-repeat; background-attachment: scroll; background-position: 95% 50%; }
/* ********************** */
/* ********************** */


/*QUOTE
	Contains styles for the quote */

#quote {
	margin-top:60px;
	}
#quote p {
	font-weight:bold;
	line-height:16px;
	font-size:10px;
	font-style:italic;
	padding:0 5px;
	margin-bottom:12px;
	}

#quote p.quoted {
	font-weight:normal;
	font-style:normal;
	line-height:10px;
	margin:0;
	font-size:9px;
	}


/* ********************** */
/* ********************** */
/* ********************** */

/*SEND-A-LINK
	Styles for the little box to send a link */
#send-a-link {
	float:right;
	border:1px dotted gray;
	border-top:0;
	margin-bottom:10px;
	font-size:9px;
	width:132px;
	}
#send-a-link p {
	margin:0;
	}
#send-a-link a {
	display:block;
	background:url(images/send-a-link/icon.gif) 5px 50% no-repeat;
	padding:4px 0px 4px 20px;
	}
#send-a-link a:hover { background: #e8f5ff url(images/send-a-link/icon-over.gif) no-repeat 4px 50%; display: block; padding: 4px 0 4px 20px; }
/* ********************** */
/* ********************** */
/* ********************** */

/*FOOTER */

#footer {
	border:1px dotted gray;
	border-width:1px 0;
	clear:both;
	padding:10px 0;
	background:url(images/footer/logo.jpg) left center no-repeat;
	}
#footer ul {
	margin:0;
	margin-left:180px;
	clear:left;
	height:14px;
	}
#footer li { float:left; margin:2px 5px; font-size:9px; color:#b6b6b6; font-family: arial, helvetica, sans-serif; }
#footer li a {
	float:left;
	font-size:9px;
	color:#b6b6b6;
	}
#footer li a:hover { color: #ff8a22; font-size: 9px; float: left; }
#footer li.rowheader { color: #676454; width:85px; text-align:left; }
*/

/* ********************** */
/* ********************** */
/* ********************** */

/* COPYRIGHT */
#copyright {
	font-size:9px;
	color:#B6B6B6;
	}

* html #nav ul li a:hover {
	background:#f86505;
	color:#fff;
	}#iFrame {
	margin-left:30px;
	margin-right:30px;
}

/* ********************** */

/* once footer is stablized, we can move this into common CSS file */
#new_footer 
{
	border:1px dotted gray;
	border-width:1px;
	clear:both;
	padding:0px;
	background-image: none;
	margin: 0px;
	font-size:18px;
	color:#969696;
 }

/* once footer is stablized, we can move this into common CSS file */
#new_footer a
{
	border: none;
}

/* once footer is stablized, we can move this into common CSS file */
#new_footer img
{
	border: none;
}

/* move this into fm.css once Cody signs off, this turns
   the links in top row from light gray to dark blue
*/
#topnav a
{
	color: #494992; /* this is dark blue from fastmetric logo text */
}

/* this affects only the menu bars in header menus 
   at least when placed in this particular file. Remains
   to be seen what other effects it will have when moved
   into the main style sheet.
*/
a:hover{

	text-decoration:none; /* this used to be an underline; */
	color:#000000; /* solid black */
    color:#FFFFFF; /* solid white */
	color:#FF8A22; /* this is fastmetric orange */
}