/*  
Layout styles
------------------------------------
*/
#container {
			width: 757px;
            height: 100%;
			margin-left: auto;
			margin-right: auto;
                        background-color: #fff;
                        border-left: 1px solid #CDD9DB;
                        border-right: 1px solid #CDD9DB;
                        border-top: 1px solid #CDD9DB;
                        border-bottom: 1px solid #CDD9DB;		}

#navbar {
		      height: 24px;
			padding: 0px;
			margin-top: 6;
			background-color: rgb(255, 255, 255);
		}
#content {
			margin-left: 184px;
			padding: 0 0 0 0;
		}
#content b {
			font-size: 8pt
		}

#contentpadding {
			padding: 0 4px 0 0px;
            text-align: justify;
            font-family: Verdana; 
            font-size: 11px; 
            color: #00004A;
            
         }
#content-full { padding: 5px }
#full-header { height: 18px; width: 738px; text-align: right; 
               font-family: Verdana; font-size: 11px; color: #00007A; 
               background-image: url('images/news-bg.gif'); 
               background-repeat: no-repeat; border-left: 1px solid #CDD9DB; 
               border-right: 5px solid #95AFB6; border-top: 1px solid #CDD9DB; 
               border-bottom: 1px solid #CDD9DB; padding-right: 5px; 
               padding-top: 3px; background-position: right center }
#full-content { width: 733px; margin-top: 2px; padding-left: 12px; padding-right: 5px }
#form        { float: left; width: 552px; margin-top: 10px; padding-right: 5px }
/*  
Sidebar styles
------------------------------------
*/
#sidebar-a {
			float: left;
			width: 175px;
			\width: 210px;
			w\idth: 175px;
			margin: 0;
			margin-right: 0;
			padding: 5px;
			font-size: 11px;
			font-family: Verdana;
					}
#form-side   { border-left: 1px solid #CDD9DB; margin-left: 557px; margin-top: 10px; 
               padding-left: 7px }
#form-side img { margin-bottom: 10px }
#form-side b { font-size: 8pt}

#news-header {
			float: left;
			height: 18px;
			width: 160px;
			\width: 160px;
			w\idth: 160px;
			border-right:1px solid #CDD9DB;
			border-left:5px solid #95AFB6;
			border-top:1px solid #CDD9DB;
			border-bottom:1px solid #CDD9DB;
			text-align: left;
			padding-left: 5px;			
			padding-top: 3px;
			font-family: Verdana;
			font-size: 13px;
			color:#00004A;
                  background-image: url('news-bg.gif'); background-repeat: no-repeat; 
                  background-position: 100% 50%; 
		}
		
#news-content {
			float: left;
			width: 156px;
			margin-top:2px;
			text-align: justify;
			font-family: Verdana;
			font-size: 11px;
			color:#00004A;
			padding-left:8px;
			padding-right:5px;
		}
		
#news-content b{
          font-size:11px;
		}
		
#latest-projects {
			float: left;
			width: 145px;
			\width: 145px;
			w\idth: 145px;
			margin-top:17px;
			margin-left:1px;
			text-align: justify;
			font-family: Verdana;
			font-size: 11px;
			padding:9px;
			color: #00004A;
			border:1px solid #CDD9DB;
		}
#latest-projects b{
          font-size:11px;
       }
.sitelink { color: #6DB0E4 }
.sitelink a { color: #6DB0E4 }
.sitelink a:link { color: #6DB0E4 }
.sitelink a:active { color: #6DB0E4 }
.sitelink a:visited { color: #6DB0E4 }
.sitelink a:hover { color: #6DB0E4 }

/*  
Content styles
------------------------------------
*/


#puzzle {
			float: left;
			width: 150px;
			\width: 150px;
			w\idth: 150px;
			height: 115px;
			padding-bottom: 4px;
			padding-right: 6px;

		}

#puzzle-content {
			padding: 7px 0 0 20px;
            text-align: justify;
            font-family: Verdana; 
            font-size: 11px; 
            color: #00004A;
            
         }


#splash {
			float: left;
			width: 380px;
			\width: 380px;
			w\idth: 380px;
			height: 260px;
			padding-top: 4px;
		}
		
#splash-content {
          margin-left: 383px;
          height: 251px;
          padding-left: 5px;
          padding-top: 5px;
          background-image: url('images/contact-bg.jpg'); background-repeat: no-repeat; background-position: right bottom;
font-size: 10px
		}

#test-content {
			float: left;
			width: 165px;
			\width: 165px;
			w\idth: 165px;
			font-size:11px;
			margin-top:2px;
			padding-left:7px;
			padding-right:5px;
			text-align: justify;
			font-family: Verdana;
			font-size: 11px;
			color:#00004A;
		}
		
#test-content b{
          font-size:11px;
		}

