/*
<!--
Site designed by:SRC Web Designs
Coded By:Salvatore R. Conte
Copyright:2013
Client:2nd Coat Painting
*/



/******* Site Structure *******/

html 
  {
   background-color:black;
  }    

#body
  {
    width:1024px;
    height:250px;
    padding:0px;
   }    

.micro { display:block; margin-top:-2.0em; }
.quarter { display:block; margin-top:-1.75em; }
.half { display:block; margin-top:-1.25em; }
.threequarters { display:block; margin-top:-1.0em; }
.full { display:block; margin-top:-0.75em; }
.fullplus { display:block; margin-top:-0.6em; }
.expanded{ display:block; margin-top:2.0em; }

.container 
 {
  margin:auto;
  position:relative;
 }

.colwrapper_home {}
.ltcol_home, .ctcol_home, .rtcol_home{width:150px; margin:0 10px; padding:10px;}
.ltcol_home { float:left; }
.ctcol_home { float:left; }
.rtcol_home { float:right; }
.clear_home { clear:left; }

.colwrapper_profile {margin:0 55px; width:940px}
.ltcol_profile, .ctcol_profile, .rtcol_profile{width:150px; margin:0 10px; padding:10px;}
.ltcol_profile { float:left; }
.ctcol_profile { float:left; }
.rtcol_profile { float:right; }
.clear_profile { clear:left; }
	
	

/******* Div Attributes *******/


#bg_top
     {
      border:0px;
     }

#bg_footer
     {
      border:0px;
     }

#wrapper
     {
      background-color:black;
      width:1024px;
      height:274px;
      padding:0px;
      margin:0 auto;
      border:0px;
     }    

#header
     {
      width:1024px;
      height:274px;
      padding:0px;
     }    
	
#content
     {
      background-image:url(../graphics/bg_middle.png);
      border:0px;
      width:1024px;
      height:464px;
      padding:0px;
      border:0px;
     }    
		
#footer
     {
      background-image:url(../graphics/bg_footer.png);  
      border:0px;
      width:1024px;
      height:30px;
      padding:0px;
      border:0px;
     }    

	

/******* Font Styling *******/

#page_title
 {
  color:white;
  font-size:25px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
 }
 
#page_title_home
 {
  color:white;
  font-size:23px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
 }
 
#page_home
 {
  color:white;
  font-size:21px;
  text-align:center;
  margin-left:9%;
  margin-right:9%;
 }

#page_home_small
 {
  color:white;
  font-size:19px;
  text-align:center;
  margin-left:-35%;
  margin-right:35%;
 }

#page_profile
 {
  color:white;
  font-size:21px;
  text-align: justify;
  margin-left:8%;
  margin-right:35%;
 }

#page_services_links
 {
  color:#88CF00;
  font-size:22px;
  text-align:center;
  margin-left:11%;
  margin-right:11%;
 }

#page_services
 {
  color:white;
  font-size:19px;
  text-align:center;
  text-indent:25px;
  margin-left:8%;
  margin-right:8%;
 }

#page_services_interiorpainting
 {
  color:white;
  font-size:19px;
  text-align:justify;
  margin-left:7%;
  margin-right:7%;
 }

#page_services_exteriorpainting
 {
  color:white;
  font-size:19px;
  text-align:justify;
  margin-left:7%;
  margin-right:34%;
 }

#page_services_powerwashing
 {
  color:white;
  font-size:19px;
  text-align:justify;
  margin-left:10%;
  margin-right:10%;
 }

#page_services_epoxyflooring
 {
  color:white;
  font-size:19px;
  text-align:justify;
  margin-left:8%;
  margin-right:6%;
 }

#page_testimonials
 {
  color:white;
  font-size:16.5px;
  text-align:left;
  text-indent:0px;
  margin-left:7%;
  margin-right:7%;
 }
 
#page_contact
 {
  color:white;
  font-size:22px;
  text-align:center;
  margin-left:10%;
  margin-right:10%;
 }


