body {margin:0 0 50px 0;
      padding:0;
      background: #cccccc;
	  font-family: Helvetica, Arial, Verdana, sans-serif;
		/* set font sizes for standard browers 1em = 10px 1.1em = 11px etc */
	  font-size:62.5%;}
img {border:none;}
clear {clear:both;}

/**********  fix to clear float  *************/
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
/*.clear {display: inline-table;}*/
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
/**************   container *******************************************/
#container {margin:3px auto;
     	    padding: 0;	
		    width:759px;
            background: #ffffff;
        	  }
#innercontainer {position:relative;
             margin:0;
     	    padding: 0;	
			height:505px;}		

			#backimage {margin:0;
     	    padding: 0;	
		     height:505px; }
			
/**************   main entry splash *******************************************/
#splashcontainer {margin:0;
                padding:0;
				height:506px;}

#splashcontent {float:right;
                margin:33px 33px 0 0;
                padding:0;
				color:#454545;}

#splashcontent p {margin:0;
                padding:0;
              text-align: right;
         	font-weight:bold;}

#splashcontent p.splashname {
             font-size:2.7em;
			line-height:0.9em;
			}
#splashcontent p.splnamebot {margin:0 0 16px 0;
            }
			
#splashcontent p.splashaddress {
             font-size:2.6em;
			line-height:0.9em;
				letter-spacing:-1.05px;
			}
#splashcontent p.spladdtop {margin:11px 0 0 0;
            }
			
#splashcontent p.splashemail {margin:1px 0 0 0;
             font-size:1.6em;
			letter-spacing:-0.5px;}
			
#splashcontent p.splashemail a {margin:0;
                padding:0;
            text-decoration:none;
			color:#454545; }

#splashcontent p.splashphone {
             font-size:2.7em;
			line-height:0.8em;}
#splashcontent p.splphonetop {margin:6px 0 0 0;
            }			
			
#splashcontent p#enter  {margin:97px 0 0 0;
                padding:0;
		    font-size:4.55em;}
			
#splashcontent p#enter a  {margin:0;
                padding:0;
            text-decoration:none;
			color:#999999;
			}
			 
/**************   Home  *******************************************/
#newsbox {position:absolute;
		  top:0;
		  left:2px;
		  margin:0;
		  padding:0;
		  width:208px;
          border-left:1px solid #cccccc;		  
          border-right:1px solid #cccccc;		  
          border-bottom:1px solid #cccccc;		  
          background:white;
 }

#newsbox h1 {margin:12px 0 10px 11px;
		  padding:0;
		  font-size:1.2em;
		  color:#454545;
		  width:180px;
 }
#newsbox .newsitem h1 {margin:10px 0 -10px 0;
		  padding:0;
		  font-size:1.2em;
		  color:#454545;
		  width:180px;
       	  
 }
#newsbox .newsitem h2 {margin:10px 0 -10px 0;
		  padding:0;
		  font-size:1.1em;
		  font-weight:bold;
		  color:#454545;
		  width:180px;
 }
 
 .newsitem {margin:0 0 10px 9px;
             padding:0 0 0 1px;
             width:181px;
              border-top:1px solid #cccccc;}	

.newsitem p {margin:0;
		  padding:10px 0 0 1px;
			color:#616161;
			font-size:12px;
			line-height:16px;}

 .newsitem a {text-decoration:underline;
			color:#616161;}				

.newsitem ul {margin:0 0 12px 24px;
                 padding:0;
                 color:#616161;
                 font-size:1.2em;}
				 
.newsitem ol {margin:0 0 12px 24px;
                 padding:0;
                 color:#616161;
                 font-size:1.2em;}				 
				 
/**************   about  *******************************************/
h1#linkback  {position:absolute;
				bottom:37px;
				left:3px;
              margin:0;
			padding:0;
            font-size:4.5em;
			line-height:0.7em;
			color:#666666;
			font-weight:bold;
			}
body#projects h1#linkback {left:0;}			

h1#linkback1  {position:absolute;
				bottom:37px;
				left:3px;
               margin:0;
			padding:0;
         font-size:4.5em;
			line-height:0.7em;
			font-weight:bold; }
			
h1#linkback1 a  {text-decoration:none;
			color:#cccccc;
			}
			
body#projects h1#linkback1 {left:0;}			

			
img#menuimage {margin:45px 0 0 3px;
               padding:0;}	

		   
/************************   sub menu  **************************/			   
#submenu {position:absolute;
				bottom:90px;
				left:3px;
				margin:0;
				padding:0;
				width:237px;
 }

ul#submenuitems {margin:0 0 20px 0;
              padding:0;
			  font-weight:bold;
			  list-style-type:none;
			  font-size:1.2em; 
			   border-top: 1px solid #b4b4b4;}

ul#submenuitems li {margin:0;
              padding:2px 0 2px 0;
			  border-bottom: 1px solid #b4b4b4;
			  font-weight:bold;
			  list-style-type:none;
			  }

ul#submenuitems a {text-decoration:none;
color:#b4b4b4;}			  
		
