body, html { 
	margin: 0; 
	padding: 0 
}
body {
	color: #333;
	font: small/1.5em Verdana, Arial, Helvetica, sans-serif;
	background: url(images/bodyImg.gif) 0 0;
}
p   { 
	font-size: 0.8em;
	line-height: 1.5em; 
	margin: 0 25px 15px 0; 
	padding: 0
}
a, a:link  { 
	color: #069; 
	font-weight: bold; 
	text-decoration: none
}
a:hover  { 
	color: #f00; 
	text-decoration: underline 
}
a:visited { 
	color: #369;
	text-decoration: none;
}
h2  { 
	color: #069; 
	font-size: 1.2em; 
	font-weight: bold; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
	margin: 0 0 15px
}
h3        { 
	color: #069; 
	font-size: 1em; 
	font-weight: bold; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
	margin: 0 25px 10px 0; 
	padding: 0 0 1px 
}
h4  { 
	color: #069; 
	font-size: 0.8em; 
	font-weight: bold;
	margin: 0 25px 0 0
}
/**Layout DIVs**/
#container     { 
	margin: 0 auto; 
	padding: 0 15px; 
	width: 750px;
	background-color: #fff;
}
#header    { 
	margin: 0; 
	padding: 15px 0 0 0;
}
#banner {
	margin: 0 0 15px 0;
	padding: 0;
	background: url(images/banner.jpg) no-repeat 0 0;
	height: 185px;
	width: 750px
}
#leftcol { 
	margin: 0; 
	padding: 0; 
	width: 550px; 
	float: left
}
#rightcol { 
	margin: 0; 
	padding: 0; 
	width: 200px; 
	float: right
}
#column_1 { 
	margin: 0; 
	padding: 0; 
	width: 350px; 
	float: left
}
#column_2 { 
	margin: 0; 
	padding: 0; 
	width: 350px; 
	float: right
}
#footer  { 
	text-align: center; 
	margin: 25px 0 0 0; 
	padding: 0 0 25px 0; 
	clear: both; 
	border-top: 4px solid #036 
}
/**Header**/
#header h1    { 
	margin: 0 0 15px 15px; 
	padding: 0; 
	width: 125px; 
	height: 50px
}
#header h1 img { 
	border: none
}
#topnav    { 
	margin: 0; 
	padding: 0; 
	float: right
}
#topnav ul  { 
	margin: 0; 
	padding: 0
}
#topnav ul li   { 
	color: #333; 
	font-size: 0.7em; 
	display: inline
}
#topnav ul  { 
	color: #333; 
	padding: 0 0 0 15px
}
#topnav ul li a  {
	padding: 0 10px
}
/**Main Navigation**/
#navcontainer { 
	margin: 0; 
	padding: 0;
	height: 55px;
}
#navlist { 
	margin: 0;
	padding: 0;
	height: 55px;
}
#navlist li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#navlist a {
	float: left;
	margin: 0;
	padding: 0;
	width: 150px;
	height: 55px
}
#navlist a:hover {
	background-position: 0 -55px;
}
#navlist a.active { 
	background-position: 0 -110px;
}
#navlist span {
	display: none;
}
#tcompany a  { background: url("images/menu/tb_company.gif") no-repeat left top; width: 150px }
#tproducts a  { background: url("images/menu/tb_prod.gif") no-repeat left top; width: 150px }
#tprojects a  { background: url("images/menu/tb_proj.gif") no-repeat left top; width: 150px }
#tsupport a  { background: url("images/menu/tb_supp.gif") no-repeat left top; width: 150px }
#tpurchase a  { background: url("images/menu/tb_purchase.gif") no-repeat left top; width: 150px }
/**Intro**/
#intro       { 
	margin: 0; 
	padding: 0; 
	width: 550px; 
	height: 200px; 
	float: left
}
#introfull   { 
	margin: 0; 
	padding: 0; 
	width: 750px; 
	height: 200px
}
.intro    { 
	color: #333; 
	font-size: 1em; 
	font-weight: bold; 
	margin: 0; 
	padding: 0 50px 0 0
}
.introLi { 
	font-size: 0.8em
}
#introfull ul { 
	list-style-type: none
}
/**Content**/
#content     { 
	margin: 0; 
	padding: 0; 
	width: 550px; 
	float: left
}
#contentfull { 
	margin: 0; 
	padding: 0; 
}
#content ul, #contentfull ul { 
	font-size: 0.8em; 
	list-style-type: disc; 
	margin: 0 25px 15px 35px
}
#content ol, #contentfull ol {
	font-size: .8em;
}
#content li, #contentfull li { 
	margin: 0 0 5px 0
}
/**Right Navigation Column**/
#rightcol ul  { 
	list-style-type: none
}
#rightcol li { 
	list-style-type: none
}
#linklist1   { 
	margin: 0; 
	padding: 0; 
	height: 175px
}
#linklist1 ul  { 
	margin: 25px 15px 0 0 
}
#linklist1 li     { 
	font-size: 0.8em; 
	line-height: 1.5em; 
	list-style-type: none; 
	margin: 0 0 15px; 
	padding: 15px 0 0 55px; 
	height: 45px 
}
#linklist2  { 
	margin: 0 0 25px; 
	padding: 0
}
#linklist2 h3, #linklist3 h3   { 
	color: #069; 
	font-size: 0.8em; 
	background-color: #ccc; 
	text-align: center; 
	margin: 0;
	padding: 7px 0 7px;
	border-bottom: 1px dotted #069 
}
#linklist2 ul   { 
	background-color: #e6e6e6; 
	margin: 0; 
	padding: 10px 0;
	border: 1px solid #ccc;
	border-width: 0 1px 1px 1px
}
#linklist2 li a  { 
	color: #666; 
	font-size: 0.75em; 
	font-weight: normal; 
	margin: 0 15px 5px; 
	padding: 3px 0 5px; 
	border-bottom: 1px dotted #ccc;
	display: block;
}
#linklist2 li a:hover { 
	color: #f00
}
#linklist3   { 
	background-color: #fff; 
	margin: 0; 
	padding: 0; 
	border: solid 1px #ccc
}
#linklist3 h4  { 
	color: #333; 
	text-align: center; 
	margin: 0
}
#linklist3 p  { 
	text-align: center; 
	margin: 0;
	padding: 0 15px 15px 15px
}
/**Thumb Styles**/
.thumb {
	float: left;
	padding: 30px 15px;
	margin: 0;
	width: 215px;
}
.thumbVR {
	float: left;
	padding: 30px 15px;
	margin: 0;
	width: 215px;
	border-right: 1px dotted #ccc
}
.thumb h4, .thumbVR h4 { 
	margin: 0 0 10px; 
	padding: 0; 
	height: 70px
}
.thumb h4 span, .thumbVR h4 span { 
	display: none
}
.thumb p, .thumbVR p { 
	font-size: 0.75em; 
	margin: 0; 
	padding: 0
}
.thumb a, .thumb a:link, .thumbVR a, .thumbVR a:link { 
	color: #069;
	font-size: .75em;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 0; 
	float: right
}
.thumb a:hover, .thumbVR a:hover { 
	color: #f00; 
	text-decoration: underline
}
#row1, #row2, #row3  { 
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}
/**Inline Nav**/
p.inlinenav       { 
	color: #333; 
	font-size: 0.7em; 
	margin: 15px 0 25px; 
	padding: 0
}
p.inlinenav a:link { 
	color: #069; 
	text-decoration: none 
}
p.inlinenav a:visited { 
	color: #069; 
	text-decoration: none
}
p.inlinenav a:hover  { 
	color: #069; 
	text-decoration: underline 
}
.currentpage {
	color: #333;
	font-weight: bold
}
span.seperator  { 
	color: #069 
}
/**Product Sums**/
#prodSum   { 
	margin: 0 0 40px; 
	padding: 0 15px
}
#prodSum ul    { 
	list-style-type: none; 
	margin: 15px 0 0 0; 
	padding: 0 0 0 155px
}
#prodSum li { 
	display: inline; 
	padding: 0 50px 0 0
}
#prodSum h3   { 
	color: #069; 
	font-size: 1em; 
	font-weight: bold; 
	margin: 0; 
	padding: 0; 
	border: none
}
#prodSum h3 a { 
	text-decoration: none
}
#prodSum h4     { 
	color: #333; 
	font-size: 0.8em; 
	font-weight: bold; 
	margin: 15px 0 0 0; 
	padding: 0 0 0 155px
}
#prodSum p   { 
	line-height: 150%; 
	margin: 0; 
	padding: 0 0 0 155px
}
#prodSum a, #prodSum a:link { 
	text-decoration: none 
}
#prodSum a:hover  { 
	color: #f00; 
	text-decoration: underline
}
#prodSum a:visited {
	text-decoration:none;
	color: #f00
}
/**Updates**/
#updates       { 
	margin: 0;
	padding: 0 0 30px 0
}
#updates h4 { 
	color: #069; 
	font-size: 1em; 
	font-weight: bold; 
	margin: 0 0 10px
}
#updates ul { 
	list-style-type: none; 
	margin: 0 0 15px; 
	padding: 0 0 0 155px
}
#updates li { 
	display: inline; 
	margin: 0; 
	padding: 0 20px 0 0
}
#updates li a { 
	font-weight: bold
}
#updates p {
	margin: 0 0 3px 0; 
	padding:0 0 0 155px
}
#updates p a, #updates p a:visited { 
	text-decoration: none
}
#updates p a:hover { 
	text-decoration: underline
}
/**Button Class**/
#button { 
	margin: 0 0 25px 0; 
	padding: 0 0 0 15px }
