/* Jesse Gaylie (c)2010 */
/* Cascading style sheet for 121 Renovations website */

a         { }
a:link    { color: #000000; text-decoration: none; }
a:visited { color: #000000; text-decoration: none; }
a:hover   { color: #a9a9a9; text-decoration: none; background-color: transparent; }
a:active  { color: #000000; text-decoration: none; background-color: transparent; }
img       { border: 0; }

body {
   background-color: #ffffff;
   background-image:url('assets/gradient.gif');
   background-repeat: repeat-x;
   background-position: top left;
   text-align: center;
}

.button a {
   display: table-cell;
   margin: 0 -2 0 -2;
   padding: 8px 0 0 0;
   width: 154px;
   height: 36px;
   color: #ffffff;
   font-size: 16px;
   font-weight: bold;
   font-family: "Calibri";
   background: url("assets/button.gif") no-repeat scroll top center;
}
.button a:visited {
   color: #ffffff;
}
.button a:hover {	
   background-position: 0 -36px;
   color: #a9a9a9;
}
.button a:active {
   background-position: 0 -36px;
   color: #a9a9a9;
}
.fontMain {
   display: block;
   margin: 0 auto 0 auto;
   padding: 0 12px 0 24px;
   color: #000000;
   font-size: 17px;
   font-weight: normal;
   font-family: "Verdana";
   text-align: left;
}

#header {
   display: block;
   margin: 0 auto 0 auto;
   width: 768px;
   height: 187px;
   background: #ffffff url(assets/logo.gif) no-repeat scroll top center;
}
#menu {
   display: block;
   margin: 0 auto 0 auto;
   width: 768px;
   height: 36px;
   background: #ffffff no-repeat scroll top center;
}
#content {
   display: block;
   margin: 0 auto 0 auto;
   width: 768px;
   height: 1168px;
   background: #ffffff no-repeat scroll top center;
}
#footer {
   display: block;
   margin: 0 auto 0 auto;
   width: 768px;
   height: 75px;
   background: #ffffff;
   color: #000000;
   font-size: 16px;
   font-weight: bold;
   font-family: "Calibri";
   text-align: center;
}

/* Home page assets*/
#bathroom {
   display: block;
   margin: 0 auto 12px auto;
   width: 768px;
   height: 448px;
   background: transparent url(assets/bathroom.jpg) no-repeat scroll center;
}

/* AboutUs page assets*/
#justin {
   display: block;
   margin: 0 auto 0 48px;
   width: 700px;
   height: 210px;
   background: transparent url(assets/justin.gif) no-repeat scroll left;
}
#jesse {
   display: block;
   margin: 0 auto 0 48px;
   width: 700px;
   height: 173px;
   background: transparent url(assets/jesse.gif) no-repeat scroll left;
}
.fontAbout {
   display: block;
   margin: 0 auto 0 170px;
   color: #000000;
   font-size: 17px;
   font-weight: normal;
   font-family: "Verdana";
   text-align: left;
}

/* Services page assets*/
#stairs {
   display: block;
   margin: 0 auto 0 auto;
   width: 600px;
   height: 400px;
   background: transparent url(assets/stairs.gif) no-repeat scroll right;
}
#tile {
   display: block;
   margin: 0 auto 0 auto;
   width: 600px;
   height: 300px;
   background: transparent url(assets/tile.gif) no-repeat scroll right;
}
.fontServices {
   display: block;
   margin: 0 auto 0 auto;
   color: #000000;
   font-size: 17px;
   font-weight: normal;
   font-family: "Verdana";
   text-align: left;
}
.fontFinishing {
   display: block;
   margin: 8px 96px 0 auto;
   color: #000000;
   font-size: 17px;
   font-weight: normal;
   font-family: "Verdana";
   text-align: right;
}
.fontTile {
   display: block;
   margin: 8px 154px 0 auto;
   color: #000000;
   font-size: 17px;
   font-weight: normal;
   font-family: "Verdana";
   text-align: right;
}

/* Projects page assets*/
.fontProject {
   display: block;
   margin: 0 auto 0 24px;
   color: #ff7e00;
   font-size: 17px;
   font-weight: normal;
   font-family: "Verdana";
   text-align: left;
}
.thumb a {
   display: table-cell;
   padding-top: 6px;
   box-sizing: border-box;
   width: 80px;
   height: 77px;
   background: url("assets/thumb.gif") no-repeat scroll top center;
   text-align: center;
}
.thumb a:hover {	
   background-position: 0 -77px;
}
.thumb a:active {
   background-position: 0 -77px;
}
.thumbNails {
   display: block;
   margin: 0 auto 0 auto;
   width: 700px;
   height: 180px;
   text-align: left;
}