/* G L O B A L
--------------------------------------------------------------------------------------------*/
html {
	background: #27557E url(../images/background.jpg) no-repeat center top;
	}

body {
	/* Layout */
	padding: 374px 0 40px;
	background: transparent url(../images/content.png) no-repeat center 448px;
	min-width: 890px;
	/* Typography */
	color: #71643A;
	font-size: 16px;
	font-family: Georgia;
	line-height: 20px;
	/* Misc */
	}
	
/*  N A V I G A T I O N
--------------------------------------------------------------------------------------------*/

div#navigation {
	width: 890px;
	height: 126px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	position: relative;
	}

div#navigation li {
	list-style: none inside;
	text-indent: -9999px;
	display: inline;
	}

/**/
div#navigation li#aboutMe   {	margin: 0 0 0 32px; float: left; }
div#navigation li#portfolio {	margin: 6px 0 0 43px; float: left; }
div#navigation li#contact   {	margin: 0 0 0 26px; float: right; }

div#navigation li#aboutMe a:hover, div#navigation li#portfolio a:hover, div#navigation li#contact a:hover { background-position: center bottom; }
/**/

div#navigation li#aboutMe a, div#navigation li#portfolio a, div#navigation li#contact a { display: block; }

/**/
	

div#navigation li#aboutMe a {
	width: 133px;
	height: 120px;
	
	background: transparent url(../images/aboutme.png) no-repeat center top;
	}

/**/
div#navigation li#portfolio a {
	width: 118px;
	height: 120px;

	background: transparent url(../images/portfolio.png) no-repeat center top;
	}

/**/	
div#navigation li#contact a {
	width: 138px;
	height: 117px;

	background: transparent url(../images/contact.png) no-repeat center top;
	}

/*  C O N T E N T
--------------------------------------------------------------------------------------------*/
	
div#content {
	width: 890px;
	height: 550px;
	padding: 80px 0 0;
	margin: 0 auto;
	display: block;
	position: relative;
	overflow: hidden;
	}

div#content2 {
	width: 890px;
	height: 550px;
	padding: 80px 0 0;
	margin: 0 auto;
	display: block;
	position: relative;
	overflow: hidden;
	}

div#content2 a {
	text-decoration: none;
	font-weight: none;
	border-bottom:2px dashed #201a08;
	padding-bottom: 1px;
	color: #110d00;
	}

div#content2 a:hover {
	text-decoration: none;
	font-weight: none;
	border-bottom:2px dashed #110d00;
	color: #000;
	}
	
body#aboutPage div#content, body#contact div#content { width: 765px; }
body#aboutPage div#content2, body#contact div#content2 { width: 765px; }

body#contact div#left, body#contact div#right { float: left; width: 48%; display: inline-block;}
body#contact div#right { float: right;}

body#aboutPage div#content2 img#illustration {
	float:right;
	margin-left: 5px;
	}

/*  H E A D I N G S / T Y P O G R A P H Y
--------------------------------------------------------------------------------------------*/

h1 {
	display: block;
	clear: both;
	}
	
.smlhdr {
	font-size: 19px;
	font-weight: none;
	}

body#aboutPage h1 {
	margin: 0 0 20px 0;
	}
	
body#portfolio h1 {
	margin: 0 0 7px 66px;
	}
	
body#contact h1 {
	margin: 0 0 28px 0;
	}
	
div#content p {	padding-bottom: 20px; }
div#content2 p {	padding-bottom: 20px; }

form#contactForm p { padding-bottom: 4px; }

/* F O R M */

form#contactForm { width: 345px; float: left; }

body#contact form#contactForm label {
	width: 80px;
	display: inline-block;
	}


form#contactForm input, form#contactForm textarea 
{ background: url(../images/formfeilds_bg.png) no-repeat 0 0; border: 0; color: #342D14; padding: 0 5px; resize:none;}

form#contactForm input#name, form#contactForm input#email, form#contactForm input#subject { width: 251px; height: 16px; padding: 5px 5px; }

/* F E I L D - B G */

form#contactForm input#name {
	background-position: 0 0;
	}

