body
{
	font-family: helvetica, arial, sans-serif;
	background-color: #444444;
}

#wrapperWrapper
{
	margin-top: 60px;
	margin-left:  auto;
	margin-right: auto;
	width:  911px;
}


#boxTop
{
	height: 20px;	
	background:  #eeeeee url('images/box-top.gif');
}


#boxBottom
{
	height: 23px;
	background:  #eeeeee url('images/box-bottom.gif');

}


#boxMiddle
{
	background:  #eeeeee url('images/box-bg.gif') repeat-y;
}

#menuBar
{
	
}
#logo
{
	float: left;
	margin-left: 20px;
}
#logo h1,
#logo h2,
#logo h1 a,
#logo h2 a
{
	text-decoration: none;
	font-variant: small-caps;
	font-size: 16px;
	color:  #333333;	
/*	float: left;*/
}
#logo h1
{
	letter-spacing: 4px;
	margin-bottom: 5px
}
#logo h2
{
	text-indent: 0em;
}


/** Menu **/
#menu
{
	 margin-left: 550px;
	 width:300px;
}
#menu ul,
#menu ul li
{
	float:  left;
	height: 1em;
}
#menu ul li
{
	text-align: center;
	width:40px;
}

#menu ul li.spacer
{
	width:  20px !important;
}

#menu h1
{
	font-size: 14px;
	font-variant: small-caps;
}
#menu h1 a 
{
	text-decoration: none;
	color:  #333333;
	display: inline-table;
/*	border: 1px solid black;*/
	height: 3em;
}




/** Content **/

#content
{
	margin-left: 25px;
	margin-right: 36px;
/*	font-family:  Trebuchet MS;*/
	color: #333333;
}

#content ul
{
}

#content ul li
{
	margin:0;
	padding:0;
}

#content ul li p
{
	text-indent: 2em;
	padding: 0 0 1.5em 0;
	margin: 0;
	font-size: 75%;
}

#content ul li h2
{
	font-style: italic;
	font-weight: normal;
	color: #555555;
	font-size: 90%;
}


#thirdLeft
{
	float: left;
	width: 250px;
/*	border-right: 1px solid green;*/
}
#twoThirdsRight
{
	float: right;
	width: 575px;
}

#contentLeft
{
	float: left;
	width: 400px;
/*	margin-top: 73px;*/

}
#contentRight
{
	float: right;
	width: 400px;
	height: 100%;
	margin-top: 73px;
	vertical-align: bottom;
}


#contentRightTop
{
	float: right;
	width: 450px;
	margin-top:30px;
	height: 100%;
	vertical-align: bottom;
}

#twoThirdsRight p,
#contentRight p,
#contentRightTop p
{
	margin-bottom: 1.5em;
	font-size: 80%;
	font-family:  Trebuchet MS;
	line-height: 150%;
	text-indent: 2em;
	text-align: justify;
}

#twoThirdsRight a,
#contentRight a,
#contentRightTop a
{
	text-decoration: none;
	border-bottom: solid 1px #BBB;
	color: #000;
}




#footer
{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 10px;
	color: #111;
}

#footer p
{
	font-size: 65%;
	margin-bottom: 0.5em;
}

#footer p a
{
	text-decoration: none;
	color: #000;
}



/* Classes */

.portfolio
{
	float: left;
	width: 255px;
/*	border:  1px solid black;*/
	margin-left: 1em;
}

.portfolio h3
{	
	font-size: 80%;
	text-align: center;
	margin-top:  0.5em;
	margin-bottom:  2em;
}
.portfolio h3 a
{
	text-decoration: none;	
}
.portfolio p
{
	text-indent: 0px !important;
}


.portfolio img
{
}



#robotForm
{
	background:  transparent url('images/robot-form.jpg');
	width: 702px;
	height: 589px;
	margin-left: 70px;
	margin-top: -50px;
}

#robotFormText
{
	padding-left: 50px;
	padding-top: 330px;
}



#robotCard
{
	background:  transparent url('images/robot-card.jpg');
	width: 702px;
	height: 589px;
	margin-left: 70px;
	margin-top: -50px;
}

#robotCardText
{
	padding-left: 80px;
	padding-top: 350px;
}

#robotCardText .bottom
{
	padding-top:120px;
	float: left;
	width: 300px;
	font-size: 14px;
}

#robotCardText .bottom h2
{
	font-size: 20px;
	font-weight: normal;
	margin-top: 5px;
	color: #333333;
}



#robotCardText .right
{
	float: left;
	padding-left: 50px;
}


#robotCardText .right ul li
{
	list-style-image: url('images/slash.gif');
	padding-left: 0px;
	margin-bottom: 0.5em;	
	font-variant: small-caps;
	letter-spacing: 2px;

}