/* CSS Document */
html {height:100%;}
    body {
    height: 100%;
    width: 100%;
    margin: 0;
    }
    
    
    p {
    font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666; margin:0px 16px 8px 16px;
    }
    
    p a {
    color: #fff;
    text-decoration: none;
    }
    
    p a:hover {
    color: #e6e346;
   	}

	text a {color:#333333; font-weight:bold;}
img {border:none;}

/*img.x
{
margin: 0 auto;	
	padding:0;
	width:711px;
position:absolute;
left:0px;
top:0px;
z-index:0
}*/
#wrapper{width:737px; height:600px; margin: 0 auto;	
	padding:30px;}
#headerspace{width:100%; height:80px; background-color: #B8BAAE;}
#logo{float:left; width:255px; height: 66px; margin-left:-4px; background-color: #FFF;}
#menu{float:right; width: 470px; height: 56px; padding-top:10px; padding-right:10px; margin-right:6px; background-color: #FFF;}
#container{clear:both; width:711px; height:430px; 
  background-color: #fff;
  margin: 0 0 6px -4px;
  padding: 12px;}
 #next {position:absolute; left:669px; top:404px;}
 #previous{position:absolute; left:619px; top:404px;}
#content{background-color:#F0F0F0; width:711px; height:430px; position:relative;}
#content_home{width:711px; height:430px;}
#content_project1{background: url(images/projects/project1/project1_01.jpg);  width:711px; height:430px;}
#content_project2{background: url(images/projects/project2/project2_01.jpg);  width:711px; height:430px;}
#content_project3{background: url(images/projects/project3/project3_01.jpg);  width:711px; height:430px;}
#content_project4{background: url(images/projects/project4/project4_01.jpg);  width:711px; height:430px;}
#content_project5{background: url(images/projects/project5/project5_01.jpg);  width:711px; height:430px;}
#content_project6{background: url(images/projects/project6/project6_01.jpg);  width:711px; height:430px;}

/* HERE IS THE SKETCHBOOK CONTECT FOR THE FIRST PAGE OF EACH SKETCHBOOK PAGE */

#content_sketchbook_1{background: url(images/sketchbook/sketchbookimage_1_1.jpg);  width:711px; height:430px;}
#content_sketchbook_2{background: url(images/sketchbook/sketchbookimage_2_1.jpg);  width:711px; height:430px;}
#content_sketchbook_3{background: url(images/sketchbook/sketchbookimage_3_1.jpg);  width:711px; height:430px;}
#content_sketchbook_4{background: url(images/sketchbook/sketchbookimage_4_1.jpg);  width:711px; height:430px;}
#content_sketchbook_5{background: url(images/sketchbook/sketchbookimage_5_1.jpg);  width:711px; height:430px;}
#content_sketchbook_6{background: url(images/sketchbook/sketchbookimage_6_1.jpg);  width:711px; height:430px;}


#content_farm{background: url(images/projects/farm/farm_01.jpg);  width:711px; height:430px;}
#jason{width: 281px; padding-top:5px; background-color:#F0F0F0; margin:0; }
#show_hide{width: 173px; height:20px; padding-top:4px; background-color:#F0F0F0; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; float:left; }
#image_control{width: 108px; height:20px; padding-top:4px; background-color:#F0F0F0; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; float:right; }
#show_nextcontainer{width:281px; height:20px;}

#left_content{float:left; background-color:#F0F0F0; width:281px; height:430px;}

#right_content{ float:right; /*background-color:#FFCCCC; */ width:430px; height:430px;}
#right_content_blog{ float:right; border-top:1px solid; border-bottom:1px solid; border-color:#F0F0F0; width:430px; height:428px; background-color:#FFFFFF; overflow:auto;}



#footer{clear:both; margin-left:-4px; width: 737px; height :82px; background-color: #B8BAAE;}
.footertext{font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; margin: 2px; padding: 3px 0 0 5px;}
.img-shadow {width:100%;
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right;
  /*background: url(shadow.gif) no-repeat bottom right;*/
  margin: 5px 0 0 5px;
  
  }
.title{font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #333; font-weight:bold; margin:10px 16px 6px 16px; }
.date{font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #333;  margin:10px 16px 6px 16px; }
.text{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666; margin:0px 16px 8px 16px; }
.blogtext{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666; margin:0px 16px 8px 16px; padding-top:5px; padding-bottom:10px;}
.title_trans{font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #000; font-weight:bold; margin:10px 16px 6px 16px; filter:alpha(opacity=99);-moz-opacity:.99; opacity:.99;}
.text_trans{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000 ; margin:0px 16px 8px 16px; filter:alpha(opacity=99);-moz-opacity:.99; opacity:.99;}
.style1 {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-decoration:none;
	margin-left:16px;
	margin-top:12px;
	padding-top:4px;

}
.style2 {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-decoration:none;
	margin-left:0px;
	margin-top:12px;
	padding-top:4px;

}
.style_sketchbook_next{color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-decoration:none;
	     }
	
.style_sketchbook_previous{color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-decoration:none;
	     }
style_sketchbook a:hover {color:#FF9900;}