body {background-image: url('images/bg.jpg');
      background-repeat: no-repeat;
      background-color: #61bfd2;
      background-position: top center;
      margin: 0px;
     }
   
   
a, a:active, a:visited {
	    font:12px arial,verdana,helvetica;
	    color:#356970;
	    text-decoration: none;
	    }

a:hover { text-decoration: underline; }
	    
	    
.contentwrap {width: 960px;
	background-image: url('images/logo_bg.png');
	background-repeat: no-repeat;
	background-position: top left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
	}
	
.contentblock {width: 700px;
	      margin: 0 auto;
	      padding-left: 40px;
	}
	
.contentblock-contact {width: 700px;
	  	    margin: 0 auto;
	    	  padding-left: 10px;
	}
	
.contentblockservices {width: 780px;
	        margin-left: 90px;
	        text-align: center;
	        }
	
.nav {margin-top: 121px;
      float: right;}
      
      
      
.homebutton {float: left;
	     margin: 70px 0 18px 40px;}




a.textlink, a.textlink:active, a.textlink:visited {
	    font:13px arial,verdana,helvetica;
	    color:#d3f492;
	    text-decoration: none;
	    }

a.textlink:hover {font:13px arial,verdana,helvetica;
	    color:#c4e97b;
	    text-decoration: none;
	    }
	    
	    



a.whatdo, a.whatdo:visited, a.whatdo:active { 
	 background-image: url('images/nav_whatdo.png');
	 margin:0;
	 display: inline-block;
	 width:137px;
	 height:29px;
	 text-decoration: none;
	 padding-top: 7px;
	 background-repeat:  no-repeat;	 
	 }
	
a.whatdo:hover { 
background-position: bottom left;

	 }
	
	a.whatdo2 {
	 	background-image: url('images/nav_whatdo_active.png');
	 	margin:0;
	 	display: inline-block;
	 	width:137px;
	 	height:36px;
	 	text-decoration: none;
	 	padding-top: 7px;
	 	background-repeat:  no-repeat;		
	 	}
	 
a.whathave, a.whathave:active, a.whathave:visited {
	background-image: url('images/nav_whathave.png');
	 margin:0;
	 display: inline-block;
	 width:170px;
	 height:29px;
	 text-decoration: none;
	 padding-top: 7px;
	 background-repeat:  no-repeat;	
	 }
	 
a.whathave:hover {
	background-position: bottom left;
	 }
	
	a.whathave2 {
		 background-image: url('images/nav_whathave_active.png');
		 margin:0;
		 display: inline-block;
		 width:170px;
		 height:36px;
		 text-decoration: none;
		 padding-top: 7px;
		 background-repeat:  no-repeat;	
		 }
	 
	 
a.getintouch, a.getintouch:active, a.getintouch:visited {
	 background-image: url('images/nav_getintouch.png');
	 margin:0;
	 display: inline-block;
	 width:111px;
	 height:29px;
	 text-decoration: none;
	 padding-top: 7px;
	 background-repeat:  no-repeat;	
	 }
	 
a.getintouch:hover {
	background-position: bottom left;
	 }
	
	a.getintouch2 {
		 background-image: url('images/nav_getintouch_active.png');
		 margin:0;
		 display: inline-block;
		 width:111px;
		 height:36px;
		 text-decoration: none;
		 padding-top: 7px;
		 background-repeat:  no-repeat;	
		 }
	 
a.ourblog, a.ourblog:active, a.ourblog:visited {
	 background-image: url('images/nav_ourblog.png');
	 margin:0;
	 display: inline-block;
	 width:86px;
	 height:29px;
	 text-decoration: none;
	 padding-top: 7px;
	 background-repeat:  no-repeat;	
	 }
	 
a.ourblog:hover {
	background-position: bottom left;
	 }
	

	 
a.whatdo span {font-family: arial, helvetica;
	        font-size: 14px;
	        font-weight: bold;
	        color: #ffffff;
	        padding: 0 0 0 8px;	        
	        }
	
a.whathave span {font-family: arial, helvetica;
	        font-size: 14px;
	        font-weight: bold;
	        color: #ffffff;
	        padding: 0 0 0 8px;
	        }
a.getintouch span {font-family: arial, helvetica;
	        font-size: 14px;
	        font-weight: bold;
	        color: #ffffff;
	        padding: 0 0 0 8px;
	        }
a.ourblog span {font-family: arial, helvetica;
	        font-size: 14px;
	        font-weight: bold;
	        color: #ffffff;
	        padding: 0 0 0 8px;
	        }
	        
		a.whatdo2 span {font-family: arial, helvetica;
		        font-size: 14px;
		        font-weight: bold;
		        color: #ffffff;
		        padding: 0 0 0 8px;
				}
				
		a.whathave2 span {font-family: arial, helvetica;
		        font-size: 14px;
		        font-weight: bold;
		        color: #ffffff;
		        padding: 0 0 0 8px;
				}
						
		a.getintouch2 span {font-family: arial, helvetica;
		        font-size: 14px;
		        font-weight: bold;
		        color: #ffffff;
		        padding: 0 0 0 8px;
				}
