/* Fonts
----------------------------------------------- */

	html { font-size:100.01%; }
	body { font-size:1em; }
	
   body {
		font-size: 90%;
		font-size-adjust:none;
		font-family: arial, helvetica, sans-serif;
		color: #e2e2e2;
		cursor: default;
	}

	h1, h2, h3, h4, h5, h6 {
	   font-family: georgia, arial;
	   font-weight: normal;
	}

	#feature, #content, #sidebar, #footer {
	   font-size: 0.9em;
	}

/* Links
----------------------------------------------- */

	a:link, a:visited, a:active {
		color: #6699cc;
		color: #7AABBA;
		text-decoration: underline;
		padding: 3px 4px 3px 4px;
	}

	a:visited {
		color: #acacac;
	}

	a:hover {
		background-color: #6B5939;
		color: #B3DFCE;
		text-decoration: underline;
	}

	#feature a:hover,
	#footer a:hover {
	   background-color: #121212;
	}

	a img {
	   border: 0;
	}

/* Content Tags
----------------------------------------------- */

	b, strong {
	   color: #444;
	   color: #797365;
	}

	p, ul, ol, li {
		line-height: 18px;
		line-height: 20px;
	}

	p {
		margin: 12px 0 12px 0;
	}

	ol, ul {
		margin-left: 10px;
		margin-bottom: 10px;
		padding-left: 6px;
		line-height: 18px;
	}

	li {
		line-height: 18px;
		margin-bottom: 8px;
	}

	/* Modifiers */

	ul { margin-left: 0px;}
	ul li {
		padding-left: 19px;
		list-style-type: none;
		background: transparent url("../interface/bullet.gif") 0 2px no-repeat;
	}
	
	#feature ul li {
		background-image: url("../interface/bullet-feature.gif");
	}
	#footer ul li {
		background-image: url("../interface/bullet-footer.gif");
	}
	
/* Padding
----------------------------------------------- */

	.padded {
		padding: 0 0 0 0;
	}

	#feature .padded {
		padding: 20px 250px 0 20px;
	}

	#content {padding-top: 40px; padding-bottom: 50px;}
	#content .padded {
	   padding: 20px 38px 30px 40px;
	}

   #footer .padded {
	   padding: 50px 0 30px 40px;
	}


	#about #feature .padded,
	#aaron #feature .padded,
	#chris #feature .padded {
		padding: 30px 30px 0 250px;
	}

	#contact #feature .padded {
		padding: 30px 220px 0 30px;
	}

/* Headings
----------------------------------------------- */

	.textitem {
   	background2: transparent url("../interface/content-break.jpg") top center no-repeat;
   }

	h1, h2, h3, h4, h5, h6 {
		color: #CCCCCC;
		line-height: 1.1em;
		font-size: 2.64em;
	}

	h2 {
		font-size: 2.8em;
		color: #9D8A68;
		color2: #211906;
		letter-spacing: -2px;
	}
	
	#content h2 {margin: 36px 0 0px 0;}
	#content h2.first {margin-top: 0;}

	h3 {
		font-size: 2.2em;
		color: #9D8A68;
		margin: 46px 0 14px 0;
	}
	
	h4 {
      color: #211906;
      font-size: 1.4em;
      margin: 3px !important;
      padding:0 !important;
	}
	
	h2.subtitle,
	h3.subtitle {
      color: #211906;
      font-size: 1.9em;
      margin-top: 0px;
      margin-left:26px;
	}

	h2.projecttitle {
      color: #211906;
      font-size: 1.9em;
      margin-top: 0px !important;
	}
	
/* Nav
----------------------------------------------- */

	#nav {
		padding-top: 8px;
		font-size: .9em;
	}

	#nav a {
	   padding: 8px;
	   text-decoration: none;

	}

	#nav a:hover {
	   background: #222;
	}

/* Section modifiers
----------------------------------------------- */

   h22 span { display: none ;}

   /* Feature */

   #feature h2 span { display: none ;}
	#feature h2 {
	   background: transparent url("../interface/title-home.gif") top left no-repeat;
	   width: 420px;
	   height: 80px;
	}

	#feature p {
		margin-left: 26px;
	}
	
	#feature ul {
		margin-left: 36px;
	}

	/* Content */

	#home #content h2.first span { display:none ;}
	#home #content h2.first {
	   background: transparent url("../interface/title-recent.gif") top left no-repeat;
	   width: 260px;
	   height: 48px;
		margin-left: -8px;
	}

	#aaron #content h2.first2 span { display: none ;}
	#aaron #content h2.title2 {
	   background: transparent url("../interface/title-aaron.gif") top left no-repeat;
	   width: 260px;
	   height: 48px;
		margin-left: -8px;
	}

   /* Footer */

	#footer h3 {
	   font-size: 1.9em;
	   margin: 0 0 20px 0;
	   color: #444;
	   color:#9D8A68;
	}

/* About page
----------------------------------------------- */

	#about #feature {
	   background-image: url("../interface/feature-about.jpg");
	   background-position: top left;
	}

	#about #feature h2 {
	   background-image: url("../interface/title-about.gif");
	   height: 48px;
	}

	#about p {
		margin-left1: 34px;
	}

/* Aaron page
----------------------------------------------- */

	#aaron #feature {
	   background-image: url("../interface/feature-aaron.jpg");
	   background-position: top left;
	}

	#aaron #feature h2 {
	   background-image: url("../interface/title-aaron.gif");
	   height: 48px;
	}

	#feature p {
		margin-left: 34px;
	}

