/* CSS Document
Colours : light gradient #3E94A9
Bakground, dark gradient #004657

*/

* {
	padding: 0;
	margin: 0;
}

body {
        margin-top: 0;
	margin-bottom: 25px;
        background-color: #004657;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x ;
	background-position: top;


}
.clr {  clear:both;}
#page {}
#header {
	width: 100%;
	height: 100px;
	background-color: #004657;
	background-image: url(../images/tbg.gif);
	background-repeat: no-repeat;
	background-position: top center;
        text-align: center;
}

#top {
	width: 770px;
	height: 100px;
	background-color: #004657;
	background-image: url(../images/hbg.gif);
	background-repeat: no-repeat;
	background-position: top center;
        clear:both;
        margin: 0 auto;
        text-align: right;
}


#wrapper {
	width: 770px;
	margin: 0 auto;
	position: relative;
        background-image: url(../images/van.jpg);
	background-repeat: no-repeat;
	background-position: top left;


}

#points {
	width: 100%;
	height: 165px;
       	position: relative;
          clear:both;
	}

#nav {
	width: 100%;
	height: 30px;
          clear:both;
	
}

#nav li {
	float: left;
	padding: 0px;
}

#nav ul {
    width: 100%;
    height: 30px;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
}


#nav li a span {
        display: block;
	text-align: center;
        text-decoration: none;
        font-style: normal;
        padding: 6px;
}

#navHome a {
	display: block;
	width: 191px;
	height: 30px;
	background-image: url(../images/button0.png);
	background-repeat: no-repeat;
        background-position: left top;
}




 #navAbout a, #navProjects a  {
	display: block;
	width: 191px;
	height: 30px;
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
        background-position: left top;
}


#navContact a {
	display: block;
	width: 195px;
	height: 30px;
	background-image: url(../images/button1.png);
	background-repeat: no-repeat;
        background-position: left top;
}

#visuals {
	width: 100%;
        padding:0px;
        clear:both;

}
#visuals img {
    margin: 6px 0px 6px 6px
}

#logos {
  width: 100%;      
  margin: 0 0 0;
  padding: 0;
   clear:both;
   background-color: #004657;
   color:#fff
}

#logos ul {
    width: 720px;
      height: 100px;
    list-style: none;
 margin: auto;
}

#logos li {
    float: left;
    display: block;
    text-decoration: none;
    font-style: normal;
    padding: 10px;
    color:#ffffff;
}

#logos .insured{
        width: 110px;
}
#contents {
	width: 770px;
	background-image: url(../images/cbg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #fff;
	padding-top: 2px;
        margin: 0 auto;
        border-width:1px;
        border-color:#3E94A9;
        border-style:solid;
}
.intext { margin:10px }
#address {
	width: 100%;
        text-align: center;
        clear: both;
        background-color: #004657;
        color:#fff
}


#footer {
	width: 770px;
        text-align: center;
        margin: 0 auto;
        background:transparent ;
}
#designer {
        margin: 0;
	width: 100%;
        height:26px;
        text-align: center;
        clear: both;
        background-color:transparent;
        background-image:  url(../images/fbg.gif);
        background-repeat: no-repeat;
        background-position:  center top;
}
.mygallery {
    margin:10px;
}
#counter {
    margin: 10px auto;
    padding:5px;
    color:#000;
    text-align: center;
}
#counter span {
    border: solid white 1px;
    padding: 1px 5px;
    color:#fff;
    background-color: #000;
    font-weight: bold;
                }