#submenu a#subhigh
{color: #6f6f6f; }

/******* menu rollover **********/
#submenu a:hover {color: #6f6f6f; 
}

/**************   about  *******************************************/
#aboutbox{position:absolute;
	top:50px;
	left:273px;
	margin:0;
	padding:0;	
	width:350px;
	z-index:10;
	}

h2#aboutname{position:absolute;
	top:18px;
	left:273px;
	margin:0;
	padding:0 0 11px 0;	
	width:402px;
	z-index:11;
	font-size:1.2em;
	color:#6f6f6f;
	border-bottom:1px solid	#CBCBCB;}
	
/************  about scroller ****************/
#aboutscroll{
/* position relative in js */
	margin:4px 0 0 0;
	width:402px;
	}	
	
body#about img#btnReset {position:absolute;
           left:388px;
		   top:-6px;}	
body#about img#btnUp {position:absolute;
           left:388px;
		   top:6px;}
	
body#about img#btnDown {position:absolute;
           left:388px;
		   top:410px;}

body#about img#btnEnd {position:absolute;
           left:388px;
		   top:420px;}
 
/***** about text area ******/			   
#aboutcontent h1 {margin:10px 0 0 0;
		  padding:0;
		  font-size:1.3em;
		  color:#999999;
		  width:180px;
		  font-weight:bold;
 }
#aboutcontent h2 {margin:10px 0 0 0;
		  padding:0;
		  font-size:1.2em;
		  font-weight:bold;
		  color:#999999;
		  width:180px;
 }

#aboutcontent p {margin:0 0 12px 2px;
                 padding:0;
                 color:#999999;
                 font-size:11px;
				 line-height:15px;}

#aboutcontent a {text-decoration:underline;
				color:#999999;}				   				 
				 
#aboutcontent ul {margin:0 0 12px 24px;
                 padding:0;
                 color:#999999;
                 font-size:1.1em;}
				 
#aboutcontent ol {margin:0 0 12px 24px;
                 padding:0;
                 color:#999999;
                 font-size:1.1em;}				 
				 
/**************   Project  *******************************************/
#projslideshowbox{position:absolute;
					top:21px;
					left:273px;
					margin:0;
					padding:0;	
					width:426px;
					background:#ccc;}             

a#archivelink {position:absolute;
				bottom:11px;
				left:3px;
				margin:0;
               padding:0;
			   text-decoration:none;
			   color:#999999;
			   font-size:1.2em;
			   font-weight:bold;}

/*******************    slides   ************************/
div.projectslides {margin:0;
				height: 484px;
				width:426px;
				background:white;
								}
	    
#projectcontent {position: relative;
				height: 484px;
	  }

/***********  slide images  *****************/	    
#projectcontent img {position: absolute;
					bottom: 110px;
					left: 0;
									}

/************* slide  navigation  ***************/	    
#projectcontent ul {position: absolute;
	        bottom: 8px; 
			left:0px;
	        list-style-type: none;
	        margin: 0 0 0 -6px;
	        padding: 0;
	  }
	    
#projectcontent li {float: left;
	        margin: 0 1px 0 0;
	        padding: 3px 5px;
	        color: #c2c2c2;
	        font-size: 12px;
			font-weight:bold;
	   text-decoration: none; 
	   }
	    
#projectcontent li a {
	       color: #c2c2c2;
	    }
#projectcontent li.selected a {
	       color: #252525;
	    }
#projectcontent li a:hover {
	       color: #252525;
	    }
	    
#projectcontent li a:link,
#projectcontent li a:visited {
			color: ##252525;
	        text-decoration: none;
	    }

/***************  slide caption  ********************/
  #projectcontent #captiontext {position: absolute;
								top:380px;
								left:0;
								width:426px;
								font-size:11px;
								line-height:15px;
								color:#999999;
	    }		

#projectcontent #captiontext h1 {margin:10px 0 0 0;
		  padding:0;
		  font-size:13px;
		  width:180px;
		  font-weight:bold;
 }
#projectcontent #captiontext h2 {margin:10px 0 0 0;
		  padding:0;
		  font-size:12px;
		  font-weight:bold;
		  width:180px;
 }

#projectcontent #captiontext p {margin:0 0 12px 2px;
                 padding:0;
                 font-size:11px;}

#projectcontent #captiontext a {text-decoration:underline;
  color:#999999;}				   				 
				 
/********  read more button  **************/
  #projectcontent a.readmorebut {
	        position: absolute;
	       bottom: 11px;
		    right:0;
		  margin: 0;
	        padding: 0;
			color:#c2c2c2;	
            font-weight:bold;
			font-size:12px;
	 text-decoration:none;
 }    

/********  read more panel  **************/
#readmorepanel_c {position:absolute;
top:-4px;}

#readmorepanel {height:437px;
				width:426px;
				background:white;
				}

				
/******* panel header *******************/				
#readmorepanel .hd {position:absolute;
				top:0px;
				left:0px;
				width:426px;
				background:white;
}
#readmorepanel  .hd {padding:0 0 11px 0;
					border-bottom:1px solid #bebebe; 
					width:402px;
}
	