/******* Navigation Buttons *******/

#button_home
          {
           position:relative;
	   top:-25%;
           left:3%;
           width:182px;
           height:50px;
           display:block;
	   background:transparent url('../graphics/button_home_a.png') center top no-repeat;
	   border:0px;
          }
#button_home:hover 
          {
	   background-image:url('../graphics/button_home_b.png');
          }

#button_profile
          {
           position:relative;
	   top:-43%;
           left:22%;
           width:182px;
           height:50px;
           display:block;
	   background:transparent url('../graphics/button_profile_a.png') center top no-repeat;
           border:0px;
          }
#button_profile:hover 
          {
	   background-image:url('../graphics/button_profile_b.png');
          }

#button_services
          {
           position:relative;
	   top:-61%;
           left:41%;
           width:182px;
           height:50px;
           display:block;
	   background:transparent url('../graphics/button_services_a.png') center top no-repeat;
           border:0px;
          }
#button_services:hover 
          {
	   background-image:url('../graphics/button_services_b.png');
          }

#button_testimonials
          {
           position:relative;
	   top:-79%;
           left:60%;
           width:182px;
           height:50px;
           display:block;
	   background:transparent url('../graphics/button_testimonials_a.png') center top no-repeat;
           border:0px;
          }
#button_testimonials:hover 
          {
	   background-image:url('../graphics/button_testimonials_b.png');
          }

#button_contact
          {
           position:relative;
	   top:-97%;
           left:79%;
           width:182px;
           height:50px;
           display:block;
	   background:transparent url('../graphics/button_contact_a.png') center top no-repeat;
           border:0px;
          }
#button_contact:hover 
          {
	   background-image:url('../graphics/button_contact_b.png');
          }



/******* Photo Positioning *******/

#photo_paintinterior
    {
     position:relative;
     left:32%;
     width:400px;
     height:229px;
     border:0px;
    }

#photo_paintexterior
    {
     position:relative;
     left:-8%;
     width:240px;
     height:320px;
     border:0px;
     float:right;
    }
    
#photo_paintexterior2
    {
     position:relative;
     left:-20%;
     width:420px;
     height:210px;
     border:0px;
     float:right;
    }    
    
#photo_powerwashing
    {
     position:relative;
     left:40%;
     width:215px;
     height:262px;
     border:0px;
    }
    
#photo_epoxyfloors1
    {
     position:relative;
     left:13%;
     width:367px;
     height:210px;
     border:0px;
    }

#photo_epoxyfloors2
    {
     position:relative;
     left:13%;
     width:367px;
     height:210px;
     border:0px;
    }

#photo_nick
        {
         position:relative;
         top:7%;
         left:-10%;
         border:0px;
        }

/******* Other Graphics *******/

    
#anvsoftJavaScriptSlideshow
    {
     position:relative;
     top:0%;
     left:-20%;    
    }

#button_instagram
          {
           position:relative;
	   top:11%;
           left:-10%;
           width:60px;
           height:60px;
           display:block;
	   background:transparent url('../graphics/instagram_button_a.png') center top no-repeat;
           border:0px;
          }
#button_instagram:hover 
          {
	   background-image:url('../graphics/instagram_button_b.png');
          }	  

#button_facebook
          {
           position:relative;
	   top:11%;
           left:-10%;
           width:60px;
           height:60px;
           display:block;
	   background:transparent url('../graphics/facebook_button_a.png') center top no-repeat;
           border:0px;
          }
#button_facebook:hover 
          {
	   background-image:url('../graphics/facebook_button_b.png');
          }

#button_linkedin
          {
           position:relative;
	   top:11%;
           left:-10%;
           width:60px;
           height:60px;
           display:block;
	   background:transparent url('../graphics/linkedin_button_a.png') center top no-repeat;
           border:0px;
          }
#button_linkedin:hover 
          {
	   background-image:url('../graphics/linkedin_button_b.png');
          }