/* ************************************************************
Title: CSS main styles
Author: Hannah Kim || 1826db.com
Description: Common styles for Sukgyung AT
Created: November 29, 2008
Modified: December 6, 2008

CSS TOC:
=HTML SELECTORS
=LAYOUT
=NAVIGATION
=SECTION SPECIFIC
**************************************************************/

/* ***********************************************************
HTML SELECTORS
**************************************************************/
body{
color:#636466;
font-family:Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 13pt;
margin:0;
}
/* ---HEADINGS--- */
h1{
color:#000000;
font-size:40px;
font-family:Helvetica, Arial, sans-serif;
font-weight:100;
margin:0;
line-height:46px;
padding-left:10px;
}
h2{
color:#000000;
font-family:Helvetica, Arial, sans-serif;
font-weight:100;
font-size:22px;
padding-left: 23px;
padding-top:10px;
line-height:26px;
margin:0;
}
h3 {
color:#000000;
font-family:Helvetica, Arial, sans-serif;
font-size:18px;
font-weight:100;
margin-top:-12px;
padding-top:0;
padding-left:10px;
}

h4{
font-family:Helvetica, Arial, sans-serif;
color:#000000;
font-size:16px;
font-weight:100;
margin-bottom:-5px;
padding-left:10px;
}
h5{

}
h6{
}
/* ---PARAGRAPHS--- */ 
p{
padding-left: 10px;

}
.noPadding{
padding-left:0;
color:#636466;
}
.sub{
	font-size:8px;
	padding:0;
	margin:0;
	font-family:Helvetica,Arial,sans-serif;
	color:#636466;
}
.languages{
	float:right;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 11px;
	font-weight:100;
	margin-right:7px;
}
.bigtype{
	font-size:14px;
	padding-left:23px;
	
}
.bigblue{
	font-size:14px;
	color:#00aeef;
	padding-left:23px;
}
.smallblue{
	font-size:12px;
	color:#00aeef;
}
.black{
	color:#000000;
}
.footer{
	font-size:9px;
	color:#c6c6c6;
}
/* ---LISTS--- */
#nav {
  padding:0;
  margin:0;
  list-style: none;
}
#nav ul {
  padding:0;
  margin:0;
  list-style: none;
}
#nav li {
  float: left;
  position: relative;
  width: 18em;
  color:#000000;
  }
#nav li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  padding:5px 0 0 15px;
  border-left:#000000 1px solid;
  }
/* for opera */
#nav li > ul {
	top: auto;
	left: auto;
	}  
#nav li.firstItem ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  }
 .hide{
 display:none;
 }
 #nav li.firstItemOn ul {
  display: block;
  border:none;
 margin-left:-16px;
  }
  #nav li.secondItem {
 float: left;
  position: relative;
  width: 14em;
  margin-left:-110px;
  padding-left:15px;
  color:#000000;
  border-left: #000000 1px solid;
  }
#nav li.secondItemOn {
  float: left;
  position: relative;
  width: 14em;
  margin-left:-110px;
  padding-left:15px;
  color:#000000;
  border-left: #000000 1px solid;
  }
 #nav li.secondItemOn ul {
 display:block;
 
  margin-left:-16px;

  border-left: #000000 1px solid;
 
  }
 
#nav li.thirdItem {
  float: left;
  position: relative;
  width: 10em;
  margin-left:0;
  padding-left:15px;
  color:#000000;
  border-left: #000000 1px solid;

  }
 #nav li.thirdItemOn {
  float: left;
  position: relative;
  width: 14em;
  margin-right:-48px;
  padding-left:15px;
  color:#000000;
  border-left: #000000 1px solid;
  }
 #nav li.thirdItemOn ul {
 display:block;
 
  margin-left:-16px;	

  border-left: #000000 1px solid;
 
  }
#nav li.fourthItem {
  float: left;
  position: relative;
  margin-left:-40px;
  padding-left:15px;
  color:#000000;
   border-left: #000000 1px solid;

  }
  #nav li.fourthItemOn {
  float: left;
  position: relative;
  margin-left:-40px;
  padding-left:15px;
  color:#000000;
   border-left: #000000 1px solid;

  }
#nav li.fourthItemOn ul {
 display:block;
  margin-left:-16px;

   border-left: #000000 1px solid;

  }
 #nav li:hover ul, #nav li.over ul { display: block;margin-left:-16px; }
#nav li.firstItem:hover ul, #nav li.firstItem.over ul { display: block;margin-left:-16px;border:none; margin-top:5px;}
#nav li.fourthItem:hover ul, #nav li.fourthItem.over ul { display: block;margin-left:-16px; }
/* ---IMAGES--- */
img {
 border:0;
 margin:0;
 padding:0;
}

/* ---LINKS--- */
a:link, a:visited {
	color: #636466;
	text-decoration:none;
	}
a:hover {
	color:#000000;
	text-decoration:none;
	}


a.blue:link, a.blue:visited{
	color: #000000;
}
a.blueblue:link, a.blueblue:visited{
	color:#00aeef;
}
a.blue:hover {
	color: #00aeef;
}
a.blueblue:hover {
	color: #00aeef;
}
.tempBlack{
	color:#000000;
}
/* ---TABLE--- */
table.products {
	margin-left:10px;
}

td.products {
	color:#000000;
	font-size:11px;
	border-bottom:#00aeef 1px solid;
}
td.specs {
	color:#00aeef;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	border-bottom:#00aeef 1px solid;
}
td.specsThickLine {
	color:#00aeef;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	border-bottom:#00aeef 2px solid;
}
td.blank {
	border:none;
	width:25px;
}
td.arrow {
border-bottom:#00aeef 1px solid;
	color:#000000;
	font-size:11px;
	padding-left:8px;
}

/* ---FORM--- */


