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

/* -- =1: reset all elements to a common value ----------------------------------------------------- */
body {background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,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;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* -- universal settings start here ----------------------------------------------------- */

.noborder{
border-bottom:none!important;
}

a{
text-decoration:none;
color:#0066CC;
}

a:hover{
text-decoration:underline;
}

body{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

#main{
width:1010px;
margin:0px;
padding:10px;
}

#header{
width:960px;
height:77px;
background-image:url(images/banner.jpg);
}

#nav{
width:960px;
height:28px;
margin:10px 0px 0px 0px;
border:1px solid #C6C6C6;
background-image:url(images/nac_bg.jpg);
}

#nav ul li{
display:inline;
}

#nav SPAN	  {	display:none;}
#nav A		  {	height:28px; float:left;}
#nav A:Hover  {	background-position:0 -30px;}
#nav_home	  {	background-image:url(images/nav_home.jpg); background-repeat:no-repeat; width:63px;}
#nav_about	  {	background-image:url(images/nav_about.jpg); background-repeat:no-repeat; width:73px;}
#nav_demos	  {	background-image:url(images/nav_demos.jpg); background-repeat:no-repeat; width:73px;}
#nav_details  {	background-image:url(images/nav_details.jpg); background-repeat:no-repeat; width:164px;}
#nav_news 	  {	background-image:url(images/nav_news.jpg); background-repeat:no-repeat; width:70px;}
#nav_projects {	background-image:url(images/nav_projects.jpg); background-repeat:no-repeat; width:90px;}

#leftColumn{
margin:22px 0px 0px 0px;
width:210px;
height:461px;
float:left;
}

#cpHead{
width:196px;
height:30px;
background-image: url(images/cp_head.jpg);
background-repeat:no-repeat;
}

#cpHead span{
display:none;
}


#cpBody{
width:179px;
border-top:1px dotted #999999;
border-left:1px solid #C6C6C6;
border-right:1px solid #C6C6C6;
border-bottom:1px solid #C6C6C6;
margin:0px 0px 0px 1px;
padding:7px;
}

#cpBody ul li{
width:173px;
font-size:1em;
color:#0066cc;
padding:3px 0px;
border-bottom:1px dotted #999999;
}

#newsHead{
margin:15px 0px 0px 0px;
width:195px;
height:30px;
}

#newsBody{
width:179px;
border-top:1px dotted #999999;
border-left:1px solid #C6C6C6;
border-right:1px solid #C6C6C6;
border-bottom:1px solid #C6C6C6;
margin:0px 0px 0px 1px;
padding:7px;
}

#newsBody ul li{
width:173px;
font-size:1em;
color:#0066cc;
padding:3px 0px;
border-bottom:1px dotted #999999;
}

#contactHead{
margin:15px 0px 0px 0px;
width:195px;
height:31px;
}

#contactBody{
width:151px;
border-top:1px dotted #999999;
border-left:1px solid #C6C6C6;
border-right:1px solid #C6C6C6;
border-bottom:1px solid #C6C6C6;
margin:0px 0px 0px 1px;
padding:30px 21px;
}

#rightColumn{
min-height:461px;
width:760px;
margin:22px 0px 0px 0px;
float:left;
}

#banner{
width:750px;
height:35px;
background:url('images/welcome.jpg')
background-repeat:no-repeat;
color:#FFFFFF;
background-color:#0066CC;
padding:0px;
margin:0px;
}

#login{
position:absolute;
top:56px;
left:220px;

width:750px;
height:35px;
color:#FFFFFF;
padding:0px;
margin:0px;
}

#login label{
margin:0px 5px 0px 10px;
color:#FFFFFF;
}

form{
width:648px;
margin:0px 0px 0px 120px;
padding:2px 0px 0px 0px;
}

.submit{
width:65px;
height:25px;
background:transparent url(images/login.jpg) no-repeat;
border:none;
overflow: hidden;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
margin:3px 0px 0px 10px;
}

.text{
width:90px;
height:16px;
font-size:10px;
}

.pass{
width:80px;
height:16px;
}

#welcome{
width:740px;
height:178px;
margin:10px 0px 0px 2px;
padding:10px 0px 0px 0px;
border:1px solid #999999;
border-bottom:none;
}
#welcomebottom{
width:745px;
height:14px;
background-image:url(images/welcomeBottom.jpg);
margin:0px;
padding:0px;
}

#welcome p{
font-size:1.1em;
margin:0px 0px 10px 20px;
color:#333333;
float:left;
width:502px;
}

.clear{
clear:both;
}

.left{
float:left;
}

#footer{
clear:both;
}

.bold{
font-weight:bold;
}

#reservation{
width:350px;
margin:20px 10px 0px 0px;
float:left;
}
#reservation img{
float:left;
}
#reservation p{
font-size:1.1em;
width:155px;
float:left;
margin:0px 0px 3px 5px;
}
#reservation h1{
float:left;
font-size:1.2em;
font-weight:bold;
margin:0px 0px 10px 5px;
}

#supplier{
width:350px;
border-left:1px dotted #999999;
padding-left:10px;
float:left;
margin:20px 0px 0px 0px;
}

#supplier img{
float:left;
}

#supplier p{
font-size:1.1em;
width:155px;
float:left;
margin:0px 0px 3px 5px;
}
#supplier h1{
float:left;
font-size:1.2em;
font-weight:bold;
margin:0px 0px 10px 7px;
}

.TextTitle {
float:left;
font-size:1.2em;
font-weight:bold;
margin:0px 0px 5px 0px;
color: #666666;
}

.ul1 {
width: 700px;
float: left;
margin: 0 0 15px 10px;
}
.ul1 li{
padding: 0 0 5px 15px;
background: url(images/bullet_blue.gif) no-repeat left 5px;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}