html,body{margin:0;padding:0}
body {
 text-align:center;
 margin-top:0px;
 margin-bottom:0px;
 background-color: #339;
}
 #frame {
 width:750px;
 margin-right:auto;
 margin-left:auto;
 text-align:center;
 border-left: 0px solid #999;
  border-bottom: 0px solid #999;
border-right: 0px solid #999;
 }
 img {
 border:none;
 margin:0px; 
 }
 #header{
	width:750px;
	float:left;
	height:145px;
	margin:0px;
	text-align: center;
	 background-color: #fff;
}
#nav {
    float:left;
    width:750px;
    height:40px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 40px;
    background: #339;
}
#nav a{
        font-family: Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        }
#nav a:hover {
        color: #d5d6ea;
        }
#nav ul{
     padding: 0;
     margin: 0;
     list-style: none;
}

#nav li {
     float: left;
     position:relative;
     text-indent:20px;
     height: 40px;
}
#nav {
    float:left;
    width:750px;
    height:40px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 40px;
    background: #339;
}
#nav {position:relative;z-index:99;}
#nav a{
        font-family: Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        }
#nav a:hover {
        color: #d5d6ea;
        }
#nav ul{
     padding: 0;
     margin: 0;
     list-style: none;
}

#nav li {
     float: left;
     position:relative;
     text-indent:20px;
     height: 20px;
	 	 padding-right:20px;

}
#nav a {
 text-indent:15px;
 display:block;     

}
#nav li ul a{
    width:200px;
    float:left;
    border-top:1px solid #339;
}
#nav li ul{
    width: 200px;
    border: 1px solid #339;
}
#nav li li{
    float:left;
    height:20px;    
    line-height:20px;
    width:200px;
	 padding:0px;
}

#nav li li a:hover{
background:#afaed6;
        color:#339;

}

#nav ul li ul { 
    position: absolute;
 width: 200px;
 left: -999em;
 z-index:999;
        color:#fff;
        background:#339;
}

#nav ul li:hover ul,
#nav ul li.over ul
 {
 left: 0px;
 top:38px;

}
#subnav {
	float:left;
	width:750px;
	height:70px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 70px;
	background: url(resources/controlsoft_products.jpg) no-repeat left top;
}
#subnav a:link {
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		}
#subnav a:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		}
#subnav a:hover {
		font-family: Arial, Helvetica, sans-serif;
		color: #D6D6EA;
		text-decoration: none;
		font-weight: bold;
		}
#subnav ul{
	 padding: 0;
	 margin: 0;
	 list-style: none;
}
#subnav li {
 float: left;
	position:relative;

}
#subnav a {
 text-indent:15px;
 display: block;
}
#content{
 width:750px;
 float:left;
 margin:0px;
 background: #fff ;
  text-align: left;
}
#left{
 width:400px;
  height:400px;
 float:left;
 margin:0px;
 background: #fff ;
  text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 15px;
 text-indent:0px;
 color: #666;
}
#left img{
 padding-left:30px;
}
#left h1{
  text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 22px;
 font-weight:normal;
 line-height: 15px;
 text-indent:30px;
 margin-top: 50px;
 color: #339;
}
#left a:link {
		font-family: Arial, Helvetica, sans-serif;
		color: #339;
		text-decoration: underline;
		font-weight: normal;
		}
#left a:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #993399
		text-decoration: underline;
		font-weight: normal;
		}
#left a:hover {
		font-family: Arial, Helvetica, sans-serif;
		color: #339;
		text-decoration: none;
		font-weight: normal;
		}
#right{
 width:340px;
 padding-right:10px;
background: #fff ;
 float:right;
 margin:0px;
  text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 20px;
 text-indent:0px;
 color: #666;
}
#right h1{
  text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight:normal;
 line-height: 15px;
 text-indent:0px;
 color: #afaed6;
 margin-top: 50px;	 
}
#right h2{
  text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight:normal;
 line-height: 15px;
 text-indent:0px;
 color: #afaed6;
 margin-top:0px;
 margin-bottom:0px;
 }
#right a:link {
		font-family: Arial, Helvetica, sans-serif;
		color: #339;
		text-decoration: underline;
		font-weight: normal;
		}
#right a:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #993399
		text-decoration: underline;
		font-weight: normal;
		}
#right a:hover {
		font-family: Arial, Helvetica, sans-serif;
		color: #339;
		text-decoration: none;
		font-weight: normal;
		}
#right ul{
	 padding: 0;
	 margin-top: 50px;
	 list-style: none;
}
#right li {
	display: list-item;
	list-style-image: url(resources/bullet.gif);
	list-style-position: outside;
}
#right  a {
 text-indent:15px;
}

#bottom{
 float:left;
 width:750px;
 height:40px;
 margin:0px;
 padding:0px;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight:normal;
 line-height: 40px;
 text-indent:10px;
 color: #339;
  background: #D6D6EA ;
}
#footer{
 float:left;
 width:375px;height:40px;
 margin:0px;
 padding:0px;
 text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight:normal;
 line-height: 40px;
 text-indent:10px;
 color: #339;
}
#footer a:link {
		font-family: Arial, Helvetica, sans-serif;
		color: #339;
		text-decoration: none;
		font-weight: bold;
		}
#footer a:visited {
		font-family: Arial, Helvetica, sans-serif;
		color: #339;
		text-decoration: none;
		font-weight: bold;
		}
#footer a:hover {
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		}
		
		#copyright{
 float:left;
 height:40px;
width:365px;
 margin:0px;
 padding:0px;
 text-align: right;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight:normal;
 line-height: 40px;
 text-indent:10px;
 color: #339;
  background: #D6D6EA ;
}
		
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

 /* mac hide \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End hide */