color: #7f7f7f;  grey
color: #38a4d5;  blue
color: #61a200;  green


html {height: 100%;}
#apDiv1 {
	position:absolute;
	left:10px;
	top:10px;
	width:326px;
	height:201px;
	z-index:1;
}
* {
margin: 0px;
padding: 0px; 
}

.qq {
	text-decoration: none;
	position: absolute;
	float: right;
	margin-left: 450px;
	margin-top: 20px;
	font-family: Arial,,Verdana,Tahoma SimSun, verdana;

}
.inner .qq a {
	text-decoration: none;
}


div {
border: 0px red solid; color:#7f7f7f;
}


img, a img {
padding: 0px;
margin: 0px;
border: 0 black solid;
border: none; 
}
a:active {
outline:none;
}

a:focus {
-moz-outline-style:none;
}


p {
margin: 0px 0 8px; 
}

a {
color: #7f7f7f; 
}

a.hotA {
color: #61a200;
text-decoration: none;
}

a.hotA:hover {
color: #38a4d5;
text-decoration: underline;
}

h1 {
font-size: 14px;
font-weight: normal;
margin: 0; 
}

h2 {
font-size: 25px;
font-weight: normal;
margin: 0; 
word-spacing: -5px;
font-weight: bolder
font-family:돋움,돋움체,굴림,굴림체;

}

h3 {
	font-size: 14px;
word-spacing: -3px;
	font-weight: bolder;
	margin: 20px 0 10px 0;
	color: #38a4d5;
	font-family:굴림,굴림체,돋움,돋움체;
}

h4 {
font-size: 1.1em;
font-weight: normal;
margin: 15px 0 5px 0;
color: #61a200;
}

h5 {
font-size: 1em;
margin: 20px 0 5px 0;
color: #38a4d5;
}


big {
font-size: 1.1em;
font-weight: normal; 
}

small {
font-size: .9em;
font-weight: normal; 
}

.hide {
display: none;
visibility: hidden; 
}

.hr {
width: 100%;
height: 1px;
border-top: 1px #000000 solid; 
}

.clear {
clear: both;
}

.imageholder 
{text-align: center;
margin-bottom: 20px;
margin-top: 20px;
}

.green {color: #61a200;}

.red {color: red;}


blockquote {
background: #f4f4f4;
padding: 10px;
margin: 0 0 15px 0;
}

blockquote  p  {
margin: 5px 0 0;
text-align: right;
font-size: .85em;
}

q {
font-size: 1.2em;
font-style: italic;
font-family: Times;
color: #38a4d5;
padding: 10px;
}


/* !layout */

#container {
	width: 1024px;
	position: relative;
	margin: 0 auto;
	font-family: Arial,,Verdana,Tahoma SimSun, verdana;
	line-height: 18px;
	font-size: 12x;
}

#container_ch {
	width: 1024px;
	position: relative;
	margin: 0 auto;
	font-family:  Verdana,Tahoma SimSun, Arial, verdana;
	line-height: 18px;
	font-size: 12x;
}

#container_j {
	width: 1024px;
	position: relative;
	margin: 0 auto;
	font-family:  Verdana,Tahoma SimSun, Arial, verdana;
	line-height: 18px;
	font-size: 12x;
}

.inner {
position: relative;
margin: 0 60px;
border: 0px red solid;
}

#navarea .inner {
margin: 0 0 0 60px;
}
#right {
width: 367px;
float: right;
position: relative;
}
#head {
position: relative;
background-color: white;
min-height: 100px;
height: auto !important;
height: 100px;
padding-top: 0px; 
}

#navarea {
position: relative;
z-index: 100; 
background-color: white;
min-height: 38px;
height: auto !important;
height: 38px;
padding-bottom: 17px;
}

#subnav {
float: left;
width: 150px;
margin-right: 20px;
background: #ebebeb;

}

#main {
position: relative;
background-color: white;
min-height: 400px;
height: auto !important;
height: 400px;
}

#left {
position: relative;
width: 517px;
float: left;
}



#inside #left {
width: 434px;
background: repeat-x url(http://utfimage.biznine.com/images/20/gfx/heads/bg-headings.jpg);
padding: 20px 20px 0;
}

.inner #left02 {
	width: 470px;
	background: repeat-x url(http://utfimage.biznine.com/images/20/gfx/heads/bg-headings.jpg);
	float: left;
	margin-right: 20px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
}

