@charset "utf-8";
/* CSS by netcity.co.th */
* {
	margin:0px;
	padding:0px;
}
body {
	margin:0px;
	padding:0px;
	color:#cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#a9c9d5;
	background-color:#094962;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* Topbar */
#nct-topbar {
	width:950px;
	height: 30px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;	
}
#nct-topbar img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#nct-topbar-l {
	float: left;
	height: 30px;
	width: 450px;	
}
#nct-topbar-l ul {
	float: left;
}
#nct-topbar-l li {
	float: left;
	list-style: none;
	line-height: 30px;
	font-size: 11px;
}
#nct-topbar-l img {
}

#nct-topbar-r {
	float: right;
	height: 30px;
	width: 450px;
}
#nct-topbar-r ul {
	float: right;
}
#nct-topbar-r li {
	float: left;
	list-style: none;
	line-height: 30px;
	letter-spacing: 0.1em;
	font-size: 11px;
}
#nct-topbar-r li img {
}

/* Topmenu */
#nct-bg2zone {
	height: 115px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#nct-logo {
	float: left;
	height: 115px;
	width: 400px;
}
#nct-logo img {
	margin-top: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#nct-topmenu {
	float: right;
	height: 115px;
	width: 549px;
}
#nct-topmenu ul {
	list-style-type: none;
}
#nct-topmenu li {
	float: left;
	height: 115px;
}


/* Content */
#nct-content {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#nct-content h1 {
	color: #eeeeee;
}
#nct-content a {
	color: #CCCCCC;
	text-decoration: underline;
}
#nct-content a:hover {
	color: #eeeeee;
	text-decoration: none;
}
#nct-content p {
	line-height: 20px;
}
#nct-content ul {
	list-style-type: none;
	margin-top: 20px;
}
#nct-content li {
	line-height: 25px;
	background-color: #003245;
	width: 250px;
	padding-left: 10px;
}
#nct-content li:hover {
	line-height: 25px;
	background-color: #002837;
	width: 250px;
	color:#eeeeee;
}

/* Hello Content */
#nct-hellocontent {
}
#nct-hellocontent h1 {
	font-size: 36px;
	color: #eeeeee;
}
#nct-hellocontent p {
	line-height: 24px;
	font-size: 18px;
}

/* Blog Homepage */
#nct-blog-homepage {
	height: 340px;
}
#nct-blog-homepage img {
	border: 3px solid #cccccc;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#nct-blog-homepage img:hover {
	border: 3px solid #eeeeee;
}
#nct-blog-homepage h3 {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color:#eeeeee;
}
#nct-blog-homepage h2 {
	font-size: 36px;
	color:#eeeeee;
}

/* Content L+R */
#nct-content-l {
	float:left;
	width:550px;
}
#nct-content-r {
	float:right;
	width:400px;
}

.nct-serviceslist {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
}
.nct-serviceslist h2 {
	font-size: 22px;
	color:#eeeeee;
}
.nct-serviceslist h3 {
	font-size: 16px;
	color:#eeeeee;
}

.nct-servicesbox {
	background-color: #003245;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #002635;
	padding: 20px;
}
.nct-servicesbox h2 {
	font-size: 22px;
	color:#eeeeee;
}
.nct-servicesbox p {
	font-size: 16px;
}

/* Contact Page */
#nct-contactcontent-l {
	float:left;
	width:550px;
}
#nct-contactcontent-l h1 {
	font-size: 20px;
	color:#eeeeee;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #eeeeee;
	width: 460px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
#nct-contactcontent-r {
	float:right;
	width:400px;
}
#nct-contactcontent-r img {
	border: 5px solid #003245;
}
#nct-contactcontent-r img:hover {
	border: 5px solid #999999;
}
#nct-contactcontent-r h2 {
	font-size: 20px;
	color:#eeeeee;
}
#nct-contact-l {
	width: 200px;
	float: left;
}
#nct-contact-r {
	float: right;
	width: 350px;
}
.nct-contact-label {
	height: 40px;
	line-height: 40px;
}
.nct-contact-textbox {
	height: 40px;
}
#nct-contact-r textarea {
	height: 100px;
	width: 250px;
	margin-top: 10px;
}
#nct-contact-r select {
	height: 24px;
	margin-top: 10px;
	width: 250px;
	line-height: 24px;
}
.nct-contact-textbox input {
	height: 20px;
	margin-top: 10px;
	width: 150px;
	line-height: 20px;
}
#nct-contact-btn {
	width: 152px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
}

