/**************** body and tag styles ****************/
	
	
	 .floatright
{
float: right;
margin: 0 0 10px 10px;
}
 }
	
	 .floatleft
{
float: left;
margin: 0px 10px 0px 0px;
}

	
	
	body {
	  margin-top: 0px;	  
	  margin-bottom: 30px;
          background:url(images/pencils.jpg);
		  background-repeat:no-repeat;
		  background-color: #A3D175		  ;
		  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.6em;
	  color: #000000;
	  }
	  
	  p {
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.6em;
	  color: #000000;
	  }

  .small {
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 9px;
	  line-height: 1.6em;
	  color: #000000;
	  }
	  
	  
div.thumb {
	margin: 5px;
	border: 1px solid #A0ACC0;
	height: auto;
	float: left;
	text-align: center;
	}	
.thumb img{
	display: inline;
	margin: 5px;
	border: 1px solid #A0ACC0;
	}
.thumb a:hover img {border: 1px solid black;}
.photocattitle {text-align: center; font-weight: bold;} 
.phototitle {
	text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 3px 3px 3px 3px;
  }


	#container {
	  margin: 3px, 3px, 3px, 3px;
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.6em;
	  color: #ffffff;
	  background-color: #000000;

	  }
	  
	#container2 {
	  margin: 0 auto;
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.6em;
	  color: #efefef;
	  background-color: #404040;
	  border: solid #110000;
          border-width: 0 1px 1px 1px;
		
	  }
		
		/* This is the transparent box */
#transbox {
	width: 300px;
	margin: 0 50px;
	background-color: #fff;
	border: 2px solid black;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	}
		
		#transbox div {
	padding: 20px;
	font-weight: bold;
	color: #000;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	}
		
		
		
		#container3 {
	  margin: 0 auto;
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.6em;
	  color: #efefef;
	  background-color: #909090;
	  border: solid #110000;
          border-width: 0 1px 1px 1px;

	  }
		
		.hire {
	  font: Trebuchet, Verdana, Arial, Helvetica, sans-serif;	  
	  font-weight: normal;
	  font-size: 9px;
	  color: #000000;
	  margin-bottom: 30px;
	  
          padding-left: 35px;
	  }	
		
	h1 {
	  font: Trebuchet, Verdana, Arial, Helvetica, sans-serif;	  
	  font-weight: normal;
	  font-size: 32px;
	  color: #efefef;
	  margin-bottom: 30px;
	  background-color: #666666;
          padding-left: 35px;
	  }
		
	h2 {
	  color: #efefef;
	  font-size: 140%;
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  background-color: #999999;
          padding-left: 20px;
          border:  solid #000000;
          border-width: 1px 1px 1px 1px;
	  }
	  
	  h3 {
	  color: #efefef;
	  font-size: 150%;
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  background-color: #999999;
          padding-left: 20px;
          border:  solid #000000;
          border-width: 1px 1px 1px 1px;
	  }
		
	a {
	  color: #333333;
          text-decoration: none;
	  font-weight: 200;
	  }

	a:hover {
	  color: #666666;
	  font-weight: 200;
	  text-decoration: none;
	  font-size:11px;
	  }

/**************** images styles ****************/		
	a img{
	  border:none;
	  }

	img.left,img.center,img.right {
	  padding: 4px;
	  border: 1px solid #110000;
          background-color: #efefef; 
	  }

	img.left {
	  float: left;
	  margin: 0 12px 5px 0;
	  }

	img.center {
	  display: block;
	  margin: 0 auto 5px auto;
	  }

	img.right {
	  float: right;
	  margin: 0 0 5px 20px;
	  }

/**************** form styles ****************/
	form {
	  float:right;
	  font-size: 11px;
	  }
		
	input {
	  background-color: #FFFFFF;
	  color: #999999;
	  border: 1px solid #2763A5;
	  font-size: 11px;
	  padding: 3px;
	  }
		
	.button {
	  padding: 2px;
	  background-color: #6DA6E2;
	  color: #FFFFFF;
	  border: 1px solid #2763A5;
	  font-size: 11px;
	  }

