body { background-image: url(/img/background_brown.png); color: #4c4c4c; padding: 0 0 35px 0; }
a { color: #2bb311; text-decoration: none; }
ul { padding-left: 0.2em; margin: 0 0 0.7em 0; }
li { margin: 0 0 0.3em 0; background: url(/img/custombullet.png) left 0.5em no-repeat; padding-left: 9px; list-style: none; }
hr { height: 1px; }
hr.row { height: 1px; margin-left: 20px; margin-right: 20px; width: auto; }

.bold { font-weight: bold; }

.dropshadow { -moz-box-shadow: 2px 2px 3px #b0b0b0; -webkit-box-shadow: 2px 2px 3px #b0b0b0; box-shadow: 2px 2px 3px #b0b0b0; filter: progid:DXImageTransform.Microsoft.Shadow(color='#948e93', Direction=135, Strength=5) progid:DXImageTransform.Microsoft.Shadow(color='#948e93', Direction=225, Strength=3); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#948e93', Direction=135, Strength=5) progid:DXImageTransform.Microsoft.Shadow(color='#948e93', Direction=225, Strength=3)"; }

#header { height: 50px; background-color: #ff763c; position: relative; box-shadow: inset 0 -1px 3px #777777; -moz-box-shadow: inset 0 -1px 3px #777777; -webkit-box-shadow: inset 0 -1px 3px #777777; }
#header #header_logo { position: absolute; bottom: 0; left: 10px; }
#header #global_nav { position: absolute; bottom: 7px; right: 10px; font-size: 114%; color: white;}
#header #global_nav a { color: white; text-decoration: none; margin-right: 0px; }
#header #global_nav a:hover { text-decoration: underline; }


#content { background-color: white; }

h1, h2, h3, h4, h5 { line-height: 1.1; font-weight: bold; }
h1 { font-size: 170%; margin: 0 0 15px 0; }
h2 { font-size: 128%; margin: 25px 0 10px 0; color: #be2020; }
p { margin-bottom: 0.7em; }

a.small { font-size: 13px; }

#use_it { max-width: 460px; margin-bottom: 20px; }
#awesome { background-color: #f2f2f2; padding: 3px 7px; width: 350px; margin-top: 5px; margin-right: 10px; position: relative; cursor: pointer; display: inline-block; }
#awesome span { position: relative; }
#awesome b { position: absolute; right: 10px; top: 5px; opacity: 0.6; hover-opacity: 1; }

.colpadding { padding: 15px 20px 20px 20px; }
.col_padding_L { margin-left: 25px; }
.col_padding_R { margin-right: 25px; }
.row_padding { padding: 0 0 20px 0; }

#section1 { background-image: url(/img/home/map.png); height: 315px; padding: 15px 0 0 15px; position: relative; }
#section1 .orange_box { width: 260px; padding: 15px 15px 10px; background-color: white; filter: alpha(opacity=100); opacity: 1; border: 5px solid #ff763c; position: absolute; }
#section1 .orange_box#box1 { top: 20px; }
#section1 .orange_box#box2 { top: 180px; }
#section1 .orange_box#box3 { top: 180px; left: 340px; }
#section1 .orange_box b { font-size: 16px; }


.greenbutton {
  font-size:15px;
  margin-top: 3px;
  cursor:pointer;
  color:#ddf;
  background:#4E70D0;
  font-weight:bold;
  border:solid 1px rgba(230,230,230,.3);
  border-bottom:solid 1px rgba(25,25,25,.2);
  border-right:solid 1px rgba(25,25,25,.1);
  -webkit-border-radius:7px;
  text-decoration:underline;
}

.greenbutton {
  text-decoration:none;
  padding:3px 7px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  display: inline-block;
}

a.greenbutton:hover {
    color: white;
}

#section2_nav { color: white; background-color: #df1e02; background-image: url(/img/home/nav_background.png); background-repeat: repeat-x; height: 20px; border: 1px solid #c31800; }
#section2_nav a { color: white; }
#section2_nav ul { padding: 0; }
#section2_nav ul li { list-style-type: none; text-shadow: -1px 1px 1px #333333; display: block; float: left; height: 27px; padding: 7px 15px 0 12px; background-image: url(/img/home/nav_divider.png); background-position: right; background-repeat: repeat-y; }
#section2_nav ul li.selected { background-color: #fe6f0f; }

#section2 { padding: 25px 0 25px 0; background-color: white; box-shadow: inset 0 0 4px black; -moz-box-shadow: inset 0 0 4px black; -webkit-box-shadow: inset 0 0 4px black; }
#section2 .devices { margin-top: 13px; float: left; width: 49%; }
#section2 .devices div { padding-right: 10px; }
#section2 .devices img { float: left; padding: 0 12px 5px 0; }
#section2 .devices h3 { font-weight: normal; font-size: 110%; margin: 3px 0 7px; }
#section2 .devices p { color: #5f5f5f; font-size: 85%; }

.callout_box { background: #f3f3f0; padding: 10px 10px 15px 15px; }
.callout_box h2 { margin: 5px 0 5px 0; }
.callout_box hr { margin: 0 0 3px 0; }

.mini_row { float: left; padding-right: 30px; width: 40%; }

input#email { width: 215px; margin-bottom: 15px; }

.partners ul { margin: 0; padding: 0; }
.partners ul li { list-style-type: none; display: inline; float: left; background: none; width: 175px; padding: 0; }

.youbutton { margin: 5px 3px -8px 0; }