@charset "utf-8";
/* CSS Document */
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
img {border: none; padding:0;}
p {
line-height:16px;
margin:0;
padding:12px 0 12px 0;
}
h1,h2,h3,h4 {
	margin: 0;
	padding:12px 0 12px 0;
	font-weight:normal
}

body{
height:100%; 
width:100%;
margin:0 auto;
padding:0; 
text-align: center; 
font:12px "Myriad Pro","Myriad Pro Regular", "Myriad", "Myriad Roman","Myriad Web Pro Regular", Arial, sans-serif;
color:#CCCCCC;
}
html, body {
min-height: 100%;
height: auto !important;
height: 100%
}
#container {
width:805px;
height:100%;
position:relative;
top:0px;
margin:auto;
text-align:left;
}

#header a:hover {
color:#ff9933;
}
#headerlogo {
position:relative;
top:-5px;
left:20px;
padding:0;
width:224px;
height:50px;
overflow:hidden;
}
#header {
position:relative;
width:805px;
background-image:url(../images/home/header.jpg);
background-repeat:no-repeat;
height:107px;
overflow:hidden;
}
.contacthomelinks {
padding:20px 0 0 668px;
}
.contacthomelinks a {
color:#ff3300;
padding:0 6px 0 0;
}
.navbar {
position:absolute;
left:268px;
top:72px;
margin:0;
}
#nav  {
width:525px;
height:35px;
list-style:none;
padding:0;
margin:0;
}
#nav  li {
float: left;
padding:0 1px 0 0;
margin:0;
list-style:none;
text-align:center;
}

#nav li a {
display: block;
font-size:1.0em;
padding:12px 0 0 0;
width:128px;
height:23px;
color:#666666;
background-image:url(../images/home/navtab.gif);

}
#subheader {
overflow:hidden;
position:relative;
width:804px;
height:204px;
background-image:url(../images/who/orangeheader.jpg);
margin:7px 0 9px 0;
z-index:3
}
#mainwhoheader {
overflow:hidden;
position:relative;
width:804px;
height:204px;
background-image:url(../images/who/subheader.jpg);
margin:7px 0 9px 0;
}
#mainwho h1 {
font-size:18px;
color:#ff3300;
padding:0;
margin:0;
}
#mainwho p {
color:#6d6f72;
font-size:14px;
}
#mainproductsheader {
overflow:hidden;
position:relative;
width:804px;
height:204px;
background-image:url(../images/products/header.jpg);
margin:7px 0 9px 0;
}
#differheader {
overflow:hidden;
position:relative;
width:804px;
height:204px;
background-image:url(../images/differ/header.jpg);
margin:7px 0 9px 0;
}
#caseheader {
overflow:hidden;
position:relative;
width:804px;
height:204px;
background-image:url(../images/casestudies/header.jpg);
margin:7px 0 9px 0;
}
#contactheader {
overflow:hidden;
position:relative;
width:804px;
height:205px;
background-image:url(../images/contact/subheader.jpg);
margin:7px 0 9px 0;
}

.kenheadereffects {
overflow:hidden;
position:relative;
width:804px;
height:204px;
background-image:url(../images/who/kenheader.jpg);
margin:7px 0 9px 0;
}
.paulheadereffects {
overflow:hidden;
position:relative;

width:804px;
height:204px;
background-image:url(../images/who/paulheader.jpg);
margin:7px 0 9px 0;
}
.michaelheadereffects {
overflow:hidden;
position:relative;
width:804px;
height:204px;
background-image:url(../images/who/michaelheader.jpg);
margin:7px 0 9px 0;
}
#maincontenttb {
height:10px;
width:805px;
background-image:url(../images/home/maintopbg.gif);
margin:0;
padding:0;
line-height:1px;
overflow:hidden;
}
#whomainwhitebgt {
margin:0 0 0 16px;
padding:0;
height:10px;
width:774px;
line-height:1px;
overflow:hidden;
background-image:url(../images/who/topbgwhite.gif);
}
#whomainwhitebg {
margin:0 0 0 16px;
width:774px;
height:359px;
background-color:#fcfcfc;
}
#whymainwhitebg {
margin:0 0 0 16px;
width:774px;
background-image:url(../images/who/bgtile.gif);
background-repeat:repeat-x;
background-position:top
}
#casemainwhitebg {
position:relative;
margin:0 0 0 16px;
width:774px;
height:410px;
background-image:url(../images/who/bgtile.gif);
background-repeat:repeat-x;
background-position:top
}
#pmainwhitebg {
margin:0 0 0 16px;
width:774px;
background-image:url(../images/who/bgtile.gif);
background-repeat:repeat-x;
background-position:top
}
.maincase {
margin:0;
padding: 0 0 0 29px;
}

