/* CSS Document */

body{
  margin:0;
  padding: 0;
  background-color: #000;
  text-align: center;
  font-family: verdana;
  font-size: 11px;
  

}

img {
  border:none;
}

#wrapper{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  position: relative;

}

#content{
  
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  line-height: 1px;
  
}

#content-in{

 margin-left: auto;
 margin-right: auto;
  width: 800px;
  height: 600px;
  position: relative;
  
  
  

}

#content-pict-bg{
  /*position: absolute;*/
 
  left: 0;
  top: 0;
}

#logo{
  position: absolute;
  top: 63px;
  left: 160px;
  width: 481px;
  height: 350px;
  
 
  
}

#n-revitalise{
  position: absolute;
  top: 413px;
  left: 71px;
  
}

#n-energise{
  position: absolute;
  top: 413px;
  left: 307px;
 
}

#n-enhance{
  position: absolute;
  top: 413px;
  left: 527px;
  
}


#content-in{
  position: relative;
  
}

#text{
  position: absolute;
  top: 495px;
  color: #fff;
  width: 100%;
  text-align: center;
  left: 0;
  line-height: 12px;
}

#home-port{
  position: absolute;
  top: 518px;
  color: #fff;
  width: 645px;
  text-align: center;
  left: 75px;
  line-height: 12px;
  padding: 0;
  
}

#bottom-nav{
  position: absolute;
  top: 590px;
  color: #fff;
  width: 100%;
  text-align: center;
  left: 0;
  line-height: 25px;
  border-top: 1px solid #fff;
 
  
}

#bottom-nav.quote{
   top: 740px;
}

#bottom-nav a{
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  
  line-height: 1.8em;
}


#home-port img{
  margin:  1px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}



#main{
  height: 699px;
  margin-top: -300px;
  position: absolute;
  background-color: #000;
  width: 100%;
  left: 0;
  background-image: url(../images/site/main-bg.jpg);
  height: 600px;
  background-position: center;
  background-repeat: no-repeat;
  
  
}
#login {
  text-align:right;
  
}
#login_main{
  margin: 100px ;
  
 width:300px;
  
}


#top-mid{
  position: absolute;
  top: -404px;
  height: 104px;
  left: 0;
  width: 100%;
  background-image: url(../images/site/top-mid.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

#bottom-mid{
  position: absolute;
  top: 300px;
  height: 104px;
  left: 0;
  width: 100%;
  background-image: url(../images/site/bottom-mid.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

/* text logic */

p{
  line-height: 1.2em;
  margin: 0.6em 0;
  color: #fff;
}

h1{position: absolute; background-repeat: no-repeat; margin: 0; padding: 0;}
h1 span{display: none;}
h2 span{display: none;}


a {
  color:#fff;
  font-weight: bold;
  

}


h1.testimonials{
  top: 382px;
  color; #ccc;
  left: 11px;
  width: 285px;
  height: 79px;
  background-image: url(../images/site/headings/testimonials.jpg);
}

#testimonials-box li {
  margin:0 0 0 20px;

}

h1.about{
  top: 5px;
  color; #ccc;
  left: 10px;
  width: 285px;
  height: 79px;
  background-image: url(../images/site/about/about-heading.jpg);

}



h2.about{
  top: 26px;
  color; #ccc;
  left: 460px;
  width: 323px;
  height: 79px;
 background-image: url(../images/site/about/meetteam.jpg);
 position: absolute; background-repeat: no-repeat; margin: 0; padding: 0;
}












#page-text{
  color: #fff;
  position: absolute;
  top: 450px;
  left: 0;
  
  text-align: justify;
  width: 760px;
  left: 20px;
  
  

}

#page-text p{
  margin: 0.6em 0 0.6em 0;
    line-height: 1.3em;

}

#page-text p.first{
 margin-left: 80px;
}







/* Pages logic */

/*Services */

h1.services{
  top: 0px;
  color; #ccc;
  left: 0px;
  width: 800px;
  height: 105px;
  background-image: url(../images/site/services/header.jpg);
}


.services-main-bg{
  background-image: url(../images/site/services/main-bg.jpg);
  background-repeat: no-repeat;
  width: 800px;
  height: 350px;
  position: absolute;
  top: 132px;
  left: 0;
}