/* Portfolio Page */
#nct-portfolio-title {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#nct-portfolio {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#nct-portfolio a {
	color: #CCCCCC;
	text-decoration: none;
}
#nct-portfolio a:hover {
	color: #eeeeee;
	text-decoration: underline;
}
#nct-portfolio p {
	font-size: 14px;
	color: #CCCCCC;
	line-height: 22px;
	margin-top: 10px;
	text-align: center;
}

.nct-portfolio-row1 {
}
.nct-portfolio-row2 {
	margin-top: 20px;
}

.nct-portfolio-box1 {
	height: 260px;
	width: 202px;
	float: left;
	margin-right: 20px;
	background-color: #001720;
	padding: 10px;
}
.nct-portfolio-box1:hover {
	background-color: #000000;
}
.nct-portfolio-box2 {
	height: 300px;
	width: 202px;
	float: left;
	margin-right: 20px;
	background-color: #001720;
	padding: 10px;
}
.nct-portfolio-box2:hover {
	background-color: #000000;
}
.nct-portfolio-box3 {
	height: 300px;
	width: 202px;
	float: left;
	margin-right: 20px;
	background-color: #001720;
	padding: 10px;
}
.nct-portfolio-box3:hover {
	background-color: #000000;
}
.nct-portfolio-box4 {
	height: 300px;
	width: 202px;
	float: left;
	background-color: #001720;
	padding: 10px;
}
.nct-portfolio-box4:hover {
	background-color: #000000;
}

/* Text Banner */
#nct-textbanner {
	width:950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 315px;
	padding-top: 50px;
}
/* Slidebar Zone */
#nct-slidebar {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* Footer */
#nct-footer {
	width:950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-top: 10px;
	height: 50px;
	color:#a9c9d5;
}
#nct-footer-l {
	float: left;
	width: 650px;
}
#nct-footer-l a {
	color: #a9c9d5;
	text-decoration: none;
}
#nct-footer-l a:hover {
	color: #eeeeee;
	text-decoration: underline;
}
#nct-footer-r {
	float: right;
	width: 300px;
}
#nct-footer-r ul {
	list-style-type: none;
	float: right;
}
#nct-footer-r li {
	list-style-type: none;
	float: left;
	margin-left: 10px;
}
#nct-footer-r a {
	color: #a9c9d5;
	text-decoration: none;
}
#nct-footer-r a:hover {
	color: #eeeeee;
	text-decoration: underline;
}

/* BTN */
#nct-bigbtn {
	position:absolute;
	margin-left:175px;
	margin-top:440px;
	width:400px;
	z-index:1;
}

/* Background */
#nct-bg1 {
	background-color:#003245;
	height:30px;
}
#nct-bg2 {
	background-color:#074258;
	height:115px;
}
#nct-bg3 {
	background-color:#003245;
	height:315px;
	background-image: url(../images/bg3-test.gif);
	background-repeat: repeat-x;
}
#nct-bg4 {
	background-color:#074258;
	padding-top: 50px;
	padding-bottom: 50px;
}
#nct-bg4-2 {
	background-color:#094962;
	padding-top: 50px;
	padding-bottom: 50px;
}
#nct-bg4-3 {
	background-color:#074258;
	padding-top: 50px;
	padding-bottom: 50px;
	background-image: url(../images/bg3-test.gif);
	background-repeat: repeat-x;
	height: 700px;
}
#nct-bg5 {
	background-color:#074258;
}
#nct-bg5-2 {
	background-color:#094962;
}

/* Clr Div */
.clr {
	clear:both;
	margin:0px;
	padding:0px;
}

/* Nav */
#nav {
	z-index: 50;
	position: absolute;
	margin-top: 305px;
	margin-left: 355px;
	color:#eeeeee;
}
#nav a {
	margin: 0 5px;
	padding: 3px 5px;
	text-decoration: none;
	color:#CCCCCC;
	background-color: #06394D;
}
#nav a.activeSlide {
	background-color: #002533;
	color:#6eaa31;
}
#nav a:focus { outline: none; }