@charset "UTF-8";

/************************************************************** site ***************************************************************/

@import url("reset.css");

/*
Burnt Orange: CC5500
dark orange: #FE731B;
yellow orange: #FFA90D;
yellow: #FFD317;
blue: #d9e8ff;
*/


/********************************************************************************************************/
/*********************************************** general ************************************************/
/********************************************************************************************************/

html, body, #wrap {	
background-color:#FFF;
font-family: 'Helvetica Neue',Arial, sans-serif;	
height:100%;
width:100%;
}

body > #wrap {
height: auto;
min-height: 100%;
min-width:1010px;
overflow:auto; /*hides scroll bars in webkit*/
}

.container {
margin: 0 auto;
width:90%;
min-width:980px;
max-width:1350px;
height:inherit;
}

.left {
width:380px;
float: left;
height:inherit;
}

.right {
float:right;
width: 57%;
min-width: 580px;
}

.button {
background-color: #ffa90d;
border: 1px solid #e2970f;
padding: 5px 15px;
text-align:center;
color:#fefefe;
cursor:pointer;
font-weight:100;
}

.button:hover {
background-color: #FE731B;
color:#fff;
}

.rounded {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.dropshadow {
-moz-box-shadow: rgba(0, 0, 0, 0.4) 3px 3px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.4) 3px 3px 3px;
}

.verticalCenter {
display: table;
height:inherit;
}

.verticalCenterContent {
display:table-cell;
vertical-align:middle;
}

/*** Clearfix Hack **********************************************/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/********************************************************************************************************/
/********************************************** typography **********************************************/
/********************************************************************************************************/

a {
cursor: pointer;
color: #FE731B;
}

p /* apprx. 14px */ { 
font-size: .9em;
line-height: 1.5em;
color: #333;
font-weight:lighter;
}

p.large /* apprx. 16px */ {
font-size: 1em;
letter-spacing: .7px;
line-height: 1.5em;
color: #222;
font-weight: 500;
margin-bottom:20px;
}

p.small /* apprx. 12px */{
font-size:.8em;	
}

h1 {
font-size: 1.1em; /* apprx. 18px*/
line-height:2em;
letter-spacing:1.5px;
font-weight:300;
}

h2 {
font-size: 1em; /*apprx. 16px*/
line-height: 1.75em;
letter-spacing: 1.25px;
font-weight:400;
}

h3 {
font-size: .9em; /*apprx. 14px*/
line-height:1.4em;
letter-spacing:1px;
}

h4 {
font-size:.8em;
letter-spacing: .5px;
line-height: 1.5em;
font-weight:500;
}

.green {
color: #8bc53f;	
}

.orange {
color: #ffa90d;
}

.dark_orange {
color:#FE731B;
font-weight: bold;
}

.dark {
color: #222;
}

.callout {
color:#333;
background-color:#d9e8ff;
padding: 5px;
margin: 0 -5px;
}



/********************************************************************************************************/
/********************************************** navigation **********************************************/
/********************************************************************************************************/

#header {
width: 100%;
height: 3px;
background-color:#ececec; /*for browsers that don't support gradients*/
background-image: -webkit-gradient(linear, left top, right top, from(#CC5500), color-stop(0.2, #FE731B), color-stop(0.4, #FFA90D), color-stop(.6,#FFD317), color-stop(.8, #FE731B), to(#CC5500));
background-image: -moz-linear-gradient(left, #CC5500, #FE731B, #FFA90D, #FFD317, #CC5500);
}

#nav {
background-color: #f5f5f5;
height:32px;
border-bottom:3px solid #ececec;
min-width:1010px;
}

a.nav {
position:relative;
color: #666;
float:left;
line-height:32px;
border-right:1px solid #ececec;
padding: 0 10px;
cursor:pointer;
}

a.nav:hover {
color:#cc5500;
border-bottom:3px solid #CC5500;
border-right:1px solid #CC5500;
border-left:1px solid #CC5500;
margin-left:-1px;
}

a.nav_active {
color:#fff;
border-bottom:3px solid #FE731B;
background-image:-moz-linear-gradient(top, #CC5500, #FE731B);
background-image: -webkit-gradient(linear, left top, left bottom, from(#CC5500), to(#FE731B));
}

a.nav_active:hover {
color:#fff;
}

	a#navhome {
	text-indent:-9999px;
	width:42px;
	padding:0 0;
	background:url(../img/icons/home_icon.png) 0 0 no-repeat;
	}
	
	a#navhome:hover {
	background-position:0 -32px;
	}
	
	a#navtech {
	}
	
	a#navsolutions {
	}
	
	a#navabout {
	}
	
	a#navcontact {
	float: right;
	width:42px;
	border-left:1px solid #ececec;
	border-right:none;
	text-indent:-9999px;
	padding:0 0;
	background:url(../img/icons/contact_icon.png) 0 0 no-repeat;
	}
	
	a#navcontact:hover {
	background-position:0 -32px;
	border-left:1px solid #CC5500;
	}



