@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
body.splash {
	background:url(/images/splash_bg.png) repeat-x #fff;
}
body.inner-blue {
	background:url(/images/inner-bg-blue.png) repeat-x #fefeff;
}
body.inner-green {
	background:url(/images/inner-bg-green.png) repeat-x #fefeff;
}
body.inner-red {
	background:url(/images/inner-bg-red.png) repeat-x #fefeff;
}
body.inner-yellow {
	background:url(/images/inner-bg-yellow.png) repeat-x #fefeff;
}
h1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#0d76bd;
	font-weight:lighter;
	margin:0;
	line-height:18px;
}



#container {
	width:966px;
	margin:0 auto;
	text-align:left;
	position:relative;
	padding-top:20px;
}

#header .logo {
	background:url(/images/netpique-logo.png) no-repeat;
	width:233px;
	height:88px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}

#header .tagline {
	float:right;
	background:url(/images/tagline.gif) no-repeat;
	text-indent:-9999px;
	width:236px;
	height:37px;
	overflow:hidden;
	margin-top:50px;
}

#topnav {
	clear:both;
	list-style:none;
	padding:0;
	margin:0 0 0 28px;
	position:relative;
	top:11px;
	height:32px;
}
#topnav li {
	float:left;
/*	padding-left:17px;
	padding-right:17px; */
	height:32px;
	position:relative;
}

#topnav li a {
	text-indent:-9999px;
	display:block;
	height:32px;
	overflow:hidden;
	background-repeat:no-repeat;
}

#topnav li:hover a {
	background-color:#0088cc;
}

body.inner-green #topnav li:hover a {
	background-color:#59ab46;
}

body.inner-yellow #topnav li:hover a {
	background-color:#f8dd20;
}

body.inner-red #topnav li:hover a {
	background-color:#af1f25;
}

#topnav li a.why-outsource {
	width:144px !important;
	background-image:url(/images/why-outsource-off.png);
	background-position:top center;
	background-repeat:no-repeat;
	
}

#topnav li a.outsourcing-services {
	width:173px !important;
	background-image:url(/images/outsourcing-services-off.png);
	background-repeat:no-repeat;
	background-position:top center !important;
}

#topnav li a.international-outsourcing {
	width:197px !important;
	background-image:url(/images/international-outsourcing-off.png);
	background-repeat:no-repeat;
	background-position:top center !important;
}

#topnav li a.industry-participation {
	width:175px !important;
	background-image:url(/images/industry-participation-off.png);
	background-repeat:no-repeat;
	background-position:top center !important;
}

#topnav li a.contact-us {
	width:116px !important;
	background-image:url(/images/contact-us-off.png);
	background-repeat:no-repeat;
	background-position:top center !important;
}


#topnav li a.about-us {
	width:110px !important;
	background-image:url(/images/about-us-off.png);
	background-repeat:no-repeat;
	background-position:top center !important;
}

#topnav li.active a.why-outsource {
	background-image:url(/images/nav-active/why-outsource-active.png);
}

#topnav li.active a.outsourcing-services {
	width:145px;
	background-image:url(/images/nav-active/outsourcing-services-active.png);
}

#topnav li.active a.international-outsourcing {
	background-image:url(/images/nav-yellow/international-outsourcing-yellow-active.png);
}

#topnav li.active a.industry-participation {
	background-image:url(/images/nav-active/industry-participation-active.png);
}

#topnav li.active a.about-us {
	background-image:url(/images/nav-active/about-us-active.png);
}

#topnav li.active a.contact-us {
	background-image:url(/images/nav-active/contact-us-active.png);
}

/* styles for blue navigation */


#topnav li:hover a.why-outsource {
	background-image:url(/images/why-outsource-on.png);
}


#topnav li:hover.active a.why-outsource {
	background-image:url(/images/nav-active/why-outsource-active.png);
}

#topnav li:hover a.outsourcing-services {
	width:145px;
	background-image:url(/images/outsourcing-services-on.png);
}


#topnav li:hover.active a.outsourcing-services {
	width:145px;
	background-image:url(/images/nav-active/outsourcing-services-active.png);
}

