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

body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
background-color:#FFFFFF;
background-image:url(images/bg_nav.jpg);
background-repeat:repeat-x;
background-position:top;
height:100%;
}

#wrapper{
margin:0 auto;
width:800px;
position:relative;
}

#wrapper2{
margin:0 auto;
width:800px;
position:relative;
}

#header{
	position:relative;
	float:left;
	width:800px;
}

#logo{
	position:relative;
	float:left;
	width:220px;
	height:95px;
}

#customer{
	position:relative;
	float:left;
	width:580px;
	height:35px;
	text-align:right;
	padding-top:60px;
}



#nav{
position:relative;
float:left;
width:800px;
z-index:1;
}

.nav{
	position:relative;
	float:left;
	color:#FFF;
	width:160px;
	font-size:11px;
	line-height:14px;
	padding-top:3px;
	height:31px;
	text-align:center;
	background-image:url(images/nav_spacer.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.navend{
	position:relative;
	float:left;
	color:#FFF;
	width:160px;
	font-size:11px;
	line-height:14px;
	padding-top:3px;
	height:31px;
	text-align:center;
	
}

.nav a:link{
text-decoration:none;
color:#FFF;
}

.nav a:visited{
text-decoration:none;
color:#FFF;
}

.nav a:hover{
text-decoration:none;
color:#FFF;
}

.nav a:active{
text-decoration:none;
color:#FF0000;
}



.navend a:link{
text-decoration:none;
color:#FFF;
}

.navend a:visited{
text-decoration:none;
color:#FFF;
}

.navend a:hover{
text-decoration:none;
color:#FFF;
}

.navend a:active{
text-decoration:none;
color:#FF0000;
}



#solution_subnav{
	position:absolute;
	width:160px;
	left: 0px;
	top: 129px;
	z-index:3;
	visibility:hidden;
}

#solution_subnav_hide{
position:absolute;
width:180px;
height:200px;
top:129px;
left:-10px;
z-index:2;
visibility:hidden;
}

#product_subnav{
	position:absolute;
	width:160px;
	left: 160px;
	top: 129px;
	z-index:3;
	visibility:hidden;
}

#product_subnav_hide{
	position:absolute;
	width:180px;
	height:200px;
	top:129px;
	left:150px;
	z-index:2;
	visibility:hidden;
}

#newsevents_subnav{
	position:absolute;
	width:160px;
	left: 320px;
	top: 129px;
	z-index:3;
	visibility:hidden;
}

#newsevents_subnav_hide{
	position:absolute;
	width:180px;
	height:200px;
	top:129px;
	left:310px;
	z-index:2;
	visibility:hidden;
}

#service_subnav{
	position:absolute;
	width:160px;
	left: 480px;
	top: 129px;
	z-index:3;
	visibility:hidden;
}

#service_subnav_hide{
	position:absolute;
	width:180px;
	height:200px;
	top:129px;
	left:470px;
	z-index:2;
	visibility:hidden;
}

#about_subnav{
	position:absolute;
	width:160px;
	left: 640px;
	top: 129px;
	z-index:3;
	visibility:hidden;
}

#about_subnav_hide{
	position:absolute;
	width:180px;
	height:200px;
	top:129px;
	left:630px;
	z-index:2;
	visibility:hidden;
}

.subnav{
position:relative;
float:left;
width:145px;
background-image:url(images/subnav_bar.jpg);
background-repeat:repeat-y;
color:#FFF;
font-size:10px;
padding-left:15px;
border-top:1px solid #ffcccc;
border-bottom:1px solid #2a0001;
}

a:link{
text-decoration:none;
color:#FFF;
}

a:visited{
text-decoration:none;
color:#FFF;
}

a:hover{
text-decoration:underline;
color:#FFF;
}

a:active{
text-decoration:none;
color:#FF0000;
}



#main{
	width:770px;
	position:relative;
	float:left;
	padding-left:15px;
	padding-right:15px;
	background-image:url(images/bg_main.jpg);
	background-repeat:repeat-y;
}

#maintop{
	width:800px;
	height:10px;
	background-image:url(images/bg_maintop.jpg);
	background-repeat:no-repeat;
	float:left;
	position:relative;
}