#servicesdesign{
  position: absolute;
  top:85px; 
  left: 15px;
  color: #fff; 
  width: 215px; 
  line-height: 1.2em;
  
  z-index: 20;
  
}
#servicesprint{
 position: absolute;
  top:85px; 
  left: 260px;
  color: #fff; 
  width: 150px; 
  line-height: 1.2em; 
  z-index: 20;

}
#servicessign{
  position: absolute;
  top:85px; 
  left: 435px;
  color: #fff; 
  width: 150px; 
  line-height: 1.2em; 
  z-index: 20;
}
#servicesweb{
  position: absolute;
  top:85px; 
  left: 605px;
  color: #fff; 
  width: 150px; 
  line-height: 1.2em; 
  z-index: 20;
}

#dragontext{
   position: absolute;
  top:400px; 
  right: 55px;
  color: #0F1179; 
  width: 320px; 
  line-height: 1.5em; 
  z-index: 20;
  text-align: right;
}


/* Packages */


h1.packages{
  top: 0px;
  color; #ccc;
  left: 0px;
  width: 800px;
  height: 105px;
  background-image: url(../images/site/packages/packages-heading-bg.jpg);
}


#packages-main-bg{
  background-image: url(../images/site/packages/packages-main-bg.jpg);
  background-repeat: no-repeat;
  width: 800px;
  height: 350px;
  position: absolute;
  top: 132px;
  left: 0;
}

#packagesinstructions{
  position: absolute;
  top:85px; 
  left: 350px;
  color: #fff; 
  width: 330px; 
  line-height: 1.2em;
  text-align: center;
  z-index: 20;
  
  

}


#packagesspecials{
  position: absolute;
  top:85px; 
  left: 15px;
  color: #fff; 
  width: 215px; 
  line-height: 1.2em;
  
  z-index: 20;
  
  height: 300px;
  
}
#packagesmini{
 position: absolute;
  top:120px; 
  left: 260px;
  color: #fff; 
  width: 150px; 
  line-height: 1.2em; 
  z-index: 20;
 
   height: 250px;

}
#packagesmidi{
  position: absolute;
  top:120px; 
  left: 435px;
  color: #fff; 
  width: 150px; 
  line-height: 1.2em; 
  z-index: 20;
 
  height: 250px;
}
#packagesmaxi{
  position: absolute;
  top:120px; 
  left: 605px;
  color: #fff; 
  width: 150px; 
  line-height: 1.2em; 
  z-index: 20;
  
  height: 250px;
}














/*Testimonials */

div#testimonials-box{
  background-image: url(../images/site/porttfolio-box.jpg);
  background-repeat: no-repeat;
  width: 788px;
  height: 253px;
  position: absolute;
  top: 99px;
  left: 11px;

  
}

div#testimonials-box p{
  margin: 0.6em 0 0.6em 0;
    line-height: 1.3em;

}

div#testimonials-box .testimonials-left{
  position: absolute;
  top: 25px;
  left: 10px;
  width: 250px;
  height: 210px;
}

.left-caption{
        margin-top: 10px;
        color: #fff;
}

div#testimonials-box .testimonials-right{
  position: absolute;
  top: 10px;
  right: 20px;
  width: 500px;
  height: 200px;
 
  line-height: 1.2em;
  text-align: justify;
  color: #fff;

}

div#testimonial-buttons{
  position: absolute;
  top: 370px;
  height: 100px;
  width: 600px;
  right: 50px;
 
}

div#testimonial-buttons .promt{
  position: absolute;
  top: 0;
  right: 15px;
  line-height: 1.2em;
  background-image: url(../images/site/promt-bg.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  width: 400px;
  text-align: right;
  font-weight: bold;
  color: #121177;
  
}

div#testimonial-buttons .button-wrapper{
  position: absolute;
  top: 20px;
  right: 15px;
  text-align: left;
  width: 400px;

}

div#testimonial-buttons .button-wrapper img{
  margin:  1px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}


/* about us page */

#mainaboutbg{
  position: absolute;
  top : 49px;
  left: 0;
  width: 800px;
  height: 488px;;
  background-image: url(../images/site/about/mainaboutbg.jpg);
  background-repeat: no-repeat;
}

.abouttext{
  position: absolute;
  top:75px; 
  left: 15px;
  color: #fff; 
  width: 420px;
  z-index: 20;
  text-align: left;
}
  
  
  
.abouttext p,.teamtext p{
  line-height: 1.4em; 
  margin : 0.6em 0;


}


.teamtext{
position: absolute;
  top:70px; 
  left: 460px;
  color: #0F1179; 
  width: 330px; 
  line-height: 1.4em; 
  z-index: 20;
  text-align: left;


}

.teamtext p{
color: #0F1179; 


}



p.line{
 border-top: 1px solid #fff;
 padding-top: 7px;

  }
  
  p.indent{
    text-indent: 50px;
  }


.aboutdragon{
  float: right;
}

