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

body {background-color:#fff;
background:url(/assets/images/bg.jpg) top left repeat-x;
margin:0;
font-family:Helvetica, Arial, sans-serif;}

p {font-size:74%;
color:#5b6a71;}

h1 {color:#2d4176;
font-size:98%;
margin-top:20px;}

h2 { color:#636363;
font-size:90%;}

h3 { color:#636363;
font-size:88%;}

h4 { color:#636363;
font-size:86%;}

h5 { color:#636363;
font-size:84%;}

h6 { color:#636363;
font-size:82%;}

/* specific div elements */

#container { width:800px;
height:auto;
margin:0 auto 0 auto;}

#nav {width:100%;
float:left;
height:60px;}

#nav img { margin-top:10px;
float:left;}

#nav ul { list-style:none;
font-size:76%;
font-weight:bold;
margin:25px 0px 0px 0px;
padding:0px;
float:right;
color:#fff;
/* IE 6 and 7 fix */
.margin-top:30px;
.margin-left:0px;}

#nav li {display:inline;
padding:20px;}

#nav a {color:#fff;
text-decoration:none;}

#nav a:hover {color:#b6c0d9;}

#subnav {width:100%;
float:left;
margin:0px 0px 0px -50px;
padding:0;
color:#fff;
.margin: 10px 0 0 -50px;}

#subnav ul { list-style:none;
font-size:76%;
font-weight:bold;}

#subnav li { display:inline;
padding:20px;}

#subnav a {color:#fff;
text-decoration:none;}

#subnav a:hover {color:#b6c0d9;}

.clear { clear:both;}

#main { 
width:800px;
background:url(/assets/images/main_bg.jpg) repeat-y #fff center;
height:inherit;}

#content { background-color:#fff;
float:left;
margin-top:3px;}

#page { margin:3px 0 15px -25px;
padding:0;
width:530px;
height:35px;
/* IE 6 and 7 fix */}

#page1 { background-color:#3297cb;
margin-top:0px;
height:35px;}

#page p {
color:#2d4176;
font-weight:bold;
margin-left:50px;
margin-top:20px;
margin-bottom:0px;
padding:0;}

#page1 p {
color:#fff;
font-weight:bold;
margin-left:210px;
margin-top:-20px;}

#text {margin: -10px 0 10px 25px;
padding:0 0 0 0;
width:510px;}

#text p { line-height:20px;
padding:0 10px 0 0;}

#text ul {list-style:bullet;
font-size:76%;
color:#5b6a71;
padding:0px;
margin-left:20px;}

#text a {color:#5b6a71;
text-decoration:none;}

#text a:hover{color:#696a6a;
text-decoration:none;
font-weight:bold;}

.quote { color:#3397cb;}

#right { width:260px;
height:100%;
padding-bottom:10px;
margin-top:3px;
margin-left:3px;
float:left;
/* IE 6 fix */
_width:250px;}

#right h2 {margin:20px 10px 10px 8px;
padding-bottom:10px;
border-bottom:3px solid #cdcfd0;}

#right p {margin:0px 10px 0px 10px;
/* IE 6 and 7 fix */
.padding-right:10px;
/* IE 6 fix */
_margin:0px;
_padding-left:10px;
_padding-right:0px;}

#right1 { background-color:#e5e5e5;
width:260px;
height:100%;
padding-bottom:10px;
margin-top:3px;
margin-left:3px;
float:left;
/* IE 6 fix */
_width:250px;}

#right1 h2 {margin:20px 10px 10px 8px;
padding-bottom:10px;
border-bottom:3px solid #cdcfd0;}

#right1 p {margin:0px 10px 0px 10px;
/* IE 6 and 7 fix */
.padding-right:10px;
/* IE 6 fix */
_margin:0px;
_padding-left:10px;
_padding-right:0px;}

#no { margin-top:-40px;
margin-left:180px;}

#news {margin:20px 10px 20px 12px;}

#news a { text-decoration:none;
color:#636363;}

#news a:hover { text-decoration:none;
font-weight:bold;
color:#000;}

.projects { color:#565656;
font-weight:bold;
padding-left:120px;}

.projects a { text-decoration:none;
color:#565656;}

.projects a:hover { text-decoration:underline;
color:#565656;}

#news img { margin-right:10px;
float:left;
width:60px;
_margin:0px;}

#news .text { float:left;
margin:0px;
width:160px;
_margin-left:10px;
_margin-top:0px;}

#news .date { margin:10px 0 20px 0;
padding: 0 0 20px 0;
color:#7d7d7d;
border-bottom:1px solid #cdcfd0;
_padding-top:10px;}

.br {clear:both;}

#footer {margin-top:-10px;
padding:5px 0 5px 0;
width:796px;
background-color:#1a2d5b;}

#footer1 {margin-top:10px;
padding:5px 0 5px 0;
width:796px;
background-color:#1a2d5b;
.margin-top:25px;}

#footer1 p {color:#fff;
font-size:66%;
margin: 0 5px 0 10px;
display:inline;
padding-right:0px;}

#footer1 a { color:#fff;
font-weight:bold;
text-decoration:none;}