/* Chris page
----------------------------------------------- */

	#chris #feature {
	   background-image: url("../interface/feature-chris.jpg");
	   background-position: top left;
	}

	#chris #feature h2 {
	   background-image: url("../interface/title-chris.gif");
	   height: 48px;
	}

	#feature p {
		margin-left: 34px;
	}

/* Contact page
----------------------------------------------- */

	#contact #feature {
	   background-image: url("../interface/feature-contact.jpg");
	   background-position2: top left;
	}

	#contact #feature h2 {
	   background-image: url("../interface/title-contact.gif");
	   height: 48px;
	}

	#feature p {
		margin-left: 34px;
	}

/* Points - special lists that look better for bold header lists
	----------------------------------------------- */

	ul.points {
	   padding-top: 10px;
	   margin:0;
	}

   ul.points li {
	   background-position: 0 2px !important;
	   padding-bottom: 14px;
	}

   ul strong,
	ul.points strong {
	   display: block;
	   font-size: 1.2em;
	   font-family: georgia;
	   font-weight: bold;
	   font-style: normal;
	   padding-bottom: 6px;
	   /*color: #877350;
	   color: #C79856;*/
	   color: #797365;
	}

	ul strong { display: inline; }



div.imageWrapper {
	margin-right: -30px;
	padding: 4px 0 60px 31px;
	float: right;
	background: no-repeat url("../interface/decoration-01.gif") bottom left;
	width: 248px;
}
div.decoration1 {background-image:url("../interface/decoration-01.gif")}
div.decoration2 {background-image:url("../interface/decoration-02.gif")}
div.decoration3 {background-image:url("../interface/decoration-03.gif")}

div.imageBorder {
   border: solid 3px #201305;
   width: 200px;
   background: #201305;
   height2: 260px;
   overflow:hidden;
}
img.image {
	border: none;
	width: 200px;
	height1: 260px;
}

	/* Links - special listthat displays links
	-----------------------------------------------

	ul.links {
		padding: 0 !important;
	   margin: 0 !important;
	}

   ul.links li {
	   background: transparent !important;
	   padding: 0 !important;
	   margin: 0 !important;
		border: solid 0px #FFF;
	}

	ul.links a {
		background: transparent url("../images/bullet.gif") 10px 8px no-repeat;
		padding: 6px 6px 6px 28px !important;
	   display: block;
	   font-size: 1.2em;
	   font-family: georgia;
	}

	ul.links a:hover {
	   background-color: #F9FDD7;
	}*/



/* Form classes
----------------------------------------------- */

	form {
		margin-top: 0px;
		padding-bottom: 4px;
		background: no-repeat url("../interface/decoration-01.gif") 34% 99%;
	}

	label {
		display: block;
		padding-top: 20px;
		padding-bottom: 4px;
		color: #000;
		font-weight: bold;
	}

	.textinput {
		width: 400px;
		clear: left;
		padding: .60em;
		border: solid 2px #000;
		margin: 14px 0 1em 0x;
		background: #1A1000 url("../interface/textbox-background.gif") repeat-x top left;
		font: normal 1em Arial,Tahoma,Sans-Serif,Helvetica,Serif;
		font-size: 13px;
		color: #fff
	}
	.textinput:focus {
		border-color: #B0A780;
	}

	.button {
		clear: left;
		display: block;
		font-family: georgia, arial;
		font-size: 1.2em;
		padding: 6px 20px;
		margin-left: 0px;
		background: #111;
		border: none;
		color:#999;
		font-weight: bold;
		cursor: pointer;
	}

	.button:hover {
		background-color: #1A1000;
		border-color: #463D16;
		color: #fff;
	}

	/*.form .textinput:hover,
	.form .textinput:active,
	.form .textinput:focus {
		border: solid 1px #999999;
	}*/


/* Footer
----------------------------------------------- */

	#footer {

	}

	#footer .section {
	   float: left;
	   display: block;
	   width: 250px;
	   padding-bottom: 40px;
	   border2: dotted 1px #ccc;
	}

	#footer h3 {
	   padding-left: 4px;
	 color: #777;
	}

	#footer ul {
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
	
	#footer li {
	   display: block;
	   background-image: none !important;
	   padding-left: 0 !important;
	   margin-bottom: 6px !important;
	}

	#footer li a {
	   display: block;
	   background: transparent url("../interface/bullet-footer.gif") 8px 9px no-repeat;
	   padding: 8px 8px 8px 22px;
	}
	
	#footer #contactDetails,
	#footer #legal {
	   font-size: .84em;
	   padding-top: 100px;
	   padding-right: 30px;
	   color: #333;
	   line-height: 17px;
	   margin: 0;
	   float: left;
	}
	
	#footer #legal {
		float: right;
		text-align: right;
	}

   #contactDetails a,
	#legal a {
		color: #555;
		text-decoration: none;
	}

   #contactDetails a:hover,
	#legal a:hover {
		background: transparent;
		text-decoration: underline;
		color:#ccc;'
	}

/* Box content classex
----------------------------------------------- */

	.box {
	   background: #483E2D url(../interface/corners.gif) -15px -15px no-repeat;
		padding-bottom: 15px;   /* Important - so the bottom corners look right */
  		margin: 6px;
	}

		.boxtop {
		   float: right;
		   background: url(../interface/corners.gif) 0px -15px no-repeat;
			height: 15px;
			width: 15px;
		}

		.boxbottomleft {
		   background: url(../interface/corners.gif) -15px 0px no-repeat;
			height: 15px;
			width: 15px;
			float: left;
		}

		.boxbottomright {
		   background: url(../interface/corners.gif) 0px 0px no-repeat;
			height: 15px;
			width: 15px;
			float: right;
		}