/* Faxcore Landing Page styles  */

body {
	background: #6a8da5 url(/landing/img/bkg_body.gif) 0 0 repeat;
	font-family: Arial, Verdana, sans-serif;
	\font-size: 60.5%; /* Feeds false size to IE5.x */
	f\ont-size: 62.5%; /* The correct value for better browsers */
	margin: 0;
	padding: 0;
}

.hideIt { display: none; }

/* columns structure 
------------------------------------*/
#wrapper { 
	float: left; 
	width: 900px;
	font-size: 1.2em;
	margin-bottom: 30px;
}

/* Telephone Numbers */
#telBottom { 
	width: 338px; 
}

#telTop { 
	width: 338px; 
}

#telTop {
	background: transparent url(/landing/img/tel_top.gif) right top no-repeat;
	height: 34px;
	margin: 0;
	padding: 0;
	float: left;
}

#telTopLg { 
	width: 600px; 
}

#telTopLg {
	background: transparent url(/landing/img/tel_top.gif) right top no-repeat;
	height: 34px;
	margin: 0;
	padding: 0;
	float: left;
}

#telBottom {
	background: transparent url(/landing/img/tel_bottom.gif) left bottom no-repeat;
	float: left;
	padding-bottom: 17px;
	margin-top: 34px;
}


#telTopLg h5 {
	display: inline;
	margin: 0;
	padding: 8px 13px 8px 0;
	float: right;
	clear: both;
	font-size: 1.1em;
	color: #175b00;
}

#telTop h5 {
	display: inline;
	margin: 0;
	padding: 8px 13px 8px 0;
	float: right;
	clear: both;
	font-size: 1.1em;
	color: #175b00;
}


#telBottom h5 {
	font-size: 1.1em;
	color: #8d2300;
	padding: 0 0 0 28px;
	margin: 0;
	float: left;
	position: relative;
	bottom: -8px;
}

#col1, #col2, #col3 { 
	float: left;
	background: #fff; 
	margin-right: 8px; 
}

#colLg { 
	float: left;
	background: #fff; 
	margin-right: 8px;
	padding: 0 1px;
	width: 600px; 
}

#col2, #col3 { padding: 0 1px; }

#col1 {
	width: 200px;
	margin: 34px 8px 0 10px;
	padding: 5px 0;
}

* html #col1 { margin: 34px 8px 0 5px; } /* Corrects a margin issue in IE */

.txtcol { border: 1px solid #fff;}

#col2 .txtcol {
	background: #fff url(/landing/img/bkg_orange.gif) 0 0 repeat-x;
}

#col3 { margin-top: 2px; margin-right: 0; }
#col3 .txtcol { 
	background: #fff url(/landing/img/bkg_green.gif) 0 0 repeat-x;
}

#colLg { margin-top: 2px; margin-right: 10px; }
#colLg .txtcol { 
	background: #fff url(/landing/img/bkg_green.gif) 0 0 repeat-x;
}

/* sidebar elements
-------------------------------------*/
/* gray boxes */
.infoBox {
	background: #f4f4f4 url(/landing/img/hdr_blue.gif) 0 0 repeat-x;
	border: 1px solid #e3e3e3;
	\width: 180px;
	w\idth: 170px;
	margin: 10px 0 10px 9px;
	padding: 0 5px 10px 5px;
}

.infoBox h2 {
	color: #fff;
	font-size: 1.1em;
	margin: 10px 0 15px 0;
}

.infoBox ul {
	margin: 0;
	padding: 0 0 0 12px;
}

/* form */
#demo input, #demo textarea { 
	border: 1px solid #848484; 
	font-size: 1em;
	margin: 1px 0 1px 0;
	width: 150px;
}

.fLabel { font: 1em Arial, Helvetica, sans-serif; margin-left: 10px;}
.fLabelPos { font: 1em Arial, Helvetica, sans-serif; margin-left: 30px;}

#demo textarea { font: 1em Arial, Helvetica, sans-serif; height: 64px;}

#demo label { display: none; }

#demo input:focus {	background: #e8edf1; }

#demo .submit {	border: 0; margin: 10px 0 0 0px; width: 94px; }

/* box images */
.boxImg { float: right; }
.download {
	background: transparent url(/landing/img/ico_download.gif) 0 0 no-repeat;
	padding: 0 0 20px 30px;
	height: 40px;
	display: block;
	font-weight: bold;
}




