/* ----------Copyright Mearns & Gill-------------- */

/* ----------New Sub Navigation-------------- */


#navigation {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:0px solid #5263AB;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#565656;
	width:213px;
}
#navigation a.head {
	font-size:12px;
	cursor:pointer;
	border:0px solid #CCCCCC;
	color:#FFFFFF;
	display:block;
	/*font-weight:bold;*/
	margin:0px;
	padding: 5px 5px 5px 20px;
	text-decoration: none;
	background-attachment: scroll;
	background-color: #333333;
	background-image: url(../images/technology/collapsed.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}
#navigation a.head:hover {
	color:#D21242;
}
#navigation a.selected {
	background-image: url(../images/technology/expanded.gif);
}
#navigation a.current {
	/*background-color:#FFFF99;*/
	background-color:#373737;
	border-left: 5px #d21242 solid;
	color:#D21242;
	padding:5px 5px 5px 15px;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
	font-size:12px;
	color:#FFFFFF;
	display:block;
	text-indent:0px;
	text-decoration: none;
	padding:5px 5px 5px 20px;
}
#navigation li li a:hover {
	background-color:#373737;
	border-left: 5px #d21242 solid;
	color:#D21242;
	padding:5px 5px 5px 15px;
}

#wizard {
	width: 200px;
	border: 1px solid black;
}
#wizard .title {
	background-color:#DDDDDD;
}





/* ----------Html Body Styles-------------- */

body {
	padding:0px;
	margin-top:10px;
	background-image: url(../images/wireline_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #EAEAEA;
}

h1 {
	font-size:18px;
	font-weight: normal;
	padding: 10px;
	margin: 0;
	color: #000000; 
}

h2 {
	font-size:16px;
	font-weight: bold;
	padding: 10px;
	margin: 0;
	color: #d21242;
}

h3 {
	font-size:20px;
	font-weight: normal;
	padding: 10px;
	margin: 0;
	color: #d21242;
}

h4 {
	font-size:16px;
	font-weight: bold;
	padding: 4px;
	margin: 0;
	color: #d21242;
	border: 0px solid #000000;
}
h5 {
	font-size:18px;
	font-weight: normal;
	padding: 10px;
	margin: 0;
	color: #FFFFFF; 
}

/* ----------Main Container-------------- */
#container {
	width: 960px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #252525;
}

/* ----------Header-------------- */
#header_top {
	background-color: #d21242;
	text-align: right;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #000000;
}

.img{
	padding: 2px;
	border: 0px solid #FFFFFF;
}

.image_style{
	padding: 0px;
	border: 3px solid #CCCCCC;
}

#image_style_2 {
	float: right;
	/*position: relative;*/
	/*top: 80px;*/
	border: 3px solid #CCCCCC;
	padding: 0;
	margin: 10px;
	background-repeat: no-repeat;
}

#header_image {
	height: 166px;
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
}
#header_image_sml {
	height: 120px;
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
}

#logo {
	height: 79px;
	width: 223px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	position: absolute;
	top: 45px;
	visibility: inherit;
}

#nav_bar {
	height: 28px;
	background-color: #000000;
	text-align: left;
	padding: 0px;
	margin: 0px;
	background-repeat: repeat-x;
}

/* -----------------content--------------------- */

#content {
	background-color: #565656;
	padding: 0;
	margin: 10px 10px 10px 0px;
	width: 715px;
	float: right;
	min-height: 500px;
}

#content_tool {
	background-color: #565656;
	padding: 0;
	margin: 10px 10px 10px 0px;
	width: 715px;
	float: right;
	min-height: 200px;
}

#content2 {
	background-color: #565656;
	padding: 0;
	margin: 10px 10px 10px 0px;
	width: 715px;
	float: right;
	
}

#content_locations {
	padding: 0;
	margin: 10px;
	min-height: 500px;
}

#content_locations_text {
	background-color: #565656;
	padding: 0;
	margin: 10px;
	clear:both;
	min-height: 500px;
}

#content_locations_text2 {
	background-color: #565656;
	padding: 0;
	margin: 10px;
	clear:both;
	border: 0px solid #FFFFFF;
}

