/* div, ul, li, h1, h2 {border:1px black solid;} */
body {font-family:Calibri,Verdana, Arial, Helvetica, sans-serif;padding:0;margin:0;}
div#container {padding:40px;}
#headerbar h1, #headerbar h2{
display:none;}
div#headerbar {position:relative;height:60px;width:100%;display:block; padding-left:0;
background-image:url(/staging/images/stripes.gif);background-repeat:repeat-x;
}
div.green {background:url(/staging/images/green.gif);height:30px;width:100%;}
div#main {background:url(/staging/images/blue.gif);}

div.topbar {background:url(/staging/images/green.gif);width:100%;height:20px;align:middle;}
div.leftcorner{height:24px;width:24px;background:url(/staging/images/tl.gif) white no-repeat top left;float:left;padding:0;border:0;}

div.rightcorner{height:24px;width:24px;background:url(/staging/images/tr.gif) white no-repeat top right;float:right;padding:0;border:0;}
div#headerbar #sitename {height:70px;background-image:url(/staging/images/logo.gif);background-repeat:no-repeat;width:400px;position:absolute;top:-42px;left:38px;}
div#navbar {
	width:254px;
	position:absolute;
	left: 1px;top:180px;
}
#navbar ul {list-style-type:none;width:100%;margin:0;padding:0;}
#navbar li a {display:block;padding:20px;height:30px;background:url(/staging/images/nav-background.gif) top left;background-repeat:no-repeat;font-size:14px;font-family:Futura,Calibri,Verdana,Arial,Helvetica,sans-serif;}
#navbar a:link, #navbar a:visited {color:#000066;text-decoration:none;}
#navbar a:hover, #navbar a:active {color:#FFF;background:url(/staging/images/nav-background-on.gif) top left;background-repeat:no-repeat;}
div#content {width:470px;position:relative;min-height:300px;top:30px;background:white;padding:20px;}
div.bottombar {background:url(/staging/images/blue.gif);width:100%;height:24px;align:middle;}
div.leftbottomcorner{height:24px;width:24px;background:url(/staging/images/bl.gif) white no-repeat top left;float:left;padding:0;border:0;}

div.rightbottomcorner{height:24px;width:24px;background:url(/staging/images/br.gif) white no-repeat top right;float:right;padding:0;border:0;}
div.break {width:100%;display:block;clear:both;}
div#footer {width:100%;position:relative;clear:both;position:bottom;}

.box { 
  background: #FFFFFF; width:70%; position:relative;top:30px;left:200px;
}
.boxtop { 
  background: url(/staging/images/corners/ne.gif) no-repeat top right; 
}
.boxtop div { 
  height: 10px; 
  background: url(/staging/images/corners/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(/staging/images/corners/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  height: 10px; 
  background: url(/staging/images/corners/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;min-height:300px;
}
.boxcontent h1, .boxcontent h2, .boxcontent h3 {padding:0;margin-top:6px;margin-bottom:5px;}
.boxcontent h1 {font-size:28px;color:#A4BF96;}
.boxcontent h2 {font-size:21px;font-weight:400;color:#6694CB;}
.boxcontent p{padding:0;margin-top:1px;margin-bottom:8px;color:#333333;line-height:150%;font-size:13px;width:90%;}
.boxcontent img {padding:6px;}
.boxcontent strong {color:#6694CB;weight:700;}

#footer {font-size:10px;color:#666666;}
div.devicesplash {width:200px;height:300px;background:url(/staging/images/device2.png) no-repeat;position:absolute;z-index:100;top:250px;left:56%;float:right;}
div.homesplash p{font-size:21px; font-weight:normal;color:#6694CB;line-height:170%;}
div.homesplash h1{width:50%;}
div#contact {width:200px;height:200px;margin-top:20px;background:url(/staging/images/contactus.gif);background-repeat:no-repeat;float:right;}
div#contact p {display:none;}
div.viewdemo, div.telluswhatyouthink {width:90%; height:100px;}
div.viewdemo a:link, div.viewdemo a:visited {background-image:url(/staging/images/viewdemo.gif);background-position:center bottom;background-repeat:no-repeat;}
div.viewdemo a:hover, div.viewdemo a:active {background-image:url(/staging/images/viewdemo-on.gif);background-position:center bottom;background-repeat:no-repeat;}

div.telluswhatyouthink a:link, div.telluswhatyouthink a:visited {background-image:url(/staging/images/telluswhatyouthink.gif);background-position:center bottom;background-repeat:no-repeat;}
div.telluswhatyouthink a:hover, div.telluswhatyouthink a:active {background-image:url(/staging/images/telluswhatyouthink-on.gif);background-position:center bottom;background-repeat:no-repeat;}


div.viewdemo a, div.telluswhatyouthink a {height:100px;display:block;width:200px;}
div.viewdemo a span, div.telluswhatyouthink a span{display:none;}
div.backnext {display:block;width:100%;padding-top:30px;text-align:center;}
div.next, div.back{padding:20px;display:block;}
div.backnext div span {display:none;}
div.next {width:100px;height:100px;background-image:url(/staging/images/next.gif);background-repeat:no-repeat;float:right;display:inline;}
div.back {width:100px;height:100px;background-image:url(/staging/images/back.gif);background-repeat:no-repeat;float:left;display:inline;}

form#tbform {
font-size:11px; }
input,textfield {border:1px grey solid;}

}