/* text 
-------------------------------------*/
#col2 p, #col2 h1, #col2 h2,
#col3 p, #col3 h1, #col3 h2, #colLg p, #colLg h1, #colLg h2 { padding: 0 20px; }

#col2 p, #col3 p { 
	line-height: 1.4;
	margin: 0 0 16px 0;
}

#col2 h1, #col3 h1, #colLg h1 {
	font: bold 2.1em "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
	color: #000;
	margin: 15px 0 5px 0;
}

#col2 h2, #col3 h2, #colLg h2 {
	font-weight: normal;
	font-size: 1.3em;
	margin: 0 0 40px 0;
}

* html #col2 h2, * html #col3 h2, * html #colLg h2 { font-size: 1.2em; } /* Sets the font size for IE6 and 5.x */

#col2 h2 { color: #6b2701; }
#col3 h2 { color: #085800; }
#colLg h2 { color: #085800; }

#col2 h3 {
	padding: 0 20px;
	color: #cc3300;
	font-size: 1.2em;
	line-height: 1.0;
	margin: 0 0 5px 0;
}

#col3 h3, #col3 a.title, #colLg h3, #colLg a.title {
	color: #b00000;
	margin: 5px 0 0 20px;
	font-size: 1.2em;
	font-weight: bold;
}

#col3 a.title, #colLg a.title { 
	text-decoration: none;
	display: block;
}

#col3 h4, #colLg h4{
	color: #252525;
	margin: 0 0 5px 0px;
	font-size: 1.0em;
}


#network_comp {
	background: transparent url(/landing/img/logo_netcomp.gif) 0 0 no-repeat;
	padding: 0 0 5px 70px;
	margin:  0 0 10px 20px;
}


#crn {
	background: transparent url(/landing/img/logo_crn.gif) 0 0 no-repeat;
	padding: 3px 0 8px 95px;
	margin: 0 0 10px 20px;
}




/* links 
------------------------------------*/
a, a:link { color: #0065c2;	text-decoration: underline; }

a:hover, a:visited { color: #002548; }

a:focus { color: #dd5e00; }

/* images
-------------------------------------*/
.right {
	float: right;
	padding: 0 25px 10px 5px;
}

.line {
	display: block;
	\width: 145px;
	w\idth: 242px;
	margin: 0 0 15px 60px;
	height: 1px;
	padding-top: 1px;
	background: url(/landing/img/line.gif) 0 0 no-repeat;
	
}

/* logo and header
-------------------------------------*/
#hdr {	
	margin: 20px 0 0 35px; 
	float: left;
	height: 40px;
	width: 900px;
}

* html #hdr { margin: 10px 0 0 15px; } /* Corrects margin issue in IE */

#logo {
	width: 155px;
	height: 39px;
	background: transparent url(/landing/img/logo.gif) 0 0 no-repeat;
	float: left;
	margin: 0;
	padding: 0;

}

#logo a {
	display: block;
	width: 155px;
	height: 39px;
	overflow: hidden;
	text-indent: -9999px;
}


/* =navigation
--------------------------------------*/
ul#nav {
	margin: 0 0 0 40px;
	padding: 25px 0 0 0;
	list-style: none;
	float: left;
}

#nav li { margin: 0 13px 0 0; float: left; }

#nav li a {
	color: #fff;
	text-decoration: none;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}

#nav li a:hover { color: #ffd600;}	

.CContentBlockDemo 
{
  font-family: Tahoma,Arial;
  font-size:   11px;
  font-weight: bold;
  color: #ffffff;
  text-align: left;
  margin: 5px 0 0 0px;
  
}

.CContentBlockDemo h2
{
  font-family: Verdana,Arial;
  font-size:   11px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  margin: 5px 0 0 0;
}

.demolink
{
  font-family: Tahoma,Arial;
  font-size:   11px;
  font-weight: bold;
  text-align: left;
  background: url(../img/demo_bullet.gif) 5px 0px no-repeat;
  padding-left: 15px;
  margin-bottom: 3px;
}

.demolink a
{
  font-family: Tahoma,Arial;
  font-size:   11px;
  font-weight: bold;

  text-align: left;
  text-decoration: none;
  
}

.demolink a:hover
{
  font-family: Tahoma,Arial;
  font-size:   11px;
  font-weight: bold;

  text-decoration: underline;
  
}