@charset "UTF-8";
/* =========================================
		CSS by www.a5multimedia.co.uk
   ========================================= */
* {
	margin: 0;
	padding: 0;
}
html {
	margin: 0;
	padding: 0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

strong { font-weight: bold; }
body {
	font-family: Arial, sans-serif;
	font-weight: 300;
	font-size: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	background-color: #FFFFFF;
}
.oneColFixCtr #container {
/* 	position:absolute; */
	width:960px;
	min-height:600px;
	text-align: left;
	background-color: #fff;
	margin: 0px auto;
}
.oneColFixCtr #mainContent {
	padding: 0px; 
}
.clearBar {
	clear: both;
	line-height: 0pt;
}
.ysbryd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* hide from IE-mac \*/
* html .ysbryd {height: 1%;}

/* ==================================
		  Standard Stuff
   ================================== */
a:link { color: #b42229; font-weight: bold; text-decoration: none; }
a:visited { color: #b42229; font-weight: bold; text-decoration: none; }
a:hover { color: #89002e; font-weight: bold; text-decoration: underline; }
a:active { color: #89002e; font-weight: bold; text-decoration: underline; }
img { border: 0; }
.menuSpacer { font-size: 2px; margin: 0; padding: 0; height: 0px; }
.clearBar { clear: both; line-height: 0pt; }


/* ===============================
   Site Header
   =============================== */
#ngit_header {
z-index: 1;
position: relative;
left: 0px; top: 0px;
width: 960px; height: 162px;
background-color: #fff;
}

#homeButton {
position: absolute; z-index: 3; text-align: left;
top: 22px; left: 0px; width: 247px; height: 127px; line-height: 127px; 
}
#homeButton span { display: none; }
#homeButton a:link, #homeButton a:visited { 
display: block; height: 127px; line-height: 127px;
background: url(../images/template/ngit_logo.gif) no-repeat left top;
}
#homeButton a.active { background-position: right top; }
#homeButton a:hover { background-position: right top; }

#siteSearch { 
z-index: 2;
position: absolute; 
top: 130px; left: 770px;
width: 190px; 
height: 32px; 
background-color: transparent;
}
#siteSearch input.searchbox { 
color: #6a6a6a; 
position: absolute;
top: 0px;
left:0px;
width:161px; 
height: 19px; 
border: 0;
padding-left: 5px;
background-image: url(../images/template/search-box.gif);
}
#siteSearch label .searchlabel { 
display: none; 
}
#siteSearch input.searchButton { 
position: absolute;
top: 0px;
left: 166px;
width: 24px;
height: 19px;
}

/* ===============================
   Navigation Bar
   =============================== */

#ngit_navbar {
clear: both;
z-index: 1;
position: relative;
left: 0px; top: 0px;
width: 960px; height: 50px;
}
#ngit_navbar span { display: none; }
#ngit_navbar a:link, #ngit_navbar a:visited {
	display: block;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
}
#ngit_navbar a {
	display: inline;
}
#ngit_navbar a.active {
	background-position: left bottom;
}
#ngit_navbar a:hover {
	background-position: left bottom;
}
#ngit_navbar .home { 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 154px; 
	background: url(../images/navigation/01home.png) no-repeat left top;
}
#ngit_navbar .solutions { 
	position: absolute;
	top: 0px;
	left: 154px;
	width: 154px; 
	background: url(../images/navigation/02solutions.png) no-repeat left top;
}
#ngit_navbar .partners { 
	position: absolute;
	top: 0px;
	left: 308px;
	width: 154px; 
	background: url(../images/navigation/03partners.png) no-repeat left top;
}
#ngit_navbar .contact { 
	position: absolute;
	top: 0px;
	left: 462px;
	width: 154px; 
	background: url(../images/navigation/04contact.png) no-repeat left top;
}
#ngit_navbar .support { 
	position: absolute;
	top: 0px;
	left: 616px;
	width: 154px; 
	background: url(../images/navigation/05support.png) no-repeat left top;
}
#ngit_navbar .gap { 
	position: absolute;
	top: 0px;
	left: 770px;
	width: 131px; 
	height: 50px;
	background: url(../images/navigation/06gap.png) no-repeat left top;
}
#ngit_navbar .en { 
	position: absolute;
	top: 0px;
	left: 901px;
	width: 23px; 
	background: url(../images/navigation/07en.png) no-repeat left top;
}
#ngit_navbar .fr { 
	position: absolute;
	top: 0px;
	left: 924px;
	width: 23px; 
	background: url(../images/navigation/08fr.png) no-repeat left top;
}
#ngit_navbar .right { 
	position: absolute;
	top: 0px;
	left: 947px;
	width: 13px; 
	height: 50px;
	background: url(../images/navigation/09right.png) no-repeat left top;
}


