/* CSS Document */
body {
  padding: 0 0 0 160px;
            
            
            
            margin: 0;
			background:#474747;
			margin-top:0em;
			font-family:Arial, Helvetica, sans-serif;
			font-size:82%;
			color:#666666;
	height:100%;
       }
       
a{
    outline: none;
    border: none;
}
    

	  
html{
	height:100%;
}

.menulink {
    color:#FFCC00;
    font-size: 13px;
    text-transform: lowercase;
    width: 160px;
    font-family: helvetica;
	text-decoration:none;
	margin-top:3px;
	margin-bottom:3px;
	line-height:19px;
	font-weight:bolder;
	margin-left:4px;
	
	
}

.menulink a{
  text-decoration:none;

	
}

.menulink:hover {
    color:#00CCFF;
	text-decoration:none;
}

.menulinkcore {
    color: #FFCC00;
    font-size: 13px;
	font-weight:bold;
    text-transform: lowercase;
    width: 160px;
    font-family: helvetica;
	text-decoration:none;
	margin-top:3px;
	margin-bottom:3px;
	line-height:19px;
	margin-left:4px;
}

.menulinkcore:hover {
     color:#00CCFF;
	text-decoration:none;
}

.menulinkcore a{
	text-decoration:none;
}

.menuactive {
    color:#FF6600;
	text-decoration:none;
}
       
p{
	margin:0.1em 0 0.1em 0;
}

ul{
	list-style-type:none;
}

li{
	list-style-type:none;
	padding:0.2em 0 0.2em 0;
}

th{
	color:#cccccc;
	font-size:120%;
	padding: 0.5em 0 1em 0;
}

td {
	vertical-align:bottom;
}

#bodyflow
  {
  height: 100%;
  margin-top: 0em;
  margin-left: 1.5em;
  }

#bodyflowGame{
    height: 100%;
    margin-top: 0em;
    margin-left: -160px;
    z-index: 0;
    min-width:1000px;
}

#bodyflowInvisible{
    background-color: #000000;
    height: 100%;
    margin-top: 0em;
    margin-left: -160px;
    z-index: 0;
    min-width:1000px;
}

#bodystatic
  {
  overflow: hidden;
  width: 160px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  min-height:100;
  z-index:1000;
  
  }
  
  
img{
	border:none;
    -ms-interpolation-mode: bicubic;
}

        h1 { 
           font-size:100%;
           font-family: helvetica;
		   margin:0;
		   white-space:nowrap; 
		   display:inline;
           color: #cccccc;
        }
		
		h2 { 
           font-size:100%;
		   margin:0;
		   white-space:nowrap; 
		   display:inline;
        }
		
		h3{
			color:#FFFFFF;
			white-space:nowrap;
			text-align:left;
			font-weight:normal;
	
		}
		
		h4{
			color:#adacac;
			white-space:nowrap;
			font-weight:normal;
		}
		
		#img {
			border:0;
		}
		
		#img a{
			border:0;
		}
		
		#img a:link{
			border:0;
		}
		
		#img a:hover{
			border:0;
		}  

        #container{

            width: 100%;
		
          
      
        }
		
		 
		
#container ul{
	list-style-type:none;
}
		
a{
	color:#ffffff;
	text-decoration:underline;
}

.section{
}

.section_title{
	
}

#playpause{

}

#playpauseContainer{
    position:absolute; 
    margin-left: 50%;
    left: 51px;

    bottom:80px;
} 

#invisibleLinks{
    margin-left: 50%;
    left: 0px;
    position:absolute;
    bottom:30px;
    text-decoration:none;
    color:#C0C0C0;
}

#invisibleLinks a{

    text-decoration:none;
    color:#C0C0C0;
}

#invisibleLinks a:link{
 
    text-decoration:none;
    color:#C0C0C0;
}

#invisibleLinks a:hover{
    
    text-decoration:none;
    color:#C0C0C0;
}

#invisibleBox{
    text-align: center; 
    position:absolute;     
    top:50%;
    margin-top: -110px;
    left:160px;
    right:20px;
    height:140px;
    font-size: 140px;
    white-space:nowrap;

}

#invisibleVertBox{
    position: absolute;
    text-align: center;
    font-size: 90px;
    white-space:nowrap;
    left:160px;
    right:20px;
    bottom:100px;
    top:0px;
}

#invisibleVertBox table{
    height:100%;
    width:100%;
}

#sliderContainer{
    position:absolute; 
    left:190px;
    right:50px;
    bottom:10px;
} 

.prev_slider{
    position:absolute; 
    left:160px;
    bottom:10px;
    border: none;
}

.next_slider{
    position:absolute; 
    right:20px;
    bottom:10px;
}    

#clicktableContainer td{
    cursor:pointer;
    border:none;
    
	
}

#clicktableContainer{
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;		
}

.clicktable {
	margin-right:auto;
	margin-left:auto;
}

#box1{
    position:relative; 
    width:100%; 
    height:100%;
    background-color:#3399ff; 
    margin:0 0 0 0;


}