#button h4 a, #button h4 a:link { 
	text-decoration: none
}
#button h4 a:hover { 
	text-decoration: underline
}
/**Gallery**/
.gallery  { 
	font-size: 0.8em; 
	margin: 5px 25px 20px 0; 
	padding: 15px; 
	width: 150px; 
	float: left; 
	border: solid 2px #069
}
.clearboth  { 
	margin: 0; 
	padding: 0; 
	clear: both
}
/**Quick Facts Box**/
#factbox  { 
	margin: 15px 20px 15px 15px; 
	padding: 0; 
	width: 200px; 
	float: right; 
	border: solid 1px #ccc
}
#factbox h4  { 
	color: #069; 
	font-weight: bold; 
	background-color: #ccc; 
	text-align: center; 
	margin: 0 0 10px; 
	padding: 10px 0; 
	border-bottom: 1px dotted #999
}
#factbox p  { 
	color: #666; 
	margin-top: 0; 
	margin: 0 0 10px 0; 
	padding: 0 0 0 15px
}
#factbox a, factbox a:link  { 
	color: #069; 
	font-weight: bold
}
/**Picture Box**/
#pictureframe { 
	margin: 0 0 15px 15px; 
	padding: 15px; 
	width: 400px; 
	float: right; 
	border: solid 1px #069
}
/**Footer**/
#footer ul     { 
	list-style-type: none; 
	margin: 25px 0 15px 0; 
	padding: 0
}
#footer ul li { 
	display: inline
}
#footer ul li a { 
	color: #333; 
	font-size: 0.7em; 
	font-weight: normal; 
	text-decoration: none; 
	padding: 0 10px
}
#footer ul li a:hover { 
	color: #f00; 
	text-decoration: underline
}
#footer p { 
	font-size: 0.7em; 
	text-align: center; 
	margin: 0 0 5px 0;
	padding: 0
}
/*Email Box*/
#emailBox {
	margin: 0;
	padding: 15px;
}
#emailBox p {
	font-size: .9em;
	padding: 0;
	margin: 0 0 10px 0;
}
.emailBox {
	background: none;
}
/*Tags*/
.banner   { 
	background: url("images/banner.jpg") no-repeat 0 0; 
	margin: 0 0 15px; 
	padding: 0; 
	width: 750px; 
	height: 185px
}
.blockquote  { 
	font-size: 1em; 
	font-weight: bold; 
	margin: 0 0 10px; 
	padding: 0 50px 0 0 
}
.blog-banner {
	margin: 0 0 15px 0;
	padding: 0;
	text-align: center;
}
.btn_down { 
	background: url(images/buttons/button_download.gif) no-repeat 0 50%
}
.btn_info { 
	background: url(images/buttons/button_info.gif) no-repeat 0 50%
}
.buttonLeft { 
	margin: 0 10px 15px 0;
	float: left
}
.center { 
	text-align: center
}
.hidden { 
	display: none
}
.icoLeft { 
	background-position: 0 25%; 
	margin: 0 3px 0 0; 
	vertical-align: middle 
}
.iconLg { 
	margin: 0 0 0 15px; 
	float: right
}
.imgCtr  { 
	margin: 15px 0 15px 30px
}
.imgLeft   { 
	margin: 10px 15px 15px 0; 
	float: left
}
.imgRight    { 
	margin: 10px 0 15px 15px; 
	float: right
}
.prodLogo { 
	margin: 0 15px 30px 0;
	float: left }