/* ===============================
   Flash Box and Arrows
   =============================== */
#flash_box {
z-index: 2;
position: relative;
left: 0px; top: 0px;
width: 960px; height: 267px;
background-color: #ffffff;
/* background-image: url(../images/template/flash-background.gif); */
background-repeat: no-repeat;
}

#flash_box_white {
z-index: 2;
position: relative;
left: 0px; top: 0px;
width: 960px; height: 267px;
background-color: #ffffff;
}

#nav_arrows {
z-index: 1;
position: relative;
left: 0px; top: 1px;
width: 960px; height: 36px;
background-color: #908f92;
}

#nav_arrow_left {
position: absolute; z-index: 3; text-align: left;
top: 0px; left: 0px; width: 27px; height: 36px; line-height: 36px; 
}
#nav_arrow_left span { display: none; }
#nav_arrow_left a:link, #nav_arrow_left a:visited { 
display: block; height: 36px; line-height: 36px;
background: url(../images/template/nav-arrow-left.gif) no-repeat left top;
}
#nav_arrow_left a.active { background-position: right top; }
#nav_arrow_left a:hover { background-position: right top; }

#nav_arrow_right {
position: absolute; z-index: 3; text-align: left;
top: 0px; right: 0px; width: 27px; height: 36px; line-height: 36px; 
}
#nav_arrow_right span { display: none; }
#nav_arrow_right a:link, #nav_arrow_right a:visited { 
display: block; height: 36px; line-height: 36px;
background: url(../images/template/nav-arrow-right.gif) no-repeat right top;
}
#nav_arrow_right a.active { background-position: left top; }
#nav_arrow_right a:hover { background-position: left top; }

#nav_arrows #statusText {
position: absolute; z-index: 3; text-align: left;
top: 0px; left: 325px; width: 600px; height: 36px; line-height: 36px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 17px;
color: #ffffff;
margin: 0px;
font-weight: bold;
}
/* ===============================
   Main Site Content Area
   =============================== */

#contentBox {
z-index: 1;
position: relative;
left: 0px; top: 6px;
width: 960px; min-height: 248px;
background: url(../images/template/fake-content-background.gif) repeat-y;
}


#contentLeft { float: left; width: 307px; background-color: #e7e6e7; }
#contentRight,div.contentRight { float: right; width: 647px; background-color: #e7e6e7; }

/* ===============================
   Left Column Content
   =============================== */
.left12pxspacer {
position: relative;
display: block;
left: 0px; top: 0px;
width: 327px; height: 12px;
background-color: transparent;
text-align: justify;
}

#contentLeft h2 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 16px;
color: #5c5f63;
margin: 0px 12px 9px 12px;
font-weight: bold;
}

#contentLeft p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #b42229;
margin: 0px 12px 5px 12px;
line-height: 15px;
text-align: left;
text-align: justify;
}

ul#fancymenu {
margin-bottom: 10px;
}

ul#fancymenu ul { 
text-align: left; 
}
ul#fancymenu li  { 
height: 24px;
color: white; 
font-weight: normal; 
list-style-type: none; 
margin-top: 5px;
}
ul#fancymenu a { 
text-indent: 24px;
font-weight: normal; 
}
ul#fancymenu a:link, ul#fancymenu a:visited { 
color: #5c5f63; 
text-decoration: none; 
display: block;
height: 24px;
line-height: 24px;
background: url(../images/template/sub-navigation.png) no-repeat left top;
}
ul#fancymenu a.active {
color: #5c5f63; 
display: block;
text-decoration: none; 
background-position: left bottom;
width: 100%;
}
ul#fancymenu a:hover {
color: #5c5f63; 
display: block;
text-decoration: none; 
background-position: left bottom;
width: 100%;
}

ul#submenu {
margin-bottom: 10px;
}

ul#submenu ul { 
text-align: left; 
}
ul#submenu li  { 
height: 24px;
color: white; 
font-weight: lighter; 
list-style-type: none; 
margin-top: 5px;
margin-left: 20px;
}

ul#submenu a { 
text-indent: 24px;
font-weight: lighter; 
}

ul#submenu a:link, ul#submenu a:visited { 
color: #5c5f63; 
text-decoration: none; 
display: block;
height: 24px;
line-height: 24px;
background: url(../images/template/sub-navigation.png) no-repeat left top;
}

ul#submenu a.active {
color: #5c5f63; 
display: block;
text-decoration: none; 
background-position: left bottom;
width: 100%;
}

