/*===========================================*/
/* Next Horizon CSS File                     */
/* Author: Next Horizon                      */
/*===========================================*/

/*============================================* 
	CSS Style order
	
	Neutralizing Styles
	Global Tags
	Text Styles
	Link Styles
*==============================================*/

/*============================================= 
Neutralizing Styles
===============================================*/
/*Remove padding and margin on some elements: */
html, body, h1, h2, h3, h4, h5, h6, table, tr, th, td, form, fieldset{
	margin: 0;
	padding: 0;
}
/* Linked image should not have borders */
a img{
	border: none;
}
/* Removes the dreaded cellspacing="0" cellpadding="0" border="0" across all browsers */
table{
	border-collapse: collapse; 
	border-spacing: 0;
}
.clear{
	clear: both;
}

table#maintable {
	position: relative;
}

h1#seonewsite {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-indent: -5000px;
}
h1#h1style {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	z-index: -100;
}
h2#h2 {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	
}

.SEOtags { display: none; }

/*============================================= 
Global Tags
===============================================*/
*{
	font-family: Arial, Helvetica, sans-serif; 
}
body{
	color: #fff;
	font-size:12px; 
	background: url(../images/background2.gif) repeat;
}
p{
	font-size:12px;
	margin: 0px 0px 15px 0px;
}
a{
	color: #fc0; 
	font-size: 12px;
	font-weight: normal;
}
a:hover{
	color: #fff;
}
div{ 
	font-size: 12px; 
}
td{ 
}
tr{ 
}
select{ 
	font-size: 8pt;
}
input{ 
	font-size: 8pt; 
	font-weight: normal;
}
li{ 
	font-size: 12px; 
	color: #fc3;\
	
}

ul#regularlist li {
	font-size: 12px;
	color: #fff;
}

/*=============================================
Text Styles 
===============================================*/
.highlight{
	color: #fc3;
	font-weight: bold;
}
.psmall{
	font-size: 10px;
}
.dba{
	font-size: 9px;
}


/*=============================================
Form Styles
===============================================*/
input[type="text"], textarea, select{
	border: 1px solid #fc3;
	margin: 2px;
}
input[type="submit"]{
	border: 1px solid #fc3;
	background: #35516C;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

/*=============================================
Link Styles
===============================================*/
.toplink{
	font-size: 12px; 
	color: #fc0; 
	text-decoration: none;
}
a.toplink h3{
	font-size: 12px; 
	color: #fc0; 
	text-decoration: none;
	font-weight: normal;
	display: inline;
	
}
a.toplink:link, a.toplink:visited{ 
	font-size: 12px; 
	color: #fc0; 
	text-decoration: none;
}
a.toplink:hover{
	font-size: 12px; 
	color: #fff; 
	text-decoration: underline;
}
.nulink{
	font-size: 12px; 
	color: #fff; 
	text-decoration: none;
}
.nulink h3{
	font-size: 12px; 
	color: #fff; 
	text-decoration: none;
	display: inline;
	font-weight: normal;
}
a.nulink:link, .nulink:visited{
	font-size: 12px; 
	color: #fff; 
	text-decoration: none;
}
a.nulink:hover{
	font-size: 12px; 
	color: #fff; 
	text-decoration: underline;
}
.hlink{
	font-size: 12px; 
	color: #fff; 
	text-decoration: none;
	
}
#contenth2 h2{
	font-size: 12px; 
	color: #fff; 
	text-decoration: none;
	font-weight: normal;
	margin: 0;
	padding: 0;
	float: none;
	display: inline;
}
.hlink h2{
	font-size: 12px; 
	color: #fff; 
	text-decoration: none;
	font-weight: normal;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}
a.hlink:link, a.hlink:visited{
	font-size: 12px;
	color: #fff; 
	text-decoration: none;
}	
	
a.hlink:hover{
	font-size: 12px; 
	color: #fff;
}
.sitemaptitle{
	background: url(../images/background2.gif);
	color: #fff;
	font-weight: bold;
}
.sitemaptitle a:link, .sitemaptitle a:visited{
	background: url(../images/background2.gif);
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.sitemaptitle a:hover{
	background: url(../images/background2.gif);
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}
.sitemap a:link, .sitemap a:visited{
	text-decoration: none;
	font-size: 10px;
}
.sitemap a:hover{
	text-decoration: none;
	font-size: 10px;
}

/*=============================================
Top Header Styles LogoTop,
===============================================*/
#logotop{
	width: 245px;
	height: 104px;
	margin: 0;
	padding: 0;
	background: url(../images/nh_01.gif) no-repeat;
	text-indent: -2000px;
}
#pagetitle{
	width: 245px;
	height: 201px;
	margin: 0;
	padding: 0;
	background: url(../images/webdesigntitle_04.jpg) no-repeat;
	text-indent: -2000px;
}		
#pagetitleright{
	width: 319px;
	height: 201px;
	margin: 0;
	padding: 0;
	background: url(../images/nh_06.jpg) no-repeat;
	text-indent: -2000px;
}		


/*=============================================
Recent Development Styles
===============================================*/	
#recent-development-wrap{
	width: 244px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
}
#title-recent-developments{
	width: 244px;
	height: 44px;
	margin: 0;
	padding: 0;
	background: url(../images/recent_developments.gif) no-repeat;
	text-indent: -2000px;
}
.recent-development{
	width: 110px;
	padding-left: 7px;
	margin-bottom: 7px;
	float: left;
}
.recent-development img{
	border: 1px solid #036;
}
.recent-development img:hover, .recent-development img.hover {
	border: 1px solid #ccc;
}

