/* --- Resets --- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

.hide {
	display: none;
}

strong {
	font-weight: bold;
	color: #000;
}

.clear {
	clear: both;
}

.vertical_line {
	border-left-width: 5px;
}



/* --- Basic Styles --- */

body {
	background: #fff;
	font: 11px/20px "Lucida Grande", Tahoma, sans-serif;
	color: #545454;
}

body#subpage {
	background: #fff;
}

p {
	margin: 0 40px 15px 0;
}


#container {
	width: 900px;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -120px;
	text-align: left;
	
}

/* --- Link Styles --- */

a:link, a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #cc0033;
	text-decoration: none;
}
a:active {
	color: #cc0033;
	text-decoration: none;
}

/* -------------------------
--------- HOMEPAGE ---------
-------------------------- */

/* --- Top Header --- */

#top {
	width: 900px;
	height: 134px;
	background: transparent url(../images/bg-top.gif) top left no-repeat;
	position: relative;
}

#top h1 {
	background: transparent url(../images/neo_logo.gif) top left no-repeat;
	text-indent: 1px;
	width: 241px; height: 113px;
	margin-top:15px;
	float: left;
}

#slogan { 
	color: #AC0707;
	float: right;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	height: 10px;
}

#slogan span {
	font: 11px/26px sans-serif;
	font-weight: bold;
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 5px;
}

#sloganLanguages { 
	color: #AC0707;
	float: right;
	margin: 49px 0px 0px 0px;
	padding: 0px;
	height: 10px;
}

#sloganLanguages span {
	position: relative;
	bottom: 8px;
}

.opaque {
	opacity:.3;  
	cursor:pointer;
	filter: alpha(opacity = 30);
}


/* --- Navigation --- */

#nav {
	float: right;
	bottom: 2px;
	margin: 20px 0px 0px 0px;

}

#nav li {
	display: block;
	color: #fff;
	background: url(../images/bg-nav2.jpg) top no-repeat;
	width: 90px;
	height: 25px;
	line-height: 25px;
	float: left;
	text-align: center;
}

#nav li a {
	color: #fff;
}


#nav li.current {
	background-position: bottom;
}

#nav li.current a {
	color: #000;
}

#nav li a {
	display: inline;
	line-height: 25px;
}

#nav ul {

list-style-type: none;

}


#nav ul li {

float: left;
position: relative;

}


#nav ul li a {

text-align: center;
border-right:0px solid #e9e9e9;
padding:0px;
display:block;
text-decoration:none;
color:#fff;

}

#nav ul li ul {

display: none

}

/*#nav ul li a:hover {
background: url(../images/bg-nav.jpg) top no-repeat;
color:#fff;
}*/

.topMenuItem:hover {
background: url(../images/bg-nav.jpg) top no-repeat;
color:#fff;
}

#nav ul li:hover ul {

display: block;

position: absolute;
z-index: 1;

}

#nav ul li:hover ul li a {

display:block;
background:#CC0000;
color: #fff;
width: 120px;
height: 25px;
border-bottom: 1px solid #f2f2f2;
border-right: none;

}

.childMenuItem:hover {
background-color: #ff9999!important;
color:#fff;
}

/*#nav ul li:hover ul li a:hover {

background:#ff9999;
color:#fff;

}*/


/* --- Spotlight / Slider --- */

#spotlight {
height: 310px;
width: 910px;
overflow: hidden;
background: url(../images/bg-spotlight.jpg) top right no-repeat;
position: relative;
margin: 0px 0 0px -10px;
z-index: -1;
}

#mover {
position: relative;
overflow: hidden;
width: 3000px; /* Adjust the width based on spotlight-items number (1000*[items number]) */
}

#item {
width: 670px;
}

.spotlight-item {
margin: 5px 75px 310px 25px;
overflow: hidden;
width: 870px;
float: left;
position: relative;
display: inline;
}

.spotlight-item h2 {
color: #2a2a2a;
font: 18px Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
margin: 0px 0 10px 0;
}

