/* Reset - Timothy Framework - www.timothyframework.com */

/* This work is licensed under the MIT License - http://www.opensource.org/licenses/mit-license.php */


html, body { margin: 0; padding: 0; border: 0; background-image:url('../images/background2.jpg'); background-repeat:no-repeat; background-attachment:fixed; font-size:10px; }



div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

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

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }
	
input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}

article, aside, dialog, figure, footer, header, hgroup, nav, section { 
	display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, b, i, u, strike { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%; 
	text-indent:0px;
	text-decoration:none;
	text-align:left;
	color: #000;
	}

ol, ul { list-style:none;}

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }


/* Text Elements */

p           	{ color:#000; font-size:12px; line-height:150%;  }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a           	{   }
a:link			{ color:blue;  }
a:visited		{ color:#993399;  }
a:active		{ color:blue;  }
a:focus			{ color:blue;  }
a:hover     	{ text-decoration:underline;  }

blockquote  	{ color:#000; font-size:12px; }

strong      	{ font-weight: bold; }
em		      	{ font-style: italic; }

/* Lists */

ul          	{ list-style-type:none; }
ol          	{ list-style-type:decimal; }

ul li		    { color:#000; font-size:12px; list-style-position:inside;}
ol li	     	{ color:#000; font-size:12px; list-style-position:inside;}

dl          	{  	} 
dt       		{  	}
dd          	{ 	}



/* Tables */

table       	{ width:100%; }

tr				{	}
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th          	{ font-weight: bold; }
thead, th    	{ background: #ccc; }

tbody			{   }

th,td,caption 	{ 	}
caption 		{ 	}

tfoot       	{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption     	{ background: #efefef; }



/* Containers */

#bg	{
	position:fixed;
	top:0;
	left:0;
	min-width:100%;
	min-height:100%;
	}

#wrapper	{ 
	width:900px; 
	margin:0px auto;
	background-color:#FFFFFF;
	}
#topbanner	{ 
	width:100%; 
	height:200px; 
	}
#topnav	{ 
	background-color:#333333; 
	clear:both; 
	margin:0px 0px 10px 0px; 
	}
#topnav	ul	{ 
	width:100%; 
	float:left; 
	margin:0px; 
	background-color:#333333; 
	}
#topnav	ul	li	{ 
	display:inline; 
	font-size:16px; 
	}
#topnav	ul	li	a	{ 
	float:left; 
	padding:10px 15px; 
	}
#topnav a:link, #topnav a:visited, #topnav a:active, #topnav a:focus	{ 
	color:#ffffff; 
	}
#topnav a:hover	{ 
	color:#ffffff; 
	background-color:#CC0000;
	text-decoration:none; 
	}


#content	{
	width:870px; 
	padding:0px 15px 0px 15px;
	}
#content	p	{ 
	line-height:6mm; 
	font-size:16px; 
	}
#content h3	{
	width:100%;
	line-height:6mm;
	padding:10px 0px 5px 0px;
	}
#pageheader	{ 
	width:870px;
	padding:15px 15px 15px 15px;
	float:left;
	}


#welcomecontent	{ 
	width:400px; 
	padding:0px 0px 0px 0px; 
	float:left; 
	}
#featuredcontent	{ 
	width:450px;
	margin:0px 0px 0px 0px; 
	float:right; 
	}
#featuredtitle	h1	{ 
	padding:10px 0px 10px 0px;
	text-align:center;
	font-size:25px;
	font-style:italic;
	font-weight:bold;
	background-color:#CD3242;
	}
#featuredcontent	h2	{ 
	padding:10px 0px 5px 0px; 
	text-align:center; 
	}
#featuredcontent	img	{ 
	padding:0px 10px 0px 10px; 
	float:left; 
	}
.featured	{
	clear:both; 
	width:450px; 
	height:250px; 
	border:1px solid black;
	margin:0px 0px 4px 0px; 
	}


#researchcontent	{ 
	width:870px;
	margin:0px 0px 0px 0px;
	}