/** Form styles **/
form     { 
	margin: 15px 0 0; 
	padding: 10px; 
	border: solid 1px #ccc
}
form.dropmsgform {
	margin: 0 0 15px 0;
	padding: 10px 0;
	border: none;
}
textarea    { 
	margin: 0; 
	padding: 4px
}
label    { 
	margin: 2px; 
	width: 170px; 
	height: 28px
}
input          { 
	margin: 0 5px 0 0;
	padding: 2px
}
textarea { 
	width: 400px;
}
select {
	width: 175px;
}
.h3form  { 
	background-color: #ccc; 
	text-align: center;
	margin: 15px 0 0 0;
	padding: 8px 0 0; 
	height: 25px; 
	border-bottom: 1px dotted #069
}
ul#form { 
	list-style-type: none
}
ul#form li { 
	margin: 5px 0; 
	padding: 0 0 2px
}
/*FAQ*/
.faq-caps {
	text-align: center;
	width: 33%;
	float: left;
}

/**Various Styles**/
a img { 
	text-decoration: none; 
	border: none
}
ul#inline ul { 
	list-style-type: none; 
	display: none; 
	margin: 0; 
	padding: 0
}
ul#inline li    { 
	font-size: 1em; 
	display: inline; 
	margin: 0; 
	padding: 0 25px 0 0
}
ul.ul-block li {
	list-style: none;
	display: block;
}

/**Table Styles**/
table  { 
	margin: 0 15px; 
	padding: 0
}
td    { 
	font-weight: bold; 
	margin: 0; 
	padding: 5px
}
.prodLabel { 
	font-size: 1em; 
	font-weight: bold; 
	margin: 0; 
	padding: 0 }
/*Clear Fix*/
.clearfix:after{ 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden
} 
.clearfix {display: inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
* html .clearfix{ height: 1px; } 
