/* Specify blanket rules for all elements */ 
  body { 
    text-align: center;
    font-family: 'Arial',sans-serif;
    font-size: 12px;
    color: #fff;
    margin: 0;
    background-color: #000;
    }
    
/* Rules for headings */ 
h1 { 
    font-size: 36px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    } 
h2 { 
    font-size: 17px;
    font-weight: normal;
    margin: 0;
    padding: 0;
  } 
h3 { 
    font-size: 21px;
    font-weight: normal;
    margin: 0;
    padding: 0;
  }
  
  
/* Rules for standard elements */
  
ul {
	margin: 0;
	padding: 0;
} 

p {
	padding: 0;
}
  
  
/* Rules for links */ 
a:link { 
    color: #fff;
    text-decoration: none;
  } 

a:hover { 
	color: #6cc;
    text-decoration: none;
  }
  
a:active { 
	color: #fff;
    text-decoration: none;
  }
  
a:visited { 
	color: #fff;
    text-decoration: none;
  }
  
a img {
	border: none; 
}

.btnstyle {
  display: block;
  font-size: 12px;
  background-image: url(../img/btn_arrow_blk.gif);
  background-repeat: no-repeat;
  margin: 15px 0 0px 0;
  padding: 0px 0px 5px 20px;
}

  

/* Page Align */
#pagealign {
  text-align: center;
  width: 960px;
  margin: 0 auto;
  background-image: url(../img/bg_main_sidebar.jpg);
  background-repeat: repeat-y;
  background-position: top;
}

/* Masthead */
#masthead {
  text-align: left;
  width: 846px;
  height: 101px;
  background-image: url(../img/bg_main_header.jpg);
  background-repeat: no-repeat;
  background-position: top;
  padding: 19px 57px 0px 57px;
}

.logo {
	float: left;
	width: 500px;
}

.logo img {
	float: left;
	width: 70px;
	margin: 0 15px 0 0;
}

.logo h1 {
	margin: 16px 0 0 15px;
	
}

.tagline {
	float: right;
	text-align: right;
	font-size: 14px;
	margin: 36px 12px 0 0;
}

/* Page Content */

#pagecontent {
  clear: both;
  width: 846px;
  margin: 0 57px 0px 57px;
}

#pagecontent h2 {
  float: left;
  margin: 12px 0 22px 22px;
}

.containerleft {
  float: left;
  text-align: left;
  width: 421px;
  background-image: url(../img/bg_topheader_short.jpg);
  background-repeat: no-repeat;
  background-position: top;
  margin: 0 0 30px 0;
}

.containerleft .btnstyle {
  float: right;
  margin: 15px 22px 0 0;
}

.containerright {
  float: right;
  text-align: left;
  width: 421px;
  background-image: url(../img/bg_topheader_short.jpg);
  background-repeat: no-repeat;
  background-position: top;
  margin: 0 0 30px 0;
}

.sketchbook {
  clear: both;
  width: 395px;
  height: 360px;
  background-image: url(../img/bg_sketches.gif);
  background-repeat: no-repeat;
  background-position: top;
  margin: 0 13px 0 13px;
}

.sketchbook img {
  margin: 10px;
}

.piximixpromo {
  clear: both;
  width: 344px;
  height: 135px;
  background-image: url(../img/bg_piximix.gif);
  background-repeat: no-repeat;
  background-position: top;
  margin: 0 0 30px 0;
  padding: 30px 39px 0 39px;
}

.piximixpromo h3 {
  text-indent: -99999px;
  height: 35px;
  background-image: url(../img/logo_piximix.gif);
  background-repeat: no-repeat;
  background-position: top left; 
  margin-bottom: 10px;
}

.piximixpromo .btnstyle {
  background-image: url(../img/btn_arrow_red.gif);
}

.piximixpromo .btnstyle a:hover { 
	color: #600;
    text-decoration: none;
}

.portfoliopromo {
  clear: both;
  width: 344px;
  height: 130px;
  background-image: url(../img/bg_portfolio.gif);
  background-repeat: no-repeat;
  background-position: top;
  margin: 0;
  padding: 35px 39px 0 39px;
}

.portfoliopromo h3 {
  font-size: 30px;
  margin: 5px 0 20px 0;
}

.portfoliopromo .btnstyle {
  background-image: url(../img/btn_arrow_aqua.gif);
}

.portfoliopromo .btnstyle a:hover { 
	color: #066;
    text-decoration: none;
}

.sitecontent {
  font-size: 14px;
  line-height: 18px;
}

.containerfull {
  clear: both;
  float: left;
  text-align: left;
  width: 846px;
  background-image: url(../img/bg_topheader_long.jpg);
  background-repeat: no-repeat;
  background-position: top;
}

.projectrow {
  clear: both;
  width: 820px;
  height: 165px;
  margin: 0 12px 30px 12px;
  color: #666;
}

.projectrow h3 { 
  margin: 0 0 10px 0;
  color: #fff;
}

.projectleft {
  float: left;
  width: 395px;
  height: 165px;
  background-image: url(../img/bg_projects.gif);
  background-repeat: no-repeat;
  background-position: top;
}

.projectright {
  float: right;
  width: 395px;
  height: 165px;
  background-image: url(../img/bg_projects.gif);
  background-repeat: no-repeat;
  background-position: top;
}

.projimg {
  float: left;
  width: 150px;
  margin: 7px 10px 8px 8px;
}

.projcontent {
  float: right;
  width: 217px;
  margin: 44px 10px 0px 0px;
}

.projcontentblank {
  float: left;
  margin: 44px 10px 0px 44px;
}

.projcontentblank h3 {
  color: #666;
}



/* Footer */
#footer {
  text-align: center;
  width: 960px;
  margin: 0 auto;
  clear: both;
  font-size: 10px;
  color: #333;
  padding-top: 50px;
  padding-bottom: 20px;
  background-image: url(../img/bg_main_bottom2.jpg);
  background-repeat: no-repeat;
  background-position: top;
}