/* CSS Document */

body *{

	margin:0;

	padding:0;

}

body{

	background-color:#503325;

	font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;

	font-size:.8em;

	text-align:center;

	margin:0;

	padding:0;

}

/* Precharger images ***********************/

#preload-images {
    width: 0px;
    height: 0px;
    display: inline;
    background-image:url(../images/anchor-header.jpg);
    background-image:url(../images/nav-bkgnd.gif);
    background-image:url(../images/tl-logo.gif);
	background-image:url(../images/anchor-home.gif);
	background-image:url(../images/page-head.gif);
}



/* General Styles ***********************/

a img

{

  border:  none ;

}



hr {

	height: 1px;
	margin: 5px 0;
	padding: 0;
	color: black;
	background-color: black;
	border: 0;
	
}

h4{

	font-size:1.4em;

}

h5{

	font-size:1.2em;

}

h6{

	font-size:1em;

}



#mainBody p{

	margin: 1em 0;

}

/* LAYOUT ***********************/

#portfolioWrapper{

	text-align:left;

	margin:0 auto;

	width:745px;

}

#portfolioHeader{
	height:170px;
	margin:0 0 20px 0;
	background:#80c9db url(../images/nav-bkgnd.gif) no-repeat top right;
	position:relative;
	

}



#pageBody{

	background:#b6d257 url(../images/anchor-home.gif) no-repeat bottom right;

}



#footer{

	font-size:.8em;

	color:#FFF;

	background-color:#301b12;

	vertical-align:middle;

	padding:5px 10px;

	clear:both;

}

#footer a{

	color:#FFF;

}

#footer img{
	margin:0 10px 0 0;
	vertical-align: middle;

}

h1.tlHead {
	display:block;
	width:525px;
	height:170px;
	overflow:visible;
	text-indent:-1000em;
	text-decoration:none;
	background-image: url(../images/anchor-header.jpg);

}

h2.t2Head {
	position: absolute;
	top: 130px;
	width: 173px;
	color: #FFFFFF;
	right: 267px;
	font-size: 0.85em;

}

ul#siteNav{

	font-weight:bold;

	font-size:.85em;

	width:100px;

	position:absolute;

	top:20px;

	top:30px;

	right:80px;

	list-style-type:none;

}

ul#siteNav a{

	color:#FFF;

	text-decoration:none;

}

ul#siteNav li{

	border-bottom:1px dashed #a9e0ed;

	padding:4px 0;

}

ul#siteNav li a:hover{

	border-bottom:1px dashed #a9e0ed;
	padding:4px 0;
	background-color:#503325;

}

#mainContent{

	width:515px;

	float:left;

	clear:left;

	margin:-10px 0 0 10px;

	display:inline;

	z-index:100;

	position:relative;

}

#mainContentlarge{

	width:725px;

	float:left;

	clear:left;

	margin:-10px 0 0 10px;

	display:inline;

	z-index:100;

	position:relative;

}

#mainHeader{

	background:#FEFDF9 url(../images/page-head.gif) no-repeat top left;		

	color:#b0824b;

	padding:0 0 15px 0;

	z-index:200;

}

#mainHeader h2{

	font-size:2.4em;

	font-weight:normal;

	color:#3e98b0;

	margin:0 30px 0 25px;

	padding:10px 0 0 0;

}

#mainHeader h3{

	color:#bb9363;

	font-size:1em;

	padding:0 30px 15px 25px;

}

#mainHeader h3 a{

	color:#bb9363;
	padding:2px 2px;
	font-size:1em;
	border-bottom:dashed 1px;

}

#mainHeader h3 a:hover{

	padding:2px 2px;
	font-size:1em;
	border-bottom:solid 1px;


}

#mainHeader h2.intro{

	font-weight:bold !important;

	color:#bb9363;

	font-size:1.1em;

	line-height:1.3em;

	padding: 1.5em 0 .5em 0;

}

#mainHeader h2.intro strong,

#mainHeader h3 strong{

	color:#3e98b0;

}

#mainBody{

	background-color:#fcf7eb;

	background-color:#F8F0DE;

	padding:20px 30px 30px 25px;

}

#pageSidebar{

	float:left;

	width:220px;

	margin: 0 0 0 0 ;

	border-top:20px solid #b6d257;

	position:relative;

	z-index:0;

}

#pageSidebar h2{

	font-size:1.6em;

	font-weight:normal;

	background-color:#7ea02a;

	color:#d8f969;

	padding:10px 10px 10px 15px;

	margin:0 0 0 0;

}

#pageSidebar .callout{

	font-size:0.8em;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	background-color:#9dc03b;

	color:#f3ffcc;

	padding:10px 15px;

	margin:0 0 0 0;	

	font-weight:bold;

}

#pageSidebar .callout a{

	color:#526807;

	border-bottom:1px dotted #526807;

	text-decoration:none;

}