.inner #left03 {
	width: 730px;
	background: repeat-x url(http://utfimage.biznine.com/images/20/gfx/heads/bg-headings.jpg);
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}



#inside #left.full {
width: 690px;
background: repeat-x url(http://utfimage.biznine.com/images/20/gfx/heads/bg-headings.jpg);
padding: 20px 20px 0;
}

#inside #right {
width: 240px;
}

#inside #right02 {
width: 240px;
}




#global #left {
width: 270px;

}

#global #right {
width: 600px;
}

#foot {
position: relative;
background-color: white;
clear: both; 
margin-bottom: 10px;
}

#foot .inner {
border-bottom: 1px solid #d2d2d2;
min-height: 24px;
height: auto !important;
height: 24px;
}

#legal {
position: relative;
min-height: 20px;
height: auto !important;
height: 20px;
padding: 12px 0 0 0;
}


/* !head */

#head .logo {
position: relative;
top: 39px;
float: left;
margin-left: 20px;
}

#head h1 {
position: absolute;
left: -999em;
}

#head h2 {
width: 391px;
height: 25px;
background: url(http://utfimage.biznine.com/images/20/gfx/layout/inharmony.gif) no-repeat 100% 0;
float: right;
position: relative;
top: 60px;
margin-right: 20px;
}

#head h2 span {
position: absolute;
left: -999em;
}



/* !nav */

#nav {}

#nav, #nav ul {
line-height: 18px;
font-size: 1em;
position: relative;
float: left;
list-style: none;
margin: 0;
min-height: 40px;
height: 40px;
font-weight: bold;
border-left: 1px solid #d2d2d2;
}

#nav li {
float: left;
text-align: center;
position: relative;
width: 113px;
background-color: #727272;
background: repeat-x url(http://utfimage.biznine.com/images/20/gfx/nav/bg_nav.jpg);
}

#nav a {
display: block;
text-decoration: none;
color: #7f7f7f;
border-right: 1px solid #d2d2d2;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding: 12px 0 0;
min-height: 28px;
height: 42px;
background-color: #727272;
background: repeat-x url(http://utfimage.biznine.com/images/20/gfx/nav/bg_nav.jpg);
}

#nav li a.lastitem, #nav li a.lastitem ul li {
/* width: 134px; */

}

#container #navarea #nav li:hover a, #nav li.sfhover a,
.about #nav li.about a,
.tech #nav li.tech a,
.serv #nav li.serv a,
.app #nav li.app a,
.info #nav li.info a,
.clients #nav li.clients a,
.contact #nav li.contact a
{
background-color: #323232;
background-position: left -40px;
color: white;
}

#container_ch #navarea #nav li:hover a, #nav li.sfhover a,
.about #nav li.about a,
.tech #nav li.tech a,
.serv #nav li.serv a,
.app #nav li.app a,
.info #nav li.info a,
.clients #nav li.clients a,
.contact #nav li.contact a
{
background-color: #323232;
background-position: left -40px;
color: white;
}


/* !dropdowns */

#nav li:hover li, #nav li.sfhover li, #nav li:hover li a, #nav li.sfhover li a {
width: 180px;
}

#nav li:hover li a, #nav li.sfhover li a {
color: #323232;
background-color: #ddf3f8;
background-image: none;
}

#nav li ul li a:hover, #nav li.sfhover ul li a:hover {
background-color: #2f84a2;
color: white;
}

#nav li ul {
position: absolute;
left: -999em;
margin: 0;
}

#nav li ul li {
border-bottom: 1px solid white;
font-size: .7em;
line-height: 1.3em;
}

#nav li ul li a {
color: #00456a;
background-color: #7fc2dc;
padding: 5px 0 5px;
min-height: 16px;
height: auto !important;
height: 16px;
border-right: 0px;
}

#nav li ul li ul li {
font-size: 1.2em; 
}

#nav li ul li.last {
border-bottom: 1px solid white;
}

#nav li ul li.first {
border-top: 1px solid white;
}

#nav li ul ul {
margin: -21px 0 0 123px; 
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em; 
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left: -1px; 
}


/* !subnav */

#subnav ul {
border: 1px solid #d2d2d2;
font-size: 11px;

}

#subnav ul li {
display: block;
}

#subnav ul li a {
border-bottom: 1px solid #d2d2d2;
display: block;
height: 30px;
padding: 5px 0 0 15px;
text-decoration: none;
background: repeat-x url(http://utfimage.biznine.com/images/20/gfx/nav/bg_subnav.jpg);
}

