/* Layout */

body {

  background: #000;

  color: #ccc;

  font: 11px arial, verdana, helvetica, sans-serif;

}



h1, h2, h3, h4, h5, h6 {

  font-weight: normal;

}



.center {

  text-align: center;

}



.big-text {

  font-size: 20px;

}



.medium-text,

.big-text .medium-text {

  font-size: 14px;

}



.small-text {

  font-size: 11px;

}



.red-text {

  color: #F00;

}



/* FOR USE ON STUDIO.PHP PAGE */

#slideshow {

	width: 710px;

	height: 383px;

	margin: 0px auto 15px auto;

}



#studio .big {

	font-size: 14px;

	color: #fff;

}



#studio .list {

	font-size: 14px;

	list-style-type: disc;

	margin-left: 300px;

}



#header {

  height: 281px;

  width: 1280px;

  margin: 0 auto;

  margin-top: 33px;

  background: url(../images/header.png) center top no-repeat;

}



  #header h1 {

    height: 118px;

    margin-bottom: 18px;

  }

  

    #header h1 a {

      display: block;

      height: 100%;

      margin: 0 160px;

      /* text-indent: -9999px; */

    }

  

  #header h2 {

    height: 90px;

    margin-bottom: 15px;

    text-indent: -9999px;

  }



  /* Navigation */

  #header ul {

    margin: 0 0 0 170px;

    font: 12px arial, verdana, helvetica, sans-serif;

    font-weight: bold;

    letter-spacing: -1px;

  }

  

    #header ul li {

      float: left;
	display: block;
      margin-right: 18px;

    }

    

    #header ul li.last {

      margin: 0;

    }

  

      #header li a {

        color: #fff;
        font-size: 16px;
		padding: 10px 8px 8px 8px;
        text-decoration: none;
		display: block;
      }

      

      #header li.current a {
		text-decoration: underline;
      }

      

        #header li a:hover {

          text-decoration: underline;

        }

        

#document {

  width: 1280px;

  margin: 0 auto;

  background: url(../images/document_gradient.png) top left repeat-x;

}



  #document #content {

    background: url(../images/sides.png) top center repeat-y;

  }

    

    /* Content width is: 815 */

    #document #content #main {

      background: url(../images/vines.png) top center no-repeat;

      overflow: hidden;

      padding-left: 222px;

      padding-right: 228px;

	  min-height: 480px;

    }



#footer {

  clear: both;

}



  #footer span {

    display: block;

  }

  

  #footer p {

    margin-bottom: 1.5em;

    text-align: center;

  }

  

/* Big Block */

.big-block {

  overflow: hidden;

  padding-top: 13px;

  background: url(../images/big_block_top.png) top center no-repeat;

}



  .big-block .big-block-wrap {

    overflow: hidden;

    margin-bottom: ;

    padding-bottom: 13px;

    background: url(../images/big_block_bottom.png) bottom center no-repeat;

  }

  

  .big-block .big-block-content {

    background-color: #000;

    padding: 10px 20px;

    overflow: hidden;

  }

  

    .big-block .big-block-content p {

      font-weight: normal;

      line-height: 1.2em;

      margin-bottom: 1.5em;

    }

    

      .big-block .big-block-content p span {

        display: block;

      }

#primary h1 {

	font-size: 24px;

	margin-bottom: 12px;

	text-align: center;

}

  

/* Index page */

body#home #primary,

body#home #secondary {

  float: left;

}



body#home #primary .inner {

  /*height: 412px;*/

  padding-left: 20px;

}



body#home #primary {

  width: 535px;

  padding-top: 30px;

  background: url(../images/home_gradient.png) top left repeat-x;

}



  body#home #primary p {

    /* text-align: right; */

    font-weight: normal;

    line-height: 1.5em;

    margin-bottom: 1.5em;

    margin-left: 15px;

  }
  body #primary p{
    font-size: 14px;
  }

  body#home #primary p.W span.W {

    font-size: 24px;

    font-weight: normal;

    font-family: Times, "Times New Roman", serif;

  }

  

  /* Slightly hacked out ornate W, doesn't fully work yet.

  body#home #primary p.W {

    line-height: 56px;

    margin-bottom: 0;

  }

  

  body#home #primary p.W span.W {

    display: inline;

    position: absolute;

    width: 68px;

    height: 36px;

    text-indent: 9999px;

    background: url(../images/cap_W.png) top left no-repeat;

  } */



