/* CSS Document */
/* CSS Layout code, author: Butter Creative */

html, body { padding: 0; margin:0; }
body {
	font: 62.5%/1.6 Helvetica, Arial, Verdana, sans-serif;
	background-color: #fff;
	color: #555555;
	line-height:1.0;
}

#body1 {position: relative; margin: 0 auto; width: 960px; padding:0;}
#body1.IE {zoom: 1;}
#body1 p {font-size:1.1em;}
	/*#body1 a:link, #body1 a:visited, #body1 a:active { color: #123123; text-decoration:underline; }
	#body1 a:hover {  color: #123123; text-decoration:none; }*/
	
/* put style back on elements */

pre, blockquote, fieldset, table {margin: 1em 0;}
.cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}


/* Bullets
ul {margin:1em 0 1em 1.5em; line-height:1.3em;font-size:1.2em;}
li {padding: 0.06em 0;}
ul li {margin-left:0.63em;padding-left: 0.5em; list-style: square outside;	 }
ol li {list-style: decimal outside;} */

	/* Bullets with Dotted Top and Bottom 
	#entriesList li a {
		padding:0.5em 0;
		border-top:1px dotted #C8CDD0;
		border-bottom:1px dotted #C8CDD0;
		display:block;
		margin-bottom:-1px;
	}*/
	/* END */