#content_locations_header {
	background-color: #565656;
	padding: 0;
	margin: 10px 10px 10px 10px;
	clear:both;
	min-height: 500px;
	border: 0px solid #FFFFFF;
}

#content_locations_header2 {
	background-color: #565656;
	padding: 0;
	margin: 40px 10px 10px 10px;
	clear:both;
	border: 0px solid #FFFFFF;
}


#content_image_gallery {
	padding: 0;
	margin: 10px 10px 0 0px;
	width: 715px;
	float: right;
}
#content_text {
	background-color: #565656;
	padding: 0;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	width: 715px;
	float: right;
	min-height: 500px;
}

p{
	padding: 10px;
	margin: 0;
}


#flash {
	float:right;
	/*margin-left: 200px;*/
	margin: 0 10px 10px 0;
}

#emailUs
{
	display: block;
	width: 254px;
	height: 17px;
	background-image: url(../images/email_link.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 3px;
	color: #FFFFFF;
	text-align: center;
	text-decoration:none;
}

#emailUs:hover
{ 
  background-position: 0 -20px;
}
	
#newsbox
{
	display: block;
	width: 690px;
	height: 90px;
	background-image: url(../images/newer_box.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;	
	color: #FFFFFF;
	text-decoration:none;
	margin: 10px;
	border:0px solid #FFFFFF;
}

#newsbox a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D21242;
	padding: 0px;
	text-decoration:none;
}
#newsbox a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	padding: 0px;
	text-decoration:none;
}
#newsbox a:active  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D21242;
	padding: 0px;
	text-decoration:none;
}
#newsbox a:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D21242;
	padding: 0px;
	text-decoration:none;
}



#download{
	display: block;
	width: 254px;
	height: 17px;
	background-image: url(../images/email_link.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 3px;
	color: #FFFFFF;
	text-align: center;
	text-decoration:none;
}

#download:hover{ 
  background-position: 0 -20px;
}

/* --------------left navi------------- */
#left {
	clear:both;
	float: left;
	margin: 10px;
	padding: 0px;
	width: 213px;
	background-color:#333333;
}

/* -----------footer--------------------------- */
#footer {
	clear: both;
	margin: 0px;
	text-align: left;
	background-color: #d21242;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

/* -----------Type Styles--------------------------- */

.body_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: justify;
}

.body_text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: justify;
}


.body_text3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: justify;
	border:1 solid #000000;
}

p.body_text3{
	padding: 0px;
	margin: 0;
}


.body_text a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: justify;
	text-decoration: underline;
}
.body_text a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: justify;
	text-decoration: underline;
}

.body_text a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: justify;
	text-decoration: underline;
}
.body_text a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d21242;
	text-align: justify;
	text-decoration: underline;
}

.body_text3 a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: justify;
	text-decoration: underline;
}
.body_text3 a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: justify;
	text-decoration: underline;
}

.body_text3 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: justify;
	text-decoration: underline;
}
.body_text3 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #d21242;
	text-align: justify;
	text-decoration: underline;
}

.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.footer_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFCCCC;
	padding: 0px;
}

.footer_text a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFCCCC;
	padding: 0px;
	text-decoration:none;
}
.footer_text a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFCCCC;
	padding: 0px;
	text-decoration:none;
}
.footer_text a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFCCCC;
	padding: 0px;
	text-decoration:none;
}
.footer_text a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding: 0px;
	text-decoration:none;
}

.news_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 0px;
}

.news_text a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D21242;
	padding: 0px;
	text-decoration:underline;
}
.news_text a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	padding: 0px;
	text-decoration:underline;
}
.news_text a:active  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D21242;
	padding: 0px;
	text-decoration:underline;
}
.news_text a:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D21242;
	padding: 0px;
	text-decoration:underline;
}



/* -----------Navigation--------------------------- */

#tabs {
      float:left;
      width:100%;
      background:#000000;
      line-height:normal;
}

#tabs ul {
	  margin:0;
	  padding:0 0 0 10px;
	  list-style:none;
      }

#tabs li {
      display:inline;
      margin:0 0 0 0;
      padding:0;
      }