ul#submenu a:hover {
color: #5c5f63; 
display: block;
text-decoration: none; 
background-position: left bottom;
width: 100%;
}

/* ===============================
   Right Column Content
   =============================== */

.right12pxspacer {
position: relative;
left: 0px; top: 0px;
width: 647px; height: 12px;
background-color: transparent;
}

#rightheading,div.rightheading {
position: relative;
left: 0px; top: 0px;
width: 647px; height: 40px;
background-color: transparent;
}

#rightheading h2,div.rightheading h2 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 18px;
color: #b42229;
margin: 0px 12px 25px 12px;
font-weight: bold;
}

#rightheading h3,div.rightheading h3 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 14px;
color: #b42229;
margin: 5px 12px 25px 12px;
font-weight: bold;
}

#columnLeft,div.columnLeft { float: left; width: 322px; background-color: transparent; text-align: justify }
#columnRight,div.columnRight { float: right; width: 322px; background-color: transparent; text-align: justify }

#columnLeft,div.columnLeft {
border-right: 3px solid #aaa;
}

#contentRight p,div.contentRight p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #5c5f63;
margin: 8px 12px 12px 12px;
line-height: 17px;
}

#searchcontrol .gsc-control { width : 640px; }


/* ===============================
   Site Footer
   =============================== */
#siteFooter {
z-index: 1;
position: relative;
left: 0px; top: 6px; height: 25px;
width: 960px;
}

#siteFooter p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top: 6px;
color: #5c5f63;
}


/* ==================================
		Contact Form
   ================================== */

.contactForm label { margin-bottom: 5px; }
.contactForm input { width: 510px; position: relative; }
.contactForm p.field { padding-bottom: 5px;  }
.contactForm input[type="text"] { height: 16px; border: 1px inset #D3CFCF; padding:5px 3px; }
.contactForm textarea { width: 510px; height: 65px; border: 1px inset #D3CFCF; padding:5px 3px; }
.contactForm input.submit { width: auto; }
.contactForm input[type="image"] { width: auto; }
.contactForm #submit { vertical-align: text-bottom; }
.contactForm #sendformpointer { cursor: pointer; } 

.registrationForm textarea:focus { background: #dbf3ff; }
.registrationForm input[type="text"]:focus { background: #dbf3ff; }
.registrationForm input[type="password"]:focus { background: #dbf3ff; }
.registrationForm input { float: right; width: 180px; left: 20px; top: -15px; position: relative; }
.registrationForm input.radio, .registrationForm input.checkbox, .registrationForm input.submit { width: auto; }
.registrationForm input.submit { float: left; position: relative; top: -15px; left: 240px; }
.registrationForm p.field { padding-bottom: 5px;  }
.registrationForm p.inline label { display: inline; }
.registrationForm p.inline input.submit { display: inline; float: none; position: relative; top: 0px; left: 20px;  }
.registrationForm textarea { float: right; width: 180px; left: 0px; top: -15px; position: relative; height: 45px; }
.registrationForm select { width: 180px; float: right; left: 15px; top: -15px; position: relative; }
.registrationForm input[type="text"] { border: 1px inset #787878; padding:5px 3px; }
.registrationForm input.checkbox { left: -150px; }
.registrationForm div.formBorder { border: 5px solid #ccc; margin: 0; padding: 20px 20px 10px 20px; }
.registrationForm div.formWidth { width: 400px; }


/* ==================================
		Forms
   ================================== */

.registrationForm label { display: block; width: 200px; }
.registrationForm textarea:focus { background: #dbf3ff; }
.registrationForm input[type="text"]:focus { background: #dbf3ff; }
.registrationForm input[type="password"]:focus { background: #dbf3ff; }
.registrationForm input { float: right; width: 180px; left: 20px; top: -15px; position: relative; }
.registrationForm input.radio, .registrationForm input.checkbox, .registrationForm input.submit { width: auto; }
.registrationForm input.submit { float: left; position: relative; top: -15px; left: 240px; }
.registrationForm p.field { padding-bottom: 5px;  }
.registrationForm p.inline label { display: inline; }
.registrationForm p.inline input.submit { display: inline; float: none; position: relative; top: 0px; left: 20px;  }
.registrationForm textarea { float: right; width: 180px; left: 0px; top: -15px; position: relative; height: 45px; }
.registrationForm select { width: 180px; float: right; left: 15px; top: -15px; position: relative; }
.registrationForm input[type="text"] { border: 1px inset #787878; padding:5px 3px; }
.registrationForm input.checkbox { left: -150px; }
.registrationForm div.formBorder { border: 5px solid #ccc; margin: 0; padding: 20px 20px 10px 20px; }
.registrationForm div.formWidth { width: 400px; }