/* jan 13 2010 */

body	{
	background-color: #C8C8D1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 62.5%; /* 10 px*/
	color: #333333;
}
p	{
	font-size: 1.2em;
	line-height: 1.4em;
}
li	{
	font-size: 1.2em;
}
li.indent	{
	margin-left: 25px;
}
ul.other {
	margin-top: -10px;
}
a	{
	text-decoration: underline;
	color: #4D4D80;
}
a:visited	{
	text-decoration: underline;
	color: #4D4D80;
}
a:hover	{
	color: #cc0000;
}
#container	{
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border: 1px solid #333333;
	background-color: #ffffff;

}
	/*** Top Nav  ***/
#top	{
	position: static;
	padding-top: 0.7em;
 	height: 35px;
	border-bottom: 1px solid #000000;
	background-color: #B5B5E3;
}
#top img	{
	float: left;
	margin-left: 30px;
}
#top span	{
	font-size: 1.5em;
	font-weight: bold;
	float: right;
	margin-top: 0.7em;
	margin-right: 40px;
}
.tagline	{
	clear: both;
	width: 100%;
	background-color: #F8F3E5;
	border-bottom: 1px solid #333333;
	text-align: left;
	text-indent: 20px;
	padding-top: 7px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 1.1em;
}
#tabs	{
	clear: both;
	width: 100%;
}
#tabs ul	{
	text-align: right;
	list-style: none;
	padding: 0;
	padding-top: 4px;
	margin-top: 1px;
	margin-right: 10px;
}
#tabs li	{
	display: inline;
	font-size: 1.1em;
	font-weight: bold;
}
#tabs a:link, #tabs a:visited	{
	text-decoration: none;
	border: 1px solid #7A7AB8;
	background-color: #DADAF1;
	color: #4D4D80;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 3px;
}
#tabs a:hover	{
	background-color: #B5B5E3;
	color: white;
}
	/* end Top Nav */

.clear	{
	height: 20px;
	clear: both;
}
	/*** HEADER ***/
#header	{
	height: 3em;
}
#header .right	{
	float: right;
	margin-right: 10em;
	margin-top: 1em;
	font-weight: bold;
	font-size: 1.1em;
}
#header h1	{
	float: left;
	margin-left: 1.5em;
	margin-top: 0.1em;
	font-size: 1.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 4px;
	color: #9E9EAD;
}
.rule	{
	height: 0.1em;
/*	clear: both;  */
	border-bottom: 1px dotted #9E9EAD;
	margin-left: 2em;
	margin-right: 1.5em;
}
	/*** Main Content Structure Styles ***/
#main	{
/*	position: static; */
	width: 100%;
}
#content	{
	margin-left: 40px;
	margin-right: 20px;
	margin-bottom: 10px;
}
#contentHome	{
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 10px;
	position: relative;
}

/* Home Page Content Columns */
.oi       		{}             
.leftcol       {position: absolute;}
.leftcol .oi  	{
	width: 200px;
	min-height: 100px;
	margin: 0; 
	font-size: 1.4em;
	font-weight: bold;
	color: #7A7AB8;
	text-align: right;
}
.rightcol      {}
.rightcol .oi	{
/*	min-height: 100px; */
	margin-left: 225px;
}
.rightcol ul	{
	margin-top: -3px;
}
.rightcol li	{
	list-style: url(images/checkmark.gif);
	margin-left: -25px;
}
.oi p	{
	font-size: 1.2em;
}

/* end column styles */
#content li	{
	list-style: circle;
	line-height: 1.5em;
}

	/*** Text Styles ***/

h2	{
	font-size: 1.4em;
	color: #7A7AB8;
	line-height: .8em;
}
h3	{
	font-size: 1.2em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #7A7AB8;
}

.caption	{
	font-size: 1em;
	color: #333333;
	font-weight: bold;
}
/*** Portfolio Styles ***/
.portfolio	{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
}
.jumplinks	{
	font-variant: small-caps;
/*	font-weight: bold; */
	font-size: 1.3em;
}
.sectionHead	{
	font-size: 1.3em;
	color: #000066;
	font-weight: bold;
	border-top: 1px solid #9E9EAD;
	padding-top: 2px;
	padding-bottom: 0;
}
.portfolio table	{
	width: 100%;
}
.portfolio table.content{
	margin-left: 20px;
	margin-right: 20px;
}
.portfolio table.content td	{
	width: 30%;
	vertical-align: top;
	padding-left: 5px;
	padding-top: 5px;
	font-size: 1.2em;
}
.portfolio table.content td.apps	{
	width: 50%;
	vertical-align: top;
	padding-left: 5px;
	padding-top: 5px;
	font-size: 1.2em;
}
.portfolio table.content td a, a:visited	{
	text-decoration: underline;
	font-size: .9em;
}
.portfolio table td.thumbnail	{
	width: 20%;
/*	width: 150px; */
	vertical-align: top;
	padding-left: 0;
	padding-top: 0;
}
.portfolio table td.thumbnail img	{
	border: 1px solid #4D4D80;
}
.portfolio span.name {
	font: bold small-caps 1em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
	/*** Portfolio Page Styles ***/
.portfolioPg	{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
}
.breadcrumb	{
	font-size: 1.2em;
	font-weight: bold;
	font-variant: small-caps;
	color: #4D4D80;
}
.breadcrumb a:link, a:visited{
	font-size: 1em;
}

.portfolioPg table	{
	width: 100%;
}
.portfolioPg table td	{
	vertical-align: top;
	width: 50%;
	text-align: center;
	padding-bottom: 5px;
}
.portfolioPg table td.section	{
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	border-top: 1px solid #333333;
	padding-top: 6px;
	padding-bottom: 5px;
}
.portfolioPg table td img	{
	border: 1px solid #666666;
}
.portfolioPg table td.left	{
	text-align: left;
}
.portfolioPg table td img.montage	{
	border: 0;
}
		/* Portfolio Pg Style 2 */
.portfolioPg2	{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
}
.breadcrumb	{
	font-size: 1.3em; 
	font-weight: bold;
	font-variant: small-caps;
	color: #4D4D80;
}
.portfolioPg2 table	{
	width: 100%;
}
.portfolioPg2 table td	{
	vertical-align: top;
	padding-bottom: 5px;
	padding-right: 10px;
	text-align: left;
}

hr	{
	color: #9E9EAD;
	height: 1px;
}