#maincontent {

position:relative;
height:440px;
width:805px;
background-image:url(../images/home/mainbg.gif);
background-repeat:repeat-x;
background-position:top;
margin:0;
padding:0;
}
#maincontentwhy {
width:805px;
background-image:url(../images/home/mainbg.gif);
background-repeat:repeat-x;
background-position:top;
}
.lefthome {
float:left;
width:492px;
color:#6d6f72;
padding:39px 0 0 0;
margin:0;
}
.lefthome p {
width:456px;
padding:10px 0 0 40px;
}
.lefthome ul {
width:359px;
padding:0 0 0 80px;
}
.lefthome ul li {
padding-bottom:6px;
}
.homehlist {
color:#0066cc;
font-size:13px;
}
.divider {
padding: 0 3px 0 3px;
}
.homeheader {
padding:0 0 0 40px;
}
.lefthome h3 {
font-size:14px;
color:#666666;
width:434px;
margin:0;
padding:0;
padding:0 0 15px 40px;
font-weight:bold;
}
.homearrow {
float:left;
width:4px;
margin:6px 0 0 0;
padding:0;

}
.homelisttxt {
margin:0 0 0px 12px;


color:#7e8083;
font-size:13px
}
.productlisttxt {
margin:12px 0 0px 23px;
color:#7e8083;
font-size:13px
}
.homelisttxt img.dd {
padding:7px 0 7px 0;
}
.homelisttxt a {
padding:0;
margin:0;
font-size:18px;
color:#ff3300;
}
.productlisttxt a {
padding:0;
margin:0;
font-size:14px;
color:#ff3300;
}
.homelisttxt a:hover {
color:#ff6600;
}
.homelisttxt a.small {
color:#ff3300;
font-size:12px
}
.homelisttxt a.small:hover  {
color:#ff6600;
}
.righthome {
position:relative;
margin:0 0 0 500px;
width:297px;
height:438px;
padding:0;

}
.fsuite {
padding:0 0 0 58px;
}
.fsuite2 {
padding:0 0 0 74px;
}
#binoc {
position:absolute;
bottom:-2px;
left:0px;
}
.righthome h1 {
font-size:12px;
margin:0;
padding:0 0 0 85px;
color:#999999;
font-weight:bold;
}
.homelist {
text-align:left;
margin:0 0 0 15px;
padding:23px 0 0 15px;
height:226px;
width:260px;
background-image:url(../images/home/framesoftware.gif);
background-repeat:no-repeat;
}
#homesoftwareimg {
margin:4px 0 0 18px;
}
.productsoftwareimg {
margin:8px 0 0 25px;
}
.prodlist {
text-align:left;
margin:0 0 0 0px;
padding:23px 0 0 15px;
height:645px;
width:260px;
background-image:url(../images/products/largeframe.gif);
background-repeat:no-repeat;
}
.righthome h2 {
font-size:18px;
color:#666666;
padding:25px 0 0 0;
}
.righthome ul {
margin:0;
padding:0;

}
.righthome ul li {
list-style:none;
font-size:12px;
color:#ff3300;
margin:0;
padding:3px 0 3px 0;
width:237px;
}
.righthome ul li a {
color:#ff3300;
}
.righthome ul li a:hover {
color:#ff9933;
}
#dots {
padding:4px 0 4px 0;
}
.leftproducts {
float:left;
margin:0;
width:420px;
color:#6d6f72;
padding:34px 0 0 39px;
}
.leftproducts h3 {
font-size:14px;
color:#6d6f72;
margin:0;
padding:0;
}


.rightproducts {
margin:0 0 0 479px;
height:273px;
padding:20px 0 0 0;
}

.rightproducts p {
padding: 0 4px 0 14px;
margin:0;
}