#box2{
    position:absolute; 
    top:50%;
    margin-top: -37px;
    left:50%;
    margin-left:-60px;
    width:120px; 
    height:74px;
    background-color:red; 

}

#mouseText
{
    position:absolute; 
    top:50%;
    margin-top: 50px;
    left:50%;
    margin-left:-65px;

}		
		
        
        /* slider specific CSS */
        .sliderGallery {
            
            overflow: hidden;
            position: relative;
            padding: 0 0 0 0;
            height: 505px;
            width: 100%;
			margin:0 0 0 0;
        }
        
        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0 0 0 0;
            margin: 0;
			height:505px;
			
			border-bottom:#CCCCCC;
			border-bottom-width:1px;
			border-bottom-style:solid;
        }
        
        .sliderGallery UL LI {
            display: inline;
			padding:0 0 0 0;
        }
        
        .slider {
            width: 100%;
            height: 25px;
            margin-top: 480px;
			
           
        	border-top-color:#cccccc;
			border-top-width:1px;
			border-top-style:solid;
            position: relative;
            background-color:#CCCCCC;
        }
        
        .handle {
            position: absolute;
            cursor: e-resize;
            height: 25px;
            width: 181px;
            top: 0;
            background-color:#999999;
            z-index: 100;
        }
        
        .leftblock {
            cursor: default;
            position: absolute;
            height: 25px;
            width: 25px;
            top: 0;
            background-color:#AAAAAA;
            z-index: 101;
        }
        
        .rightblock {
            cursor: default;
            position: absolute;
            height: 25px;
            width: 25px;
            top: 0;
            right: 0;
          background-color:#AAAAAA;
            z-index: 101;
        }
        
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }
        
        .slider .slider-lbl1 {
            left: 50px;
        }
        
        .slider .slider-lbl2 {
            left: 107px;
        }
        
        .slider .slider-lbl3 {
            left: 156px;
        }

        .slider .slider-lbl4 {
            left: 280px;
        }

        .slider .slider-lbl5 {
            left: 455px;
        }

/*layout styles*/

#header{
	width:100%;
	min-width:800px;
	height:43px;
	margin-top:0px;
	padding:0 0 0 0;
	
}

#header2{
	width:100%;
	min-width:800px;
	height:43px;
	margin-top:0px;
	padding:0 0 0 0;
	
}

#title{
	width:100%;
	height:32px;
	margin-bottom:20px;
	
}

#title img{
	float:left;
}

#topNav{
	float:right;
	text-align:center;
	height: 35px;
}

#topNav img{
	postion:top;
}

#projectNavContainer{
	width:100%;
	
	margin:15px 0 0 0;
}


#projectNav{
	
	width:100%;
	
	
}

#projectNav tr{
	height:22px;
}

#projectNav a{
font-weight:normal;
}

#projectNav a:link{
font-weight:normal;
}

#projectNav a:hover{
font-weight:normal;
}


#projectNavLeft{
	float:left;
	color:#FFFFFF;
	font-size:130%;
	padding:0 0 0 0.7em;
	font-weight:bold;
	
}

#projectNavLeft ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
	position:top;
	
}

#projectNavLeft li{
	display:inline;
	padding:5px 3px 0 3px;
	margin:0 3px 0 3px;
	letter-spacing:3px;
}


#projectNavRight{
	float:right;
	padding: 0 0.5em 0 0;	
	
	
}

#projectNavRight ul{
float:right;
	list-style-type:none;
	margin:0 0 0 0;
	display:inline;
}

#projectNavRight li{
	display:inline;
}



#indexNav{
	float:right;
}

#indexNavRight ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
	position:top;
}

#indexNavRight li{
	float:right;
	display:inline;
	padding:5px 3px 0 3px;
	margin:0 3px 0 3px;
	letter-spacing:3px;
}

 

#projectTextContainer{
	color:#666666;
}


#projectContainerTop{
	
	color:#FFFFFF;
	
	
	
	
}

#leftColumn{
	width:160px;
	position:absolute;
	bottom:0;
	font-family:Helvetica, sans-serif;
	font-size:80%;
	text-wrap:none;
}

#leftColumnImg{
	float:left;
	padding:0;
	margin:0;
}

#projectTextTop{
	float:left;

	margin-left:2.5em;
	margin-bottom: 1em;
	
    width:60%;
	min-width:400px;
}



#projectTextTop2{
	float:left;
	
	margin-left:5em;
	margin-bottom: 1em;
	margin-top: 3.5em;
    width:60%;
	min-width:400px;
}

#projectTextTop3{
	float:left;
	
	margin-left:5em;
	margin-bottom: 1em;
	margin-top: 3.5em;
    width:20%;
	min-width:200px;
}




#projectTextTopWide{
	float:left;
		margin-top: 1.5em;

	margin-left:5em;
	margin-bottom: 1em;
	
    width:80%;
	min-width:600px;
}

#slidesContainer{
    width: 90%;
	float:left;
	margin-left:3em;
		 
		 }
		 
#slidesContainer img{
	margin-bottom:1.2em;
	margin-right:1.2em;

	
}
		 
#slidesContainer ul{
	margin-right:1em;
	
}
	