#pageSidebar .linkNA{

	color:#526807;

}

#pageSidebar .callout a:hover{

	border-bottom:1px solid #526807;

}

#pageSidebar .liens{
	font-size:1em;
	color:#FFF;
	vertical-align:middle;
	padding:5px 10px;

}

#pageSidebar .liens a{
text-decoration:none;

}

.homeBody #pageSidebar .callout,

.profileBody #pageSidebar .callout{

	background-color:#9dc03b;

	color:#526807;

	font-weight:normal;

}

.homeBody #pageSidebar  a,

.profileBody #pageSidebar a{

	color:#526807;

	border-bottom:1px dotted #526807;

	text-decoration:none;

}

.homeBody #pageSidebar a:hover,

.profileBody #pageSidebar a:hover{

	border-bottom:1px solid #526807;

}

#pageSidebar p{

	margin: 1em 0;

}

#pageSidebar .callout strong{

	color:#deff6e;

}

.callout hr{

	border:none;

	border-bottom:1px solid #82AD1E;

}

/**HOME*****************/



.notebookRecent{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#5a710c;

	font-size:.8em;

	margin:20px 20px 60px 535px;

}

.homeBody h3{

	color:#3E98B0;

	font-size:.9em;

}

div.featProj{

	font-size:0.9em;

	float:left;

	width:170px;

	text-align:center;

	margin-bottom:20px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

}

div.featProj a .projThumb{

	border:2px solid #E7DBCF;


}

div.featProj a:hover .projThumb{

	border-color:#C2AF91;

	border-color:#C2AF91;	

}




div.featProj a{

	color:#AB7843;

	text-decoration:none;

	font-size:.9em;

}



div.featProj a strong{

	color:#513328;

	font-size:1.2em;

	line-height:1.5em;

	padding:0 0 0 5px;

}

div.featProj a:hover span  {

	text-decoration:underline;

}

div.featProj a:hover strong{

	text-decoration:none !important;

}


.homeBody #mainBody{

	padding-right:0 !important;

}




/**CONTACT*****************/

label{

	width:100px;

	float:left;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	text-align:right;

	margin:0 10px 0 0;

}

input,textarea{

	margin: 5px;

}

.formButton{

	margin: 0 0 0 110px;

}





/* Portfolio Styles ******************/

.portfolioBody #mainBody{

	margin-top:10px !important;

}

.screenWrapper{

	background:#493120 url(../images/bkgnd-brown-diag.gif);	

	padding:10px 20px 20px 20px;

	position:relative;

}

.portfolioBody #mainBody h3{

	color:#dff7a0;

	font-size:1em;

	margin:0 0 .8em 0;

}

.additionalScreens a{

	border:none !important;

}

a img.portfolioThumb{

	border-bottom:none;

	border:4px solid #FFF;

	display:block;

	margin:3px 0;

}

a:hover img.portfolioThumb{

	border:4px solid #5a710c;

}

.portfolioBody div.mainBody{

	margin: 10px 0 0 0;

}

.portfolioBody #pageSidebar{

	margin: 10px 0 0 0;

}

.portfolioBody #pageSidebar .callout{

	border-bottom:10px solid #90B630;

}

.portfolioBody #pageSidebar .linkBack{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	text-decoration:none;

  margin: 0 0 0 20px;

	font-size:.8em;

	color:#6C8818;

	font-weight:bold;

}

.portfolioBody #pageSidebar .linkBack:hover{

	text-decoration:underline;

}

.portfolioBody #pageSidebar h2{

	margin-top:4em !important;

}

table.projList{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:.85em;

}



table.projList td{

	padding: 0 10px 5px 0;

}

table.projList th{

	padding: 10px 0 0 0;

	border-top:1px solid #CCC;

}

.viewSwitcher{

	color:#4993AE;

	padding: 0 0 10px 0;

	font-size:1em;

	text-transform:uppercase;
	
	

}

.viewSwitcher a{

	color:#4993AE;

	text-decoration:none;

	border-bottom:1px dotted #4993AE;

	margin:0 0 0 5px;

}

.viewSwitcher a:hover{

	border-bottom:1px solid #4993AE;

}

.projLaunch{

	font-weight:normal;

}

.projDescrip,

.projCredits{

	color:#526807;

	font-weight:normal;

}

/* Notebook Styles ******************/



.notebookEntry{

	color:#503F2F;

	font-size:1em;

	font-family:Verdana, Arial, Helvetica, sans-serif;



	background-color:#FAF1E0;

	padding:10px;

	border-bottom: 1px solid #D5C7AD;

}

.profileBody #mainBody{

	color:#503F2F;

	font-size:.85em;

	font-family:Verdana, Arial, Helvetica, sans-serif;

}

/* Generic Styles ******************/

.break{

	clear:both;

}