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



body {
  background-image: url(images/pattern2.jpg);
  background-color:#d7e4fb;
  color: #03449f;
  font-size: 12px;
  font-family: Lucida Sans, Arial, Helvetica, Sans-Serif;
  color:#333333;  
  padding:0px ;
  margin:0px 0px 0px 0px;

}







h1 {
font-size: 18px;
text-transform:uppercase;
text-align: left;
color: #266597;
background-color: transparent;
padding:0px 0px 0px 0px;
margin:0px
letter-spacing: 0.9em; 
}

h2 {
font-size: 22px;
text-align: left;
color: #ffffff;
background-color: transparent;
padding:7px 0px 0px 0px;
margin:0px;
font-weight: normal;
letter-spacing: 0.3em; 
}

h3 {
font-size:15px;
color: #333333;
text-decoration: none;
background-color: transparent;
font-family: Lucida Sans, Arial, Helvetica, Sans-Serif;
margin: 0px 0px 0px 0px;
padding: 4px;
font-weight: normal; 
}	

h4 {
font-size:15px;
padding-top:5px;
color: #ffffff;
text-decoration: none;
background-color: transparent;
font-family: Georgia, Times, Times New Roman, serif;
margin: 0px 10px 15px 22px;
font-weight: normal; 
}	

h5 {
font-size:18px;
padding-top:20px;
color: #000000;
text-decoration: none;
background-color: transparent;
font-family:  Georgia, Times, Times New Roman, serif;
margin: 2px 10px 15px 30px;
font-weight: normal; 
line-height: 1.3em;
}	

h6 {
font-size:21px;
padding-top:20px;
color: #000000;
text-decoration: none;
background-color: transparent;
font-family:  Georgia, Times, Times New Roman, serif;
margin: 20px 10px 15px 30px;
font-weight: normal; 
}	

h7 {
font-size:19px;
padding-top:0px;
color: #000000;
text-decoration: none;
background-color: transparent;
font-family:  Georgia, Times, Times New Roman, serif;
margin: 0px 0px 0px 30px;
font-weight: normal;
line-height: .1em;

}	

h8 {
font-size:21px;
color: #333333;
text-decoration: none;
background-color: transparent;
font-family:  Georgia, Times, Times New Roman, serif;
margin: 0px 0px 0px 0px;
padding: 4px;
font-weight: normal;
text-decoration:none; 
}


a { 
color: #999999;
font-size: 12px;
background-color:transparent;
text-decoration:none; 
}

a:visited {color:#999999;}
a:hover {color: #666666;}
a:active { color:#999999;}
 


p { 
color: #000000;
font-size: 14px;
font-family: Lucida Sans, Arial, Helvetica,Sans-Serif;
}






/* --------------main navi------------- */

#wrapper{ 
   background-color:#a6c4f9;
   margin-left: auto;
   margin-right: auto;
   width: 875px;
   text-align: center;
   
}

		   


#header {
  height:125px;
  padding:0px;
  margin: 0px 0px 0px 0px;
  background-image:url(images/header.jpg);
  background-repeat:no-repeat;
  text-align:center;
}

#logo {
  height:125px;
  padding:0px;
  margin: -125px 0px 0px 50px;
  background-color: transparent;
  text-align:left;
}





   
		   

/* ----------------- center content in the index page--------------------- */
#content0
{
	position: relative;
	background-color: #ffffff;
	 font-family: Lucida Sans, Arial, Helvetica, Sans-Serif;
	   font-weight: normal; 
	   text-decoration:none; 
	   font-size: 12px; 
	width: 757px;
	height: 750px;
	padding: 0px 0px 0px 18px;
	margin: 3px 0px 0px 50px;
	text-align:left;
	
}

/* ----------------- Right content in center content in the index page--------------------- */		   
#content1
{
	position: relative;
	background-color: #ffffff;
	font-family: Lucida Sans, Arial, Helvetica, Sans-Serif;  
	font-weight: normal; 
	text-decoration:none; 
	font-size: 12px; 
	width: 388px;
	height: 520px;
	padding: 0px 0px 0px 0px;
	margin: -500px 0px 0px 335px;
	text-align:left;
	
}

