@charset "utf-8";

/* navigation */
#wrapper {width:100%; height:100%; position:relative; background:#4c4c4c; z-index:1000;}
#header {width:100%; height:70px; position:relative; background:#fff; z-index:1000;}
#head {width:980px; height:70px; margin:0 auto; position:relative; z-index:1000;}
#gnb {width:980px; height:35px; margin:0 auto; padding:20px 0 15px; z-index:1000;}
#container {width:100%; background:#fff; z-index:-1000; position:relative;}
#content {width:980px; height:545px; margin:0 auto; padding:0 0 55px; position:relative; z-index:1000;}
#footer {clear:both; width:100%; position:relative; background:#4c4c4c; z-index:1000;}
#foot {width:980px; height:44px; margin:0 auto; padding:0 0 30px; z-index:1000;}

h2 {height:24px;}
h3 {float:left; width:116px; margin:11px 15px 0 0;}
.mainImg {width:980px; height:340px; margin:0 0 30px; }
.newColors {float:left; width:264px; height:175px; padding:0 30px 0 0; border-right:1px solid #d7d7d7;}
.newColors .newColorsList {float:left; width:264px;}
.newColors .newColorsList2 {float:left; width:132px; padding:12px 0 0 0;}
.newColors .newColorsList li,
.newColors .newColorsList2 li {float:left; width:60px; height:60px; padding:0 6px 6px 0; background:url(/images/staron/eng/main/bg_deri.gif) right top no-repeat;}
.section {float:left; width:235px; height:175px;padding:0 34px 0 35px; border-right:1px solid #d7d7d7; color:#777; font-size:12px;}
.newsNEvent {float:left; width:235px; height:100px;}
.newsNEvent li {overflow:hidden; width:235px; height:20px;}
.newsNEvent a:link,
.newsNEvent a:active,
.newsNEvent a:visited {color:#777; font-size:11px; text-decoration:none; font-family:Arial, sans-serif;}
.newsNEvent a:hover {color:#777; font-size:11px; text-decoration:underline; font-family:Arial, sans-serif;}
.newsNEvent a {float:left; width:175px; padding:0 0 10px 0; font-family:Arial; font-size:11px;}
.newsNEvent span {float:left; width:60px; font-family:Arial; font-size:11px;}
.globalNetwork {float:left; width:235px; height:75px; background:url(/images/staron/eng/main/img_globalnet.gif) 186px 23px no-repeat;}
.globalNetwork .globalNetworkSelect {width:235px; height:24px; padding:13px 0 0 0;}
.globalNetwork .globalNetworkSelect input {padding-left:10px;}
.globalNetwork select {float:left;}
.sectionRight {float:left; width:345px; height:175px; margin:0 0 0 35px;}
.contactUs {float:left; width:186px; height:100px; background:url(/images/staron/eng/main/img_contact.gif) 80px 5px no-repeat;}
.contactUs div {overflow:hidden; width:76px; height:37px; font-size:11px; line-height:15px; font-family:Arial; color:#777;}
.warranty {float:left; width:159px; height:100px; background:url(/images/staron/eng/main/img_warranty.gif) 106px 8px no-repeat;}
.warranty div {overflow:hidden; width:100px; height:37px; font-size:11px; line-height:15px; font-family:Arial; color:#777;}
.techSupport {float:left; width:186px; height:75px; background:url(/images/staron/eng/main/img_techsupport.gif) 80px 5px no-repeat;}
.techSupport div {overflow:hidden; width:76px; height:37px; font-size:11px; line-height:15px; font-family:Arial; color:#777;}
.newsLetter {float:left; width:159px; height:75px; background:url(/images/staron/eng/main/img_newsletter.gif) 90px 4px no-repeat;}
.newsLetter div {overflow:hidden; width:83px; height:37px; font-size:11px; line-height:15px; font-family:Arial; color:#777;}

.contactUs div a:link,
.contactUs div a:active,
.contactUs div a:visited,
.contactUs div a:hover,
.techSupport div a:link,
.techSupport div a:active,
.techSupport div a:visited,
.techSupport div a:hover,
.warranty div a:link,
.warranty div a:active,
.warranty div a:visited,
.warranty div a:hover,
.newsLetter div a:link,
.newsLetter div a:active,
.newsLetter div a:visited,
.newsLetter div a:hover {color:#777; text-decoration:none;}


.more,
.more a:link,
.more a:active,
.more a:visited,
.more a:hover {font-weight:bold; color:#13a5d6; font-family:Arial; font-size:10px; text-decoration:none;}