.spotlight-item p {
color: #444;
font: 12px/18px Arial, Helvetica, Verdana, sans-serif;
padding: 0 0 0 2px;
}

/* This is the News section */
.spotlight-item .description {
float: right;
margin: 40px 0px 310px 0px;
width: 205px;
}

.spotlight-item img {
position: absolute;
top: 0; left: 0;
}

.launch {
background: url(../images/readmore.png) top left no-repeat;
display: block;
width: 97px;
height: 25px;
text-indent: -9999px;
margin: 0px 0 50px 110px;
bottom: -51px;
cursor: pointer;
}

.pause {
background: url(../images/pause.png) top left no-repeat;
display: block;
width: 97px;
height: 25px;
text-indent: -9999px;
position: absolute;
bottom: 10px; left: 20px; 
cursor: pointer;
}

#spotlight img.preview {
float: left;
}


/* --- MAIN CONTENT --- */



/* --- Content: First Row --- */

#mainContent {
	background: #fff;o-repeat;
	margin: 2px 0 0;
}

#bottommainContent {
background:  #fff;
	margin: 2px 0 0;
}

#topMain {
	padding: 13px 0 0 18px;
	margin: 0 0 20px 0;
	overflow: hidden; 
}



#services {
	width: 265px;
	float: right;
	margin: 0px 0 0 0;
	padding: 0 0 0 6px; 
	border-left: 5px solid #A8A8A8 ;
}

#services li {
	width: 260px; 
	height: 47px;
	display: block;
	padding: 10px 0 5px 70px;
}

#services li h5 {
	color: #111;
	font: 12px "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-weight: bold;
}

#services li h5 a {
	color: #111;
}

#services li p {
	color: #545454;
	font: 11px "Lucida Grande", Tahoma, Verdana, sans-serif;
}

#services li#first {
	border-bottom: 1px solid #e4e4e4;
	background: #D0D0D0 url(../images/first1.png) top left no-repeat;
}

#services li#first:hover {
	text-decoration: none;;
	background: #F0F0F0 url(../images/first.png) top left no-repeat;
}

#services li#second {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e4e4e4;
	background: #D0D0D0 url(../images/second1.png) top left no-repeat;
}

#services li#second:hover {
	text-decoration: none;;
	background: #F0F0F0 url(../images/second.png) top left no-repeat;
}

#services li#third {
	border-top: 1px solid #fff;
	background: #D0D0D0 url(../images/third1.png) top left no-repeat;
}

#services li#third:hover {
	text-decoration: none;;
	background: #F0F0F0 url(../images/third.png) top left no-repeat;
}

#services li#forth {
	border-top: 1px solid #fff;
	width: 235px;
	height: 15px;
	background: #D0D0D0 url(../images/arrow.gif)  center left no-repeat;
}

#services li#forth:hover {
	text-decoration: none;;
	background: #F0F0F0  center left no-repeat;
}

#services li#fifth {
	border-top: 1px solid #fff;
	width: 235px;
	height: 15px;
	background: #A8A8A8
}

#services li#fifth:hover {
	text-decoration: none;;

}

#services li#sixth {
	border-top: 1px solid #fff;
	width: 235px;
	height: 15px;
	background: #F8F8F8 url(../images/arrow1.gif)  center left no-repeat;
}

#services li#sixth:hover {
	text-decoration: none;;
}



/* --- Content: Second Row --- */


#bottommainContent {
	border-top: 1px solid #e4e4e4;
	padding: 15px 15px 0;
	margin: 0 0 150px 0;
	overflow: hidden; 
}
#bottomMain {
	border-top: 1px solid #e4e4e4;
	padding: 15px 15px 0;
	margin: 0 0 150px 0;
	overflow: hidden; 
}

#notes {
	width: 265px;
	padding: 0 25px 0 0;
	float: left;
}


#new {
	width: 265px;
	padding: 0 25px 0 0;
	float: left;
}