/********************************************************************************************************/
/************************************************ footer ************************************************/
/********************************************************************************************************/

#footer_wrap {
margin-top:-260px; /* negative value of the height for sticky footer*/
height:260px;
min-width:1010px;
}

#footer {
background-color:#222;
border:5px solid #383838;
border-left:none;
border-right:none;
height:150px;
padding:10px 0 20px 0;
}

#copyright {
background-color:#f5f5f5;
border-top:5px solid #ececec;
height:65px;
padding:0 20px;
font-size:.9em;
}

#chameleo {
background: url(../img/icons/chameleo.png) no-repeat 0 0;
padding: 5px 0 0 75px;
height:110px;
width: 325px;
margin-top: 20px;
}

	#chameleo h3 {
	color: #fff;
	margin-top: -5px;
	font-weight:200;
	text-align: justify;
	}
	
	ul.chameleo_links {
	margin-top: 28px;
	}
	
	ul.chameleo_links li{
	background-color: #8bc53f;
	border: 2px solid #577431;
	display:inline;
	padding:5px 10px 5px 5px;
	margin: 0 5px 0px 0;
	}
	
	ul.chameleo_links a {
	font-size: .85em;
	color:#f5f5f5;
	padding-left:23px;
	}
	
	ul.chameleo_links a:hover {
	color: #030;
	}
	
	a#download_chameleo {
	background: url(../img/icons/dl_icon.png) no-repeat 0 0;
	}
	
	a#explore_chameleo {
	background: url(../img/icons/explore_icon.png) no-repeat 0 0;
	padding-left:18px;
	}
	
	a#chameleo_developers {
	background: url(../img/icons/dev_icon.png) no-repeat 0 0;
	}

#site_map {
width:95%;
margin: 5px 0 0 0;
text-align: left;
float:right;
}

	#site_map a {
	color:#666;
	font-weight: lighter;
	font-size: .7em;
	padding:3px 5px;
	border:2px solid #222;
	}
	
	#site_map a:hover {
	background-color:#666;
	border:2px solid #383838;
	color:#f5f5f5;
	}
	
	#site_map h3 {
	color:#666;
	font-size:.8em;
	font-weight:normal;
	}
	
	#site_map .site_map_rollover h3 {
	color:#ffa90d;
	}
	
	#site_map .site_map_rollover a {
	color:#fff;
	}
	
	#site_map ul li{
	margin: 10px 0 10px -7px;
	}
	
	#site_map div {
	margin-bottom:25px;
	}
	
	#socialMedia, #contactMethod, #company_info {
	float: right;
	}
	
	#site_map #contactMethod {
	margin:0 60px;
	}


/********************************************************************************************************/
/****************************************** main content area *******************************************/
/********************************************************************************************************/

#main {
padding-bottom:260px; /* must be same height as the footer for sticky footer */
}

#banner {
height:140px;
}

	#logo {
	background: url(../img/ncLogo.png) no-repeat 0 0;
	height:110px;
	margin-top:10px;
	}

	#banner_text {
	text-align: justify;
	float:right;
	width:95%;
	height:140px;
	}

	#banner_text h1 {
	color: #666;
	}

#highlight_wrap {
border:1px solid #d9e8ff;
border-style: solid none;
width: 100%;
}

#highlight {
width:100%;
height:165px;
background-color:#f6f9fd;
border:  10px solid #f0f6ff;
border-style:solid none;
margin: 2px 0;
text-align:justify;
}

	#highlight p {
		font-size:;
	}

#content {
padding: 30px 0;
}

.text_box {
float:right;
width:95%;
}


/********************************************************************************************************/
/******************************************** photo slideshow *******************************************/
/********************************************************************************************************/

.caption_bkg {
width:100%;
height:50px;
background-color:#222;
opacity:.8;
position:relative;
z-index:2;
margin-top:-50px;
border-top:1px solid #000;
}

.caption {
position:relative;
color:#FFF;
z-index:3;
margin-top:-32px;
padding:0 20px;
}

#gallery {
width:100%;
height:185px;
margin-top:-10px;
overflow:hidden;
position:relative;
}

#controls {
position: relative;
top:-30px;
left:95%;
z-index:99;
}

	#controls a {
	display:inline;
	font-size:.8em;
	text-align:center;
	padding: 1px 5px 1px 6px;
	margin:3px;
	color:#999;
	border:1px solid #333;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}

#controls a.activeSlide {
background: rgba(225,225,225,.2);
border-color: white;
color:#FFF;
}

img#chameleoPlayer {

}

img#chameleoCapture {
}

img#seoul{
margin-left:-125px;
}

img#adspot_screenshot{
}

img#deliver_iptv {
margin-top:-70px;
width:100%;
}

img#redherring_winner {
}