#mainbottom{
	width:800px;
	height:15px;
	background-image:url(images/bg_mainbottom.jpg);
	background-repeat:no-repeat;
	float:left;
	position:relative;
}

/* 
#indexmain2{
	width:800px;
	height:250px;
	position:absolute;
	top:130px;
	left:0px;
	
	z-index:1;
}
*/

#indexmain{
	width:800px;
	height:250px;
	position:relative;
	float:left;
	z-index:0;
}
 
#indexcopy{
width:770px;
position:relative;
float:left;
padding:15px;
border-bottom:1px solid #FFF;
background-color:#CCCCCC;
}

#indexcopy strong{
font-weight:none;
color:#8c0d00;
}

#index_productshowcase ul li{
list-style:none;
}

#index_solutionsshowcase ul li{
list-style:none;
}

#index_productshowcase ul{
padding:0;
margin:0;
}

#index_solutionsshowcase ul{
padding:0;
margin:0;
}

#index_box{
	width:770px;
	float:left;
	position:relative;
}

.index_boxes{
	position:relative;
	float:left;
	width:180px;
}

#rotating_boxes{
position:relative;
float:left;
width:200px;
}

.boxes_header{
	position:relative;
	float:left;
	width:180px;
	padding:5px 0 5px 10px;
	height:40px;
	background-color:#CCCCCC;
}

.boxes_list_link{
	position:relative;
	float:left;
	width:175px;
	padding:5px 5px 5px 10px;
	font-size:10px;
	list-style-image: url(images/arrow.png);
	list-style-type: outside;
}

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

.boxes_list_link a:visited{
color:#000;
text-decoration:none;

}

.boxes_list_link a:hover{
color:#000;
text-decoration:underline;

}

.boxes_list_link a:active{
color:#FF0000;
text-decoration:underline;

}



.boxes_list{
	position:relative;
	float:left;
	width:175px;
	padding:5px 5px 5px 10px;
	font-size:10px;
}

.boxes_list ul{
padding:0;
margin:0 5px 0 20px;
}

.boxes_list ul li{
line-height:14px;
list-style:url(images/arrow.png);
list-style-position:outside;
}

.boxes_header h1{
margin:0;
padding:0;
font-size:18px;
line-height:22px;
}

#logo_footer{
	width:800px;
	position:relative;
	float:left;
	text-align:center;
	
}

#footer{
	position:relative;
	float:left;
	width:800px;
	padding-top:5px;
	font-size:10px;
	color:#999999;
	text-align:center;
	clear:both;
}

#subnavigation{
	position:relative;
	float:left;
	width:200px;
}


#products_container{
	width:255px;
	position:relative;
	float:left;
	}

.products{
width:70px;
position:relative;
float:left;
font-size:12px;
text-align:center;
margin-bottom:40px;
padding-right:10px;
}

#lifestyle{
	position:relative;
	float:left;
	width:200px;
	margin:0 0 5px 0;
}

#products_header{
	width:250px;
	position:relative;
	float:left;
	padding-left:5px;
}

#products_header h1{
padding:0;
margin:0;
font-size:14px;
line-height:18px;
color:#8c0d00;
}

.subheader{
position:relative;
float:right;
width:155px;
padding-left:5px;
border-bottom:1px solid #666;
font-size:14px;
line-height:18px;
color:#8c0d00;
font-weight:bold;
margin:5px 0 0 0;
}

#requestquote{
position:relative;
float:right;
width:155px;
padding-left:5px;
height:20px;
font-size:14px;
line-height:18px;
color:#FFF;
background-color:#8c0d00;
font-weight:bold;
padding-top:1px;
margin:5px 0 5px 0;
}

#requestconsultation{
	position:relative;
	float:right;
	width:155px;
	padding-left:5px;
	height:40px;
	font-size:14px;
	line-height:18px;
	color:#FFF;
	background-color:#8c0d00;
	font-weight:bold;
	padding-top:1px;
	margin:0 0 5px 0;
}

#casestudy{
position:relative;
float:right;
width:155px;
padding-left:5px;
height:20px;
font-size:14px;
line-height:18px;
color:#FFF;
background-color:#8c0d00;
font-weight:bold;
padding-top:1px;
}