#tabs a {
	float:left;
	width:111px;
	height:28px;
	margin:0;
	padding:0 7px 0 0;
	text-decoration:none;
	text-align:right;
	background-image: url(../images/nav/nav_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

#tabs a span {
	display:block;
	padding:7px;
	color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabs a span {
	float:none;
}

/* End IE5-Mac hack */

#tabs a:hover span {
      color:#FFF;
}

#tabs a:hover {
	background-image: url(../images/nav/nav_on.gif);
	background-repeat: no-repeat;
}

#tabs a:hover span {
	background-image: url(../images/nav/nav_on.gif);
	background-repeat: no-repeat;
}

/* This code creates the active link on the current page */	
  
body#home a#nav-home,
body#profile a#nav-profile,
body#tech a#nav-tech,
body#news a#nav-news,
body#locations a#nav-locations,
body#careers a#nav-careers,
body#downloads a#nav-downloads,
body#contact a#nav-contact{
	background-image: url(../images/nav/nav_on.gif);
	background-repeat: no-repeat;
}

/* jQuery Image Slider */

#image_arrows{
	float:left;
}	

#direct_link{
	margin: 7px;
	padding: 7px;
	float:left;
}
#download_link{
	margin: 6px 0px 6px 6px;
	padding: 6px 0px 6px 6px;
	float:right;
}

#myController span{
	color:#FFF;
	background:#333333;
	margin-right:10px;
	cursor:pointer;
	padding: 3px 6px 3px 6px;
	
}

#jFlowSlide{
	border:0 solid #F00;
}

#myController span.jFlowSelected {
	background:#D21242;
}


.jFlowPrev, .jFlowNext{
	cursor:pointer;
}

#myController2 span{
	color:#FFF;
	background:#000;
	margin-right:10px;
	cursor:pointer;
}

#jFlowSlide2{
	border:0 solid #0F0;
}

#myController2 span.jFlowSelected2 {
	background:#d21242;
}

.jFlowPrev2, .jFlowNext2{
	cursor:pointer;
}


#myController3 span{
	color:#FFF;
	background:#000;
	margin-right:10px;
	cursor:pointer;
}

#jFlowSlide3{
	border:10px solid #00F;
}

#myController3 span.jFlowSelected3 {
	background:#d21242;
}

.jFlowPrev3, .jFlowNext3{
	cursor:pointer;
}


/* jQuery Sub Nav */



ul.menu, ul.menu ul {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 180px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 0px;
}

ul.menu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
  
}

ul.menu li a:hover {
	color:#d21242;
  	/*background: #000;*/
}

ul.menu li ul li a {
	background: #565656;
	color: #FFF;
	padding: 5px 5px 5px 20px;
	font-size: 12px;
}

ul.menu li ul li a:hover {
  background: #373737;
  border-left: 5px #d21242 solid;
  padding-left: 15px;
}

/*.arrow_img{
	position:relative;
	left: -15px;
}*/

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }




#testMenu{
	float:left;
	width: 180px;
	cursor:pointer;
	display:block;
	outline:0;
	
}

.testMenu{
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	color: #FFFFFF;
	background-color: #565656;
}
.testMenu a:link{
	color: #FFFFFF;
	text-decoration:none;
}
.testMenu a:visited{
	color: #FFFFFF;
	text-decoration:none;
}
.testMenu a:active{
	color: #FFFFFF;
	text-decoration:none;
}
.testMenu a:hover{
	color: #d21242;
	text-decoration:none;
}

.testMenuItem{
	text-decoration:none;
	display:block;
	cursor:pointer;
	background-color: #333333;
	color: #FFFFFF;
	line-height: 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 20px;
	padding:5px;
	padding-left:10px;
	
}
.testMenuItem a:link{
	color: #FFFFFF;
	text-decoration:none;
}
.testMenuItem a:visited{
	color: #FFFFFF;
	text-decoration:none;
}
.testMenuItem a:active{
	color: #FFFFFF;
	text-decoration:none;
}
.testMenuItem a:hover{
	color: #333333;
	text-decoration:none;
}
#testMenu p{
	padding:5px 5px 5px 25px;
}

.sub_item{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
