body {
font-size: 62.5%;
background: #d9d9d9;
}
#wrapper {
background: #fff;
Width:770px;
margin: 0 auto;
}
#header {
height:150px;
background: #fff url(images/header1.png) no-repeat;
}
#header h1 {
float:left;

font-size: 2.8em;
width:236px;
height: 97px;
margin-top:22px;
margin-left: 22px;
background: url(images/logo.jpg) no-repeat;
text-indent : -9999px;
overflow: hidden;
}
.date {
	float: right;
	clear: both;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 0;
	color: #0a52e5;
		font: normal 10px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
padding:0;
}
#header h2 {
float:right;
clear: left;
margin-right:0px;
margin-top:50px;
color: #0a52e5;
font-family: "Trebuchet MS",Georgia, serif;
font-size: 2.5em;
}

/*BREADCRUMBS*/
/*
#breadcrumbs								{ background:#fff; width:770px; margin:auto; clear:both; position:relative; padding: 0;}
#breadcrumbs ul								{ background: url("images/breadcrumb-back.png") 10px 0.6em no-repeat; border:1px solid #ccc; margin:0;padding:0 0 0 70px; overflow: hidden}
#breadcrumbs li								{ font-size:1.1em; display:inline; background: url("images/splitter.png") center left no-repeat;line-height:24px; padding:5px 0px 5px 35px;}
#breadcrumbs li	a							{ color:#666; text-decoration: none; }
#breadcrumbs li	a:hover						{ color:#333; text-decoration: underline; }
*/
/*TEXT*/
#content h1 {
	font-family: "Trebuchet MS",Georgia, serif;
	font-size: 2.8em;
	color: #0a52e5;
	margin-left: 70px;
	margin-top: 20px;
}
#content a:hover {
	color: #ff0000;
}
 h2 {
	font-family: "Trebuchet MS",Georgia, serif;
	font-size: 2.3em;
	margin-top: 20px;
	
	color: #0a52e5;
	
}
.indent {
	margin-left: 80px;
}
 h3 {
	font-family: "Trebuchet MS",Georgia, serif;
	font-size: 2.0em;
	margin-top: 20px;
	
	color: #0a52e5;
	
}
h4 {
	color: #fd5700;
	font-size: 1.8em;
	margin-top: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
.blue {
	color: #0a52e5;
}
.green {
	color: #aaff00;
}
.orange {
	color: #fd5700;
}
.orange a {
	color: #fd5700;
}
.center {
	margin-left: 80px;
	margin-right: 80px;
	line-height: 1.4em;
}
.exchange li{
margin-left: 80px;
margin-right: 80px;
line-height: 1.4em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;

}
.cleardiv {
	clear:both;
	height: 3em;
}
/*CONTACT PAGE*/
.contact {
	margin-left: 80px;
	margin-right: 40px;
}
.contact img {
	float: left;
	padding-right: 15px;
}
.contact p {
	line-height: 1.4em;
}
#form {
margin-left: 130px;
margin-right: 130px;}
#form fieldset {
float: left;
clear: both;
width: 100%;
margin:0 0 1.5em 0;
padding: 0;
/*border: 1px solid #d5d5d5;*/
background-color: #E6EBF0;
background-image: url(images/form1.png);
background-repeat: repeat-x;
}
#form legend {
margin-left: 1em;
padding: 0;
color: #0a52e5;
font-weight: bold;
font-family: "Trebuchet MS";
}
#form fieldset ol {
padding: 1em 1em 0 1em;
list-style: none;
}
#form fieldset li {
float: left;
clear: left;
width: 100%;
padding-bottom: 1em;
}
#form fieldset.submit {
float: none;
width: auto;
border-style: none;
padding-left: 12em;
background-color: transparent;
background-image: none;
}
#form label {
	position: relative;
	float: left;
	width: 10em;
	margin-right: 1em;
	font-size: 1.3em;
	color: #0a52e5;
	font-family: "Trebuchet MS";
}

#form legend span {
font-size: 135%;
}
/*SECOND NAVIGATION*/
/*.nav2{
        width: 770px;
        padding: 15px;
        margin: 3px 0 20px 0;
        border: 1px solid #ccc;
        background: #fff;
}*/

/* rounded */

#nav {
	margin: 0;
	padding: 5px 0 20px 10px;
	border-bottom: 1px solid #9FB1BC;
}