form#contactForm input#email {
	background-position: 0 -30px;
	}
	
form#contactForm input#subject {
	background-position: 0 -60px;
	}

form#contactForm textarea { background: url(../images/msg-feild.png); padding: 5px; width: 251px; height: 146px; overflow: hidden;}

input#submit[type=submit] {	background: url(../images/formfeilds_bg.png) no-repeat 0 -90px; width: 71px; height: 34px; text-indent: -9999px; font-size: 0px; cursor: pointer; }
	
input#submit:hover { background-position: 0 -128px; }

	
/* T E X T A R E A */

div#msgLabelCol label {
	height: 122px;
	}

div#msgLabelCol {
	height: 146px;
	width: 80px;
	float: left;
	}
	
textarea#message {
	width: 261px;
	float: right;
	}

/*  V C A R D
--------------------------------------------------------------------------------------------*/
	
body#contact ul#card li {
	list-style: none outside;
	margin-bottom: 20px;
	color: #000;
	}

body#contact ul#card b {
	width: 150px;
	display: inline-block;
	color: #71643A;
	}

/*  W O R K  S E C T I O N - P O R T F O L I O
--------------------------------------------------------------------------------------------*/

div#workDisplay {
	display: block;
	width: 729px;
	height: 338px;
	margin: 0px auto;
	padding: 40px 0px 0px 44px;
	text-align: center;
	position: relative;
	text-align: center;
	}

div#slides {
	background: url(../images/caption.png);
	width: 675px;
	height: 324px;
	margin: 0 auto;
	overflow: hidden;
	}
div#slides p{
	color: #71643a;
	}
	div#slides p em{
		color: #4b401d;
		font-style: normal;
		}
	div#slides p a{
		color: #6c6442;
		float: right;
		position: relative;
		z-index: 3;
		}
	div#slides p a:hover{
		color: #5b512b;
		}

div#frame {
	width: 769px;
	height: 378px;
	top: 0;
	left: 0;
	background: url(../images/frame.png) no-repeat center center;
	z-index: 1;
	position: absolute;
	}
	
/* Title */

.SlidingPanelsContent p {
	height: 42px;

	line-height: 42px;
	

	font-size: 19px;
	color: black;
	
	text-align: left;
	padding: 0 0 0 10px;

	}

.SlidingPanelsContent p a {
	color: #71643a;
	text-decoration: none;
	}


/**/
	
/* NEXT - PREV */

body#portfolio ul#work li {
	list-style: none inside;
	position: absolute;
	z-index: 2;
	text-indent: -9999px;
	}

body#portfolio ul#work li#prev {
	left: 39px;
	bottom: 240px;
	}

body#portfolio ul#work li#next {
	right: 38px;
	bottom: 240px;
	}

body#portfolio ul#work li a {
	width: 96px;
	height: 67px;
	display: block;
	background: url(../images/arrows.png) no-repeat left bottom;
	}

/**/

body#portfolio ul#work li#prev a:hover { background-position: left top;     }
body#portfolio ul#work li#next a       { background-position: right bottom; }
body#portfolio ul#work li#next a:hover { background-position: right top;    }

	
/* F O O T E R
--------------------------------------------------------------------------------------------*/
div#footer {
	width: 890px;
	height: 62px;
	display: block;
	margin: 0 auto;
	
	clear: both;
	
	font-size: 11px;
	color: #000;
	text-align: center;
	font-family: Georgia;
	}

div#footer a {
	text-decoration: none;
	color: #000;
	}
	
/*------------------------------------------------------------------------------------------*/
/*  O U R  J O U R N E Y  E N D S  H E R E,  M A Y  T H E  S O U R C E  B E  W I T H  Y O U  /
/This beautiful markup brought to you by Johns Beharry find him(me) at twitter.com/johnsbeharry
--------------------------------------------------------------------------------------------*/