#quote{
position:relative;
float:right;
width:150px;
padding:5px;
font-size:10px;
border-bottom:1px solid #666;
font-style:italic;
background-color:#CCCCCC;
}

#sublogo{
	position:relative;
	width:565px;
	float:left;
}

#breadcrumb{
	width:560px;
	padding-left:5px;
	position:relative;
	float:left;
	font-size:10px;
	color:#999999;
}

#relatedlinks{
position:relative;
float:right;
width:150px;
padding:5px;
font-size:10px;
border-bottom:1px solid #666;
}

#cindi_testimonial{
position:relative;
float:right;
width:150px;
padding:5px;
font-size:10px;
border-bottom:1px solid #666;
font-style:italic;
background-color:#CCCCCC;
margin:0 0 5px 0;
}

.design_support_testimonials{
	position:relative;
	float:left;
	width:150px;
	font-size:10px;
	font-style:italic;
	/* border-bottom:1px solid #666;
	background-color:#CCCCCC; */
	padding:5px 5px 5px 5px;
	margin:0 5px 0 0;
	height: 250px;
}

.dst_border {
	border-right:1px solid #666;
}

#relatedlinks ul li.border{
	list-style:none;
	position:relative;
	float:left;
	width:150px;
	border-bottom:1px solid #999999;
	padding-bottom:5px;
	padding-top:5px;
}

#relatedlinks ul li.noborder{
	list-style:none;
	position:relative;
	float:left;
	width:150px;
	padding-bottom:5px;
	padding-top:5px;
}

#relatedlinks ul{
padding:0;
margin:0;
}

#relatedlinks a:link{
text-decoration:underline;
color:#333;
font-weight:bold;
}

#relatedlinks a:visited{
text-decoration:underline;
color:#333;
font-weight:bold;
}

#relatedlinks a:hover{
text-decoration:underline;
color:#8c0d00;
font-weight:bold;
}

#relatedlinks a:active{
text-decoration:underline;
color:#FF0000;
font-weight:bold;
}


#servicelinks a:link{
text-decoration:underline;
color:#333;
}

#servicelinks a:visited{
text-decoration:underline;
color:#333;
}

#servicelinks a:hover{
text-decoration:underline;
color:#8c0d00;
}

#servicelinks a:active{
text-decoration:underline;
color:#FF0000;
}


#platforms{
position:relative;
float:right;
width:150px;
padding:5px;
font-size:10px;
border-bottom:1px solid #666;
}

#platforms ul li.border{
	list-style:none;
	position:relative;
	float:left;
	width:150px;
	border-bottom:1px solid #999999;
	padding-bottom:5px;
	padding-top:5px;
}

#platforms ul li.noborder{
	list-style:none;
	position:relative;
	float:left;
	width:150px;
	padding-bottom:5px;
	padding-top:5px;
}

#platforms ul{
padding:0;
margin:0;
}

#platforms a:link{
text-decoration:underline;
color:#333;
font-weight:bold;
}

#platforms a:visited{
text-decoration:underline;
color:#333;
font-weight:bold;
}

#platforms a:hover{
text-decoration:underline;
color:#8c0d00;
font-weight:bold;
}

#platforms a:active{
text-decoration:underline;
color:#FF0000;
font-weight:bold;
}



#downloads{
position:relative;
float:right;
width:150px;
padding:5px;
font-size:10px;
border-bottom:1px solid #666;
}

#downloads a:link{
text-decoration:underline;
color:#333;
font-weight:bold;
}

#downloads a:visited{
text-decoration:underline;
color:#333;
font-weight:bold;
}

#downloads a:hover{
text-decoration:underline;
color:#8c0d00;
font-weight:bold;
}

#downloads a:active{
text-decoration:underline;
color:#FF0000;
font-weight:bold;
}



#left{
position:relative;
float:left;
width:565px;
}

.subcopy_bullet{
	position:relative;
	float:left;
	width:535px;
	color:#6d6e70;
	font-size:11px;
	list-style-position: outside;
	list-style-type: square;
}

.subcopy{
	position:relative;
	float:left;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:5px;
	color:#696767;
	font-size:12px;
}

.subcopy_img{
position:relative;
float:left;
width:70px;
height:70px;
padding:0;
margin:5px 5px 5px 0;
}

.subcopy img{
float:left;
}

