html, body { height: 100%; }

body { margin: 0; background: #98ac81; font: 18px Georgia,"Times New Roman",Times,serif; color: #f1f3ee; }

/********************

	Basic Formating

*********************/

a { color: #333; text-decoration: none; border-bottom: #333 1px dotted; }

a:hover { color: #000; border-bottom: #000 1px dotted; background: #fff; }

#wrapper { width: 790px; margin: 0 auto; }

.columnOne { width: 185px; float: left; }

.columnTwo { width: 186px; float: left; }

.columnThree { width: 186px; float: left; }

.columnFour { width: 186px; float: left; }

p { margin: 12px 12px; }

p.clearboth { clear: both; height: 1px; margin: 0; padding: 0; }

h1#logo { background: url('../images/all/logo.gif') no-repeat 0 0; text-indent: -500em; display: block; width: 261px; height: 104px; margin: 0; padding: 0; float: left; }

h2#monicer { background: url('../images/all/monicer.gif') no-repeat 0 0; text-indent: -500em; display: block; width: 391px; height: 34px; margin: 50px 0 0 88px; padding: 0; float: left; }

#content {  line-height: 1.8em; color: #333; font-size: .96em; padding: 18px 18px 18px 48px; background: #EFEFEF url('../images/all/systembreak.png') repeat-x 0 100%; margin: 0; }

#content p { margin: 12px 0; }

#content h2 { font-size: 1.1em; display: block; margin: 18px 0 4px 0; padding: 0 0 0 18px; background: url('../images/all/ding_square_grey.gif') no-repeat 0 .6em; }

#content ul { list-style: none; margin: 9px 0 18px 12px; padding: 0; }

#content .column { width: 300px; margin: 0 12px; float: left; }


/********************

	navigation

*********************/

ul#mainNav { list-style: none; margin: 0; padding: 0; background: #7c8f67; width: 752px; display: inline-block; border-top: #6e7e6d 1px solid; border-bottom: #cdcdb9 1px solid; }

ul#mainNav li { float: left; margin: 0 0 1px 0; padding: 0 0 0 0; }

ul#mainNav li a { line-height: 1px; text-decoration: none; border-bottom: 0px; color: #000; font: .65em Georgia,"Times New Roman",Times,serif; letter-spacing: .1em; margin: 0px; padding: 12px 12px; text-transform: capitalize; display: inline-block; }

ul#mainNav li a:hover { text-decoration: none; color: #81926d; background: #ced9c0; }

/*ul#mainNav li a.current { text-decoration: none; color: #c5daae; background: #667357; }*/

ul#mainNav li a.current { text-decoration: none; color: #000; background: #EFEFEF; }

/********************

	homebase

*********************/

#home {  margin:0; padding: 0 0 22px 0; width: 752px; /*background: url('../images/swiral.gif') no-repeat 550px 0px; */overflow: show;}

#mozaic { padding: 6px 2px 3px 6px; background: #EFEFEF; margin: 0; }

div#mozaic div img { padding: 2px; }

div#mozaic div a img { border: 0; }

div#mozaic div a { border: 0; }

/********************

	Portfolio

*********************/

div#portfoliolist { background:#ebe6ce; border-width: 2px 6px 8px 4px; border-color: #999365; border-style: solid; text-align: left; width: 210px;
padding: 0; margin: 0; font: .75em Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif; float: right;
position: relative; top: 0px; right: -12px; z-index 10; }

div#portfoliolist ul {list-style: none; margin: 0; padding: 0; }

div#portfoliolist li { padding: .2em .7em .7em 1.8em; background: #ebe6ce; margin: 0; display: block; }

div#portfoliolist .current { color: #153915; font-weight: bold; border-bottom: #153915 0px solid; }

h3.head { border-width: 1px 0 1px 0; border-style: solid; border-bottom-color: #dedab2; border-top-color: #f3efdf; background: #dedab2; color: #153915; font: 1.3em Georgia,"Times New Roman",Times,serif; font-weight: bold; font-style: normal; margin: 2px 4px 1px 2px; padding: 8px 10px; text-align: left; }

h4.tag { border-width: 1px 0 1px 0; border-style: solid; border-bottom-color: #dedab2; border-top-color: #f3efdf; background: #7c8f67; color: #EFEFEF; font: .95em Georgia,"Times New Roman",Times,serif; font-weight: bold; font-style: normal; margin: 2px 4px 1px 2px; padding: 8px 10px; text-align: left; }

/********************

	Tool Tip
	
********************/

#ttcont {display:block; padding: 0px 4px 3px 7px; margin-left:1px; background:#666; color:#FFF; width: 170px; }
#ttcont h3 { background: #333; color: #efefef; padding: 4px 6px; margin: 0; font-size: .55em; }
#text {margin:50px auto; width:500px}
.hotspot { cursor:pointer; }
#tt {position:absolute; display:block; background:url('../images/tooltips/tt_left.gif') top left no-repeat; }
#tttop {display:block; height:5px; margin-left:5px; background:url('../images/tooltips/tt_top.gif') no-repeat top right; overflow:hidden; }
#ttbot {display:block; height:5px; margin-left:5px; background:url('../images/tooltips/tt_bottom.gif') top right no-repeat; overflow:hidden; }

/********************

	footer

*********************/

#footer { width: 400px; margin: 48px auto 12px auto; padding: 0; text-align: center; }

#footer p { font-style: normal; font-size: 1.1em; margin: 2px 0 0 0; color: #333; }

#footer p em { font-style: normal; font-size: 1.6em; }

#footer p a:link { text-decoration: none; border-bottom: #333 1px dotted; color: #333; }

#footer p a:hover { text-decoration: none; border-bottom: #5d6975 1px dotted; background: transparent; color: #5d6975; }

#footer p.designedby { margin: 32px 0 0 0; font-size: .85em; }

#footer p.designedby a { text-decoration: none; border-bottom: #333 1px dotted; color: #333; }

/********************

	Contact

*********************/

.red { color: #9e0232; }

.hide { display:none; }

.superscript { font-size: .7em; padding-bottom: 4px; }

td#tag { line-height: 1.1em; }

table.form input.textField {
	width: 190px;
	color: #333;
	background:#EEE;
	border: #666 1px solid;
}

table.form textarea {
	width: 190px;
	height:120px;
	color: #333;
	background:#EEE;
	border: #666 1px solid;
}
table.form td { font-size: .7em; font-style: italic; color: #666; vertical-align: top; }

h3.sidebar
{
	font-family: 'times new roman,' arial;
	color: #1A3433;
	font-size: .95em;
	margin: 0;
	padding: 12px 0 4px 0;
	LETTER-SPACING: .03em;
	line-height: .4em;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
}

#tag a:link
{
	font-size: .75em;
	margin: 18px;
}


span.tag {
	font-family: 'times new roman,' arial;
	font-size: .85em;
	color: #617370;
	LETTER-SPACING: -.01em;
	margin: 0 0 0 22px;
	display: block;
}