#topnav li:hover a.international-outsourcing {
	background-image:url(/images/international-outsourcing-on.png);
}

#topnav li:hover.active a.international-outsourcing {
	background-image:url(/images/nav-active/international-outsourcing-active.png);
}

#topnav li:hover a.industry-participation {
	background-image:url(/images/industry-participation-on.png);
}

#topnav li:hover.active a.industry-participation {
	background-image:url(/images/nav-active/industry-participation-active.png);
}

#topnav li:hover a.about-us {
	background-image:url(/images/about-us-on.png);
}

#topnav li:hover.active a.about-us {
	background-image:url(/images/nav-active/about-us-active.png);
}

#topnav li:hover a.contact-us {
	background-image:url(/images/contact-us-on.png);
}

#topnav li:hover.active a.contact-us {
	background-image:url(/images/nav-active/contact-us-active.png);
}

	

/* End styles for blue navigation */


/* Styles for red navigation */

body.inner-red #topnav li:hover a.why-outsource {
	background-image:url(/images/nav-red/why-outsource-red-on.png);
}

body.inner-red #topnav li:hover.active a.why-outsource {
	background-image:url(/images/nav-active/why-outsource-active.png);
}

body.inner-red #topnav li:hover a.outsourcing-services {
	width:145px;
	background-image:url(/images/nav-red/outsourcing-services-red-on.png);
}

body.inner-red #topnav li:hover.active a.outsourcing-services {
	width:145px;
	background-image:url(/images/nav-active/outsourcing-services-active.png);
}

body.inner-red #topnav li:hover.active a.outsourcing-services {
	width:145px;
	background-image:url(/images/nav-red/outsourcing-services-red-active-on.png);
}

body.inner-red #topnav li:hover a.international-outsourcing {
	background-image:url(/images/nav-red/international-outsourcing-red-on.png);
}

body.inner-red #topnav li:hover.active a.international-outsourcing {
	background-image:url(/images/nav-active/international-outsourcing-red-active.png);
}

body.inner-red #topnav li:hover a.industry-participation {
	background-image:url(/images/nav-red/industry-participation-red-on.png);
}

body.inner-red #topnav li:hover.active a.industry-participation {
	background-image:url(/images/nav-active/industry-participation-active.png);
}

body.inner-red #topnav li:hover a.about-us {
	background:url(/images/nav-red/about-us-red-on.png);
	
}

body.inner-red #topnav li:hover.active a.about-us {
	background:url(/images/nav-red/about-us-red-active-on.png);
}

body.inner-red #topnav li:hover a.contact-us {
	background-image:url(/images/nav-red/contact-us-red-on.png);
}

body.inner-red #topnav li:hover.active a.contact-us {
	background-image:url(/images/nav-active/contact-us-active.png);
}

body.inner-red #topnav li ul {
	background-color:#af1f25;
}
body.inner-red #topnav li ul li a {
	color:#fdf200;
}

body.inner-red #topnav li ul li:hover a {
	color:#fff;
}

/* End red navigation */


/* Green Navigation */

body.inner-green #topnav li:hover a.why-outsource {
	background-image:url(/images/nav-green/why-outsource-green-on.png);
}

body.inner-green #topnav li:hover.active a.why-outsource {
	background-image:url(/images/nav-green/why-outsource-green-active-on.png);
}

body.inner-green #topnav li:hover a.outsourcing-services {
	width:145px;
	background-image:url(/images/nav-green/outsourcing-services-green-on.png);
}

body.inner-green #topnav li:hover.active a.outsourcing-services {
	width:145px;
	background-image:url(/images/nav-active/outsourcing-services-active.png);
}



body.inner-green #topnav li:hover a.international-outsourcing {
	background-image:url(/images/nav-green/international-outsourcing-green-on.png);
}

body.inner-green #topnav li:hover.active a.international-outsourcing {
	background-image:url(/images/nav-green/international-outsourcing-green-active-on.png);
}

body.inner-green #topnav li:hover a.industry-participation {
	background-image:url(/images/nav-green/industry-participation-green-on.png);
}

body.inner-green #topnav li:hover.active a.industry-participation {
	background-image:url(/images/nav-green/industry-participation-green-active-on.png);
}