.dots {
padding:9px 0 9px 0;
}
.kenroll {
background-color:#e9e9e9;
}
.michaelroll {
background-color:#e9e9e9;
}
.paulroll {
background-color:#f6f6f6;
}
.leftwho {
float:left;
width:457px;
color:#6d6f72;
padding:39px 0 0 39px;
line-height:20px;
}
.leftwho h3 {
font-size:14px;
color:#6d6f72;
width:436px;
margin:0;
padding:0;
}
.rightwho h2 {
font-size:18px;
position:relative;
top:5px;
left:14px;
color:#666666;
}
.rightwho {
margin:0 0 0 507px;
height:330px;
width:252px;
background-image:url(../images/who/frame.gif);
background-repeat:no-repeat;
padding:5px 0 0 10px;
}

.rightwho p {
padding: 0 4px 0 14px;
margin:0;
color:#666666;
font-size:11px;
}
.meet {
padding:0 0 0 6px;
}
#ken h2, #paul h2, #michael h2 {
font-size:18px;
color:#ff3300;
margin:0;
padding:0;
}
#ken h3, #paul h3, #michael h3 {
font-size:14px;
color:#6d6f72;
margin:0;
padding:0;
}
#casemainwhitebg h2 {
font-size:18px;
color:#ff3300;
margin:0;
padding:0;
width:418px;
}
#casemainwhitebg h3 {
font-size:14px;
color:#666666;
margin:0;
padding:0;
width:418px;
}
#casemainwhitebg h4 {
font-size:14px;
color:#6d6f72;
margin:0;
padding:12px 0 12px 0;
width:418px;
}
#casemainwhitebg p {
color:#6d6f72;
font-size:12px;
line-height:16px;
width:418px;
}
#speedway {
position:absolute;
top:10px;
left:493px;
}
#ken p, #paul p, #michael p {
width:437px;
line-height:16px;
}
.orange {
color:#ff3300;
}

#footer {
height:100%;
width:100%;
background-color:#333333;
color:#999999;
margin:0;
padding: 0 0 30px 0;
}
.productsnav {
list-style:none;
text-align:right;
padding:0 15px 0 0;
margin:0;
}
.sep {
color:#666666;
position:relative;
top:-3px;
}
.productsnav li {
display:inline;
list-style:none;
padding:0 3px 0 3px;
color:#ff3300;
font-size:14px;
}
.productsnav li a {

color:orange;
}
#productcopy {
background-color:#FFFFFF;
}
.productsnav li a:hover {
color:#ff3300;
}
#footer ul {
list-style:none;
padding:23px 0 0 0;
margin:0;

}

#footer ul li {
display:inline;
list-style:none;
padding:0 3px 0 3px;
}
#footer ul li a {
color:#999999;
}
#footer p {
margin:0;
padding:4px 0 0 0;
}

.whyarrow {
float:left;
padding:0 0 0 25px;
width:15px;
}
.warrow {
position:relative;
top:18px;
}
.proarrow {
position:relative;
top:3px;
}
.pbold {
font-weight:800;
}
.whytext {
margin:20px 0 0 45px;

}
.whytext h2 {
font-size:14px;
color:#ff3300;
margin:0;
padding:0 0 8px 0;
font-weight:700;
width:466px;
}
.whytext p {
line-height:14px;
margin:0;
padding:0 0 20px 0;
color:#666666;
width:466px;
}
#maincontentwhy h1 {
font-size:24px;
color:#666666;
padding:0 0 5px 25px;
}

#deliver {
position:relative;
height:359px;
width:100%;
}
#deliver ul {
width:345px;
padding:0 0 0 25px;
margin:0;
}
#deliver ul li {
padding:4px;
margin:0;
font-size:12px;
color:#6d6f72;

}
#deliverimg {
position:absolute;
top:0;
left:412px;
}
#deliver p {
width:383px;
padding:0 0 10px 0;
}
#existing {
height:359px;
}
.newsite {
padding: 10px 0 0 25px;
}
.newsite h2 {
font-size:14px;
color:#ff6600;
padding: 0 0 0 25px;
}
.newsite p {
width:610px;
font-size:11px;
color:#6d6f72;
padding: 0 0 0 25px;
}
.productsdivide {
padding: 12px 0 12px 0;
}
#binoculars {
 position: absolute; left: 220px; top: 598px; 
}
.equation1 {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/equation1.png', sizingMethod='scale');
background-color: transparent;
width: 177px;
height: 47px;
position:absolute;
top:110px;
left:12px;
z-index:3;
}
.flash {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/box.png', sizingMethod='scale');
background-color: transparent;
width: 101px;
height: 92px;
position:absolute;
top:75px;
left:683px;
z-index:3;

}
.box {
position:absolute;
top:108px;
left:711px;
z-index:3;
}
#box, .flash {
display:none;
}
html>body .equation1{background-image: url(images/home/equation1.png)}