#readmorepanel .hd h2 {font-size:12px;
                        font-weight:bold;}
						
#readmorepanel .hd h2#summary {color:#252525;
                       margin:-2px 0 0 0 ;
					   padding:0;}

#readmorepanel .hd h2#author {color:#999999;
                    margin:-1px 0 0 0;
					padding:0;}
					
/******* close cross *******************/				
#readmorepanel img#topclose {
	        position: absolute;
	      left:409px;
		    top:0;
		  margin: 0 ;
	        padding: 0;
		height:7px;
		width:8px;
 }    
		
/******* panel body - scroller *******************/	
#scroller {	position:relative;
	overflow:hidden;
	left:0;
	border-bottom:1px solid #bebebe; 
	visibility:inherit;
	width:402px;
	background:white;
}

#readmorepanel #scroller .bd h1 {margin:10px 0 -12px 0;
		  padding:0;
		  font-size:1.3em;
		  color:#a0a0a0;
		  width:400px;
		  font-weight:bold;
 }
#readmorepanel #scroller .bd h2 {margin:10px 0 -12px 0;
		  padding:0;
		  font-size:1.2em;
		  font-weight:bold;
		  color:#a0a0a0;
		  width:400px;
 }

#readmorepanel #scroller .bd p {position:static;
							margin:12px 0 12px 0;
							padding:0;
							width:400px;
							color:#a0a0a0;
							font-size:12px;
							line-height:16px;}

#readmorepanel #scroller .bd img {position:static;
								}


#readmorepanel #scroller .bd a {text-decoration:underline;
  		  color:#a0a0a0;
}				   				 



#projectcontent #readmorepanel_c #readmorepanel  #scroller .bd ul {
			position:relative;
			margin:10px 0 0 20px; 
			width:350px;
            padding:0;
			background:transparent;
			list-style-type:disc;
				}

#projectcontent #readmorepanel_c #readmorepanel #scroller .bd li {margin:0;
                 padding:0;
                 width:350px;      
				 background:transparent;     		 
				float:none;		}

#projectcontent #readmorepanel_c #readmorepanel  #scroller .bd ol {
				position:relative;
				margin:10px 0 0 20px; 
				width:350px;
                 padding:0;
				background:transparent;
				list-style-type:disc;
				}
	 	
/***** scroll buttons  ****/	
#readmorepanel_c img#btnReset {position:absolute;
				z-index:90;     
				left:409px;
				top:48px;
				width:12px;
				height:9px;
				}
	
#readmorepanel_c img#btnUp {position:absolute;
      z-index:90; 
	  left:409px;
	  top:61px;
	  width:12px;
	  height:6px;
}
 
#readmorepanel_c img#btnDown {position:absolute; 
  z-index:90; 
	  left:409px;
		top:438px;
	  width:12px;
	  height:6px;
		}
		
   
#readmorepanel_c img#btnEnd {position:absolute;   
							z-index:90;   
							left:409px;
							top:448px;
							width:12px;
							height:9px;
 }	
	 
/********  bottom close button  **************/
  #readmorepanel a#extraclose {
	        position: absolute;
	       bottom: -40px;
		    right:0;
		  margin: 0 ;
	        padding: 0 8px 0 23px;
			color:#a7a7a7;	
            font-weight:bold;
			font-size:12px;
		text-decoration:none;
		background:white;
 }    

	
/***************  masking  **************/
div.mask {position:absolute;}	
	
/************  misc **********************/
.underlay {display:none;}	
			   
			   
/**************   Archive *******************************************/
h2#archivename {position:absolute;
				bottom:9px;
				left:3px;
				margin:0;
               padding:0;
			   color:#cccccc;
			   font-size:1.8em;
			   font-weight:bold;}
	
/**************   footer  *******************************************/
/************  main menu  ****************/ 
#mainmenu {margin:0;
     	   padding: 8px 0 8px 3px;	
	       border-top:1px solid #cccccc;	     
           border-bottom:1px solid #cccccc;
       	font-weight:bold;}

#mainmenu ul {margin:0;
     	    padding: 0;	
			  list-style-type:none;
	}
		
#mainmenu li {margin:0 8px 0 0;
	      padding: 0;
		  display: inline;
          }

#mainmenu  a {margin: 0;
              padding:0;
		      display:inline-block;
		  	  text-decoration: none;
        color:#999999;
	   	font-size:1.2em;
		 font-weight:bold;
		      }		

body#home a#homehigh,
body#about a#abouthigh,
body#projects a#projectshigh,
body#archive a#archivehigh
{color: #252525;}

/******* menu rollover **********/
#mainmenu a:hover {color: #252525;
}
			  
/************  contact details  ****************/ 
#contact {margin:0 0 0 3px;
     	    padding: 0;	
	     color:#999999;
		 font-size:1.2em;
		 font-weight:bold;
		 }
		   
#contact ul {float:left;
            margin:8px 53px 8px 0;
     	    padding: 0;	
			  list-style-type:none;}
		   			 
#contact a { font-size:1em;
		color:#999999;
		 text-decoration:none;}