#footer p {color:#fff;
font-size:66%;
margin: 0 5px 0 10px;
padding-right:40px;
display:inline;}

#footer a { color:#fff;
font-weight:bold;
text-decoration:none;}

form { width:300px;
padding-top:20px;
margin-left:10px;
_width:250px;}

form label { font-size:74%;
color:#5b6a71;
font-weight:none;
margin-bottom:5px;
float:left;
width:100px;
_width:90px;}

form input { width:130px;
margin-bottom:5px;
float:left;
background-color:#fff;
border:1px solid #5b6a71;
color:#5b6a71;
font-size:80%;
}

form textarea { width:130px;
margin-bottom:5px;
background-color:#fff;
border:1px solid #5b6a71;
color:#5b6a71;}

.button {width:130px;
background-color:#5b6a71;
padding:2px;
color:#fff;
font-size:12px;
font-weight:bold;
border:1px solid #5b6a71;}

#projects { border-bottom:1px solid #e4e1e1;
.border-bottom:1px solid #e4e1e1;
padding-bottom:10px;
.padding:0px;
.margin:0px;}

#projects img { float:left;
margin: 0 10px 0 0;}

#proects p { float:left;}

#projects1 { border-bottom:1px solid #e4e1e1;
.border-bottom:1px solid #e4e1e1;
padding-bottom:10px;
.padding:0px;
.margin:0px;}

#projects1 img { float:left;
margin: 0 10px 0 0;}

#proects1 p { float:left;}

#projects1 a:hover { color:#000;}

#projects a:hover { color:#000;}

#clients { padding:0 10px 10px 0;
width:490px;}

.clients_left { float:left;
width:250px;
padding:0;
margin:0}

.clients_right { float:left;
width:230px;
padding:0;
margin:0;}

.comp { margin: 0;
padding:0;}

.break {clear:both;
padding:0;
margin:0;}

#proj_img {float:left;
margin:0 5px 0 0;
padding:0;}

.heading {font-weight:bold;
margin-top:20px;
.padding-top:10px;}

.p1 {float:left;
width:400px;
margin:0 90px 10px 0;
padding:0px;}

.p2 {float:left;
width:350px;
margin:0 0 0 0;
padding:0px;}

.clear {clear:both;}

.tel { float: left;
width:170px;}

.fax { float:left;
width:175px;}

.email { float:left;}

#pageno { font-size:74%;
float:right;
color:#444545;
font-weight:bold;
margin:5px 5px 0 0;
.margin:20px 5px 0 0;}

/* Fix for Opera */
html:first-child #pageno { margin:25px 5px 0 0;}

#pageno a { text-decoration:none;}

#pageno a:hover { text-decoration:underline;}

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

#docs #heading { margin:0 0 0 0;
height:40px;}

/* Sectors Page */

#sectors {width:535px;}

#row1 { width:530px;}

#row1 .col1 { float:left;
width:191px;
background-color:#2d4176;}

#row1 .col2 { float:left;
width:145px;
height:299px;
background-color:#425891;}

.top { background-color:#2d4176;
padding:5px 3px 5px 3px;
margin-bottom:10px;}

#bottom { background-color:#425891;
margin-top:-10px;
padding:5px 3px 3px 3px;
border-top:1px solid #fff;}

#bottom1 { background-color:#425891;
margin-top:-10px;
padding:5px 3px 0px 3px;
border-top:1px solid #fff;}

#row1 .col2 p { color:#fff;
margin:0px 5px 5px 5px;}

.title { font-weight:bold;
padding:20px 0 5px 0;}

.title1 { font-weight:bold;
padding:0px 0 5px 0;}

.titles { font-weight:bold;
padding:10px 0 5px 0;}

.bottom { padding:0 0 14px 0;}

#row1 .col3 { float:left;
background-color:#425891;}

#another_row { width:530px;
margin:0;
height:190px;
.margin-top:-18px;
_margin-top:-28px;}

#another_row #cols { background-color:#1d2b55;
float:left;
margin-top:-10px;
width:190px;
height:189px;
border-top:1px solid #fff;}

#another_row #cols p { color:#fff;
margin:5px 5px 5px 5px;}

#another_row #column { float:left;
margin-top:-10px;
background-color:#1d2b55;
border-top:1px solid #fff;}

#row2 { width:530px;
.margin-top:-28px;}

#row2 .col1 { float:left;
width:191px;
margin-top:-29px;
.margin-top:0;
border-top:1px solid #fff;}

#row2 .col2 { float:left;
width:148px;
background:url(/assets/images/sectors_bg.jpg) repeat-x;
margin-top:-29px;
.margin-top:0;
height:297px;
border-top:1px solid #fff;}

#row2 .col2 p { color:#fff;
margin:5px 5px 5px 5px;}

#row2 .col3 { float:left;
margin-top:-29px;
.margin-top:0;}

.clearer { clear:both;
height:0;
border:1px solid #fff;}

#sectors a { color:#fff;
text-decoration:none;}

.bord { border-top:1px solid #003399; 
padding:5px 0 5px 0;
margin:0;}

.sub { margin:0 0 0 20px;}