.equation2 {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/equation2.png', sizingMethod='scale');
background-color: transparent;
width: 130px;
height: 12px;
position:absolute;
top:76px;
left:108px;
z-index:3;
}
html>body .equation2{background-image: url(images/home/equation2.png)}


.equation3 {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/equation3.png', sizingMethod='scale');
background-color: transparent;
width: 74px;
height: 32px;
position:absolute;
top:43px;
left:1px;
z-index:2;
}
html>body .equation3{background-image: url(images/home/equation3.png)}
#testimg {
position:absolute;
top:116px;
left:200px;
z-index:8
}
.equation4 {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/equation4.png', sizingMethod='scale');
background-color: transparent;
width: 129px;
height: 28px;
position:absolute;
top:26px;
left:228px;
z-index:3;
}
html>body #equation4{background-image: url(images/home/equation4.png)}
.equation5 {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/equation5.png', sizingMethod='scale');
background-color: transparent;
width: 84px;
height: 36px;
position:absolute;
top:38px;
left:724px;
z-index:3;
}
html>body .equation5{background-image: url(images/home/equation5.png)}
#prodheader {
font-size:24px;
color:#666666;
}

.plinks:hover {
color:#000000;
}
#aheader, #kheader, #mheader, #pheader, #proheader, #whyheader, #cheader, #contheader {
position:absolute;
width:650px;
top:145px;
left:35px;
font-size:30px;
color:#FFFFFF;
line-height:30px;
z-index:5;
display:none;
}

#aheader2 {
display:none;
position:absolute;
top:170px;
left:35px;
font-size:15px;
color:#FFFFFF;
z-index:4
}
#contactleft {
float:left;
width:295px;
padding:10px 0 0 0;
margin:0;
}
.contacttable {

}
.contacttable td {
color:#666666;
padding:0 0 0 14px;
margin:0;
}
.textbox {
width:171px;
height:17px;
}
.contactta {
width:233px;
height:126px;
}
#contactright {
float:right;
width:175px;
color:#666666;
margin:0;
padding:10px 0 0 0;
}
#contactright h3 {
font-family:12px;
color:#ff3300;
margin:0;
padding:0;
width:175px;
font-weight:700;
}
#contractright p {
margin:0;
padding:0;
width:175px;
}
#contactmiddle {
margin:0 0 0 315px;
padding:10px 0 0 0;
width:255px;
color:#666666;
}
#skilken {
padding:5px 0 0 307px;
}
.img{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/binoculars.png', sizingMethod='scale');
	background-color: transparent;
	/*Notice I'm defining the image width and height here*/
	width: 304px;
	height: 180px;
	position: absolute; 
	left: 320px; 
	top: 598px;
	}
	
	#deliver h3 {
	font-size:14px;
	color:#666666;
	width:400px;
	}
	
	#hcross {
	position:absolute;
	line-height:1px;
	margin:0;
	padding:0;
	width:100%;
	height:1px;
	background-color:#FFFFFF;
	top:0px;
	overflow:hidden;
	z-index:9;
	}
	#vcross {
	position:absolute;
	width:1px;
	height:100%;
	background-color:#FFFFFF;
	left:0px;
	z-index:9;
	}
	#city {
	display:none;
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:4;
	}
	.city {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/city.png', sizingMethod='scale');
background-color: transparent;
width: 346px;
height: 204px;
	position:absolute;
	left:733px;
	right:119px;
	z-index:5;
	}
	#intro {
	margin:auto;
	width:507px;
	height:112px;
	position:relative;
	text-align:center;
	top:280px;
	overflow:hidden;

	}
	#intromask {
	position:absolute;
	width:227px;
	height:112px;
	top:0;
	left:0;
	background-image:url(../images/home/maskbg.gif);
	z-index:4
	}
	#intromask2 {
	position:absolute;
	width:227px;
	background-color:#FFFFFF;
	height:66px;
	top:92px;
	left:0;
	z-index:2
	}
	.introhorizon {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/introhorizon.png', sizingMethod='scale');
background-color: transparent;
width: 227px;
height: 53px;
	position:absolute;
	top:26px;
	left:0px;
	z-index:2;
	
	}
	#intrologo {
	position:absolute;
	top:33px;
	left:46px;
	z-index:1;
	}
	#introforcasting {
	position:absolute;
	left:30px;
	top:39px;
	z-index:3
	}
