/*---------------------------------------------
2009
http://www.soojincha.com

Soojin Creative: branding, on-line marketing, full service web design
-----------------------------------------------*/
* {
margin: 0; 
padding: 0; }

body {
background:#000000}

img { 
border: 0; padding:0;}

.clear {
clear: both; }

.right {
float: right; text-align:right;}

.left {
float: left; }

.uppper {
text-transform:uppercase;}

.space_top{
margin-top: 0.6em;}

.white{ color:#FFFFFF;}


body {
	line-height: 1.5;
}

/* typography */

body {
	font-size: 0.8em;
	color: #666;
	font-family:Georgia, "Times New Roman", Times, serif
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;

}

h1 {
	font-size: 1.2em;
	line-height: 1;
	margin-bottom: 0.1em;
	color:#f48534;
	text-transform:lowercase;
}

h2 {
    border-bottom: 1px dotted #333;
    display:block;
	font-size: 1.2em;
	font-weight:normal;
	margin-bottom: 0.2em;
	margin-top:0px;
	padding:0px;
	color:#999999;
	letter-spacing:1px;
	
}



h3 {
	font-size: 10px;
	color: #666;
	float: right;
	letter-spacing: 1.5px;
	padding:0px;
}

h5 { text-transform:uppercase; color: #0066FF;}

p {
	text-align:left;
	font-size: 1em;
	margin: 0;
	line-height: 1.2em;
	padding: 0 0 10px 0;
}



a:hover {
	color:#06f;
	background-color:none;
}



a {
	color: #999;
	text-decoration: none;
	background-color:none;
}

ul {
style-list-tyle: none;
}

/* structure */

#wrapper{
width: 776px;
margin: 0px auto;
padding-top: 20px;
}

#masthead {
	width: 776px;
	height:38px;
	margin-bottom: 0px;
	vertical-align:middle;
	
}



#masthead #header{
	width: 190px;
	height:55px;
	background-image:url(image/soojincreative.png), no-repeat;
	padding: 0px;
	margin: 0px;
	border:none;
}

#masthead #header li a:link{
	text-decoration:none;
	border:none;
	background-color:#FFFFFF;
	padding: 0px;
	margin: 0px;
}




.web {
	display:block;
	width:130px;
	height: 21px;
	
	
	/*--background-image:url(image/menu_interactive.png);--*/
	}
	
.editorial{
	display:block;
	width:130px;
	height: 21px;

	/*--background-image:url(image/menu_print.png);--*/
	}
	
.promotion {
	display:block;
	width:130px;
	height: 21px;
	/*--background-image:url(image/menu_exhibition.png);--*/
	}
	
.about {width:130px; height:21px; float:left; }
	
.last {border-bottom:none;}

.big {font-size: 1.3em; font-weight: normal; line-height: 1.5em;}
	
	
#masthead span {display:block;}
	


body#print a#printnav,
body#print a#nav,
body#exhibition a#exnav,
body#exhibition a#nav,
body#web a#webnav,
body#web a#nav,
body#contact a#connav{color: #06f;}


body#print a#nav,
body#exhibition a#nav,
body#web a#nav
{color:#000000; background-color:#999;}

/*dropdown menu*/

#masthead .main a { width: 122px; border: 1px solid #0066FF; border-width: 1px 0; font-size: 12px; color:#999; background-color:#000; padding: 0 0 1px 8px;}
#masthead .main a:hover {color: #0066ff; background-color:#000;}
#masthead .about a { width: 142px; border: 1px solid #0066FF; border-width: 1px 0; font-size: 12px; color:#999; background-color:#000; padding: 0 8px 1px 0; text-align:right;}
#masthead .about a:hover {color: #0066ff; background-color:#000;}
#masthead .subtitle {color:#0066FF; padding: 8px 0 0 11px; width:119px;}

li {
	float: left;
	position: relative;
	width: 130px;
	padding-left: 8px;
	text-align: left;
	cursor: default;
	background-color:#CCCCCC;
	border: none;
	
	
}

#masthead li {
	float: left;
	position: relative;
	font-family:Georgia, Times New Roman, Times, serif;
	text-transform:uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	color:#0066FF;
	list-style:none;
	padding:0px;
	
	
}

#masthead li a:hover,li a:active, li a:focus {color:#000000; background-color:#999;}


#masthead li a {
	display: block;
	width:105px;
	font-weight: normal;
	padding: 0.4em 8px 0 17px;
	border-bottom: 1px dotted #0066FF;
	text-align:left; 
	  font-size: 0.8em;
	color:#333333;
	background-color:#CCCCCC;
	
}

#masthead li li a:hover {color:#666666}




#masthead li ul {

  float:left;
  position: absolute; 
  top: 1.7em;
  left: -999em;
  }
  
li > ul {
	top: auto;
	left: auto;
	}
	
#masthead li:hover ul, #masthead li.sfhover ul {left: auto;}

#content {
	width: 776px;
	padding: none;
	border: none;
}

#content .img{
width: 776px;
height: 460px;
padding:0px;
margin:0px;
}


#content .text { padding:8px 0 0 8px; clear:both;}
#content .text p{ padding-left:4px;}
#about .smbox {width: 366px; float:left; margin-right:20px; padding:8px 0 0 8px;}
#about .smbox2 {width: 370px; float:left; margin-right:0px; padding:8px 0 0 8px;}


#content .frame{
	width: 600px;
	float: left;
	border:none;
	text-align:left;
}
#content .frame img{
    padding:none;
	margin-top:5px;
}

#content .frame .samsung {width: 600px; text-align:center; background-color: #003; padding: 10px 0;}

#contact .smbox a, #contact .smbox2 a {color:#999; }
#contact .smbox a:hover, #contact .smbox2 a:hover {color:#06f;}


#footer {
    border-top: 1px dotted #333;
	margin: 10px 0;
	width: 775px;
	padding:10px 0 ;
	color: #333;
}

#footer a {color:#999;}
#footer a:hover {color:#06f; background:none;}