html { height: 100%; margin-bottom: 0.1em }

* {
	font-family: Verdana, Arial, sans-serif;
	font-size : 100%;
	color: #999;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	background: #f2f2f2;
	}

a { text-decoration: none; }

img { border: none; vertical-align: top; }

table { border: 0; }

table th, table td { margin: 0;	padding: 0; vertical-align: top; }

.loading { display: none; }

.center {text-align: center;}

strong
	{
	color: #3B80AF;
	}
	
.hr
	{
	padding: 10px 0 0 0;
	border-top: 1px solid #ccc;
	}
	
br
	{
	line-height: 10px;
	}

/*
------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------*/

#noScript 
	{
	width: 550px;
	margin: 10px auto;
	background: #f00;
	border: 1px dotted #fff;
	text-align: center;
	}

#noScript p 
	{
	color: #fff;
	font-weight: bold;
	padding: 5px 20px;
	text-align: center;
	}
	
/*
------------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------------*/
	
#banner
	{
	padding: 0;
	margin: 0;
	}
	
#content
	{
	width: 737px;
	background: #fff;
	padding: 35px 0 14px 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
	
.colOne, .colTwo 
	{
	position: absolute;
	top: 0;
	left: 0;
	}
	
.colOne 
	{
	width: 210px;
	}

.colTwo 
	{
	width: 490px;
	left: 220px;
	}

/*
------------------------------------------------------------------------------
TYPE
------------------------------------------------------------------------------*/
p
	{
	font-size: 8.5pt;
	padding: 0 0 10px 0;
	line-height: 12pt;
	}

h1
	{
	font-size: 24px;
	margin: 0 0 15px 0;
	}
	
h2
	{
	font-size: 18px;
	margin: 0 0 4px 0;
	font-weight: normal;
	}
	
a
	{
	color: #999;
	}
	
a:hover
	{
	background: #999;
	color: #ffffff;
	}
	
#content a
	{
	color: #999;
	text-decoration: underline;
	}
	
#content a:hover
	{
	color: #fff;
	text-decoration: none;
	background: #999;
	}
	
.home
	{
	float: left;
	margin-left: -5000px;
	}
	


/*----------LISTS------------*/
ul
	{
	font-size: 8.5pt;
	padding-bottom: 10px;
	line-height: 12pt;
	}

li
	{
	list-style-type: none;
	padding: 0 0 5px 20px;
	background: url(../images/layout/bullet.gif) no-repeat 5px 4px ;
	}
	
dl
	{
	font-size: 8.5pt;
	line-height: 12pt;
	}

dt
	{
	font-weight: bold;
	}

dd
	{
	padding-bottom: 10px;
	}

/*--------PRESS LIST----------*/	

.press dl
	{
	
	}

.press dt
	{
	font-size: 12pt;
	font-weight: normal;
	padding-bottom: 5px;
	}	

.press dd
	{
	padding: 5px 0 0 10px;
	background: url(../images/layout/bullet.gif) no-repeat 0px 10px ;
	}
	
/*---------PROJECTS---------*/

.projects
	{
	padding: 7px 15px 15px 15px;
	}
	
/*table {border: 1px solid red;}*/

	
.projects td
	{
	text-align: left;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	}
	
.projects p
	{
	padding: 3px 0 5px 5px;
	font-size: 10pt;	
	}
	
#content .projects a:hover p
	{
	color: #999;
	border-left: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
	padding: 3px 0 4px 4px;
	background: #e2e2e2;
	}
	
#content .projects a
	{
	display: block;
	text-decoration: none;
	}
	
#content .projects a:hover
	{
	color: #fff;
	background-color: #cecece;
	}
	
.projects img
	{
	padding: 5px;
	border: 1px solid #cecece;
	}

.projects a:hover img 
	{
	padding: 5px;
	background-color: #cecece;
	border: 1px solid #b4b4b4;
	}


/*---------PROJECTS GALLERY---------*/

.gallery
	{
	padding-top: 5px;
	}

.gallery p
	{
	padding: 10px 20px 15px 20px;
	}
	
.gallery h2
	{
	font-size: 12px;
	line-height: 8px;
	padding: 14px 0 0 0;
	margin: 0 0 0 20px;
	}

.gallery .projects_sub p
	{
	text-align: center;
	padding: 10px 20px 15px 20px;
	}

/*
------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------*/
#footer
	{
	margin: 0px;
	padding: 0px;
	width: 737px;
	*margin-bottom: -20px; /* IE HACK */
	}
	
#footer .colOne 
	{
	width: 230px;
	padding: 0px 0 0 10px;
	}

#footer .colTwo 
	{
	width: 510px;
	left: 220px;
	}
	
#footer p
	{
	font-size: 8pt;
	color: #999;
	padding: 0px;
	}

#footer a
	{
	font-size: 8pt;
	color: #999;
	}	

#footer a:hover
	{
	color: #fff;
	}	

#footer .colTwo p
	{
	text-align: right;
	}

/*
------------------------------------------------------------------------------
GENERAL LAYOUT
------------------------------------------------------------------------------*/

#wrapper 
	{
	width: 737px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	}


.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;	}
/* End hide from IE-mac */

/*
------------------------------------------------------------------------------
FLASH TEXT REPLACEMENT
------------------------------------------------------------------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash .gallery h2 {
	visibility: hidden;
}


/*
------------------------------------------------------------------------------
BUG FIXES
------------------------------------------------------------------------------*/

/*div {border: 1px solid red;}*/

/*----------IE 7-----------*/

*:first-child+html .projects
	{
	margin: 8px 10px 11px 0px;
	} 
	
*:first-child+html .projects td
	{
	text-align: left;
	padding-left: 11px;
	padding-right: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	}

/*----------IE 6 and below-----------*/

* html .projects
	{
	margin: 15px 0px 11px 3px;
	}
	
* html .projects td
	{
	text-align: left;
	padding-left: 15px;
	padding-right: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
	}