body.inner-green #topnav li:hover a.about-us {
	background:url(/images/nav-green/about-us-green-on.png);
}

body.inner-green #topnav li:hover.active a.about-us {
	background:url(/images/nav-green/about-us-green-active-on.png);
}

body.inner-green #topnav li:hover a.contact-us {
	background-image:url(/images/nav-green/contact-us-green-on.png);
}

body.inner-green #topnav li:hover.active a.contact-us {
	background-image:url(/images/nav-active/contact-us-active.png);
}

body.inner-green #topnav li ul {
	background-color:#59ab46;
}
body.inner-green #topnav li ul li a {
	color:#fdf200;
}

body.inner-green #topnav li ul li:hover a {
	color:#fff;
}


/* End Green Navigation */


/* Yellow Navigation */

body.inner-yellow #topnav li:hover a.why-outsource {
	background-image:url(/images/nav-yellow/why-outsource-yellow-on.png);
}

body.inner-yellow #topnav li:hover.active a.why-outsource {
	background-image:url(/images/nav-yellow/why-outsource-yellow-active.png);
}

body.inner-yellow #topnav li:hover a.outsourcing-services {
	width:145px;
	background-image:url(/images/nav-yellow/outsourcing-services-yellow-on.png);
}

body.inner-yellow #topnav li:hover.active a.outsourcing-services {
	width:145px;
	background-image:url(/images/nav-yellow/outsourcing-services-yellow-active-on.png);
}

body.inner-yellow #topnav li:hover.active a.outsourcing-services {
	width:145px;
	background-image:url(/images/nav-yellow/outsourcing-services-yellow-active-on.png);
}

body.inner-yellow #topnav li:hover a.international-outsourcing {
	background-image:url(/images/nav-yellow/international-outsourcing-yellow-on.png);
}

body.inner-yellow #topnav li:hover.active a.international-outsourcing {
	background-image:url(/images/nav-yellow/international-outsourcing-yellow-active-on.png);
}

body.inner-yellow #topnav li:hover a.industry-participation {
	background-image:url(/images/nav-yellow/industry-participation-yellow-on.png);
}

body.inner-yellow #topnav li:hover.active a.industry-participation {
	background-image:url(/images/nav-yellow/industry-participation-yellow-active-on.png);
}

body.inner-yellow #topnav li:hover a.about-us {
	background:url(/images/nav-yellow/about-us-yellow-on.png);
}

body.inner-yellow #topnav li:hover.active a.about-us {
	background:url(/images/nav-yellow/about-us-yellow-active-on.png);
}

body.inner-yellow #topnav li:hover a.contact-us {
	background-image:url(/images/nav-yellow/contact-us-yellow-on.png);
}

body.inner-yellow #topnav li:hover.active a.contact-us {
	background-image:url(/images/nav-yellow/contact-us-yellow-active-on.png);
}

body.inner-yellow #topnav li ul {
	background-color:#f8dd20;
}
body.inner-yellow #topnav li ul li a {
	color:#4a4a4a;
}

body.inner-yellow #topnav li ul li:hover a {
	color:#ffffff;
}

body.inner-yellow #topnav li ul li {

	background:url(/images/nav-yellow/nav-arrow-yellow-off.gif) no-repeat left 1.4em;
}

body.inner-yellow #topnav li ul li:hover {

	background:url(/images/nav-arrow-on.png) no-repeat left 1.4em;
}


/* End Yellow Navigation */


#topnav li:hover ul {
	visibility:visible;
	z-index:7 !important;
}
#topnav li ul {
	position:absolute;
	width:175px;
	top:32px;
	visibility:hidden;
	background-color:#0088cc;
	list-style:none;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	font-family:"Trebuchet MS", sans-serif;
	font-size:10px;
	
	
}
#topnav li ul li {
	float:none;
	margin:0;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #abdbf3;
	display:block;
	line-height:10px;
	height:auto;
	background:url(/images/nav-arrow-off.png) no-repeat left 1.4em;
}
#topnav li ul li:hover {
	background:url(/images/nav-arrow-on.png) no-repeat left 1.4em;
}
#topnav li ul li a {
	text-indent:0;
	color:#fdf200;
	height:10px;
	text-decoration:none;
	text-transform:uppercase;
	height:auto;
	line-height:1.4em;
}
#topnav li ul li:hover a {
	color:#fff;
}