body#home #secondary {

  width: 280px;

  margin-top: 30px;

  /* background: url(../images/home_secondary.png) 10px top no-repeat; */

}



  body#home #secondary .inner {

    /* padding-top: 400px; */

	padding-left: 8px;

	padding-top: 8px;

  }



  body#home #secondary p {

    text-align: center;

    padding: 0 40px;

  }



body#home #document {

  background: url(../images/home_gradient.png) top left repeat-x;

}



body#home #document #main {

  padding-bottom: 40px;

}



/* Testimonials */

body#testimonials .inner {

	padding: 10px 40px 0;	

}

	body#testimonials .testimonial {

		margin: 0 0 24px 0;

	}

	body#testimonials .testimonial p {

		margin-bottom: 8px;

	}

	body#testimonials .bigcap {

		font-size: 200%;

	}



/* The InkLab Experience */

body#experience #primary {

  padding-top: 60px;

}



body#experience #primary h2.heading {

  width: 740px;

  height: 70px;

  margin: 0 auto;

  text-indent: -9999px;

  background: url(../images/heading_experience.png) top left no-repeat;

}



body#experience .inner {

  width: 784px;

  margin: 0 auto;

}



  body#experience #tattoo-experience {

    padding: 20px 0;

  }

  

  body#experience #secondary .big-block .big-block-content p {

    line-height: 1.5em;

  }



/* Appointments */

body#appointments #primary {

	width: 535px;

}

body#appointments #secondary {

	width: 280px;

}

body#appointments #primary, body#appointments #secondary {

	float: left;

}

body#appointments #primary .inner {

  /* width: 784px; */

  margin: 20px auto;

  /* padding-top: 30px; */

  padding-left: 40px;

  /* background-color: #000; */

}

body#appointments #primary .inner p {

	margin-bottom: 8px;

}

body#appointments #secondary .inner {

	text-align: center;

}



body#appointments #primary .inner h2.heading {

  /* width: 780px; */

  height: 150px;

  margin: 0 auto;

  text-indent: -9999px;

  background: url(../images/heading_appointments.png) top center no-repeat;

}



body#appointments #primary .inner h3.sub-heading {

  margin-top: 20px;

  margin-bottom: 80px;

  font-size: 24px;

}



  body#appointments #primary .inner h3.sub-heading span {

    display: block;

  }



body#appointments table {

  width: 700px;

  margin: 0 auto;

}



  body#appointments table td {

    white-space: nowrap;

  }



body#appointments table#form-data td {

  padding-bottom: 5px;

}



  body#appointments table#form-data tr.submit td {

    padding-top: 10px;

    padding-bottom: 200px;

  }



body#appointments table#captcha-table {

  background-color: #789;

}



  body#appointments table#captcha-table tr.first {

    background-color: #800;

  }

  

  body#appointments table#captcha-table td {

    vertical-align: top;

    padding: 5px;

  }

  

    body#appointments table#captcha-table td.captcha-image {

      width: 50px;

    }

  

    body#appointments table#captcha-table td span {

      color: #000;

      display: block;

    }

    

/* Artists Page */

body#artists #document {

  background: url(../images/document_gradient_short.png) top left repeat-x;

}



body#artists #headings {

  width: 784px;

  margin: 0 auto;

}



body#artists .inner {

  clear: both;

  width: 784px;

  margin: 0 auto;

}



  body#artists #headings a.heading,

  body#artists #headings h2#heading {

    float: left;

    display: block;

    text-indent: -9999px;

    background-position: center center;

    background-repeat: no-repeat;

  }

  

  body#artists #headings a.appointments {

    width: 153px;

    height: 28px;

    background-image: url(../images/link_artists_appointments.png);

    margin-top: 102px;

  }

  

  body#artists #headings h2#heading {

    width: 433px;

    height: 69px;

    background-image: url(../images/heading_artists.png);

    margin: 65px 21px 10px;

  }

  

  body#artists #headings a.studio {

    width: 156px;

    height: 35px;

    background-image: url(../images/link_artists_studio.png);

    margin-top: 97px;

  }

  