#nav li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#nav a:link, #nav a:visited {
        float: left;
        font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;

        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

 #nav a:visited.active, #nav a:link.active, #nav a:hover {
	color: #000;
	background: url(images/Pyramid.gif) no-repeat bottom center;
}
 
/*TOP NAVIGATION*/
#navcontainer {
        
        height: 20px;
          border-top: 1px solid #4e66b4; 
           border-bottom: 1px solid #4e66b4;
        background: #4e66b4; 

}

#navcontainer ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
        
}

#navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#navcontainer ul li a {
        background: #4e66b4;
        width: 105px;
        height: 20px;
      
       
       border-right: 1px solid #fff;
        padding: 0;
        margin: 0 0 10px 0;
        color: #fff;
        text-decoration: none;
        display: block;
        text-align: center;
        font: normal 12px/20px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover {
        color: #666;
        background: #c7c7c7;
}

#navlist li.current a {
        background: #ffcc00;
       /* border: 1px solid #c60;*/
        color: #666;
}
#navcontainer #navlist_contact a {
border:none;
/*width: 97px;*/
}
#navcontainer #navlist_website_promotion a {
width:133px;
}
/*HOME*/

.boxout {
border: 1px #d5d5d5 solid;
width: 194px;
float: right;
margin-right: 47px;
}

.boxout h2{
background-color: #54C2EA;
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
line-height: 3.0em;
text-align: center;
padding-bottom: 0;
margin: 0em;}
.boxout a {
font-size: 1.0em;

padding-bottom: 15px;
color: #07519a;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-decoration: none;

padding-left: 25px;
padding-top: 5px;}
.boxout a:hover {
  
	color: #ff0000;
	text-decoration: underline;
  }
.boxout ul{
list-style-type: none;
padding-left: 5px;
margin-left: 0;
/*
display: block;
list-style-image: url(images/arrows_blue.gif);
margin-top: 0.5em;*/
}


.boxout li {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.9em;

padding-left: 20px;
background-image: url(images/0033_bala.png);
background-repeat: no-repeat;
background-position: 0em -0em;
padding-bottom: 5px;}

.boxout img{
margin: 0em;
padding: 0em;}
.captioned_photo {
position: relative;}
/*.captioned_photo p{
position: absolute;
bottom: 0em;
left: 0em;
width: 100%;
margin: 0em;
padding: 0em;
background-image: url(images/training-white.png);
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
letter-spacing: 0.5em;
color: #fff;
text-align: center;
font-weight: bolder;}
/*PRIVACY POLICY*/
.pp li {
	margin-left: 80px;
	margin-right: 80px;
	font-size: 1.0em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0a52e5;
	padding-bottom: 5px;
}
/*SEARCH ENGINE OPTIMISATION*/
.found {
	margin-left: 80px;
	margin-right: 80px;
}
.found img {
	float: left;
	padding-right: 15px;
}
.found p {
	line-height: 1.4em;
}
.search {
	float: left;
	width: 230px;
	margin-left: 70px;
}
.search p {
	line-height: 1.4em;
}
.directories {
	float: right;
	width: 230px;
	margin-right: 70px;
}
.directories p {
	line-height: 1.4em;
}
.search-engines {
	float: left;
	margin-top: 20px;
}
.left {
	margin-left: 80px;
}




