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



#main {
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  width: 1080px;
  border: 0px solid #000000;
  background-color: #000000;
  font-family:Verdana, Geneva, sans-serif;
  font-size:13px;
  position:relative;

  
  min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
  }

#logo{
	  margin-left: auto;
      margin-right: auto;
	  position:relative;
	  width:469px;
	  height:37px;
	  padding-top:10px;
	  padding-bottom:10px;
}

#footer{font-size:9px;
color:#666;
        }

#print{float:right;
        font:#666;
		padding-right:5px;}

#social{
	  margin-left: auto;
      margin-right: auto;
	  position:relative;
	  width:469px;
	  
}



#abttextbox {width:600px;
      height:200px;
	  background-color:#000;
	  border: 0px solid #000000;
      background-color: #000000;
      font-family:Verdana, Geneva, sans-serif;
      font-size:14px;
	  margin-left:auto;
	  margin-right:auto;
	  text-align:justify;
	  padding-top:20px;
	 }
	 
#contacttextbox {width:600px;
      height:200px;
	  background-color:#000;
	  border: 0px solid #000000;
      background-color: #000000;
      font-family:Verdana, Geneva, sans-serif;
      font-size:14px;
	  margin-left:auto;
	  margin-right:auto;
	  padding-top:20px;
	 }
	 
#servicestextbox {width:600px;
      height:300px;
	  background-color:#000;
	  border: 0px solid #000000;
      background-color: #000000;
      font-family:Verdana, Geneva, sans-serif;
      font-size:14px;
	  margin-left:auto;
	  margin-right:auto;
	  padding-top:20px;
	 }
	 
#clienttextbox {width:800px;
      height:500px;
	  background-color:#000;
	  border: 0px solid #000000;
      background-color: #000000;
      font-family:Verdana, Geneva, sans-serif;
      font-size:14px;
	  margin-left:auto;
	  margin-right:auto;
	  padding-top:20px;
	 }
	 
img#clienttextbox {border:thin, #000;}


a {color:#fff;
   text-decoration:none;}
a:hover {color:#dc1b53;
         text-decoration:none;
		 }
		 
body {background-color:#000;
      color:#FFF;
	  }

#gmap {display:block; width:469px; height:469px; background:url(../img/pprbg.jpg); position:relative; margin:0 auto 2em auto;}
#gmap a {color:#fff; font-family:arial, sans-serif; font-size:1.2em; font-weight:bold; text-transform:uppercase;}

a#about {background:transparent url(../img/about.png) no-repeat 0 0; display:block; width:167px; height:100px; padding-top:75px; overflow:hidden; position:absolute; left:76px; top:51px; z-index:3;}
* html a#about {height:0; height:0;}
a#about:hover {background:transparent url(../img/about.png)  no-repeat 0 0; overflow:visible; opacity: 0.2; filter: alpha(opacity=50); -webkit-transition: opacity 1s linear;}	

a#services {background:transparent url(../img/services.png) no-repeat 0 0; display:block; width:148px; height:100px; padding-top:75px; overflow:hidden; position:absolute; left:239px; top:51px; z-index:3;}
* html a#services {height:0; height:0;}
a#services:hover {background:transparent url(../img/services.png)  no-repeat 0 0; overflow:visible; opacity: 0.2; filter: alpha(opacity=50); -webkit-transition: opacity 1s linear;}	

a#clients {background:transparent url(../img/clients.png) no-repeat 0 0; display:block; width:181px; height:220px; padding-top:100px; overflow:hidden; position:absolute; left:238px; top:75px;}
* html a#clients {height:0; height:0;}
a#clients:hover {background:transparent url(../img/clients.png)  no-repeat 0 0; overflow:visible; opacity: 0.2; filter: alpha(opacity=50); -webkit-transition: opacity 1s linear;}	

a#contact {background:transparent url(../img/contact.png) no-repeat 0 0; display:block; width:184px; height:220px; padding-top:100px; overflow:hidden; position:absolute; left:50px; top:79px;}
* html a#contact {height:0; height:0;}
a#contact:hover {background:transparent url(../img/contact.png)  no-repeat 0 0; overflow:visible; opacity: 0.2; filter: alpha(opacity=50); -webkit-transition: opacity 1s linear;}	

a#blog {background:transparent url(../img/blog.png) no-repeat 0 0; display:block; width:167px; height:108px; padding-top:75px; overflow:hidden; position:absolute; left:82px; top:235px; z-index:3;}
* html a#blog {height:0; height:0;}
a#blog:hover {background:transparent url(../img/blog.png)  no-repeat 0 0; overflow:visible; opacity: 0.2; filter: alpha(opacity=50); -webkit-transition: opacity 1s linear;}	
	
a#portfolio {background:transparent url(../img/portfolio.png) no-repeat 0 0; display:block; width:167px; height:110px; padding-top:75px; overflow:hidden; position:absolute; left:236px; top:232px; z-index:3;}
* html a#portfolio {height:0; height:0;}
a#portfolio:hover {background:transparent url(../img/portfolio.png)  no-repeat 0 0; overflow:visible; opacity: 0.2; filter: alpha(opacity=50); -webkit-transition: opacity 1s linear;}	

a#credits {background:transparent url(../img/credits.png) no-repeat 0 0; display:block; width:72px; height:79px; padding-top:75px; overflow:hidden; position:absolute; left:387px; top:382px; z-index:3;}
* html a#credits {height:0; height:0;}
a#credits:hover {background:transparent url(../img/credits.png)  no-repeat 0 0; overflow:visible; opacity: 0.2; filter: alpha(opacity=50); -webkit-transition: opacity 1s linear;}