/* 	CSS Document */
/* 	NNTN
	Last updated on Nov 14, 2007
	Created & Updated by SS
*/

/*======================================================================================================================
														BODY
========================================================================================================================*/
body
{
	margin: 0px 0px 0px 0px;
	background: #c4eafc url(../nntn-images/background-main.gif) left top repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 40px 0px 40px 0px;
}

.main-bg
{
	width: 867px;
	margin: 0px auto 40px auto;
	
}

.main-bg-white
{
	width: 867px;
	background-color:#FFFFFF;
	float:left;
	padding: 40px 0px 40px 0px;	
	border:1px solid #8cdaff;
}
.main
{
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 732px;
	text-align: left;
	border-top:7px solid #1ab6ff;
}
.main-bg-whitenew
{
	width: 867px;
	background-color:#FFFFFF;
	float:left;
	padding: 27px 0px 27px 0px;	
	border-left:1px solid #8cdaff;
	border-right:1px solid #8cdaff;
	
	
}



*
{
	margin:0px;
	padding:0px;
}



/* 	===================================================================================================
											Header
===================================================================================================  */
.header
{
	padding: 0px;
	margin: 0px;
	width: 732px;
	float:left;
}
.header-logo
{
	padding: 19px 0px 0px 0px;
	margin: 0px;
	width: 732px;
	height:93px;
	border-bottom:1px solid #939598;
	float:left;
	text-align:right;
}
#header-menu
{
	padding: 7px 0px 0px 0px;
	margin: 0px;
	width:240px;
	height:14px;
	float:left;
}
#header-menu ul
{
	position: relative;
	width:320px;
	height:14px;
	background:url(../nntn-images/background-main-menu.gif) no-repeat;
	margin: 0;
	padding: 0;
}

#header-menu ul li
{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top:0;
}

#header-menu ul li, #header-menu a
{
	display:block;
	height:14px;
	border-bottom:0;
}

#header-menu ul li a
{
	text-indent:-9999px;
	text-decoration:none;
	padding: 0px;
}

#tm1
{
	left:0; top:0; width:50px;
}
#tm2
{
	left:50px; top:0; width:75px;
}
#tm3
{
	left:125px; top:0; width:58px;
}
#tm4
{
	left:183px; top:0; width:64px;
}

#tm5
{
	left:247px; top:0; width:64px;
}

#tm1 a:hover 
{
	background: transparent url(../nntn-images/background-main-menu.gif) 0 -14px no-repeat; border-bottom:0;
}
#tm2 a:hover 
{
	background: transparent url(../nntn-images/background-main-menu.gif) -50px -14px no-repeat; border-bottom:0;
}
#tm3 a:hover 
{
	background: transparent url(../nntn-images/background-main-menu.gif) -125px -14px no-repeat; border-bottom:0;
}
#tm4 a:hover 
{
	background: transparent url(../nntn-images/background-main-menu.gif) -183px -14px no-repeat; border-bottom:0;
}
#tm5 a:hover 
{
	background: transparent url(../nntn-images/background-main-menu.gif) -247px -14px no-repeat; border-bottom:0;
}


#tm1a 
{
	left:0; width:50px; background: transparent url(../nntn-images/background-main-menu.gif) 0 -14px no-repeat; border-bottom:0;
}

#tm2a 
{
	left:50px; width:75px; background: transparent url(../nntn-images/background-main-menu.gif) -50px -14px no-repeat; border-bottom:0;
}

#tm3a 
{
	left:125px; width:58px; background: transparent url(../nntn-images/background-main-menu.gif) -125px -14px no-repeat; border-bottom:0;
}

#tm4a 
{
	left:183px; width:64px; background: transparent url(../nntn-images/background-main-menu.gif) -183px -14px no-repeat; border-bottom:0;
}

#tm5a 
{
	left:247px; width:64px; background: transparent url(../nntn-images/background-main-menu.gif) -247px -14px no-repeat; border-bottom:0;
}

