#outer{
       text-align:center;
       font-family:verdana,helvetica,arial;
       font-size:10px;
       color:#393939;
       }
#inner{
       margin:auto;
       width:900px;
       }
#main{
      width:600px;
      float:right;
      }
#sidebar{
         width:240px;
         float:left;
         text-align:center;
         }
#logo{
      margin-top:14px;}
         
.block{
       text-align:left;
       
       margin-bottom:90px;
       }
.block div{
       margin-left:25px;
       margin-top:18px;
       }
div.blockTitle{
            background:url(../images/block_title_bg.jpg) no-repeat top left;
            color:#ffffff;
            padding-top:7px;
            width:220px;
            height:23px;
            font-size:1.4em;
            margin-left:10px;
            padding-left:10px;
            }
#productImage{
            margin-left:10px;
            margin-top:0;
              }
#productCopy{margin-left:10px;}
#contactCopy, #actionButton{font-size:1.4em;}  
#contactPhone{font-size:2.9em;}
#actionButton{
              height:31px;
              text-align:center;
              margin-left:0;
              }
#actionButton a{
              background:url(../images/button_middle_bg.jpg) repeat-x;
              color:#393939;
              text-decoration:none;
              padding-top:4px;
              padding-bottom:8px;

              }

#actionButton img{
              vertical-align:middle;
              margin:0;
              border:0;
              padding:0;
              }
              
#menuContainer{
               margin-top:25px;
               }
#menu ul{
         display:inline;
         font-size:1.3em;
         color:#393939;
      }
#menu ul li{
            list-style:none;
            display:inline;
      }
#menu img{
              vertical-align:middle;
              margin:0;
              border:0;
              padding:0;
              }
#menu ul li a{
            background:url(../images/menu_bg_sprite.jpg) repeat-x top left;
            padding-top:4px;
            padding-bottom:9px;
            padding-left:25px;
            padding-right:25px;
            border-left:1px solid #888888;
            color:#393939;
            text-decoration:none;
      }
.lastLI{
        border-right:1px solid #888888;
        }
#menu ul li a:visited{
       color:#393939;
      }
#menu ul li a:hover{
       color:#ffffff;
       background:url(../images/menu_bg_sprite.jpg) repeat-x bottom left;

      }

#contentContainer{

                  margin:auto;
                  margin-top:30px;
                  width:500px;
                  text-align:left;
                  }
#contentContainer h1{
                  font-size:1.7em;
                  margin-bottom:15px;

                  }
#text_lhs{
          float:left;
          width:240px;
          }

#text_rhs{
          float:right;
          width:240px;
          }
.articleImage{
             float:right;
             margin-left:10px;
                         }
h2{
   font-size:1.5em;
   margin-top:10px;
   margin-bottom:20px;}

.carousel{
          position:relative;
          height:350px;
          }
.slide{
       position:absolute;
       top:0;
       display:none;

       }
.overlay{
         color:#ffffff;
         background:url(../images/overlay_bg.png) ;
         width:200px;
         font-size:2.2em;
         position:relative;
         left:60px;
         padding-top:15px;
         padding-left:20px;
         padding-right:20px;
         height:310px;
         top:-325px;
         z-index:10;
         margin-bottom:-300px;
         }
.overlayTop{
         color:#ffffff;
         background:url(../images/overlay_bg.png) ;
         width:460px;
         font-size:2.2em;
         position:relative;
         left:0px;
         padding-top:15px;
         padding-left:20px;
         padding-right:20px;
         height:80px;
         top:-325px;
         z-index:10;
         margin-bottom:-300px;
         }
.overlayBottom{
         color:#ffffff;
         background:url(../images/overlay_bg.png) ;
         width:460px;
         font-size:2.2em;
         position:relative;
         left:0px;
         padding-top:15px;
         padding-left:20px;
         padding-right:20px;
         height:100px;
         top:-115px;
         z-index:10;
         margin-bottom:-300px;
         }
.overlay p, .overlayTop p, .overlayBottom p{
         margin-bottom:1.5em;
         }
p.alignRight{
             text-align:right;
             }
#contentContainer p.basic{margin-top:20px;}


.clearfix{clear:both;}


#footer{
        margin-top:40px;
        text-align:left;
        clear:both;
        }
#footer div{
        border:1px solid #e5e5e5;
        margin-top:10px;
        }
#designed{
        float:right;
        margin-top:10px;
        }
#copyright{
        float:left;
        margin-top:10px;
        }
#footer ul{
          list-style:none;
          margin-left:-10px;
        }
#footer ul li{
         list-style:none;
         display:inline;
         margin-right:10px;
         margin-left:10px;
        }
#footer ul li a, #footer ul li a:visited, #footer ul li a:hover{
            color:#393939;
            text-decoration:none;
           }

#validators img{margin:auto;}

#footer div#validators{
        border:none;
        margin-top:30px;
        text-align:right;}


#contactForm{
             width:175px;
             background-color:#d4d4d4;
             padding:5px;
             border:1px solid #393939;
             }
#contactForm h2{
             font-size:2em;
             }
#contactForm input {
             margin-top:5px;
             width:170px;
             }
#contactForm form span {

             margin-right:15px;

             }
#contactForm form span input{
             width:10px;
             }
#name{margin-bottom:5px;}
#contactForm span input.formButton{
        width:70px;
        margin:auto;
        margin-top:10px;
        }
#workflowDiagram{}

.bubble{
        margin:auto;
        background:url(../images/workflowBubbleBG.jpg) no-repeat bottom left;
        font-size:2.0em;
        color:#ffffff;
        height:70px;
        width:240px;
        padding:10px;
        text-align:center;
        vertical-align:middle;
        margin-top:10px;
        }
.bubbleLit{
        margin:auto;
        background:url(../images/workflowBubbleBG.jpg) no-repeat top left;
        font-size:2.0em;
        color:#ffffff;
        height:70px;
        width:240px;
        padding:10px;
        text-align:center;
        vertical-align:middle;
        margin-top:10px;
        }
.bubble div{
        margin-top:10px;}

.bubbleDetail{
              margin-top:20px;
              margin-bottom:20px;
         font-size:1.5em;
         padding:10px;
         border:1px dashed #393939;
         background-color:#d4d4d4;
        }
.open{
              margin-top:20px;
              margin-bottom:20px;
         font-size:1.5em;
         padding:10px;
         border:1px dashed #393939;
         background-color:#d4d4d4;
        }


.fisheye{
	position: relative;
        height:100px;
	width: 100%;
        margin-top:30px;
}
a.fisheyeItem
{
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 60px;
	position: absolute;
	display: block;
	bottom: 0;
	margin:10px;
}

.fisheyeItem img
{
	border: none;
	margin: 5px auto 0 auto;
	width: 100%;
}

.fisheyeItem span
{
	display: none;
	position: absolute;
	left:20px;
}
.fisheyeContainer
{
	background-color: #fff;
	height: 100px;
	width: 400px;
	left: 500px;
	position: absolute;
}

#effectsContainer{
                  position:relative;
                  height:400px;
                  margin-top:50px;
                  }
#effectsContainer img{
                  top:0px;
                  left:0px;
                  position: absolute;
                  }
#mockupRoom{
            z-index:10;
            }
            
.webkitMenuFix{
               position:relative;
               top:1px;
               }
#menu ul.webkitMenuFix li a,#actionButton a.webkitMenuFix{ 
				padding-top:5px;
				}