#subnav ul li.last a {
border-bottom: 0px solid #d2d2d2;
}

.aboutteam #subnav ul li.ateam a,
.aboutsus #subnav ul li.asus a,
.aboutcarr #subnav ul li.acarr a,

.techrnd #subnav ul li.trnd a,
.techhyb #subnav ul li.thyb a,
.techsmt #subnav ul li.tsmt a,
.techpas #subnav ul li.tpas a,
.techfaq #subnav ul li.tfaq a,

.appmun #subnav ul li.apmun a,
.appind #subnav ul li.apind a,
.appcom #subnav ul li.apcom a,

.infiwex #subnav ul li.iiwex a,
.infpress #subnav ul li.ipress a,
.infmed #subnav ul li.imed a,
.infclips #subnav ul li.iclips a,
.infint #subnav ul li.iint a,
.infnews #subnav ul li.inews a,
.infdl #subnav ul li.idl a,

.climidea #subnav ul li.cmidea a,
.clispain #subnav ul li.cspain a,
.cliuk #subnav ul li.cuk a,

.contadv #subnav ul li.coadv a,
.contmap #subnav ul li.comap a,
.contreg #subnav ul li.coreg a,
.contcall #subnav ul li.cocall a,

.termsland #subnav ul li.tctc a,
.termspriv #subnav ul li.tcpriv a,

.serv #subnav ul li.serv a,
.servexp #subnav ul li.servexp a,
.servblu #subnav ul li.servblu a,
.servfin #subnav ul li.servfin a,

#subnav ul li a:hover
{
background-position: 0 -30px;
color: white;
}


#subnav ul ul {
	border: 0px solid #d2d2d2;
	font-size: 11px;
	display: none;
	font-family: "돋움", "돋움체";
}

#subnav ul ul li {
display: block;
}

#subnav ul ul li a,
.techhyb #subnav ul li.thyb ul li a,
.techpas #subnav ul li.tpas ul li a
{
display: block;
background: repeat-x url(http://utfimage.biznine.com/images/20/gfx/nav/bg_subnavl2.jpg);
background-position: 0 0;
color: #7f7f7f; 
}

#subnav ul ul li a:hover,
.techhyb #subnav ul li.thyb ul li a:hover,
.techpas #subnav ul li.tpas ul li a:hover
{
background-position: 0 -30px;
color: white;
}


.techhyb #subnav ul ul.subthyb, 
.techpas #subnav ul ul.subtpas 
{
display: block;
}




/* !main */

strong {
color: #38a4d5;
}

#right img {
margin-bottom: 10px;
}

#right02 img{
margin-bottom: 10px;
}

#left h2 {
	margin-bottom: 50px;
	margin-top: 8px;

}


#left02 h2 {
	margin-bottom: 50px;
	color: #FFFFFF;
	color: white;

}

#left03 h2 {
	margin-bottom: 50px;
	color: #FFFFFF;
	color: white;

}




#intro {
margin-bottom: 10px;
}

#flashdemo {
background: #ebebeb;
height: 238px;
border: 1px #d2d2d2 solid;
margin-bottom: 20px;
text-align: center;
}

#flashmap {
	border: 1px #d2d2d2 solid;
	text-align: center;
	background-color: #ebebeb;
	background-repeat: no-repeat;
}

#left ul, #right ul {
list-style: none;
margin-bottom: 15px;
}

#left ul li, #right ul li {
padding: 0 0 0 15px;
margin: 0 0 4px 0;
background: no-repeat 0 5px url(http://utfimage.biznine.com/images/20/gfx/layout/blue-bullet.jpg);
margin-bottom: 5px;
}

#left02 ul, #right02 ul {
list-style: none;
margin-bottom: 15px;
}

#left02 ul li, #right02 ul li {
padding: 0 0 0 15px;
margin: 0 0 4px 0;
background: no-repeat 0 5px url(http://utfimage.biznine.com/images/20/gfx/layout/blue-bullet.jpg);
margin-bottom: 5px;
}

#left ul li a, #right ul li a {
text-decoration: none;
}

#left ul li a:hover, #right ul li a:hover {
text-decoration: underline;
}

#left ul.homelist {
float: left;
margin:5px 0 -10px;
width: 515px;
}

#left ul.homelist li {
width: 220px;
float: left;
}

.data-table 
{font-size:.8em;
line-height: 1.1em;
border-collapse: collapse;
margin-bottom: 5px;
}