/* 	===================================================================================================
											content
===================================================================================================  */
.home-content
{
	width:732px;
	height:368px;
	float:left;
	/*padding:47px 0px 0px 432px;*/
	background-color:#1ab6ff;
	margin:10px 0px 0px 0px;
	/*background:url(../nntn-images/background-home.gif) no-repeat;*/
}
.home-flash
{
	width:360px;
	float:right;
}
.home-about
{
	float:left;
	/*padding:11px 10px 13px 8px; */
	background-color:#1ab6ff;
	margin:40px 0px 20px 0px;
}
.content-cv
{
	float:left;
	padding:20px 10px 13px 18px;
	width:720px;
	height:250px;
}
.content-cv ul
{
	list-style:inside;
	font-size:70%;
	color:#939598;
	float:left;
}
.content-cv li
{
	background:url(../nntn-images/pdf-icon.gif) left top no-repeat;
	padding:12px 0px 12px 36px;
	list-style:none;
	width:480px;
	float:left;
}
.content-cv li a
{
	color:#939598;
	text-decoration:none;
}

.content-cv li a:hover
{	
	color:#1ab6ff;
	text-decoration: underline;
}

h1
{
	font-size:13px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
.content-seprator
{
	float:left;
	background:url(../nntn-images/gray-spacer.gif) 280px top repeat-y;
	margin:22px 0px 30px 0px;
	width:732px;
}
.content-seprator-contact
{
	float:left;
	margin:22px 0px 30px 0px;
	width:732px;
}
.content
{
	float:left;
	margin:22px 0px 30px 0px;
	width:732px;
}

#services_container
{
	float:left;
	height:392px;
	background:url(../nntn-images/services_bg.jpg) no-repeat;
	margin:22px 0px 30px 0px;
	width:749px;
}

.service p {
	font-weight:bold;
	color:#02a7ff;
	float:left;
	font-size:11px;
	margin-right:4px;
}

.service {
	float:left;
	font-size:11px;
	padding-bottom:20px;
	width:500px;
}


.client-top
{
	float:left;
	margin:0px 0px 24px 0px;
	padding:0px 0px 20px 0px;
	width:730px;
	border-bottom:1px solid #cecece;
}
.client-top-title
{

	padding:2px 0px 4px 0px;
	width:730px;
	font-size:70%;
	font-weight:bold;
	color:#1ab6ff;
}
.client-bottom
{
	float:left;
	padding:0px 0px 20px 0px;
	width:730px;
}

.content-left
{
	float:left;
	width:280px;
}
.content-right
{
	float:left;
	width:412px;
	padding:0px 10px 0px 30px;
}
.content-right h1
{
	font-size:75%;
	color:#939598;
}
.content-contact-left
{
	float:left;
	width:220px;
	font-size:70%;
	color:#939598;
}
.content-contact-right
{
	float:left;
	width:502px;
	padding:0px 0px 0px 10px;
}
.content-right-text
{
	float:left;
	width:732px;
	color:#939598;
	font-size:70%;
	line-height:18px;
	padding:0px 0px 0px 0px;
}
.content-right a
{
	color:#1ab6ff;
	text-decoration:none;
}
.content-right a:hover
{
	color:#939598;
	text-decoration:none;
}
#viewimages
{
	font-size:70%;
	padding:10px 0px 0px 0px;
	float:left;
	width:730px;
	float:left;
}
.client-thumb
{
	width:110px;
	float:left;
	margin:0px 15px 5px 15px;
}
.client-thumb-img
{
	width:110px;
	float:left;
	background-color:#1ab6ff;
	padding:0px 0px 3px 0px;
}
.client-thumb-img img
{
	border:1px solid #9a9c9f;
}
.client-thumb-arrow
{
	width:15px;
	float:left;
	padding:4px 0px 6px 0px;
}
.client-thumb-title
{
	width:91px;
	float:left;
	padding:4px 0px 6px 0px;
	font-size:70%;
	font-weight:bold;
}

.paragraph
{
	font-size:70%;
	color:#939598;	
}
.content-access
{
	padding:2px 0px 2px 0px;
}

ul.txtlink-sub
{
	margin:0;
	padding:0px 0px 0px 8px;
	float:left;
	
}
ul.txtlink-sub li
{
	margin:0;
	padding: 3px 0px 2px 15px;
	background:url(../nntn-images/arrow.gif) no-repeat left 8px;
	color:#939598;
	font-size:70%;
	line-height:16px;
	list-style:none;
	width:730px;
}
.content h1
{
	font-size:75%;
	color:#1ab6ff;
	font-weight:bold;
	float:left;
	padding:10px 0px 4px 0px;
	margin:0px;
	line-height:18px;
	width:730px;
	/*text-transform:lowercase;*/
}
.back
{
	width:732px;
	float:left;
	font-size:70%;
	padding:0px 0px 10px 0px;
}
.content a
{
	color:#1ab6ff;
	text-decoration:none;
}
.content a:hover
{
	color:#7f7f7f;
	text-decoration: none;
}

.content-row
{
	width:732px;
	float: left;
	padding:0px 0px 10px 0px;
}

.content-col1
{
	width:600px;
	float: left;
}

.content-col2
{
	width:132px;
	float: left;
	text-align:right;
	color:#1ab6ff;
	font-size:75%;
}

.client-detail
{
	float:left;
	width:732px;
}
.client-detail-flash
{
	float:left;
	width:714px;
	float:left;
	padding:8px;
	border:1px solid #d9d9d9; 
}


.client-detail-text
{
	float:left;
	width:732px;
	color:#939598;
	font-size:70%;
	line-height:18px;
	padding:10px 0px 10px 0px;
}

.title-green
{
	background-color:#1ab6ff;
	padding:6px;
	float:left;
	margin:0px 0px 10px 0px;
}

.content-contact-left-row
{
	width:220px;
	float:left;
	padding:6px 0px 0px 0px;
}

.content-contact-left-top
{
	width:220px;
	float:left;
	padding:6px 0px 6px 0px;
}


.content-contact-left-textgreen
{
	float:left;
	color:#3ac0ff;
	font-weight:bold;
}

.content-contact-left-row
{
	float:left;
	padding:0px 0px 3px 0px;
}

.content-contact-left-top a
{
	text-decoration:underline;
	color:#939598;
}

.content-contact-left-top a:hover
{
	float:left;
	color:#3ac0ff;
	
}

	
.content-contact-left-box
{
	float:left;
	width:220px;
	padding:15px 0px 10px 0px;
}

.txt-post
{
	width:90px;
	height:16px;
	border:1px solid #c9cacb;
	font-size:100%;
	color: #565656;
	padding:0px 0px 0px 2px;
}
.txt-email
{
	width:126px;
	height:16px;
	border:1px solid #c9cacb;
	font-size:100%;
	color:#565656;
	padding:0px 0px 0px 2px;
}
.btn-go
{
	width:20px;
	height:20px;
	border:0px solid #c9cacb;
	background:url(../nntn-images/btn-go.gif) no-repeat center center;
	cursor:pointer;
}
.redcolor
{	

	font-size:78%;
	color:#FF0000;
}
/* 	===================================================================================================
											Footer
===================================================================================================  */
.footer
{
	padding: 0px;
	margin: 0px;
	width: 732px;
	float:left;
	border-top:7px solid #1ab6ff;
	color:#939598;
	font-size:70%;
}

.services_footer
{
	padding: 0px;
	margin: 0px;
	width: 732px;
	float:left;
	color:#939598;
	font-size:70%;
	margin-top:-25px;
}

.footer-top
{
	width:732px;
	text-align:center;
	padding:5px 0px 0px 0px;
	float:left;
}
.footer-bottom
{
	width:732px;
	text-align:center;
	padding:3px 0px 0px 0px;
	float:left;	
}

.footer-top ul
{
	list-style:none;
	margin:0px;
	padding:0px;
}

.footer-top li
{
	display:inline;
	padding:0px 1px 0px 1px;
}

.footer a, .services_footer a 
{
	color:#7f7f7f;
	text-decoration:none;
}

.footer a:hover, .services_footer a:hover
{
	color:#7f7f7f;
	text-decoration: underline;
}