.subcopy p{
	position:relative;
	float:left;
	width:455px;
	padding:0 0 0 5px;
	margin:5px 0 5px 0;
}

.subcopy ul{
margin:0;
padding:0;
}

.subcopy ul li{
	list-style:square;
	list-style-type:square;
	list-style-position: outside;
	margin-left: 20px;
}

.subcopy strong{
font-size:12px;
line-height:16px;
font-weight:bold;
}

.redsquare{
	position:absolute;
	width:27px;
	height:22px;
	background-image:url(images/red_square.jpg);
	background-repeat:no-repeat;
	left: -15px;
	top: 4px;
}

.subcopy a:link{
text-decoration:underline;
color:#8c0d00;
}

.subcopy a:visited{
text-decoration:underline;
color:#8c0d00;
}

.subcopy a:hover{
text-decoration:underline;
color:#333;
}

.subcopy a:active{
text-decoration:underline;
color:#FF0000;
}



.subcopy h1{
padding-bottom:5px;
margin:0;
font-size:16px;
line-height:20px;
color:#8c0d00;
clear:both;
}

.subcopy ul{
clear:both;
}

.subnav a:link{
text-decoration:none;
color:#FFF;
}

.subnav a:visited{
text-decoration:none;
color:#FFF;
}

.subnav a:hover{
text-decoration:underline;
color:#FFF;
}

.subnav a:active{
text-decoration:underline;
color:#FF0000;
}

.right_margin{
margin-right:10px;
}

.bottom_padding{
padding-bottom:20px;
}

.container{
position:relative;
float:left;
}

/* form */

form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 200px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 203px; /* Width plus 3 (html space) */
}

/* Cisco */

#casestudy_list{
position:relative;
float:right;
width:150px;
padding:5px;
font-size:10px;
border-bottom:1px solid #666;
}

#casestudy_list ul li.border{
	list-style:none;
	position:relative;
	float:left;
	width:150px;
	border-bottom:1px solid #999999;
	padding-bottom:5px;
	padding-top:5px;
}

#casestudy_list ul li.noborder{
	list-style:none;
	position:relative;
	float:left;
	width:150px;
	padding-bottom:5px;
	padding-top:5px;
}

#casestudy_list ul{
padding:0;
margin:0;
}

#casestudy_list a:link{
text-decoration:underline;
color:#333;
font-weight:bold;
}

#casestudy_list a:visited{
text-decoration:underline;
color:#333;
font-weight:bold;
}

#casestudy_list a:hover{
text-decoration:underline;
color:#8c0d00;
font-weight:bold;
}

#casestudy_list a:active{
text-decoration:underline;
color:#FF0000;
font-weight:bold;
}



.subheader2{
position:relative;
float:right;
width:155px;
padding-left:5px;
height:25px;
border-bottom:1px solid #666;
font-size:10px;
line-height:14px;
color:#8c0d00;
font-weight:bold;
margin:5px 0 0 0;
}



.cisco_landing{
	width:150px;
height:200px;
	position:relative;
	float:left;
	margin-right:5px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #CCCCCC;
	
}

#unified_clients_header{
position:relative;
float:right;
width:155px;
padding-left:5px;
font-size:14px;
line-height:18px;
color:#FFF;
background-color:#8c0d00;
font-weight:bold;
padding-top:1px;
margin:5px 0 5px 0;
}

#unified_clients{
position:relative;
float:right;
width:150px;
padding:5px;
font-size:10px;
border-bottom:1px solid #666;
}

#unified_clients ul li.border{
	list-style:none;
	position:relative;
	float:left;
	width:150px;
	border-bottom:1px solid #999999;
	padding-bottom:5px;
	padding-top:5px;
}

#unified_clients ul li.noborder{
	list-style:none;
	position:relative;
	float:left;
	width:150px;
	padding-bottom:5px;
	padding-top:5px;
}

#unified_clients ul{
padding:0;
margin:0;
}

#unified_clients a:link{
text-decoration:underline;
color:#333;
font-weight:bold;
}

#unified_clients a:visited{
text-decoration:underline;
color:#333;
font-weight:bold;
}

#unified_clients a:hover{
text-decoration:underline;
color:#8c0d00;
font-weight:bold;
}

