/* CSS Document */

html, body	{
		margin:0;
		padding:0;
		color:#666666;
}
body 		{
	padding:20px;
	font:76%/140% Arial, Verdana, Helvetica, sans-serif;
	padding-left: 60px;
	font-family: Arial, Helvetica, sans-serif;
}
a			{
	color: #5599cc;
	text-decoration: none;
	font-weight: bold;
}
a:hover	{
	text-decoration: underline;
}
h1 {
	margin:0;
	color: #666666;
	font-size: 16px;
	font-weight: normal;
	width: 456px;
	line-height: 1.5;
}
h1.home {
	margin:0;
	color: #fff;
	width: 456px;
	width: 541px;
	padding: 5px 10px;
	background-color:#90a524;
}

/* HEADER */	
#header		{
	width: 712px;
	height: 110px;
	background-color: #FFFFFF;
}
#logo		{
	float: left;
	margin-top: 24px;
	margin-left: 30px;
	width: 102px;
}
#hdrslice	{
	float: right;
	padding: 0 0 0 0;
	width: 547px;
	height: 110px;
}
.name		{
	position: relative;
	top: 0px;
	left: 34px;
	width: 364px;
	height: 17px;
}




/* CONTAINER */	

#main #name2		{
	height: 70px;
	width: 684px;
	float: left;
	padding-top: 12px;
	padding-left: 29px;
}
.projectdetail	{
	width: 433px;
	padding: 0 0 0 0;
	float: left;
}
.projectdetail img {
	margin-bottom: 10px;
}
table	{
	padding: 0px 0px 0px 0px;
	width: 486px;
	float: left;
	margin-bottom: 20px;
}
table td	{
	width: 119px;
	height: 69px;
	background-color: #ddddcc;
	padding: 0px 0px 0px 0px;
}

/* FOOTER */

#footer		{
	margin: 0 auto;
	top: 6px;
	width: 712px;
	height: 20px;
	text-align: left;
}
.footertext	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-align: left;
}

.footertext a{
	color: #ffffff;
}
	

/* MAIN */
#container {
	width:712px;
	margin: 0 auto;
	height: 100%;
}
#main {
	margin: 0;
	width: 712px;
	display: inline-block;
	background-color: #fff;
	margin-top: 5px;
	padding-bottom: 50px;
}
#main h3 {
	margin:0;
	color: #666666;
	font-size: 16px;
	font-weight: normal;
	width: 456px;
	left: 160px;
	padding-top: 85px;
	line-height: 1.5;
}
#main h2 {
	margin:0 0 10px 0;
	color: #666666;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: 2px;
	width: 456px;
}

/* CONTACT */
.contact {
	width:712px;
	padding: 0 0 14px 0;
	margin: 0px auto;
	background-color: #ffffff;
	margin-top: 5px;
	min-height: 500px;
}
.contact h3 {
	margin:0;
	color: #666666;
	font-size: 16px;
	font-weight: normal;
	width: 456px;
	left: 160px;
	top: 50px;
	padding-left: 165px;
	padding-top: 85px;
	line-height: 1.5;
}
.error {
	position: relative;
	color: #ff6600;
	font-size: 12px;
	width: 250px;
	height: 50px;
	left: 165px;
	top: 10px;
}


#sidebar	{
	color: #666666;
	font-size: 10px;
	width: 120px;
	float: right;
	margin-right: 50px;
}
.detailnav	{
	color: #666666;
	font-size: 11px;
	float: right;
	text-align: center;
}
.detailnav a {
	color: #999999;
	font-size: 11px;
	font-weight: normal;
}

/* Floats */
.left			{float: left;}
.right			{float: right;}



#e101	{
}

#e102	{
}


/* NAVIGATION */

#main #navigation	{
	float: left;
	width: 151px;
	height: auto;
}
#main #navigation.home{
	margin-top: 80px;
}

#navigation li {
	list-style-type: none;
	padding-bottom: 10px;
}
#navigation li a {
	font-weight: normal;
	color: #999999;
}
#navigation a:hover {
	color: #666;
	text-decoration: none; 
}

#navigation ul {
	margin-top: 0;
	padding-left: 30px;
}