#test-header {
			height: 18px;
			width: 173px;
			\width: 173px;
			w\idth: 173px;
			border-right: 5px solid #95AFB6;
			border-left: 1px solid #CDD9DB;
			border-top: 1px solid #CDD9DB;
			border-bottom: 1px solid #CDD9DB;
			text-align: right;
			padding-right: 3px;
			padding-top: 3px;
			font-family: Verdana;
			font-size: 13px;
			color:#00004A;
                  background-image: url('test-bg.gif'); background-repeat: no-repeat; 
                  background-position: right center; 
		}

#logo-price {
			height: 18px;
			width: 172px;
			\width: 172px;
			w\idth: 172px;
			border-right: 5px solid #95AFB6;
			border-left: 1px solid #CDD9DB;
			border-top: 1px solid #CDD9DB;
			border-bottom: 1px solid #CDD9DB;
			text-align: right;
			padding-right: 5px;
			padding-top: 3px;
			font-family: Verdana;
			font-size: 11px;
			color:#7C9DA5;
                  background-image: url('images/logoprice-bg.gif'); background-repeat: no-repeat; 
                  background-position: right center; 
		}
#splash-header img {
          margin-right: 5px;
		}
		

#content-header-consultancy {
	  float: left;
	  width: 490px;
        height: 40px;
        padding: 0px;
		}

#content-header-training {
	  float: left;
	  width: 420px;
        height: 40px;
        padding: 0px;
		}


#content-header {
	  float: left;
	  width: 382px;
        height: 40px;
        padding: 0px;
		}


#content-header-about {
	  float: left;
	  width: 320px;
        height: 40px;
        padding: 0px;
		}

#header-container {
	  float: left;
	  width: 568px;
        height: 65px;
        padding-top: 10px;
		}


#header-container-text {
		font-family: Verdana;
		font-size: 11px;
        padding-top: 0px;
        padding-left: 6px;
        color:#666666;
		}

#content-nav {
        margin-left: 192px;
        width: 381px;
        height: 60px;
        padding-top: 5px;
        text-align: right;
		}


#head-title { 
          float: left;
			width: 500px;
			padding-left: 5px;

		}


/*
Bullet styles
------------------------------------
*/

#blt-1 {
        float: left;
        margin-left: 3px;
        margin-right: 6px;
        margin-bottom: 168px;
        margin-top: 2px;
}

#blt-2 {
        float: left;
        margin-right: 6px;
        margin-top: 2px;
}

#blt-3 {
        float: left;
        margin-left: 3px;
        margin-right: 6px;
        margin-top: 2px;
}

#blt-4 {
        float: left;
        margin-left: 3px;
        margin-right: 6px;
        margin-bottom: 260px;
        margin-top: 2px;
}

#blt-faq {
        float: left;
        margin-left: 3px;
        margin-right: 6px;
        margin-bottom: 420px;
        margin-top: 2px;
}

#blt-form    { float: left; margin-left: 3px; margin-right: 6px; margin-top: 2px; 
               margin-bottom: 400px }
#blt-order    { float: left; margin-left: 3px; margin-right: 6px; margin-top: 2px; 
               margin-bottom: 1000px }
#blt-case {
        float: left;
        margin-left: 3px;
        margin-right: 6px;
        margin-bottom: 80px;
        margin-top: 2px;
}
/*  
Footer styles
------------------------------------
*/
#footer {
			clear: both;
			margin-top: 0;
            height: 17px;
		}

#foot-content {
			margin-left: 0px;
			padding-top: 5px;
            border-top: 1px solid #CDD9DB;
			font-size: 10px
		}

#foot-side {
			float: left;
			width: 175px;
			\width: 210px;
			w\idth: 175px;
			margin: 0;
			margin-right: 0;
			padding: 5px;
                  text-align: center;
		}