body#artists .artist {

  width: 722px;

  height: 255px;

  margin: 0 auto;

  margin-bottom: 40px;

  background: url(../images/artist_bg.png) center center no-repeat;

}



  body#artists .artist h3 {

    position: absolute;

    margin-top: 219px;

    margin-left: 15px;

    font-size: 30px;

    font-weight: bold;

    text-transform: uppercase;

  }

  

  body#artists .artist a.schedule-appointment {

    position: absolute;

    display: block;

    margin-top: 15px;

    margin-left: 510px;

    width: 201px;

    height: 57px;

    background: url(../images/block_artists_schedule.png) center center no-repeat;

    text-indent: -9999px;

  }

  

  body#artists .artist .artist-details {

    padding-top: 6px;

    padding-left: 7px;

  }

  

    body#artists .artist .artist-details img {

      float: left;

    }

    

    body#artists .artist .artist-details h4 {

      font-size: 14px;

      font-weight: bold;

      letter-spacing: -1px;

      margin-bottom: 1.2em;

    }

    

    body#artists .artist .artist-details h4,

    body#artists .artist .artist-details p {

      padding-left: 110px;

    }

    

    body#artists #rob_holland h4 {

      margin-bottom: 70px;

    }



body#artists #group img {

  float: left;

}



/* Studio page */



body#studio .inner {

  clear: both;

  width: 784px;

  margin: 0 auto;

}



/* Tattoo page */

body#tattoos #document {

  background: url(../images/document_gradient_short.png) top left repeat-x;

}



body#tattoos h2#heading {

  background: url(../images/heading_tattoos.png) center center no-repeat;

  height: 99px;

  text-indent: -9999px;

  margin-bottom: 10px;

}



body#tattoos .inner {

  clear: both;

  width: 784px;

  margin: 0 auto;

}



body#tattoos .instructions {

  background: url(../images/heading_tattoos_2.png) center top no-repeat;

  padding-top: 80px;

  margin-top: 30px;

}



/* Fine Art Gallery */

body#fine_art #document, body#friends #document, body#eightinapparel #document {

  background: url(../images/document_gradient_short.png) top left repeat-x;

}

body#fine_art .inner, body#friends .inner {

	text-align: center;

	padding: 24px 48px;

}

body#fine_art .inner p {

	margin-bottom: 12px;

}



body#fine_art h2#heading {

  /*background: url(../images/heading_comingsoon.png) center center no-repeat;

  height: 480px;

  margin-bottom: 100px;

  text-indent: -9999px;*/

}



/* Our Friends */

body#friends td p {

	margin: 8px 0 12px;

}

body#friends td a {

	color: #fff;

	font-size: 12px;

}




/* page blocks */

#page-blocks {

  overflow: hidden;

}



#page-blocks a {

  display: block;

  float: left;

  width: 230px;

  height: 92px;

  text-indent: -9999px;

  background: left center no-repeat;

}



  #page-blocks a.studio {

    width: 254px;

    background-image: url(../images/block_studio.png);

  }



  #page-blocks a.schedule {

    width: 198px;

    background-image: url(../images/block_schedule.png);

  }



#page-blocks a.small {

  height: 92px;

  margin-right: 70px;

}



  #page-blocks a.schedule-small {

    width: 206px;

    margin-left: 20px;

    background-image: url(../images/block_schedule_small.png);

  }



  #page-blocks a.studio-small {

    width: 180px;

    background-image: url(../images/block_studio_small.png);

  }



  #page-blocks a.tattoos-small {

    width: 185px;

    margin-right: 0;

    background-image: url(../images/block_tattoos_small.png);

  }





/* page blocks: home */

body#home #page-blocks a.studio {

  margin-left: 53px;

  margin-right: 30px;

}



/* page blocks: appointments */

body#appointments #page-blocks a.studio {

  margin-left: 50px;

}