/*Projects*/

h1.projects{
  top: 384px;
  left: 10px;
  width: 340px;
  height: 95px;
 background-image: url(../images/site/projects/projectsheading.jpg);

}


#mainprojects{
  position: absolute;
  top : 0px;
  left: 0;
  width: 800px;
  height: 450px;;
 background-image: url(../images/site/projects/projectsbg.jpg);
  background-repeat: no-repeat;
}


#project-boxes{
  position: absolute;
  top: 266px;
  left: 546px;

}

#services-top-text{
  position: absolute;
  top: 40px;
  left: 40px;
  color: #0F1179;
  width: 300px;
}

#services-top-text p{
color: #0F1179;
line-height: 1.4em;
text-align: left;

}

/*contact */


h1.contact{

position: absolute;
background-image: url(../images/site/contact/contact-heading.jpg);
background-repeat: no-repeat;
top: 404px;
left: 262px;
width: 293px;
height: 76px;

}

#boxes-left-3{
  position: absolute;
  top: 340px;
  left: 106px;
 

}
#boxes-right-3{
  position: absolute;
  top: 340px;
  left: 590px;

}

#main_contact-text{
  position: absolute;
  top: 470px;
  left: 210px;
  width : 380px;
  color: #fff;


}

#main_contact-text p{
  line-height: 1.4em;
}

#main_contact-text input.news{
  background-color: #fff;
  border: 1px solid #030422;
  margin-left: 5px;
  float: left;
  width: 130px;
  
}

#main_contact-text label{
 
 
 
  float: left;
  line-height: 1.4em;
  width: 190px;
  text-align: right;
  padding-top: 2px;
}

.newsletter-btn{
  font-weight: bold;
  border: none;
  color: #fff;  
  background-color: #101070;
  border: 1px solid #030422;
  width: 35px;
  
}

#contact-left-text{
  position: absolute;
  top: 430px;
  left: 0px;
  width : 150px;
  color: #fff;
  
  text-align: left;
}
#contact-left-text p{
  line-height: 1.4em;
}

#contact-right-text{
  position: absolute;
  top: 430px;
  right: 0px;
  width : 150px;
  color: #fff;
  
  text-align: right;
}
#contact-right-text p{
  line-height: 1.4em;
}


/*Portfolio  */


img#portfolio-top-indicator{
  position: absolute;
  top: 0px;
  left: 250px;
}

img#portfolio-instruction-box{
  position: absolute;
  top: 63px;
  left: 15px;
}

div.med-pictures{
  position: absolute;
  top: 67px;
  left: 21px;
}


.port-description{
  position: absolute;
  top: 460px;
  width: 260px;
  color : #fff;
  line-height: 1.2em;
  font-size: 10px;
  text-align: center;
}

#portfolio-text{
  color: #fff;
  position: absolute;
  top: 470px;
  left: 0;  
  text-align: justify;
  width: 760px;
  left: 20px;
}

#portfolio-text p,#portfolio-text a{
  line-height: 1.4em;
}


#port-links{
  position: absolute;
  top: 360px;
  left: 430px;
  width: 400px;
  color: #101070;
  line-height: 1.5em;

}

#port-links a{  
  color: #101070;
  margin: 0  1px 0 1px;
  text-decoration: none;
}

#port-links a:hover{ 
  text-decoration: underline;
}

img.port-image-button{
  position: absolute;
  top: 382px;
  border: none;  
}

img.port-revitalise{left:16px;}
img.port-enhance{left:569px;}
img.port-energise{left:262px;}


div.indicator-text{
  position: absolute;
  top: 88px;
  left: 350px;  
  color: #fff;
  font-size: 14px;
  font-weight:normal;
  line-height: 1.2em;
}

.indicator-top-text
{
  position: absolute;
  top: 0px;
  left: 20px;
  width: 450px;
  color: #fff;
  font-size: 14px;
  font-weight:normal;
  line-height: 1.2em;
  text-align: left;
}

.indicator-top-text p
{
  line-height: 1.4em;
}

div.portfolio-row{  
  height: 55px;
  position: absolute;
}

div.portfolio-row img{
margin:  1px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  border: none;
}


div.portfolio-row span{
float: left;
}

.first{
  top: 115px;
  left: 250px;
  width : 520px;
   
}

.second{
  top: 175px;
  left: 265px;
  width : 520px;
  
}

.third{
  top: 235px;
  left: 250px;
  width : 520px;
   
}

.forth{
  top: 295px;
  left: 80px;
  width : 705px;
  
}

a.package_quote_link {
  text-decoration:none;

}