#foot-side img{
			margin-right: 17px;
		}
#footer-spacer { height: 300px }
#form-spacer { height: 400px }
/*  
Main nav list style
------------------------------------
*/
#nav { 
		margin:0;
		padding:0;
		background:#008cB0;
		width:757px;
		height:29px;
        font:12px Verdana, Helvetica, sans-serif;
        text-align: center;
	}
#nav li {
		display:inline;
	        width: 114px;
		padding:0;
		margin:0;
	}
#nav a:link,
#nav a:visited {
		color:#fff;
		padding:8px 0px 8px 5px;
		float:left;
		width:114px;
		border-right:1px solid #000000;
		text-decoration:none;
		font:1em/1em Verdana, Helvetica, sans-serif;
	}
#nav a:hover,
#nav a:active {
		color:#fff;
		background:#008ce4;
	}
#nav-active,
#nav-active a,
#nav-active a:link {
		background:#008ce4;
		color:#fff;
	}
#nav-r, 
#nav-r a:link {
		width:116px;
		border-right:0px;
	}
#nav-r a:visited {
		color:#fff;
		padding:8px 0px 8px 5px;
		border-right:0px;
		width:116px;
		text-decoration:none;
		font:1em/1em Verdana, Helvetica, sans-serif;
	}

#nav-r-active a:link {
		border-right:0px;
		background:#008ce4;
		width:116px;
		color:#fff;
	}

#nav-r-active a:active {
		border-right:0px;
		background:#008ce4;
		width:116px;
		color:#fff;
	}

#nav-r-active a:visited {
		border-right:0px;
		background:#008ce4;
		width:116px;
		color:#fff;
	}

#nav-ap a:active {
		border-right:1px solid #000000;
		background:#008ce4;
		width:149px;
		color:#fff;
	}

#nav-ap a:link {
		width:149px;
		border-right:1px solid #000000;
	}
#nav-ap a:visited {
		color:#fff;
		padding:8px 0px 8px 5px;
		border-right:1px solid #000000;
		width:149px;
		text-decoration:none;
		font:1em/1em Verdana, Helvetica, sans-serif;
	}

#nav-ap-active a:link {
		border-right:1px solid #000000;
		background:#008ce4;
		width:149px;
		color:#fff;
	}

#nav-ap-active a:active {
		border-right:1px solid #000000;
		background:#008ce4;
		width:149px;
		color:#fff;
	}

#nav-ap-active a:visited {
		border-right:1px solid #000000;
		background:#008ce4;
		width:149px;
		color:#fff;
	}

/*  
Services and Portfolio content list style
------------------------------------
*/
.portfolio {
            float: left;
		padding:0;
            margin: 0;
		width:573px;
	}

.portfolio li {
		display:inline;
            width: 181px;
		margin-bottom:20px;
            float: left;
font-size: 8pt;
}
.portfolio b {
		font-size: 8pt;
}


.row1 {
            border-right:1px solid #CDD9DB;
            padding-left:3px;
            padding-right:5px;
            text-align: justify;
   			font-size: 11px;
			font-family: Verdana;
	}

.row2 {
            border-right:1px solid #CDD9DB;
            padding-left:5px;
            padding-right:5px;
            text-align: justify;
   			font-size: 11px;
			font-family: Verdana;
	}

.row3 {
            padding-left:5px;
            padding-right:5px;
            text-align: justify;
   			font-size: 11px;
			font-family: Verdana;
	}

/*  
This centres the list for portfolio and adds second row class needed for xhtml validation
-----------------------------------------------------------------------------------------
*/

.prow1 {
           border-right:1px solid #CDD9DB;
            padding-left:3px;
            padding-right:5px;
text-align: center;
	}

.prow2 {
            border-right:1px solid #CDD9DB;
            padding-left:5px;
            padding-right:5px;
text-align: center;
	}

.prow3 {     
            padding-left:5px;
            padding-right:5px;
text-align: center;
	}
/*
sitemap list 
------------------------------------
*/

.maplist     { float: left; margin: 0; padding: 0 }
.maplist li  { display: inline; width: 235px; float: left; margin-bottom: 20px }
.maplist b   { font-size: 11px; color: #6DB0E4 }
.map1        { padding-left: 3px; padding-right: 5px }
.map2        { padding-left: 5px; padding-right: 5px }
.map3        { padding-left: 5px; padding-right: 5px }

/*  
Home Sitemap Contact List
------------------------------------
*/
#quicklink {
            float: right;
		margin:0;
		padding:0;
		width: 200px;
height: 30px;
	}