.p1 {
opacity:0;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/who/p1.png', sizingMethod='scale');
background-color: transparent;
width: 65px;
height: 114px;
z-index:3;
}
.p2 {
opacity:0;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/who/p2.png', sizingMethod='scale');
background-color: transparent;
width: 45px;
height: 117px;
z-index:3;
}
.p3 {
opacity:0;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/who/p3.png', sizingMethod='scale');
background-color: transparent;
width: 36px;
height: 108px;
z-index:3;
}
.p4 {
opacity:0;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/who/p4.png', sizingMethod='scale');
background-color: transparent;
width: 32px;
height: 110px;
z-index:3;
}
.p5 {
opacity:0;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/who/p5.png', sizingMethod='scale');
background-color: transparent;
width: 58px;
height: 113px;
z-index:3;
}
.p6 {
opacity:0;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/who/p6.png', sizingMethod='scale');
background-color: transparent;
width: 30px;
height: 109px;
z-index:3;
}
#people {
position:absolute;
top:100px;
left:496px;

}
.kenpic {
position:absolute;
right:60px;
display:none;
}
.kensig {
position:absolute;
left:476px;
top:135px;

display:none;
}

.paulpic {
position:absolute;
right:13px;
display:none;

}
.paulsig {
position:absolute;
left:387px;
top:131px;
display:none;
}

.michaelpic {
position:absolute;
right:54px;
display:none;
}
.michaelsig {
position:absolute;
left:425px;
top:138px;
display:none;
}
#air {
position:absolute;
right:0px;
}
#mainproducts .rightproducts h1 {
font-size:12px;
margin:0;
padding:0 0 0 65px;
color:#999999;
font-weight:bold;
}
#mainproducts2 h1 {
font-size:18px;
color:#ff3300;
padding:0;
margin:0;
}
#mainproducts2 h2 {
font-size:14px;
color:#6d6f72;
font-weight:bold;
padding:0;
margin:0;
}
#mainproducts2 .bluetxt {
color:#3399ff;
font-weight:bold;
}
 #mainproducts2 p {
 color:#6d6f72;
 font-size:12px;
 padding:12px 0 0 0;
 margin:0;
 }
 #mainproducts2 p.largefont {
 font-size:14px;
 color:#666666;
 }
 #mainwhy .box1 {
   padding:15px 0 15px 0;
 background-image:url(../images/differ/bg1.jpg);
 background-repeat:no-repeat;
 background-position:right;
 width:749px;
 height:192px;
 }
  #mainwhy .box2 {
    padding:15px 0 15px 0;
 background-image:url(../images/differ/bg2.jpg);
 background-repeat:no-repeat;
 background-position:right;
 width:749px;
 height:192px;
 }
  #mainwhy .box3 {
    padding:15px 0 15px 0;
 background-image:url(../images/differ/bg3.jpg);
 background-repeat:no-repeat;
 background-position:right;
 width:749px;
 height:192px;
 }
  #mainwhy .box4 {
  padding:15px 0 15px 0;
 background-image:url(../images/differ/bg4.jpg);
 background-repeat:no-repeat;
 background-position:right;
 width:749px;
 height:192px;
 }
.floatleft {
float:left;
width:10px;
height:30px;
 }
  .mright {
  margin:0 0 0 12px;

 }
 .mcbg {
 background-image:url(../images/products/mbg.gif);
 background-repeat:no-repeat;
 width:274px;
 height:240px;

 }
  .mcbg h3 {
  padding:19px 0 4px 28px;
  margin:0;
  font-size:14px;
  color:#ff3300;
  }
   .mcbg p {
     padding:0 0 5px 28px;
  margin:0;
    font-size:12px;
  color:#6d6f72;
  width:226px;
   }
   
   #TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000000;
}
#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
}
#TB_windowinline {
display:none;
position: absolute;
text-align:left;
z-index: 102;
padding:0px 35px;
background-color:#FFFFFF;
 -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}
#TB_windowinline  p {
 font-size:12px;
 color:#666666;
 width:579px;
 float:left;
 }
 #TB_windowinline .poporange {
 font-size:14px;
 color:#ff6633;
 }
#popupclose {
float:right;
position:relative;
top:6px;
left:20px;
}