@charset "UTF-8";
/* CSS Document */


body {
	background-image:url(../images/WoodFine0007_M.jpg);
	}

#wrapper {
	width: 900px;
	height: 700px; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	}

#header {
	position: relative;
	top: 0px;
	width: 900px;
	height: 120px;
	background-image:url(../images/jamesbuiltBG3.jpg);
	}
	
#content {
	position: relative;
	top: 0px;
	width: 900px;
	height: 575px;
	background-image:url(../images/jamesbuiltBG6.gif);
    background-color: none;
	font-family: Copperplate, Arial;
	}




a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: underline;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #CCC;
}



/*text box on contact page*/
#textbox {
    position: relative;
	left: 155px;
	top: -400px;
	width: 500px;
	height: 300px;
	background-color:#5E4133;
	}
	
	

	
/*holds text on java pages*/	
#textbox1 {
	position:absolute;
	left: 230px;
	top: 140px;
	width: 525px;
	height: 350px;
	background-color: #5E4133;

	}

/*Holds The text on reg pages*/
#text {
	position: relative;
	left: 255px;
	top: -200px;
	width: 400px;
	height: 350px;
	}
	
/*text on java pages*/
#text1 {
	position: absolute;
	left: 240px;
	top: 140px;
	width: 475px;
	height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding-right: 58px;
	}

/*Text for content in java*/
#text1 p {
	padding: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCCCCC;
	margin-top: 0px;
	}

/*about page text*/
#text3 {
	position: relative;
	left: 200px;
	top: -780px;
	width: 530px;
	height: 350px;
	padding-right: 40px;
	overflow-x: hidden;
	overflow-y: scroll;
	}

p {
	padding: 20px;
	font-family:Verdana, Geneva, sans-serif, HelveticaNeueLT Std, Cooper Black;
	font-size: 14px;
	color:#FFF;
	}
	

#footer {
	position: relative;
	bottom:700px;
	width: 900px;
	height: 65px;
	bottom: 5px;
	
	}
	
/* This removes the indent on the navigation list */
/*nav list for bottom	*/
#navlist {
	text-align:center;
	margin-left: 0px;
	padding-left: 10px;
	margin-top: 0px;
	
	}
	
/* This removes the bullets from the li tag in navlist */
/* This displays the navagation list horizontally */
/*nav list for bottom	*/
#navlist li {
	list-style-type: none;
	display: inline;
	padding-left: 10px;
	font-family: Copperplate, Arial,;
	font-size:12px;
	font-weight:100;
	color:#999999;
	}
/*nav list for bottom	*/	
#navlist a {
	text-decoration: none;
	display: inline;
    padding-left: 0px;
	padding-right: 0px;
	font-family: Copperplate, Arial;
    font-size:12px;
	font-weight:100;
	color:#FFF;
	}
	
	
/*nav list for bottom	*/
#navcontainer {
	opacity: .70; /*for recent mozilla browsers*/
	filter: alpha(opacity=70); /*for IE*/
	-moz-opacity: 0.70; /* for older mozilla browsers*/
	}
	
/* This will make the object 70% opaque */
.trans70 {
	opacity: .70; /*for recent mozilla browsers*/
	filter: alpha(opacity=70); /*for IE*/
	-moz-opacity: 0.70; /* for older mozilla browsers*/
	}
	
/*#commentsbox {
	position: relative;
	left: 500px;
	bottom: 460px;
	width: 350px;
	height: 350px;
	background-color: #5E4133;
	}*/
	
	/*CSS for my form*/	
#contacttable {
	width:auto;
	height: 300px;
	padding: 20px;
	}
	
label, select {
	color:#FF0000;
	font-family: Copperplate, Arial,;
	font-size: 11px;
	color: #FFF;
	}
	/*CSS for my form end*/	
	
textarea {
	width: 230px;
	height: 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	}
	
/*submit, input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	}*/
	
	
/*nav box (moves the side box around)*/
#navcontainer {
	position: absolute;
	top: 140px;
	left: 75px;
	width: 150px;
	height: 278px;
	background-color: #5E4133;
	}
/* edits nav text	*/
#navcontainer ul {
	margin-top: 20px;
	padding: 0px;
	list-style-type: none;
	}

/*edits nav text /block*/
#navcontainer a {
	display: block;
	width: 150px;
	height:30px;
	background-color: #5E4133;
	}

#navcontainer a,  #navlist a:visited {
	font-family: Copperplate, Arial,;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: -16px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	
	}
	

#navcontainer a:hover {
	background-color:  #5E4133;
	color: #999999;
	cursor: pointer;
	}
	
#thumb {
	position: absolute;
	left: 75px;
	top: 140px;
	}
	
#thumb2 {
	position: absolute;
	left: 280px;
	top: 110px;
	}

	
.lightpic {
	padding: 0px;
	border: none;
	}
	
/*this is the class that will be applied by javascript*/
.lightpic_hover {
	padding: 0px;
	border: none;
	}

html img {border-color:#5E4133;}

/*Headers for content	*/



/*darestudio*/
h2 {
	font-family: Myriad Pro, sans-serif;
	font-size: 12px;
	color:#FFF;
	font-weight: 100;
	margin-top: -32px;
	}


	
	
 #tabsK {
    
	  float:left;
      width:100%;
      background:none;
      font-size:93%;
      line-height:normal;
	  border-bottom: none;
      }
    #tabsK ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      font-family: Copperplate, Helvetica Bold, Arial Black, sans-serif;
	  font-size: 16px;
	  }
    #tabsK li {
      display:inline;
      margin:0;
      padding:0;
      }
	  
	/* defines top nav positioning */
    #tabsK a {
      float:left;
      background:url("tableftK.gif") no-repeat left top;
      margin:0;
	  margin-top: 55px;
      margin-left: 30px;
	  padding:5px 12px 0 17px;
	  text-decoration:none;
      
	  }
    #tabsK a span {
       
	  float:left;
      display:block;
      background:url("tabrightK.gif") no-repeat right top;
      padding:5px 2px 4px 2px;
      color:#694034;
	  background-image:;
	  }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsK a span {float:none;}
    /* End IE5-Mac hack */
    #tabsK a:hover span {
      color:#600;
	  background-position:100% -42px;

	  }
    #tabsK a:hover {
      background-position:0% -42px;
      }
    #tabsK a:hover span {
      background-position:100% -42px;
	  }

#wrapper #text3 p strong strong {
	color: #0FF;
}
#wrapper #content #Sizing #text1 p strong {
		font-family: Copperplate, Arial,;
}