.mainentry {background-image: url('images/main_featuredbody.png');
	    width:397px;
	    height:209px;
	    display: inline-block;
	    text-align: left;
	    
	    }
	    
.textentry {
		height:186px;
		margin:20px 28px 5px;
		width:337px;
		}
	    
.mainentry span {font-family: arial, helvetica;
		  font-size: 12px;
		  color: #fff;
		  
		 }

.entrycontainer {width:397px;
	         height: 245px;
	         display: inline-block;
	         margin:0 6px 25px; 6px;
	         vertical-align: top;
	         }
	         
.blogtop {background-image: url('images/main_blogposttop.png');
	  width:397px;
	  height:36px;
	  display: inline-block;
	  margin:0px:
	  padding: 0px;
	  text-align: right;
	  }
	  
.porttop {background-image: url('images/main_porttop.png');
	  width:397px;
	  height:36px;
	  display: inline-block;
	  margin:0px:
	  padding: 0px;
	  text-align: right;
	  }
	  
img.rss {
      float:right;
      margin: 0px;
      padding: 9px 8px 0 0;

      }
      
.footer {width: 100%;
	 text-align: center;
	 font-size: 10px;
	 font-family: georgia, times new roman;
	 color: #ffffff;
	  }

.footer a, .footer a:active, .footer a:visited { font-family: arial, helvetica;
						 font-size: 12px;
						 font-weight:bold;
						 color: #356970;
						 text-decoration:none; 
						 margin-right: 12px;}
						 
.footer a:hover { text-decoration: underline; }
		  
.bodycopy { font-family: arial, helvetica;
	    font-size: 13px;
            color: #fff;
            }
            
.smalltype { font-family: arial, helvetica;
	    font-size: 9px;
            color: #fff;
            }
            
h2 {        font-family: arial, helvetica;
	    font-size: 16px;
            color: #d3f492;
            font-weight: bold;
            line-height: 19px;
            margin:0px;
            }
            
h1 {font-size: 44px;
    color: #fff;
    line-height:46px;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    letter-spacing: -0.4px;
    }
    
h1 a, h1 a:active, h1 a:visited {font-family: arial, helvetica;
	    font-size: 34px;
            color: #d3f492;
            font-weight: bold;
            line-height: 34px;
            text-decoration: none;
            }
            
h1 a:hover {font-family: arial, helvetica;
	    font-size: 34px;
            color: #bbd881;
            font-weight: bold;
            line-height: 34px;
            text-decoration: none;
            }
            
h2 a, h2 a:active, h2 a:visited {font-family: arial, helvetica;
	    font-size: 18px;
            color: #d3f492;
            font-weight: bold;
            line-height: 18px;
            text-decoration: none;
            }
            
h2 a:hover {font-family: arial, helvetica;
	    font-size: 18px;
            color: #bbd881;
            font-weight: bold;
            line-height: 18px;
            text-decoration: none;
            }

.bigtext {	font-family: arial, helvetica;
		    font-size: 24px;
	        color: #fff;
	        line-height: 24px;
	        margin:0px;	
}

.servicetext {
	font-size: 13px;
	font-family: arial, helvetica;
	color: #285a61;
}



.subcolumns {
		width: 160px;
		display: inline-block;
		text-align: left;
		vertical-align: top;
		}
		
.subcolumns span {
		font: 13px arial, helvetica, verdana;
		color: #285a61 ;
		}
		
.portfoliolabel { width: 200px;
	          display: inline-block;
	          margin: 4px 30px 40px 0;
	          font: 12px arial,verdana,helvetica;
	          vertical-align: top;
	          color: #28494d;
	          line-height: 19px;
	         }
		
.portfoliodesc { width: 460px;
	         display: inline-block;
	         margin: 4px 0 40px 0;
	         font: 12px arial,verdana,helvetica;
                 vertical-align: top;
                 color: #28494d;
                 line-height: 19px;
	         }
	         
.contactname {color: #346a71;
	      font-size: 23px;
	      line-spacing: 23px;
	      }
	      
.contactblock {width: 320px;
	       display: inline-block;
	       margin: 0 0 15px 0;
	       }
	       
.contactcontainer {width: 700px;
	      margin: 0 auto;
	      padding-left: 40px;
	}
	
.socialicon { float: left;
	      border: 0;
	      display: block;
	      margin: 6px 6px 0 0;
	      }


a.frontfeaturelink, a.frontbloglink:active, a.frontbloglink:visited {
	    font-family: arial, helvetica;
	    font-size: 13px;
            color: #d3f492;
            text-decoration: none;
            display:block;
            float:right;
            margin: 9px 0 0 0;
            }
            
a.frontfeaturelink:hover {
	    text-decoration: underline;
            }
            
.404block {width: 600px;
	   height: 381px;
	   display: block;
	   text-align: right;
	   }
	   
.404block h2 a {float: right;
		
		}
	   
div.loader{
background:url(images/nav_whatdo_active.png) no-repeat;
background:url(images/nav_howdo_active.png) no-repeat;
background:url(images/nav_ourblog_active.png) no-repeat;
background:url(images/nav_getintouch_active.png) no-repeat;
margin-left:-1000px;
}