.data-table td, .data-table th
{background-color:#efefef;
border-right: 2px solid white;
border-bottom: 2px solid white;
padding: 3px 3px 5px 3px;
}

.data-dark td, .data-table th
{background-color: #d2e5f0 ;
}

p.charttext 
{color: #666666;
margin-top: 10px;
text-transform: uppercase;
font-size: .7em;
line-height: 1.2em;}

div.faq b p
{margin-top: 25px;
color: #3271a8}

p.figurename {color: #61a200;
margin-top: 18px;
margin-bottom: 0;
font-size: .9em;
}

p.pdflink {
position: absolute;
top: 350px;
left: 15px;
}

.downloads {
	border: 1px #d9e4ee solid;
	float: left;
	width: 240px;
	position: relative;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20;
	margin-left: 2;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.downloads p {
width: 100%;
border-bottom: 1px solid #d9e4ee;
clear: both;
float: left;
position: relative;
}

.downloads02 {
	border: 1px #d9e4ee solid;
	float: left;
	width: 99%;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20;
	margin-left: 2;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.downloads02 p a {
float: right;
text-decoration: none;
color: #61a200;
}
.downloads02 p {
width: 95%;
border-bottom: 1px solid #d9e4ee;
clear: both;
float: left;
}

.downloads02 h3 {
margin: 0 0 10px;
line-height: 1em;
}

.downloads02 p a img {
height: 40px;
width: 40px;
display: block;
bottom: 14px;
margin-top: 15px;
}

.downloads02 p a:hover {
text-decoration: underline;
color: #38a4d5;
}

.downloads h3 {
margin: 0 0 10px;
line-height: 1em;
}


.downloads p a {
position: relative;
float: right;
text-decoration: none;
color: #61a200;
}

.downloads02 p a {
float: right;
text-decoration: none;
color: #61a200;
}


.downloads p a img {
height: 40px;
width: 40px;
display: block;
position: relative;
bottom: 14px;
margin-top: 15px;
}
.downloads02 p a img {
	height: 40px;
	width: 40px;
	display: block;
	bottom: 14px;
	margin-top: 15px;
	float: right;
}
.downloads p a:hover {
text-decoration: underline;
color: #38a4d5;
}

#right .downloads {
margin: 0 0 20px 0;
width: 218px;
}

#right .downloads02 {
margin: 0 0 20px 0;
width: 218px;
}

#right .downloads p a {
float: none;
}


#movie {
width: 310px; 
height: 200px; 
border: 1px solid #7f7f7f; 
margin: 20px 0 30px 0;
}

.headshot {float:right; margin: 0 0 10px 10px;}


#left ul.clientlist li {
background-image: none;
float: left;
margin: 0 30px 0 0;
padding: 0
}

#left02 ul.clientlist li {
background-image: none;
float: left;
margin: 0 30px 0 0;
padding: 0
}

.contland #left .address strong {
display: block;
width: 75px;
float: left;
}





/* !Contact us */

#contactform legend {
font-size: 1.2em;
font-weight: normal;
color: #38a4d5;
padding-top: 20px;
}


#contactform label em, #contactform p em {
color: red;
}

#contactform .formrow {
width: 435px;
}

#contactform input.field, #contactform textarea {
width: 435px;
background-color: white;
border: 1px solid #a8a8a8;
margin: 3px 0 10px;
}

#contactform input.field {
min-height: 22px;
height: auto !important;
height: 22px;
}

#contactform .formrow.check input {
float: left;
}

#contactform .formrow.check span {
margin: 0 0 0 25px;
display: block;
}

#contactform .formrow.right {
text-align: right;
padding: 10px 0 0;
}

fieldset {
border: 0;
padding-top: 10px;
margin-top: 0px;
}

#contactform h4 {
font-size: 1em;
font-weight: bold;
margin: 1.2em 0 .8em; 
}


/* !legal */

#legal ul {
float: left;
}

#legal ul li {
display: block;
float: left; 
font-size: .8em;
line-height: 1.1em;
padding: 0px 5px;
border-left: 1px solid #7f7f7f;
}

#legal ul li.first {
padding: 0px 5px 0 0;
border-left: 0px solid #7f7f7f;
}

#legal ul li a, #legal .copyright {
text-decoration: none;
}

#legal ul li a:hover {
text-decoration: underline; 
}

#legal .copyright {
float:right;
font-size: .8em;
}

#legal img, #foot img {
float: right;
clear: both;
}
#right02 .downloads a {
	float: left;
}