/* CSS Document */
html, body
{
	border:0;
	margin:0;
	padding:0;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1
{
	color:#b4b4b4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
}

p, ul, ol {
margin:0;
padding:0 0 18px 0;
}

p{
text-align:justify;
}

ul, ol {
list-style:none;
padding:0 0 18px 40px;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
padding:0px;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a, a:visited {
color:#9e9e9e;
text-decoration:none;
}

a:active
{
	outline: none;
}

a:focus
{
	-moz-outline-style: none;
}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}

/***** Tables *****/

table {
border:0;
margin:0 0 18px 0;
padding:0;
}

table tr td {
	padding:2px;
}

/***** Global Classes *****/

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.bold:hover
{
	text-decoration:underline;
}

.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

*{
	margin:0px;
	padding:0px;
}

#wrapper
{
	font-size:0px;
	height:auto;
	margin:0 auto;
	width:900px;
	position:relative;
	z-index:2;
}

#header
{
	height:237px;
	width:900px;
}

#headerLang
{
	text-align:right;
	height:26px;
	line-height:26px;
	padding:0 37px 0 0;
	width:182px;
}

#headerLeft
{
	background-image:url(../img/headerLeft.jpg);
	height:211px;
	width:219px;
}

#headerRight
{
	background-image:url(../img/headerRight.jpg);
	float:right;
	height:237px;
	margin:0 22px 0 0;
	width:546px;
}

#headerText
{
	border-bottom:3px solid #e7e7e7;
	color:#9e9e9e;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:195px;
	margin:20px 0 0 0;
	padding:0 0 10px 0;
	width:230px;
}

#headerText .text1
{
	font-size:22px;
	letter-spacing:-1px;
}

#headerText .text2
{
	font-size:15px;
	letter-spacing:-1px;

}

#headerText .text3
{
	font-size:18px;
	letter-spacing:-1px;
}

#header .active
{
	color:#9d9d9d;
	font-family:Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
}

#header .passive
{
	color:#d4d4d4;
	font-family:Helvetica, Arial, sans-serif;
	font-size:15px;
}

#middle
{
	height:auto;
	width:900px;
}

#subheader
{
	background-image:url(../img/grad2.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	float:left;
	height:26px;
	width:332px;
}

#menu
{
	float:left;
	height:430px;
	padding:40px 37px 0 0;
	text-align:right;
	width:295px;
}

#menu .subtitle
{
	color:#c0c0c0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	margin:5px 0 10px 0;
}

#menu .subtitle:hover
{
	cursor:default;
}

#content
{
	background-color:#FFFFFF;
	background-image:url(../img/grad.jpg);
	background-repeat:repeat-y;
	color:#9e9e9e;
	float:left;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:auto;
	min-height:440px;
	padding:15px 0 15px 15px;
	width:547px;
}

#content a,a:visited
{
	color:#b4b4b4;
}

.date
{
	background-color:#cecece;
	color:#ffffff;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:34px;
	text-align:center;
	width:25px;
}

.date .day
{
	font-size:13px;
	font-weight:bold;
	line-height:150%;
}

.date .month
{
	font-size:10px;
}

.thumbContainer
{
	background-color:#cecece;
	float:left;
	padding:6px;
	margin:0 0 5px 0;
}

.thumbImage
{
	height:109px;
	width:225px;
}

.prjContainer
{
	background-image:url(../img/tile.jpg);
	background-repeat:repeat;
	color:#8d8d8d;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:2px 2px 20px 2px;
	/*width:261px;
	height:120px;*/
	width:262px;
}

.prjContainer:hover > .date
{
	background-color:#707070;
}

.prjContainer:hover > .thumbContainer
{
	background-color:#707070;
}

.prjContainer .newProject
{
	float:left;
	padding:6px 0 0 10px;
}

.prjContainer .newPrj
{
	background-image:url(../img/thumb-grad.jpg);
	background-repeat:repeat-x;
	font-weight:bold;
	height:28px;
	line-height:28px;
	padding:0 5px 0 5px;
	width:75px;
}

#footer
{
	background-color:#ececec;
	height:25px;
	width:900px;
}

#footer #copyright
{
	background-color:#b4b4b4;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	height:25px;
	line-height:25px;
	text-align:right;
	padding:0 35px 0 0;
	width:297px;
}

#portfolio
{
	background-color:#f8f8f8;
	border-bottom:3px solid #b4b4b4;
	float:left;
	height:auto;
	margin:0 0 0 20px;
	/*padding-bottom:5px;*/
	width:497px; /*100%*/
}

#portfolio a,a:visited
{
	color:#c3c3c3;
}

.smallContainer
{
	float:left;
	width:162px;
}

.largeContainer
{
	display:block;
	padding:10px 10px 0 10px;
	width:507px;
}

#project
{
	border-bottom:3px solid #e7e7e7;
	margin:0 0 0 20px;
	padding:15px 0 15px 0;
	text-align:center;
	/*height:auto;*/
	width:497px; /*537*/
}

.prjImg
{
	background-color:#b4b4b4;
	width:477px;
	padding:9px;
}

.inputBox
{
	border:1px solid #b4b4b4;
	height:20px;
	width:175px;
}

.inputArea
{
	border:1px solid #b4b4b4;
	height:155px;
	width:100%;
}

.submit
{
	background-image:url(../img/submit.jpg);
	border:0;
	height:21px;
	margin:0;
	width:57px;
}

.blackLine
{
	border-top:1px solid #717171;
	margin-top:5px;
}

.contentText
{
	padding:20px 0 0 30px;
	text-align:justify;
}

.info
{
	background-color:#ededed;
	float:left;
	height:34px;
	margin:-5px 0 0 25px;
	padding:0 0 5px 0;
	width:237px;
}

#bodyTile
{
	position:absolute;
	background-image:url(../img/tile.jpg);
	background-repeat:repeat;
	height:0px;
	width:50%;
	position:relative;
	z-index:1px;
}

#cloud
{
	background-image:url(../img/logo-mic.png);
	height:50px;
	position:absolute;
	top:500px;
	left:-20px;
	opacity:0;
	width:50px;
}

#portPages
{
	background-color:#b4b4b4;
	float:right;
	height:11px;
	padding:5px;
}

#portPages a,a:visited
{
	color:#FFFFFF;
}

#prjWrapper
{
}