body	{

 	margin: 0; padding:0; text-align:center;

	font:10px/15px verdana, arial, helvetica,  sans-serif;

	color: #202020;

	background: #BCBEC0;

	}

/* Centres the design in the middle of the page regardless of screen resolution */	

#wrap  {margin: 40px auto 0 auto; width:810px;}



#logo-home, #logo-vision, #logo-management, #logo-cniteam, #logo-projects, #logo-news, #logo-contact {float:left; width:810px; height:287px; padding:0px; margin:0; }

#logo-home {background:url(../images/top/home.jpg) left top no-repeat;}

#logo-vision {background:url(../images/top/vision.jpg) left top no-repeat;}

#logo-management  {background:url(../images/top/management.jpg) left top no-repeat;}

#logo-cniteam {background:url(../images/top/cni-team.jpg) left top no-repeat;}

#logo-projects {background:url(../images/top/projects.jpg) left top no-repeat;}

#logo-news {background:url(../images/top/news.jpg) left top no-repeat;}

#logo-contact {background:url(../images/top/contact.jpg) left top no-repeat;}



#main {float:left; width:810px; background:url(../images/main_bg.gif) repeat-y; margin:0; padding:0 0 20px 0; border-top:none; text-align:justify;}



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

#right {float:left; margin:30px 0 30px 40px; padding:0; width:500px;}

#right h2, #right h3 {font:bold 14px/18px arial, verdana, tahoma, sans-serif; color:#8E001C; margin:5px 0; padding:0;}

#right h4  {font:bold 12px/16px arial, verdana, tahoma, sans-serif; color:#8E001C; margin:5px 0; padding:0;}

#right h5  {font:bold 12px/16px arial, verdana, tahoma, sans-serif; color:#202020; margin:5px 0; padding:0;}

#right p {padding:4px 10px 4px 0px; margin:0;}

#right ul {padding:2px 10px 4px 20px; margin:0;}





a {color:#98002D; font-weight:bold;}

a.bigger {font:bold 12px arial, verdanda, tahoma, sans-serif;}

a:hover {color:#202020;}



#footer {float:left; width:810px; height:56px; background:url(../images/footer.gif) left top no-repeat;}

#footer p {font-size:8px; text-align:right; margin:0; padding:0;}

.padLeft {float:right; padding-left:6px;}

.padRight {float:left; padding-right:6px;}

.hide {display:none;}





/*styles for navigation 

------------------------------------------------*/

div#left ul { width:150px; list-style-type: none; font:11px Tahoma, Arial, Helvetica, sans-serif; margin:70px 0 0 30px; padding:0;}

div#left ul li span { visibility:hidden; }

div#left ul li a { display:block; width:150px; height:19px; background-repeat: no-repeat; background-position: left top; margin:12px 0; padding:0; text-decoration:none; }

div#left ul li a:hover, div#left ul li a.here { background-position: 0 -19px; }



div#left a#home { background-image: url(../images/buttons/home.gif); }

div#left a#vision { background-image: url(../images/buttons/vision.gif); }

div#left a#management { background-image: url(../images/buttons/management.gif); }

div#left a#cniteam { background-image: url(../images/buttons/team.gif); }

div#left a#projects { background-image: url(../images/buttons/projects.gif); }

div#left a#news { background-image: url(../images/buttons/news.gif); }

div#left a#contact { background-image: url(../images/buttons/contact.gif); }





#mores1, #mores2, #mores3, #mores4, #mores5, #mores6, #mores7, #mores8, #mores9, #mores10, #mores11, #mores12, #mores13, #mores14, #mores15, #mores16, #mores17, #mores18, #mores19, #mores20, #mores21, #mores22, #mores23, #mores24, #mores25, #mores26 {display:none;}