/*  
Layout styles
------------------------------------
*/
#container {
			width: 760px;
			\width: 760px;
			w\idth: 760px;
                        height: 100%;
			margin-left: auto;
			margin-right: auto;
                        background-color: #fff;
                        border-left: 1px solid #CDD9DB;
                        border-right: 1px solid #CDD9DB;
		}

#banner {
		      
			width: 749px;
                        height: 20px;
padding-left: 6px; padding-right: 5px; margin: 0;
font-size: 10px
		}

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

#contentpadding {
			padding: 0 5px 0 3px;
                        text-align: justify
		}

#contentpadding h3 { color: #6DB0E4; }

#foottext {
			padding: 0px 5px 0px 3px;
                        text-align: left;
		}

#content-full { padding: 5px }
#full-header { height: 18px; width: 739px; text-align: right; 
               font-family: Tahoma; font-size: 11px; color: #4F767F; 
               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: 10px
		}
#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: 164px;
			\width: 164px;
			w\idth: 164px;
			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: Tahoma;
			font-size: 11px;
			color:#4F767F;
                  background-image: url('images/news-bg.gif'); background-repeat: no-repeat; 
                  background-position: right center; 
		}
		
#news-content {
			float: left;
			width: 158px;
			\width: 158px;
			w\idth: 158px;
			margin-top:2px;
			padding-left:12px;
			padding-right:5px;
		}
		
#news-content b{
          font-size:11px;
		}
		
#latest-projects {
			float: left;
			width: 141px;
			\width: 141px;
			w\idth: 141px;
			margin-top:17px;
			margin-left:6px;
			padding:9px;
			border:1px solid #CDD9DB;
                  background-image: url('images/bg-1.jpg'); background-repeat: no-repeat; 
                  background-position: right bottom;
		}
#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
------------------------------------
*/
#splash {
			float: left;
			width: 382px;
			\width: 382px;
			w\idth: 382px;
			height: 256px;
		}
		
#splash-content {
          margin-left: 382px;
          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;
			margin-top:2px;
			padding-left:12px;
			padding-right:5px;
		}
		
#test-content b{
          font-size:11px;
		}

#test-header {
			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: Arial;
			font-size: 11px;
			color:#4F767F;
                  background-image: url('images/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: Arial;
			font-size: 11px;
			color:#4F767F;
                  background-image: url('images/logoprice-bg.gif'); background-repeat: no-repeat; 
                  background-position: right center; 
		}
#splash-header img {
          margin-right: 5px;
		}
		


#content-header {
	  float: left;
	  width: 192px;
        height: 65px;
        padding: 0px;
		}

#header-container {
	  float: left;
	  width: 575px;
        height: 65px;
        padding-top: 10px;
                  background-image: url('images/bluspcr.gif'); background-repeat: no-repeat; 
                  background-position: right top; 
		}

#content-nav {
        margin-left: 192px;
        width: 383px;
        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: 35px;
		}

#foot-content {
			margin-left: 185px;
			padding-top: 8px;
                  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:#009cfc;
		width:760px;
            height:24px;
            font:11px Arial, Helvetica, sans-serif;

	}
#nav li {
		display:inline;
        width: 105px;
        height:24px;
		padding:0;
		margin:0;
	}
#nav a:link,
#nav a:visited {
		color:#fff;
		padding:10px 0px 3px 5px;
		float:left;
		width:105px;
		border-right:1px solid #ffffff;
		text-decoration:none;
		font:1em/1em Arial, 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;
	}

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

.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;
	}

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

.row3 {
            padding-left:5px;
            padding-right:5px;
            text-align: justify;
	}

/*  
This is the new portfolio styling (no lists)
-----------------------------------------------------------------------------------------
*/


.portfolioh {

		padding:10px;
            margin: 10px;
            border: 1px solid #CDD9DB;

            height: 156px;
            
	}

.portfolioh img {
border: 1px solid #CDD9DB;
		margin-right: 10px;
                float: left;
            
	}

.portfoliot {

		padding:10px;
            margin: 0px 0px 10px 0px;
            border: 1px solid #CDD9DB;
                  background-image: url('images/bg-1.jpg'); background-repeat: no-repeat; 
                  background-position: right bottom;


            
	}

.portfoliot img {
border: 1px solid #CDD9DB;
		margin-right: 10px;
                float: left;
            
	}



#portfirst {
margin-top: 85px;
	}

/*  
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: #4F767F;
}

#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: 8pt; font-family: Arial; color:#4F767F; 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: Tahoma; color: #4F767F; 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 Arial, Tahoma, Helvetica, sans-serif; padding: 0; margin: 0; float: left;}
h2 { font: 10pt Arial, 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 Arial, Tahoma, Helvetica, sans-serif; padding: 0; margin: 0;}
h4  {font: bold 11px Arial, Tahoma, Helvetica, sans-serif; color: #FF5A00; margin:0; padding: 0px; }
.first {margin-top: 10px;}
.faq   { font: bold 8pt Arial, Tahoma, 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 #4F767F }
textarea     { border: 1px solid #4F767F }
.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}