#unified_clients a:active{
text-decoration:underline;
color:#FF0000;
font-weight:bold;
}



/* Freedom Pipe */

#freedompipe_brochure{
position:relative;
float:right;
width:155px;
padding-left:5px;
padding-bottom:5px;
border-bottom:1px solid #666;
font-size:10px;
line-height:14px;
color:#333;
font-weight:bold;
margin:5px 0 0 0;
}

#freedompipe_brochure a:link{
text-decoration:underline;
color:#333;
font-weight:bold;
}

#freedompipe_brochure a:visited{
text-decoration:underline;
color:#333;
font-weight:bold;
}

#freedompipe_brochure a:hover{
text-decoration:underline;
color:#8c0d00;
font-weight:bold;
}

#freedompipe_brochure a:active{
text-decoration:underline;
color:#FF0000;
font-weight:bold;
}



#freedom_pipe{
position:relative;
float:right;
width:150px;
padding:5px;
font-size:10px;
border-bottom:1px solid #666;
}

#freedom_pipe ul li.border{
	list-style:none;
	position:relative;
	float:left;
	width:150px;
	border-bottom:1px solid #999999;
	padding-bottom:5px;
	padding-top:5px;
}

#freedom_pipe ul li.noborder{
	list-style:none;
	position:relative;
	float:left;
	width:150px;
	padding-bottom:5px;
	padding-top:5px;
}

#freedom_pipe ul{
padding:0;
margin:0;
}

#freedom_pipe a:link{
text-decoration:underline;
color:#333;
font-weight:bold;
}

#freedom_pipe a:visited{
text-decoration:underline;
color:#333;
font-weight:bold;
}

#freedom_pipe a:hover{
text-decoration:underline;
color:#8c0d00;
font-weight:bold;
}

#freedom_pipe a:active{
text-decoration:underline;
color:#FF0000;
font-weight:bold;
}



p.date{
width:110px;
border-top:1px solid #000;
}

p.event{
width:340px;
border:1px solid #000;
}

p.upcomingevents{
border-top:1px dotted #000;
width:150px;
padding-top:5px;
}

p.location{
border-top:1px dotted #000;
width:150px;
padding-top:5px;
}

p.upcomingdate{
	border-top:1px dotted #000;
	width:100px;
	padding-top:5px;
}
.fpipered {
	color: #8c0d00;
	font-weight: bold;
}
.pipelink2 {color: #8c0d00}

.col_left {
 float:left;
 width:150px;
}

.col_right {
 float:right;
 margin-left:15px;
 margin-right:5px;
}

.col_left2 {
 float:left;
 width:200px;
}

.col_left3 {
 float:left;
 padding-left:20px;
}

.col_right2 {
 float:right;
 margin-left:15px;
 margin-right:50px;
}

.list_position {
 float:left;
 width:300px;
 position:relative;
}

.public a:link{
text-decoration:underline;
color:#333;
}

.public a:visited{
text-decoration:underline;
color:#333;
}

.public a:hover{
text-decoration:underline;
color:#8c0d00;
}

.public a:active{
text-decoration:underline;
color:#333;
}

#footer a:link{
text-decoration:underline;
color:#333;
}

#footer a:visited{
text-decoration:underline;
color:#333;
}

#footer a:hover{
text-decoration:underline;
color:#8c0d00;
}

#footer a:active{
text-decoration:underline;
color:#333;
}

#home_text {
	position:absolute;
	margin:0 auto;
	top:715px;
	width:790px;
	height:45px;
	padding-top:5px;
	font-size:10px;
	color:#999999;
	text-align:center;
	/* border: 1px solid #990000; */
}

#home_news {
 position:relative;
 float:left;
 width:210px;
 margin-left: 18px;
 font-size:10px;
	line-height:12px;
	border: 1px solid #cccccc; 
	padding-top:5px;
}

#home_news a:link, a:visited{
 color:#000;
 text-decoration:none;
}

#home_news a:hover{
 color:#000;
 text-decoration:underline;
}

#home_news a:active{
 color:#FF0000;
 text-decoration:underline;
}

.hl_num {
 margin:2px 0px 2px 2px;
	text-align:right;
	width:12px;
	float: left;
}

.hl_item {
 margin:2px 2px 2px 5px;
	width: 185px;
	float: left;
}