#leftnav {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#807d75;
	line-height:20px;
	list-style:none;
	padding:10px 0 0 10px;
	margin:0;
}
#leftnav li,
#leftnav li:hover ul li,
#leftnav li.active ul li {
	line-height:20px;
	background:url(/images/left-nav-arrow-off.gif) no-repeat left .6em;
	padding-left:10px;
}

#leftnav li:hover,
#leftnav li ul li:hover,
#leftnav li ul li.active {
	background:background:url(/images/left-nav-arrow-on.gif) no-repeat left .6em;
}
#leftnav li a,
#leftnav li:hover ul li a,
#leftnav li.active ul li a  {
	color:#807d75;
	text-decoration:none;
}



#leftnav li:hover a,
#leftnav li.active a,
#leftnav li ul li:hover a,
#leftnav li ul li.active a{
	color:#0088cc;
}
#leftnav li ul {
	list-style:none;
	padding-left:15px;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:3px;
	margin-bottom:3px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin-left:-10px;
}

#splash-body,
#inner-body {
	width:935px;
	margin-top:5px;
	margin-left:19px;
}

#splash-body {
	background:url(/images/container-bg.png) no-repeat;
}

#inner-body {
	background:url(/images/inner-container-bg.png) no-repeat;
}
#splash-body .padding {
	margin:0 auto;
	padding-top:12px;
}
#splash-photo {
	background:url(/images/splash-photo.jpg) no-repeat;
	width:911px;
	height:279px;
	margin:0 auto 10px auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#splash-photo h1 {
	padding-top:20px;
	padding-left:20px;
	padding-bottom:20px;
	margin:0;
	width:370px;
	color:#6f6858;
	font-size:15px;
	line-height:1.5em;
	font-weight:lighter;
}
#splash-photo a {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#932023;
	font-size:12px;
	margin-left:20px;
	margin-top:20px;
	text-decoration:none;
}
#splash-box-left,
#splash-box-middle,
#splash-box-right {height:225px;}
#splash-box-left {
	background-color:#f7f7f7;
	width:400px;
	float:left;
	margin-left:7px; /* 12 px in IE 6*/
	font-family:Arial, Helvetica, sans-serif;
}
#splash-box-left .padding,
#splash-box-middle .padding {
	padding:15px;
}

#splash-box-left p {
	font-size:12px;
	color:#4e483a;
	margin-bottom:10px;
}


#splash-box-left a {
	color:#0d76bd;
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
}

#splash-box-middle {
	background-color:#f7f7f7;
	width:245px;
	float:left;
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4e483a;
}
#splash-box-middle p {
	font-size:12px;
	color:#4e483a;
	}
#splash-box-middle p span {
	font-size:10px;
	font-style:normal;
}
#splash-box-middle p span strong {
	color:#932023;
}
#splash-box-right {
	margin-left:10px;
	width:230px;
	float:left;
}
#splash-box-right .padding {
	padding:15px;
}
#splash-box-right img.pencil-paper-icon {
	float:right;
	margin-top:15px;
}
#splash-box-right h1 {
	margin-bottom:10px;
}
#splash-box-right a {
	text-decoration:none;
	color:#666666;
	font-family:"Trebuchet MS", sans-serif;
	font-size:12px;
}

#splash-box-right h1 a {
	font-size:16px;
	color:#0d76bd;
	font-weight:lighter;
	margin:0;
	line-height:18px;
	text-decoration:none;
}
#splash-box-right img.interested-button {
	padding-top:5px;
	border-top:1px solid #d9d9d9;
	clear:right;
	margin-top:5px;
}
#inner-body {
	height:100%;
}
#inner-body .padding {
	padding-top:12px;
}
#inner-body-top {
	height:30px;
	margin-left:12px;
	margin-right:15px;
	margin-bottom:10px;
}

#inner-photo {
	width:911px;
	height:183px;
	margin:0 auto;
}
#inner-box-left {
	float:left;
	width:190px;
	margin-left:25px;
}