/* Standard settings */
h1,h2,h3,h4,h5,h6 
{margin:2px 0; padding: 3px 0; color:#555555; font-family:"Times New Roman", Times, serif; font-weight:bold; }

h1 {font-size:2.6em;}
	h1 a:link, h1 a:visited, h1 li a:active {color: black; text-decoration:underline;}
	h1 a:hover {color: black; text-decoration:none;}
h2 {font-size:1.1em; text-transform:uppercase; margin-top:9px }
h2 span {color:#402b62;}
	h2 a:link, h2 a:visited, h2 li a:active { color: black; text-decoration:underline;}
	h2 a:hover {color: black; text-decoration:none;}
h3 {font-size:1.1em; text-transform:uppercase; padding:0; margin:0;}
h4 {font-size:1.4em;}


		
			
/* Layout */
#wrapper {}

	
	#header {position:relative;height:128px;}
		.W3C #header {}
		.IE #header {}
	
	.thin-fade {height:10px; background-image:url(../imgs/thin-fade.jpg); background-position:top left; background-repeat:no-repeat;}
	.thin-fade-bottom {height:10px; background-image:url(../imgs/thin-fade.jpg); background-position:bottom left; background-repeat:no-repeat;}	
	
	.thick-fade {height:10px; background-image:url(../imgs/thick-fade.jpg); background-position:top left; background-repeat:no-repeat;}	
		
		#logo {position:absolute; top:0; left:799px; width: 151px;}
		.titleHeader {display: block; background-position:0 0;background-repeat: no-repeat;	background-color: transparent; 	text-indent: -1200px;	overflow: hidden; text-decoration: none; height: 113px;	width: 151px;	margin:0;padding:0;	}
		.titleHeader  {background: url(../imgs/logo.gif);	background:url(../imgs/logo.gif) 0 -28px no-repeat;}

				#logo a.titleHeader:link, #logo a.titleHeader:visited, #logo a.titleHeader:active { background:url(../imgs/logo.gif) 0 0 no-repeat;}
				#logo a.titleHeader:hover {  background:url(../imgs/logo.gif) 0 -117px no-repeat;}
				
				
		
	
	#wrapperContent {width:960px; margin:13px 0 10px 0; }
					.IE6 #wrapperContent{height:439px;}
				.IE7 #wrapperContent{min-height:439px;}
				.W3C #wrapperContent{min-height:439px;}
		/* 2 Colum Layout */
		#right3 {position:relative; float:right; width:150px; margin:0; padding:0; height:435px;}
			
		#bottomlinks {position:absolute; top:379px; left:18px; }
				
				#bottommenu {position:relative;}
					#bottommenu ul { margin:0; padding:  0 ;  list-style:none;}
					#bottommenu li { margin:0; padding:  0 ; list-style:none; 	}
					
				#bottommenu li a {text-indent: -1200em; overflow: hidden; display: block;		width:120px;    text-decoration: none; vertical-align: bottom; /* This fixes the IE5 Win gap! */}	
				#bottommenu a.blog, #bottommenu a.newsletter {height: 28px; }
								
				#bottommenu a.blog:link, #bottommenu a.blog:visited, #bottommenu a.blog:active { background:url(../imgs/blog.gif) 0 -28px no-repeat;}
				#bottommenu a.blog:hover {  background:url(../imgs/blog.gif) 0 0 no-repeat;}
				
				#bottommenu a.newsletter:link, #bottommenu a.newsletter:visited, #bottommenu a.newsletter:active { background:url(../imgs/newsletter.gif) 0 -28px no-repeat;}
				#bottommenu a.newsletter:hover {  background:url(../imgs/newsletter.gif) 0 0 no-repeat;}

				/* MENU END */
			
		#middle3 {margin:0 156px 0 0; padding: 0;}
	
			.main-img {border:10px solid #e0e0e0; margin-left:10px;} /* Home Page */
			.sub-page {position:relative; border:10px solid #e0e0e0; margin-left:10px; width:765px; height:416px; background-color:#E0E0E0;} /* Sub Page */

  
  
			#closebutton {cursor:pointer;}
			
			.textbox {height: 404px; background-color:#d3d5d5; border:6px solid #909395; float:right;
			filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}
				.IE6 .textbox{width:250px;}
				.IE7 .textbox{width:252px;}
				.W3C .textbox{width:250px;}
			
	
				
				
			.textbox-inner {padding:0 7px;}

			
			
			
			.button {position:absolute; top:8px; left:743px; z-index:50;}

			.gallery-class {			
				overflow: auto;
				background: #ccc;
				float: left;
				width: 517px;
				height: 416px;
				background-image:url(../imgs/rd-bg.gif);
				background-repeat:repeat;
				background-position:top left;
				}
			.gallery-class-inner {padding: 0 9px 0 6px; }
			.W3C .gallery-class-inner {min-height: 423px;}
			.IE6 .gallery-class-inner {height: 423px;}
			.IE7 .gallery-class-inner {min-height:423px;}
			
	#gallery-tbl {width:471px; margin:4px 0 0 0; padding:0;}
	#gallery-tbl td {width:157px; padding:4px 0;}
	#gallery-tbl td.center {text-align:center;}
	#gallery-tbl td.right {text-align:right;}
		#footer { text-align:center; color:#000; padding:10px 0;}
			#footer a:link, #footer a:visited, #footer a:active { color: red; text-decoration:underline; }
			#footer a:hover {  color: red; text-decoration:none; }



	


/* other bits*/

form {margin:0; padding:0;}
input, select, textarea {font-family: Arial, Geneva, Verdana, Helvetica, sans-serif; }
fieldset, label {border:0;  padding:0; margin:0;}




	/* */
		<!--
	#menu {font-family:"Times New Roman", Times, serif; color:#b5b6b6; font-size:11px; 
		list-style: none;
		margin: 0;
		padding: 0;
		vertical-align: top;
		width: 140px;
		text-align:right;
		font-size:11px;
		text-transform:uppercase;
	}
	#menu ul {
		display: none;
		list-style: none;
		margin: 0;
		padding: 0; 
	}
	#menu ul ul {
		display: inline;
	}
	#menu ul ul li a {
		width: 140px; 
	}
	#menu a {
		color: #b5b6b6;
		cursor: pointer;
		display: block;
		
		margin-left: 0;
		padding: 3px 0;
		width: 140px;
		text-decoration:none;
	}
	#menu a.expanded {
		color : #402b62;
		border-top:2px solid #e0e0e0;
	}
	#menu a.collapsed {
		border-top:2px solid #e0e0e0;	
	}
	#menu a:hover {
		text-decoration: none; color : #402b62;
	}
	#menu ul a {
		text-decoration:none;
		border-top: 2px solid #fff;
		color: #b5b6b6;
		display: block;
		font-weight: normal;
		padding: 0;
		width: 140px; text-decoration:none;
	}
	#menu ul a:hover {
		color : #402b62;  text-decoration:none;
		
	}
	#menu li.active a {
		background: #fff; text-decoration:none;
	}
	#menu li.active li a {
		color: #402b62;  text-decoration:none;
	}
	
	#menu a.selected {color: #402b62;}
	
	
	
	
	/*#menu .footerb span, #menu .footera span   {
		display: none; height: auto;
	}*/
	
	#menu .nosub{ padding:0 0 3px 0;}
	#menu .nosub-top {border-top:2px solid #e0e0e0;	}
	#menu .nosub-bottom {border-bottom:2px solid #e0e0e0;}

	#menu .pad {margin-bottom:3px;}

/* */
a.linkopacity img {

filter:alpha(opacity=80); 
-moz-opacity: 0.80; 
opacity: 0.80;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}
.purple-filter {position:relative; background-color:#260959; width:151px; height:93px;} /*260959(dark*/ 
.project-title {position:absolute; top:10px; left:25px;width:100px; margin:30px auto; text-align:center; color:#ffffff; font-weight:bold; font-size:11px;
}
#tooltip {	position: absolute;	z-index: 3000;	border: 1px solid #989A9C;	background-color: #D4D6D6;	padding: 5px; }

.textbox a:link, .textbox a:visited, .textbox a:active { color: #402b62; text-decoration:underline; }
	.textbox a:hover {  color: #402b62; text-decoration:none; }