/* -----------------left content (flash gallery) in center content in the index page--------------------- */	
#content-left
{
	position: relative;
	background-color: #ffffff;
	width: 330px;
	height: 570px;
	padding: 0px 0px 0px 0px;
	margin: 100px 0px 0px 0px;
	text-align:left;
}




/* ----------------- Recent News in center content in the index page--------------------- */	
#content2
{
	
	background-image:url(images/Rectangle_BoxA.png);
	font-family: Lucida Sans, Arial, Helvetica, Sans-Serif;  
	font-weight: normal; 
	text-decoration:none; 
	background-color: #000922;
	font-size: 12px; 
	width: 384px;
	height: 138px;
	padding: 0px;
	margin:76px 0px 0px -18px;
	text-align:left;
	
}

/* ----------------- CGI2009 in center content in the index page--------------------- */	
#content3
{
	
	background-image:url(images/Rectangle_BoxA.png);
	font-family: Lucida Sans, Arial, Helvetica, Sans-Serif; 
	font-weight: normal; 
	text-decoration:none;
	background-color: #000922; 
	font-size: 12px; 
	width: 384px;
	height: 138px;
	padding: 0px;
	margin: -138px 0px 0px 373px;
	text-align:left;
	
}













/* ----------------- big content except other pages--------------------- */
#content4
{
	position: relative;
	background-color: #ffffff;
    font-family: Lucida Sans, Arial, Helvetica, Sans-Serif;
	font-weight: normal; 
	text-decoration:none; 
	font-size: 12px; 
	width: 773px;
	padding: 1px 1px 1px 1px;
	margin: 3px 0px 0px 50px;
	text-align:left;
}

/* ----------------- right content in center content in the other pages--------------------- */		   
#content5
{
	position: relative;
	background-color: #ffffff;
	font-family: Lucida Sans, Arial, Helvetica, Sans-Serif;
	font-weight: normal; 
	text-decoration:none; 
	font-size: 12px; 
	width: 762px;
	padding: 0px 11px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	
}


.content5 .ni {
width: 762px;
z-index: 2;
margin: 0;
padding: 0;
list-style-type: none;
background-color: transparent;
  margin: 0px 0px 0px 0px;
  display:inline;
}



/* ----------------- Adress content in center content in the Contact page--------------------- */		   
#address
{
	position: relative;
	background-color: #ffffff;
	font-family: Lucida Sans, Arial, Helvetica, Sans-Serif;
	font-weight: normal; 
	text-decoration:none; 
	font-size: 12px; 
	width: 762px;
	height:120px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	
}


.address .ni {
width: 762px;
z-index: 2;
margin: 0;
padding: 0;
list-style-type: none;
background-color: transparent;
  margin: 0px 0px 0px 0px;
  display:inline;
}

/* ----------------- Business Flash content in the Business pages--------------------- */		   
#content_Business
{
	position: relative;
	background-color: #ffffff;
	font-family: Lucida Sans, Arial, Helvetica, Sans-Serif;
	font-weight: normal; 
	text-decoration:none; 
	font-size: 12px; 
	width: 472px;
	padding: 0px 11px 0px 0px;
	margin: 0px 0px 0px 150px;
	text-align:left;
	
}


.content_Business .ni {
width: 472px;
z-index: 2;
margin: 0;
padding: 0;
list-style-type: none;
background-color: transparent;
  margin: 0px 0px 0px 0px;
  display:inline;
}



/* ----------------- Services content in the Services pages--------------------- */		   
#content_Services
{
	position: relative;
	background-color: #ffffff;
	font-family: Lucida Sans, Arial, Helvetica, Sans-Serif;
	font-weight: normal; 
	text-decoration:none; 
	font-size: 12px; 
	width: 600px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 85px;
	text-align:center;
	
}


.content_Services .ni {
width: 600px;
z-index: 2;
margin: 0;
padding: 0;
list-style-type: none;
background-color: transparent;
  margin: 0px 0px 0px 0px;
  display:inline;
}