#swipe {
	width: 270px;
	padding: 0 25px 0 25px;
	float: left;
	border-right: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
}

#bulb {
	width: 220px;
	float: left;
	padding: 0 0 0 25px;
}

#notes h4, #swipe h4, #bulb h4, #notes2 h4, #swipe2 h4, #bulb2 h4, #new h4 {
	color: #AC0707;
	font: 17px/25px "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-weight: bold;
	margin: 0 0 5px 0;
	height: 25px;
	padding: 0 0 0 0px;
}


#news h4, #swipe h4, #bulb h4, #new h4 {
	color: #222;
	font: 14px/24px "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-weight: bold;
	margin: 0 0 10px 0;
	height: 20px;
	padding: 0 0 0 25px;
}



#new h4 {
	background: url(../images/h4-notes.jpg) top left no-repeat;
}


#notes2 {
	color: #111;
	width: 265px;
	padding: 0 25px 0 10px;
	float: left;
}

#swipe2 {
	color: #111;
	width: 270px;
	padding: 0 25px 0 25px;
	float: left;
	border-right: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
}

#swipe2 a {
	color: #111;
}

#bulb2 {
	color: #111;
	width: 220px;
	float: left;
	padding: 0 0 0 25px;
}

#bulb2 a {
	color: #111;
}



/* -------------------------
--------- SUBPAGES ---------
-------------------------- */

#content {
	width: 100%;
	background: transparent url(../images/bg-maincontent.jpg) top left no-repeat;

	margin: 0px 0 0 0px;
	overflow: hidden;
}





/* --- CONTACT PAGE --- */

#contactForm {
	width: 584px;
	float: left;
	padding: 0 20px 0px 0px;
	margin: 0px 0px 25px 20px;
	border-top: 5px solid #A8A8A8 ;
}

.topBorder {
	border-top: 1px solid #e4e4e4;
	padding-top: 30px;
}

#contactInfo {
	margin-bottom: 50px;
}

#contactInfo p {
	color: #545454;
}

#contactInfo h4 {
	color: #AC0707;
	font: 18px/46px "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-weight: bold;
	background: url(../images/contact.png) center left no-repeat;
	margin: 0 0 10px 0;
	height: 46px;
	padding: 0 0 0 25px;
}





/* --- Contact Form --- */

#contactForm form label {
	display: none;
}

#contactForm form input {
	display: block;
	height: 15px;
	border: none;
	border-bottom: 1px solid #ccc;
	background-color: #f6f6f6;
	width: 230px;
	margin: 0 0 20px 0;
	color: #2c2c2c;
	padding: 5px;
	font: 11px/20px "Lucida Grande", Tahoma, sans-serif;
}

#contactForm form input#submit {
	display: inline;
	height: 25px;
	width: 97px;
	background: transparent url(../images/send.png) top left no-repeat;
	border: 0;
	text-indent: -9999px;
	float: right;
	margin: 5px 55px 0 0; 	
}

#contactForm form textarea {
	display: block;
	border: none;
	border-bottom: 1px solid #ccc;
	background-color: #f6f6f6;
	width: 400px;
	margin: 0 0 20px 0;
	color: #2c2c2c;
	padding: 5px;
	font: 11px/20px "Lucida Grande", Tahoma, sans-serif;
	
}

#contactForm h4 {
	color: #AC0707;
	font: 18px/56px "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-weight: bold;
	background: url(../images/contact.png) center left no-repeat;
	margin: 0 0 10px 0;
	height: 56px;
	padding: 0 0 0 25px;
}



#login { 
	/*margin-left: 590px;
	margin-top: -30px;*/
	top: 10px;
	right: 0px;
	position:absolute;
	padding: 0px;
	height: 10px;
}

#login a {
font-weight:bolder;
text-align: center;
border-right:0px solid #e9e9e9;
padding:2px;
color:#B0B0B0;

}


/* FOOTER - copyright*/

#footer{
	padding: 150px 0 0 300px;
}

.languageFlag {
	height: 30px;
}