#slidesContainer li{
	display:block;
	padding: 0.7em 0 0.7em 0;
}

#projectVideo{
	
	margin-bottom:2em;
}
	 
#projectTextContainerBtm{
	color:#FFFFFF;
    float:left;	
	
	width:60%;
	margin-left:2.5em;
}

#notes_tab{
	margin-left:0.5em;
	margin-top:1.5em;
	
}

#projectTextLeft{
	width:100%;
	float:right;
	text-align:justify;
}

#projectTextRight{
	width:30%;
	float:right;
}

.projectTextItem{
	width:100%;
	padding: 0.5em;
   

	
	
}

.projectSlideshow{
	
		margin:0.3em 0.2em 0.1em 0em;
		float:left;
	
}

.projectSlideshow a{
	text-decoration:none;
}

.projectSlideshow a:link{
	text-decoration:none;
}

.projectSlideshow a:hover{
	text-decoration:none;
}



.projectSlideshow img{
}

.projectTextHeader{
	text-align:left;
	font-weight:bold;
	font-size:130%;
	padding:0.2em 0 0.1em 0;
}

.projectDate{
	text-align:left;
	font-weight:bold;
	font-size:100%;
	color:#999999;
	padding:0.2em 0 0.1em 0;
	text-transform:uppercase;

}
.projectTextSubHeader{

    text-align:left;
    font-weight:bolder;
    font-size:90%;
    color:#999999;
    padding:0.2em 0 0.2em 0;
    text-transform:uppercase;
}

.projectTextBody{
    text-align:justify;
    margin-bottom: 2em;
    
}

.projectTextSubHeaderNeg{

    text-align:left;
    font-weight:bolder;
    font-size:90%;
    color:#474747;
    padding:0.2em 0 0.2em 0.2em;
    text-transform:uppercase;
    background-color: #EEEEEE;
}

.projectTextBodyNeg{
    color:#474747;
    text-align:justify;
    margin-bottom: 2em;
    background-color: #EEEEEE;
    padding:0 0.2em 0.2em 0.2em;
    
}

.projectTextDesc{
    text-align:justify;
    padding:0.2em 0 0.2em 0;
    
    
}


.projectTextBody th{
	text-align:left;
	color:#ffffff;
	font-size:110%;
	padding:1em 0 0.5em 0;
	
}

.projectTextBody table{
	margin:0.2em 0 0.4em 0;
	
	color:#ffffff;
	
}

.projectTextBodyEmph{
	font-weight:bold;
}

.projectTextTableEmph{
	font-weight:bold;
	font-size:115%;
	padding:0.2em 0 0.2em 0;
	
}

.projectTextTableHeaderSml{
	font-weight:normal;
	font-size:100%;

	
}

.projectName{
	font-size:120%;
	padding:0.2em;
	background:#ffffff;
	color:#666666;
	font-family:Helvetica, sans-serif;
	white-space:nowrap;
	text-align:left;
	font-weight:bold;
}

.projectInformation{
	font-size:100%;
	font-weight:normal;
	color:#666666;
	background:#ffffff;
	padding:0.2em;
	font-family:Helvetica, sans-serif;
	white-space:nowrap;
	text-align:left;
}



.projectNavBtn{
	font-size:100%;
	font-weight:normal;
	color:#666666;
	background-color:#E0E0E0;
	font-family:Helvetica, sans-serif;
	padding:5px 5px 3px 5px;
	
	white-space:nowrap;
	text-align:right;
}


/*index*/
#indexImagesContainer{
	margin-top:14px;
}

#indexImagesContainer img{
	padding-bottom:1em;
}

#indexImagesContainerSlideshow{
	margin-top:-3px;
}

#indexImagesContainerSlideshow img{
	padding-bottom:1em;
}

/*colour box*/

#colourBoxContainer{
	float:right;
	margin-top:4.3em;
	margin-left:3em;
	margin-right:3em;
}

#colourBoxText{
	margin: 0.2em 0 0.2em 0;
	color:#666666;
}

/*links n contact page*/

.linkDesc{
	font-weight:bold;
	font-size:105%;
	
}

.linkUrl{
	margin-bottom: 1em;
}

.contactEmail{
	
}

.cvImages{
width:100%;
}
 
.cvImages td{
	vertical-align:text-top;
}

.cvImages ul{
	display:inline;
	margin:0;
}

.cvImages li{
	white-space:nowrap;
	margin:0 1em 0 0;
	float:left;
}

.cvImages img{
}


.cvImagesTextContainer{
	width:100%;
}

.cvImagesText{
	width: 640px;
	margin-left:0.5em;
}

.cvImagesTextLeft{
float:right;
width: 320px;

}

.cvImagesTextRight{

margin-left:1.2em;
width: 320px;
float:right;

}

.cvTable{
	width:100%;
}

.cvTable table{
	float:left;
}

.read_more{
	color:#66CCFF;
}

.read_less{
color:#66CCFF;
}

notesTextHead{

}

#footer{
	margin-top:2em;
	margin-bottom: 0.2em;
}

#footerProjects{
	margin-left:3em;