#inner-box-left h1 {
	padding-bottom:7px;
	border-bottom:1px solid #e5e5e5;
}

#inner-box-left h1 a {
	color:#0d76bd;
	font-weight:lighter;
	text-decoration:none;
}

#inner-box-left h1 a:hover {
	color:#666;
}


#inner-box-middle {
	float:left;
	width:440px;
	margin-left:20px;
}

#inner-box-middle a,
.sidebar-box a,
#footer a {
	color:#0d76bd;
	text-decoration:none;
}
#inner-box middle a:hover,
.sidebar-box a:hover, {
	text-decoration:underline;
	color:#666;
}

#inner-box-middle h2 {
	color:#4e483a;
	font-size:13px;
	font-weight:normal;
}

#inner-box-right {
	float:left;
	width:215px;
	margin-left:20px;
/*	padding-top:20px;	*/
}
.sidebar-box {
	background-color:#f7f7f7;
	padding:10px;
	margin-bottom:10px;
}
.sidebar-box h1 {
	color:#932023;
	font-size:14px;
	margin-bottom:7px;
}
.sidebar-box p {
	color:#4e483a;
	font-size:11px;
	margin:0;
}
.sidebar-box form p {
	clear:both;
	padding:5px 0;
	border-top:1px dotted #cdcbc8;
	border-bottom:1px dotted #cdcbc8;
	margin-top:-1px;
	line-height:2em;
	vertical-align:middle;
}
.sidebar-box form p span {
	display:block;
	float:left;
	width:82px;
}
.sidebar-box form p span {
	width:105px;
}
.sidebar-box form p span.label {
	width:75px;
}

.inner-photo-services {
	background:url(/images/inner-photo-1.jpg) no-repeat;
}

.inner-photo-contact {
	background:url(/images/inner-photo-contact.jpg) no-repeat;
}


.inner-photo-industry {
	background:url(/images/industry_experience.jpg) no-repeat;
}

.inner-photo-international {
	background:url(/images/inner-photo-int-outsourcing.jpg) no-repeat;
}

.inner-photo-why {
	background:url(/images/why_oursource_img.jpg) no-repeat;
}

.inner-photo-about {
	background:url(/images/inner-photo-about.jpg) no-repeat;
}
#footer {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#4e483a;
	font-size:11px;
	margin-left:25px;
	margin-right:25px;
	padding-top:10px;
	margin-top:10px;
	border-top:2px solid #d9d9d9;
}
#footer p {
	margin:0;
}
.clear {
	clear:both;
}

ul.breadcrumb {
	list-style:none;
	margin-left:220px;
	margin-top:8px;
	padding:0;
}
ul.breadcrumb li {
	float:left;
	color:#4e483a;
	font-size:10px;

}
ul.breadcrumb li a {
	color:#0d76bd;
	text-decoration:none;
}
.preload,
.printonly {
	display:none !important;
	visibility:hidden;
	height:0;
	width:0;
}

.form {
	margin-top:20px;
}


.form span {
	display:block;
	float:left;
	width:200px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	
}
.form span.label {
	clear:left;
	width:150px;
	padding-right:10px;
}
	
p.quote {
	font-size:12px;
	color:#666;
	font-style:italic;
}

p.quote span {
	font-size:10px;
	font-style:normal;
}
p.quote span strong {
	color:#932023;
}

.form span.redtxt {
	display:inline !important; 
	width:auto !important; 
	padding:0 !important; 
	float:none !important;
}

.formcheck {display:none;}

#splash-box-middle ul {
	margin-top:0;
	margin-left:15px;
	padding-left:0;
}

.download-box {
	background:#f7f7f7;
	padding:5px;
	margin-bottom:10px;
	margin-left:-5px;
	height:77px;
	
}

.download-box img {
	float:left;
	border:1px solid #d6d6d6;
	margin-right:10px;
	z-index:7;
	position:relative;
}

.download-box p {
	
	margin-top:0;
	padding-top:0;
}

ul#social-networking {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	margin-top:-5px;
	margin-right:27px;
}

ul#social-networking li {
	float:left;
	margin-left:5px;
}

ul#social-networking a img {
	border:none;
}