/* ----------------- Biography content in the Biography pages--------------------- */		   
#content_Biography
{
	position: relative;
	background-color: #ffffff;
	font-family: Lucida Sans, Arial, Helvetica, Sans-Serif;
	font-weight: normal; 
	text-decoration:none; 
	font-size: 12px; 
	width: 600px;
	padding: 0px ;
	margin: 0px 0px 0px 85px;
	text-align:center;
	
}


.content_Biography .ni {
width: 600px;
z-index: 2;
margin: 0;
padding: 0;
list-style-type: none;
background-color: transparent;
  margin: 0px 0px 0px 0px;
  display:inline;
}











/* ----------------- big content Clients pages--------------------- */
#content6
{
	position: relative;
	background-color: #ffffff;
    font-family: Lucida Sans, Arial, Helvetica, Sans-Serif;
	font-weight: normal; 
	text-decoration:none; 
	font-size: 12px; 
	width: 773px;
    color: #ffffff;
	padding: 1px 1px 30px 1px;
	margin: 3px 0px 0px 50px;
	text-align:left;
}

#content6-5
{
	position: relative;
	background-color: #ffffff;
    font-family: Lucida Sans, Arial, Helvetica, Sans-Serif; 
	font-weight: normal; 
	text-decoration:none; 
	font-size: 12px; 
	width: 773px;
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
}








/* ----------------- CLIENT LIST BOX in center content in Client  page --------------------- */		   
#list-box-left
{
	position: relative;
	background-color: #ffffff;
	font-family: Lucida Sans, Arial, Helvetica, Sans-Serif;  
	font-weight: normal; 
	text-decoration:none; 
	font-size: 12px; 
	width: 762px;
	display:inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 100px;
    text-align:left;
	
}

.list-box-left .ns {
    width: 170px;
    margin: 0;
    padding: 0px;
	display:inline;
    list-style-type:none;
    margin: 20px 0px 0px 100px;
    background-color: #transparent;
	clear:both; 
}








/* ----------------- White Content box for Gallery page --------------------- */		   


#Gallery
{
	position: relative;
	background-color: #ffffff;
    font-family:Helvetica, Arial, Futura, sans-serif;  
	font-weight: normal; 
	text-decoration:none; 
	font-size: 12px; 
	width: 773px;
	padding: 0px 1px 1px 1px;
	margin: 3px 0px 0px 50px;
	text-align:center;
}

   










/*  ---------------- footer for other pages  ---------------------- */ 



#footer2
{ 	
	background-color:#ffffff;   
	text-align:center;
	color:#000000; 
	font-family: Lucida Sans, Arial, Helvetica, Sans-Serif;
	font-weight: normal; 
	text-decoration:none; 
	font-size:13px;
	margin: 0px 0px 0px 50px;
	width:775px;
	clear:both; 
	padding: 30px 0px 30px 0px;  

	
}







/* Navi */
#navi_continer {
position: relative;
z-index:100;
width: 875px;
height:50px;
}

#navi {
position: absolute;
top: 10px;
left: 0px;
width: 875px;
margin: 0px 0px 0px 50px;
}

#navi ul {
margin: 0;
padding: 0;
list-style: none;
}

#navi li {
color: #fffff;
float: left;
width: 100px;
margin: 0;
}

#navi li a {
font-size: 14px;
color: #ffffff;
display: block;
width: 100%;
padding: 3px 0;
text-align: center;
font-weight: bold;
text-decoration: none;
background-color: #3399ff;
}

#navi li a:hover {
color: #ffffff;
background-color: #00215b;
}

/* Sub-Menu */
#navi ul.sub {
background: #ffffff;
}

#navi ul.sub li {
float: none;
}

#navi ul.sub li a {
color: #666666;
background: none;
font-size: 12px;
font-weight: normal;
padding: 3px 0;
border-top:1px solid #a6c4f9;
}

#navi ul.sub li a:hover {

color: #ffffff;
background-color: #00215b;
}

#navi ul li.navi_menu ul {
display: none;
}

#navi ul li.navi_menu_on ul {
display: block;
}

#navi li.navi_menu{
border:1px solid #a6c4f9;
}

#navi li.navi_menu_on{
border:1px solid #a6c4f9;
}