/*=============================================
Global Layout Styles
===============================================*/	
#header{
	background: transparent url(../images/bg_top.jpg) repeat-x;
}
#header-bg{
	background: transparent url(../images/header.jpg) no-repeat;
	height: 303px;
}
#title-logo h1{
	width: 245px;
	height: 104px;
	margin: 0;
	padding: 0;
	float: left;
}
#title-logo a{
	width: 245px;
	height: 104px;
	display: block;
	text-indent: -2000px;
}
.noborder{
	border: none;
}
#nav-top{
	float: left;
	margin: 56px 0 0 215px;
}
#nav-top li{
	display: inline;
	list-style-type: none;
	margin-right: 5px;
}
#nav-top #top-login{
	background: transparent url(../images/icon.gif) no-repeat;
	padding-left: 11px;
}
#nav-top #top-sitemap{
	background: transparent url(../images/icon2.gif) no-repeat;
	padding-left: 14px;
}
#nav-top #top-news{
	background: transparent url(../images/icon3.gif) no-repeat;
	padding-left: 13px;
}
#nav-top a{
	font-size: 12px;
	text-decoration: none;
}
#nav-top a:hover{
	background: #26314f;
}
#nav-main{
	padding-left: 245px;
}
#nav-main.networking{
	background: transparent url(../images/title_networking.jpg) no-repeat;
}
#nav-main.webdesign{
	background: transparent url(../images/title_webdesign.jpg) no-repeat;
}

#nav-main.programming{
	background: transparent url(../images/title_webdesign.jpg) no-repeat;
}

#content{
	background: #35516c url(../images/bg_content.jpg) repeat-y top left;
	border-bottom: 1px solid #ffd975;
	padding: 0 0 9px 0;
}
#recent-developments{
	width: 244px;
	min-height: 100%;
	float: left;
}
#content-body{
	float: left;
	width: 482px;
	margin-left: 10px;
	padding: 2px 0 0 1px;
}
#content-body h2{
	margin: 15px 0 10px 0;
	padding: 3px 5px;
	background: #26314d;
}
#content-body h3{
	color: #fc3;
	font-size: 14px;
	margin: 20px 0 5px 0;
}
#content-body h4{
	font-size: 12px;
	margin: 20px 0 5px 0;
}
#content-body p{
	text-align: justify;
	line-height: 16px;
}
#content-body blockquote{
	margin-right: 0;
}
#content-body li{
	color: #fc3;
	margin-bottom: 2px;
}
#content-body li span{
	color: #fff;
}
#footer{
	width: 760px;
	text-align: center;
	margin-top: 15px;
	font-size: 10px;
}
#footer a{
	display: inline;
	list-style-type: none;
	font-size: 10px;
	text-decoration: none;
}
#footer a:hover{
	background: #35516c;
}
#nav-footer{
	margin: 0;
	padding: 0;
}
#nav-footer li{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	border-right: 1px solid #fff;
	font-size: 8px;
}
#nav-footer a{
	margin: 0 5px 0 5px;
	padding: 0;
}
#nav-footer .noline{
	border-right: 1px solid #26314f;
}

/*=============================================
Home Page Styles
===============================================*/	
#content.content-home{
	background: #35516c;
	padding: 9px 0 9px 0;
}
.home-section{
	width: 224px;
	margin: 0 12px;
	padding: 0;
	float: left;
}
.home-section-content h2{
	margin: 0 0 15px 0;
	padding: 0;
	color: #26314f;
}
.home-section-content h2 a{
	font-weight: bold;
	text-decoration: none;
}
.home-title{
	display: block;
	width: 224px;
	height: 44px;
	text-indent: -2000px;
}
.design .home-title{
	background: transparent url(../images/homepage_03.jpg) no-repeat;
}
.networking .home-title{
	background: transparent url(../images/homepage2_03.jpg) no-repeat;
}
.programming .home-title{
	background: transparent url(../images/homepage3_03.jpg) no-repeat;
}
.home-section-content{
	background: url(../images/homepage_05.gif) repeat-y;
	text-align: left;
	padding: 0 0 5px 5px;
}
.home-section-footer a{
	background: transparent url(../images/homepage_07.gif) no-repeat;
	display: block;
	width: 224px;
	height: 23px;
	text-indent: -2000px;
}

/*=============================================
Approval Page Styles
===============================================*/
#approvalform{
}
#approvalform p{
	font-size: 12px;
	line-height: 18px;
}
#approvalform fieldset{
	margin-bottom: 10px;
	padding: 0 0 10px 10px;
	border: 1px solid #fff;
}
#approvalform legend{
	color: #fc3;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 8px;
}
#approvalform label, #approvalform input.text{
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
#approvalform label{
	width: 70px;
	text-align: left;
	padding: 5px 0 0 10px;
}
#approvalform input.text{
	width: 360px;
	padding: 2px;
	color: #666;
	background: #f9f9f9;
	border: 2px solid #ccc;
}

/*=============================================
Table Styles
===============================================*/
.formstyle tr td p{
	margin:2px 0 2px 0;
}

a.changeimage{
	
	display:block;
}

.formstyle img{
	float:right;
	
	margin-right:45px;
	display:block;
	}
	
	input.but{
		float:right;
		margin-right:45px;
	}
	
	a.changeimage{
		float:right;
		clear:both;
		display:block;
		margin-right:45px;
	}
	
	a.fright{
		float:right;
		margin-right:45px;
	}
	
	#capwrap{
		float:right;
		margin-right:13px;
		width:165px;
	}
	
	#capwrap input{
		width:130px;
	}