.seo-left {
	float: left;
	width: 300px;
	margin-left: 50px;
	
	
	/*padding-right: 30px;*/
}
.seo-left p {
	line-height: 1.4em;
}
.seo-right p {
	line-height: 1.4em;
}
.seo-right {
	float: right;
	width: 300px;
	margin-right: 50px;
	
	/*padding-right: 30px;*/
}
/*TRAINING*/
.training {
	margin-left: 80px;
	margin-right: 80px;
}
.training p {
	line-height: 1.4em;
}
.training img{
	float: left;
}
.windows li {
list-style-type: none;
font-size: 1.2em;
 font-family: Verdana, Helvetica, Arial, sans-serif;
margin-right: 130px;
margin-left: 130px;
background-image: url(images/0033_bala.png);
background-repeat: no-repeat;
background-position: .2em .1em;
padding-left: 20px;
padding-bottom: 1em;
color: #0a52e5;}
.internet {
	margin-left: 80px;
	margin-right: 80px;
}
.internet img {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
.internet p {
	line-height: 1.4em;
}
.training-left {
	float: left;
	width: 300px;
	margin-left: 55px;
	
	/*padding-right: 30px;*/
}
.training-right {
	float: right;
	width: 300px;
	
	margin-right: 55px;
}
.training-services li {
	list-style-type: none;
font-size: 1.2em;
 font-family: Verdana, Helvetica, Arial, sans-serif;
border-right: 1px dashed #0a52e5;

background-image: url(images/0033_bala.png);
background-repeat: no-repeat;
background-position: .2em .1em;
padding-left: 20px;
padding-bottom: 1em;
color: #0a52e5;
}
.training-web li{
	list-style-type: none;
font-size: 1.2em;
 font-family: Verdana, Helvetica, Arial, sans-serif;


background-image: url(images/0033_bala.png);
background-repeat: no-repeat;
background-position: .2em .1em;
padding-left: 20px;
padding-bottom: 1em;
color: #0a52e5;
} 
.training-web li a:hover {
	color: #ff0000;
}
.training-center {
	text-align: center;
}

/*FAQ*/
.faq {
/*border: 1px #b0b1ba solid;
background-color: #f2f2f2;*/
margin-left: 120px;
margin-right: 120px;
margin-top: 15px;
margin-bottom: 15px;
}
.faq p strong span {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #fd5700;
line-height: 1.4em;

}
.faq p span {
font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:1.6em;
color: #091c5a;
margin-bottom: 0px;
padding-bottom: 0px;
line-height: 1.4em;
}
.faq p {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-left: 10px;
padding-right: 10px;
line-height: 1.4em;


}

/*WEB DESIGN*/
.right img {
float:right;
margin:0 0 .5em  2em ;
}
.web-design li {
list-style-type: none;
font-size: 1.2em;
 font-family: Verdana, Helvetica, Arial, sans-serif;
margin-right: 130px;
margin-left: 80px;
background-image: url(images/0033_bala.png);
background-repeat: no-repeat;
background-position: .2em .1em;
padding-left: 20px;
padding-bottom: 1em;
color: #0a52e5;}
/*WEB RESOURCES*/
.links h2 {
 	font-family: "Trebuchet MS",Georgia, serif;
	font-size: 2.3em;
font-weight: bold;
border-bottom: 1px solid #8c8c8c;
color:#0a52e5;
 background-color: #ededed;
margin-top: 20px;
	margin-left: 160px;
	margin-right: 160px;
padding-left:20px;
/*line-height:1.5em;*/
 }

.links {
/*border: 1px solid #4e66b4;*/
padding-bottom: 10px;
margin-bottom: 10px;

}
.links a {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-left: 180px;
line-height:1.5em;
padding-left: 10px;
}
.links a:hover {
	color: #ff0000;
}
/*DESIGN PROCESS*/
.middle {
	text-align: center;
}

/*SITE MAP*/
.map li {
list-style-type: none;
font-size: 1.2em;
 font-family: Verdana, Helvetica, Arial, sans-serif;
margin-right: 130px;
margin-left: 130px;
background-image: url(images/0033_bala.png);
background-repeat: no-repeat;
background-position: .2em .1em;
padding-left: 20px;
padding-bottom: 1em;
color: #07519a;}


/*FOOTER*/
#Cleardiv
{
clear: both;
height: 1em;
} 
#footer {
background:#4e66b4 url(images/footer1.png) no-repeat bottom left;
color: #fff;
padding: 10px 15px;
text-align:center;
 font-size: 1.4em;
}
#footer p {
font-family: "Trebuchet MS";
font-size: 1.0em;
font-weight: bold;
color: #fff;}
#footer a {

 font: normal 12px/20px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;

  color:#fff; 
  text-decoration:none; 
   padding:0.4em;
background:#4e66b4;

  }

#footer a:hover {
  /*color: #666;
        background: #c7c7c7;*/
	color: #ff0000;
	text-decoration: underline;
  }
  #footer  .current {
  	color: #ffcc00;

  }
  #links {
  	text-align: center;
margin-top: 2em;}

  #links a {
  	font: normal 10px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-decoration: none;

  }
  #links a:hover {
  	color: #ff0000;
	text-decoration: underline;
  }
  #links .current {
  	color: #ff0000;
	text-decoration: none;
	
  }