/* Css Style Sheet */
body, div, ul, ol, dl, dt, dd, li, p, h1 {margin: 0px; padding: 0px;}
body {
	font-family: "Trebuchet MS", sans-serif;
}
div {}
ul, ol, dl {}
li {
	list-style-type: none;
	font-size: .9em;
	}
li li {font-size: 1em;}
dt {}
dd {}
h1 {
	font-size: .9em;
	color: #375C8E;
	}
h2 
	{
	color: #375C8E;
	font-size: 1em;
	}
h3 {color: #375C8E;}
h4 {color: #375C8E;}
p {
	font-size: .9em;
	}
a:link, a:visited {
	text-decoration: none;
	color: #61844C;
	}
a:active, a:hover {
	text-decoration: underline;
	color: #87C876;
	}
#navigation a:link img, #navigation a:visited img {
	border: 2px solid #9DD77C;
	padding: 3px;
	background: #61844C;
	}
#navigation a:active img, #navigation a:hover img {
	background: #87C876
	}
/* ==== Class's ==== */

.links {clear: both;text-align: center;}
.clearAll {clear:both;}
.noShow {display: none;}

/* ==== id's ==== */

#all {}
#most {width: 820px;margin: auto;}

/* ===== Heading Area ============*/
#navigation {
	font-size: .9em;
	float: left;
	clear: none;
	width: 250px;
	margin-top: 40px;
	margin-left: 15px;
	text-align: right;
	}
#navigation ul {
	margin: 0px 0px 10px 0px;
	}
#navigation h2 {
	font-size: .9em;
	}
#navigation ul.resume {
	font-size: .9em;
	}
#navigationBottom {
	clear: both;
	height: 428px;
	width: 250px;
	display: none;
	/*background: url('images/me.jpg') top left no-repeat;*/
	}
#contactInformation {
	background: #ffffff url('images/MaintopBlock.jpg') top left no-repeat;
	width: 820px;
	height: 83px;
	margin-bottom: -40px;
	}
ul#logos li,
ul#current-topics li {
	padding: 0 0 5px 0;
	}

/* ==== Main Content ============ */

#bodyContent {
	width: 535px;
	float: right;
	padding-top: 10px;
	}
#bodyContent p, #bodyContent h1, #bodyContent ul, #bodyContent h2 {
	padding-left: 20px;
	}
#bodyContent p {
	padding: 0px 0px .5em 20px;
	}
#bodyContent h1 {
	font-size: 1.2em;
	padding: .5em 0px .5em 20px;
	}
#bodyContent ul {
	padding: 0px 0px .5em 20px;
	margin-top: 0px;
	}
#bodyContent li {
	list-style-type: circle;
	margin-left: 20px;
	}
	
/* ==== portfolioWorks ==== */

#portfolioWorks {
	width: 535px;
	float: right;
	}
div#works {
	padding-right: 18px;
	}
div#works dl dt {
	color: #375C8E;
	text-align: center;
	font-size: 1.1em;
	padding-top: 7px; 
	}
div#works dl dd {margin-bottom: 10px;padding: 2px 11px 20px 25px;font-size: .9em;}
div#works dl dd.resume ul {margin: 6px 0 4px;}
div#works dl dd.resume ul li {margin: 1px 0;font-size:.8em; list-style-type:circle;list-style-position:inside;}
div#works dl dd p.details {
	text-align: center;
	color: #375C8E;
	}
div#works dl dd p.description {
	text-align: justify;
	color: #000000;
	}
div#works dl dd p.descRight {}
div#works dl dd p.description img {
	float: right;
	margin: 5px 20px 5px 9px;
	border: 1px dashed #D2C8C8;
	}
div#works dl dd p.description a:link img, div#works dl dd p.description a:visited img {border-color: #D2C8C8;}
div#works dl dd p.description a:hover img, div#works dl dd p.description a:active img {border-color: #77B676;}

/* ====== Medium class's ========================== */

.wholeBlock, .topleft, .topright, .bottomleft, .bottomright {display: block;}
/*.wholeBlock {background: #E7EEF4;}*/
.topleft {background: url('images/topleft.jpg') top left no-repeat;}
.topright {background: url('images/topright.jpg') top right no-repeat;}
.bottomleft {background: url('images/bottomleft.jpg') bottom left no-repeat;}
.bottomright {background: url('images/bottomright.jpg') bottom right no-repeat;}

/* ================================================ */

#footer {
	background: #ffffff url('images/bottomBlock.jpg') top left no-repeat;
	clear: both;

	width: 820px;
	height: 40px;
	}