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:750px;
height:auto;
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 */