/* **************************************************************
=LAYOUT
*****************************************************************/
#top{
	background:url('../images/bg_pattern.jpg') 0 0 no-repeat;
	position:absolute;
	top:0;
	height:10px;
	width:977px;
	margin: 0 auto;
	display:block;
	
	left:50%;
	margin-left: -488px;
	margin-top: 0;
	padding:0;
	z-index:999;
}
#wrap {
	position:absolute;
	background: url('../images/bg_shadow.gif');
	width: 1000px;
	
	margin: 0 auto;
	display:block;
	top:0;
	left:50%;
	margin-left: -500px;
	margin-top: 0;
	padding:0;
}
#container{
background:url('../images/bg_pattern.jpg') 0 0 no-repeat;
margin-left:12px;
margin-top:0;
top:0;
padding:0;
display:block;
}
#content{
	width:960px;
	margin: 5px 0px 0 10px;
	display:block;
}
#bottom {
	background:url('../images/bottomShadow.gif') 0 0 no-repeat;
	height: 35px;
	width: 1000px;
	margin-left:1px;
	margin-top: -20px;
	padding:0;
	z-index:1;
	display:block;
}
#footer {
	background:url('../images/bottomShadow2.gif') 0 0 no-repeat;
	height: 35px;
	width: 1000px;
	margin-left:1px;
	margin-top: 10px;
	padding:0;
	z-index:1;
	
}

.submenus{
background: url(../images/banner_blank.jpg) 0 0 no-repeat;
margin-top:5px;
margin-left:-5px;
width:930px;
height:290px;
padding:15px 0 0 30px;
border-bottom:#000000 4px solid;
}
.headline{
float:left;
width:300px;
display:block;
}
.data{
	float:right;
	width:645px;
	margin-right:0;
	padding-left:10px;
	border-left:#000000 1px solid;
	display:block;
}
.specifications{
	border-top:4px #000000 solid; 
	width:630px;
	margin:15px 0 10px 0;
	padding-top:10px;
	display:block;
}
.thickBottomLine{
border-bottom:#000000 4px solid;
margin-left:10px;
width:390px;
display;block;
}
.applications{
margin-left:10px;
width:390px;
}
/* **************************************************************
=NAVIGATION
*****************************************************************/
a.home {
	float:left;
    display: block;
    width: 126px;
    height: 35px;
    background: url("../images/menu_home.gif") 0 0 no-repeat;
    text-decoration: none;
	margin-right:-3px;
	margin-top:-5px;
}
a:hover.home {
    background-position: -126px 0;
}
a.homeOn {
    
	float:left;
    display: block;
    width: 126px;
    height: 35px;
    background: url("../images/menu_home.gif") 0 0 no-repeat;
    text-decoration: none;
	margin-right:-3px;
	margin-top:-5px;
	background-position: -126px 0;
}
a.about {
	float:left;
    display: block;
    width: 123px;
    height: 35px;
    background: url("../images/menu_about.gif") 0 0 no-repeat;
    text-decoration: none;
	margin-top:-5px;
}
a.aboutOn {
	float:left;
    display: block;
    width: 123px;
    height: 35px;
    background: url("../images/menu_about.gif") 0 0 no-repeat;
    text-decoration: none;
	margin-top:-5px;
	 background-position: -123px 0;
}
a:hover.about {
    background-position: -123px 0;
}
a.products {
	float:left;
    display: block;
    width: 126px;
    height: 35px;
    background: url("../images/menu_products.gif") 0 0 no-repeat;
    text-decoration: none;
	margin-top:-5px;
}
a.productsOn {
	float:left;
    display: block;
    width: 126px;
    height: 35px;
    background: url("../images/menu_products.gif") 0 0 no-repeat;
    text-decoration: none;
	margin-top:-5px;
	background-position: -126px 0;
}
a:hover.products {
    background-position: -126px 0;
}
a.rd {
	float:left;
    display: block;
    width: 124px;
    height: 35px;
    background: url("../images/menu_rd.gif") 0 0 no-repeat;
    text-decoration: none;
	margin-top:-5px;
}
a.rdOn {
	float:left;
    display: block;
    width: 124px;
    height: 35px;
    background: url("../images/menu_rd.gif") 0 0 no-repeat;
    text-decoration: none;
	margin-top:-5px;
	background-position: -124px 0;
}
a:hover.rd {
    background-position: -124px 0;
}
a.news {
	float:left;
    display: block;
    width: 123px;
    height: 35px;
    background: url("../images/menu_news.gif") 0 0 no-repeat;
    text-decoration: none;
	margin-top:-5px;
}
a.newsOn {
	float:left;
    display: block;
    width: 123px;
    height: 35px;
    background: url("../images/menu_news.gif") 0 0 no-repeat;
    text-decoration: none;
	margin-top:-5px;
	background-position: -123px 0;
}
a:hover.news {
    background-position: -123px 0;
}
a.contact {
	float:left;
    display: block;
    width: 231px;
    height: 35px;
    background: url("../images/menu_contact.gif") 0 0 no-repeat;
    text-decoration: none;
	margin-top:-5px;
}
a.contactOn {
	float:left;
    display: block;
    width: 231px;
    height: 35px;
    background: url("../images/menu_contact.gif") 0 0 no-repeat;
    text-decoration: none;
	margin-top:-5px;
	background-position: -231px 0;
}
a:hover.contact {
    background-position: -231px 0;
}

/* **************************************************************
=SECTION SPECIFIC
*****************************************************************/

pre { display:none }
#main h2 { text-align: center }
#right { cursor: pointer }

.rule {
border-top:1px solid #b1b1b2;width:950px;margin-top:0;margin-left:10px;
display:block;
}
.graycoat{
margin:10px 0 0 10px;width:390px;
}