#quicklink ul {margin: 0; padding: 0;}

#quicklink li {
		display:inline;
            width: 35px;
		margin-left:15px;
margin-right: 15px;

            float: left;
padding-top: 15px;
}

#quicklink a {
padding-top: 15px;
color: #7C9DA5;
}

#quick-home {
           	background-image: url('images/home.gif'); background-repeat: no-repeat; 
            background-position: center top ; text-align: center; padding-left: 3px;
	}

#quick-map {
           	background-image: url('images/sitemap.gif'); background-repeat: no-repeat; 
            background-position: center top ; text-align: center;
	}

#quick-contact {
           	background-image: url('images/contact.gif'); background-repeat: no-repeat; 
            background-position: center top ; text-align: center;
	}


/*  
Basic elements
------------------------------------
*/
body         { font-size: 10pt; font-family: Verdana; color:#00004A; margin: 0 0 0 0; padding: 0 }
body a, a:link, a:visited, a:active {color: #FF5A00; text-decoration: none;}
body a:hover {color: #FF5A00; text-decoration: underline}
table {float: left; margin:0; padding: 0 }
td           { font-size: 10px; font-family: Verdana; color: #7C9DA5; margin-top: 0; 
               margin-bottom: 0; padding-top: 3px; padding-bottom: 3px }
td a, a:link, a:visited, a:active { color: #FF5A00; text-decoration: none }
td a:hover   { color: #FF5A00; text-decoration: underline }
h1 { font: 400 10px Verdana, Verdana, Helvetica, sans-serif; padding: 0; margin: 0; float: left;}
h2 { font: 10pt Verdana, Helvetica; font-weight: bold; color:#6DB0E4; padding-left: 1px; margin: 0 0 3px 0; padding-bottom: 3px;
     border-bottom: 3px solid #CDD9DB ;}
h3 { font: bold 12pt Verdana, Verdana, Helvetica, sans-serif; padding: 0; margin: 0;}
h4  {font: bold 11px Verdana, Verdana, Helvetica, sans-serif; color: #FF5A00; margin:0; padding: 0px; }
.first {margin-top: 10px;}
.faq   { font: bold 8pt Verdana, Verdana, Helvetica, sans-serif; margin:0; padding: 0; }
p {margin-top: 10px; margin-bottom: 10px;}
.step {margin-top: 0px; margin-bottom: 10px;}
.indent { margin-left: 17px; margin-top: 10px; margin-bottom: 10px }
.indent-first { margin-left: 17px; margin-top: 10px; margin-bottom: 0; }
.indent-step { margin-left: 17px; margin-top: 0; margin-bottom: 10px }
.sitemap {float: right; padding:0; margin:0;}
#port-cats {margin-right: 5px; margin-top: 10px;}
#port-cats li { display: inline; text-align: center;}
#logo { border-right: 1px solid #CDD9DB; padding-right: 4px;}
#logo-on { border-right: 1px solid #CDD9DB; padding-right: 4px;}
#logo-on a {color: #000000;}
#web { border-right: 1px solid #CDD9DB; padding-left: 4px; padding-right: 4px;}
#web-on { border-right: 1px solid #CDD9DB; padding-right: 4px;}
#web-on a {color: #000000;}
#ban {padding-left: 4px;}
#ban-on { padding-left: 4px;}
#ban-on a {color: #000000;}

#port-nav { margin-right: 5px;}
#port-nav li { display: inline}

#list {list-style-type: square; margin-left: 12px; margin-top:10px; margin-bottom: 20px; padding: 0;}
#order {margin-top: 30px;}
.input       { width: 145px; height: 17px; font-size: 10px; border: 1px solid #7C9DA5 }
textarea     { border: 1px solid #7C9DA5 }
.contacts    { width: 181px; border-left: 1px solid #CDD9DB; padding-left: 8px }
.formcell    { width: 290px; padding-left: 17px }
select {font-size: 10px}
/*  
Bold and highlight styles
------------------------------------
*/

.none {font-weight: 400}
.blue {color: #6DB0E4}