/* CONTENT */
#content {
	float: left;
	width: 490px;
	margin-left: 10px;
}
#content.home{
	margin-left: -5px;
	margin-top: 5px;
	width: 561px;
}
#content.home hr{
	color: #90A524;
	background-color: #90A524;
	height: 5px;
	border-top: none;
	border-left: none;
	margin: 20px 0 20px 0;
}
#content.home p {
	margin: 0 50px 0 10px;
	font-size: 15px;
	line-height: 1.4em;
	padding: 10px 0;
}
#content.home .column1 p,
#content.home .column2 p  {
	margin: 0;
	font-size: 12px;
	line-height: 1.2em;
	padding-top: 10px;
}
#content.home .column1,
#content.home .column2 {
	width: 240px;
	float: left;
}
#content.home .column2 {
	margin-left: 20px;
}
#content.portfolio {
	width: 525px;
}
#content.home h2 {
	font-size: 12px;
}
#content p {
	margin-top: 0px;
	margin-bottom: 20px;
}
#content img {
}


/* Form Elements */
#frmBlock		{
	width: 250px;
	padding: 0;
	margin: 0;
	float: left;
}	
.frmRow			{
	height: 20px; 
	line-height: 20px; 
	padding: 2px 0 2px 0; 
	margin: 3px 0 3px 0;
}
.frmLabel		{
	width:  200px; 
	height: 20px; 
	line-height: 20px; 
	padding: 2px 0 2px 0; 
	margin: 0 5px 0 0; 
	font-size: 10px; 
	text-align: right;
}
.frmField		{
	width: 160px; 
	height: 20px; 
	line-height: 20px; 
	padding: 2px 0 2px 0; 
	margin: 0; 
}
.frmInput		{
	width: 160px; 
	padding: 2px; 
	font-size: 10px; 
	border: 1px solid #999; 
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.frmSelect1		{
	width: 160px; 
	border: 1px solid #999; 
	color: #000; 
	position: relative; 
}
.frmSelect		{
	font-size: 10px; 
	height: 20px; 
	line-height: 20px; 
	padding: 2px 0 2px 0; 
	margin: 0; 
	border: 1px solid #999; 
	color: #000000;
	left: 100px;

}

.frmLabel		{
	width:  85px; 
	height: 20px; 
	padding: 2px 0 2px 0; 
	margin: 0 5px 0 0; 
	font-size: 10px; 
	text-align: right;
}

.frmTextarea		{
	width: 200px; 
	padding: 1px 1px 1px 3px; 
	font-size: 12px; 
	border: 1px solid #999; 
	text-align: left; 
	color: #000000; 
	position: relative; 
	left: 10px;
	
}

.frmRow2			{
	width: 300px; 
	height: 50px; 
	line-height: 20px; 
	padding: 2px 0 2px 0; 
	margin: 3px 0 3px 0;
}

.frmButton			{
	width: 100px; 
	height: 50px; 
	line-height: 20px; 
	margin-left: 90px;
	margin-top: 30px;
}
textarea	{
	width: 160px; 
	padding: 1px 1px 1px 3px; 
	font-size: 10px; 
	border: 1px solid #999; 
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif;
}
/* ARTICLES */
#articleheader {
	height: 85px;
	color: #fff;
	margin: 20px 0 10px 0;
}
#articleheader h3 {
	padding: 20px 0 0 20px;
	color: #fff;
	float: left;
	width: 300px;
	font-size: 15px;
}
#articleheader.blue {
	background-color: #61A9D3;
}
#articleheader.orange {
	background-color: #E17E29;
}
#articleheader.red {
	background-color: #ae1414;
}
#articleheader.green {
	background-color: #68ae3e;
}
#articleheader img {
	float: right;
	padding: 0;
	margin: 0;
}




/*popup window */
#dhtmlwindowholder {
	width: 300px;
}
#divbox.dhtmlwindow{
position: absolute;
border: 6px solid #5599cc;
visibility: hidden;
background-color: #fff;
width: 436px;
}
#divbox p {
	font-size: 14px;
	line-height: 1.4em;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
height: 30px;
padding: 10px;
text-indent: 3px;
font:  12px Arial;
color: #666;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 10px;
top: 10px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
background-color: #fff;
color: #666;
height: 150px;
padding: 0 20px 20px 20px;
overflow: auto;
}
.drag-statusarea{ 
	display: none;
}
.drag-resizearea{ 
	display: none;
}

/** 
.drag-statusarea{ 
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; 
}



.drag-resizearea{ 
float: right;
width: 13px; 
height: 13px; 
cursor: nw-resize;
font-size: 0;
}
*/