#researchcontent ul li	{
	list-style-type:disc;
	line-height:6mm;
	}
#researchcontent ul li a	{
	font-size: 16px;
	}
.research	{ 
	width:870px;
	float:left;
	padding:0px 0px 20px 0px;
	}
.research ul li	{
	font-size:16px;
	margin:0px 0px 10px 0px;
	margin-left:180px;
	}
.research	img	{
	padding:0px 30px 30px 0px;
	float:left;
	height:113px;
	width:150px;
	}
.research h2	{
	font-size:25px;
	margin:10px 0px 10px 0px;
	}
.research h1	{
	font-size:18px;
	}

#servicescontent	{ 
	width:870px; 
	padding:0px 0px 0px 0px; 
	float:left;
	margin:0px 20px 0px 0px;
	line-height:6mm;
	}
#servicescontent h2 {
	font-size:16px;
	}
#servicescontent ul {
	list-style-type:disc;
	line-height:6mm;
	}
#servicescontent img {
	float:right;
	}
#servicescontent ul li {
	font-size:16px;
	margin:0px 0px 10px 30px;
	line-height:6mm;
	}
#servicesexamples {
	clear:both;
	margin:10px 0px 0px 0px;
	}
#servicesexamples h2 {
	font-size:16px;
	}
#servicesexamples ul {
	list-style-type:disc;
	}
#servicesexamples ul li {
	font-size:16px;
	margin:0px 0px 10px 30px;
	}


.galleryindex	{
	width:190px;
	float:left;
	margin:0px 13px 40px 13px;
	}
.galleryindex h2	{
	padding:10px 0px 10px 0px; 
	text-align:center; 
	}
#images	{
	margin:10px 0px 0px 0px;
	}
#images	h2	{
	margin:0px 0px 0px 0px;
	}
.pictures	{
	margin:0px 0px 30px 0px;
	width:870px;
	clear:both;
	}
.pictures h2	{
	padding:5px 0px 5px 0px;
	width:400px;
	text-align:left;
	float:left;
	}
	
.pictures h3	{
	float:right;
	text-align:right;
	width:100px;
	}

#videocontent	{
	clear:both;
	width:870px; 
	padding:0px 15px 0px 15px;
	margin:10px 0px 0px 0px;
	}
#videocontent h2	{
	padding:5px 0px 5px 0px;
	width:500px;
	text-align:left;
	float:left;
	}
#videocontent h3	{
	float:right;
	text-align:right;
	width:100px;
	}

.video	{
	width:420px;
	padding:15px 7px 15px 7px;
	display:inline;
	}


.education	{ 
	width:870px;
	padding:15px 0px 15px 0px;
	}
.education	img	{
	border:thin black solid;
	}
.educationcontent	{
	width:500px;
	float:right;
	}
.educationcontent a	{
	font-size: 16px;
	}
.educationcontent	img	{
	border:thin black solid;
	float:left;
	margin:0px 65px 40px 0px;
	}
.educationmaterial	{
	width:250px;
	height:150px;
	float:left;
	}


#publicationscontent	{ 
	clear:both;
	margin:10px 0px 0px 0px;
	width:100%; 
	}
#publicationscontent h2	{ 
	text-align:center; 
	font-size:16px; 
	padding:5px 0px 5px 0px; 
	margin:0px 0px 0px 0px; 
	background-color:#CCCCCC; 
	}
#publicationscontent img	{ 
	padding:0px 0px 0px 10px; 
	float:right; 
	}
.references	p	{ 
	padding:10px 30px 10px 30px; 
	}
	
#teamcontent img	{
	padding:0px 10px 10px 0px;
	float:left;
	}	

#footer	{ 
	clear:both; 
	width:100%; 
	height:200px; 
	padding:10px 0px 0px 0px; 
	text-align:center; 
	font-size:14px; line-height:5mm; 
	}
#footer p	{
	text-align:center; 
	font-size:14px; 
	background-color:#CCCCCC; 
	}