/**************** header styles ****************/
	#header {
	  width: 810px;
	  padding-bottom: 10px;
	  padding-top: 10px;
	  clear: both;
          border-top: solid #110000;
          border-left: solid #110000;
          border-right: solid #110000;
          border-width: 1px 1px 0 1px;
          background-color: #666666;
}
	#header p { 
	  margin-top: -20px;
	  margin-left: 60px;
	  color: #efefef;
	  }

/**************** menu styles ****************/
        ul.navbar {
         list-style-type:none;
         float:left;
         display:inline; 
         width:100%; 
         line-height:1px; 
         clear:both;
         padding:0;
         background-color:#555551;
         border-left: 1px solid #110000;
         border-right: 1px solid #110000;
         border-top: 1px solid #110000;
         border-bottom: 3px solid #110000;
         margin-left:-0px;
}

        ul.navbar li {
         display:inline;
         margin-right:0px;
}

        a.nav:link, a.nav:visited {
         display:block; 
         float:left; 
         width:24.5%; 
         padding:1em 2px 1em 0; 
         margin:0; 
         text-decoration:none; 
         background-color:#555551; 
         color:#FFFFFF;
         text-align: center;
         border-right: 1px solid #eeeeee;
         border-left: 1px solid #eeeeee;
}

        a.nav:hover {
         display:block; 
         float:left; 
         width:24.5%; 
         padding:1em 2px 1em 0; 
         margin:0; 
         text-decoration:underline overline; 
         background-color:#333333; 
         color:#FFFFFF;
         border-right: 1px solid #dddddd;
         border-left: 1px solid #dddddd;
}

        a.nav:active {
         display:block; 
         float:left; 
         width:24.5%; 
         padding:1em 0 1em 0; 
         margin:0; 
         text-decoration:none; 
         background-color:#999999; 
         color:#FFFFFF;
}


/**************** content styles ****************/
	#content1 {
	position:absolute;
	top:55px;
	  width: 150px;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 5px;
          margin-top: 5px;
		  font-size:9px;
	  }
		
		
		#content2 {
	  width: 560px;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 5px;
          margin-top: 5px;
		  margin-left:250px;
	  }
	  
	  
	  	#content_text1 {
	  position:absolute;
	  top: 140px;
	  width: 200px;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 55px;
          margin-top: 5px;
		  margin-left:675px;
	  }
	  
	  		#content {
	  width: 560px;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 5px;
	  float: left;
          margin-top: 5px;
	  }
	  
	  
	  #content_top {
	  width: 200px;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 5px;
	  float: left;
          margin-top: 0px;
		  margin-left:0px;
		 
	  }
	  
	  
	#content p {
	  padding-bottom: 20px;
	  border-bottom: 1px solid #DDDDDD;
	  }
	  
/**************** sidebar styles ****************/
	#sidebar {
	  width: 188px;
	  padding-left: 21px;
	  padding-right: 10px;
	  padding-top: 5px;
	  float: right;
          border-left: 1px solid #dddddd;
          margin-top: 5px;
	  }
		
	#sidebar p {
	  padding-bottom: 10px;
	  border-bottom: 1px solid #DDDDDD;
	  }
	  
/**************** footer styles ****************/
	#footer {
	  margin-top: 15px;
	  padding-top: 0px;
	  padding-bottom: 0px;
	  padding-left: 2px;
	  padding-right: 2px;
	  clear: both;
	  width: 806px;
	  background-color:#222224;
          border-top: 1px solid #000000;
	  }
		
	#footer p {
	  color:#efefef;
	  padding: 5px;
	  text-align: center;
	  }
		
	#footer p a {
	  color: #efefef;
	  font-weight:100;
	  }
		
	#footer p a:hover {
	  color: #dddddd;
	  text-decoration: none;
	  }