/* CHRIS MCNALLY WEBSITE */

* { margin:0px; padding:0; }
html { 
	font-family: sans-serif, Helvetica, Verdana, Arial; 
	color: #999999; 
	line-height: 14px; 
	font-size: 12px; 
	height: 100%;
	width: auto;
	background-image: url(../images/a_bkg.png);
  background-repeat: repeat;
  }

body { 
	text-align : center;
	width: auto;
	height: 100%;
	background-image: url(../images/blackbar.png);
  background-repeat: repeat-x;
  background-position-y: 211px;
  }
	
  
img { border:0; }

#container { 
  width: 820px;
  height: auto;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
	text-align: left;
  }
  
  #container1 { 
  margin-right: auto;
  margin-left:auto;
  margin-top: 0px;
  padding: 0px
  background: ;
  width: 970px;
  height: 600px;
  }

/* LEFT COLUMN */

	#leftcolumn { 
	  float: left;
	  margin:0px 0px 0px 0px;
	  padding: 0px 0px 0px 0px;
	  width: 200px;
	  height: 600px;
	  }
	  
	#navblock { 
	  background-color: white; 
	  padding: 5px;
	  margin: 5px -10px 0px 0px; 
	  float: right;
	  width: 190px;
	  height: 15px;
	  }
	  
	#navblock1 { 
	  padding: 0px 0px 0px 0px; 
	  margin: 11px 0px 0px 0px;
	  float: left;
	  background: white;
	  border-right: grey dotted 1px;
	  width: 209px;
	  height: auto;
	  }
	
	#navblock2 { 
	  padding: 5px 0px 5px 5px; 
	  margin: 0px;
	  float: left;
	  background: white;
	  border-bottom: grey dotted 1px;
	  width: 204px;
	  height: 60px;
	  }
	
	#navblock3 { 
	  padding: 5px 0px 5px 5px; 
	  margin: 0px;
	  float: left;
	  background: white;
	  width: 204px;
	  height: 60px;
	  }
	
	#navblock4 { 
	  padding: 0px 0px 0px 0px; 
	  margin: 11px 0px 0px 0px;
	  float: left;
	  background: white;
	  border-right: grey dotted 1px;
	  width: 209px;
	  height: auto;
	  }
	  
	#logo { 
	  padding:0px;
	  margin: 0px;
	  float: left;
	  background: fuchsia;
	  width: 60px;
	  height: 60px;
	  }
	  
	#section {
	  float: left;
	  background:white;
	  padding:25px 0px 0px 5px;
	  margin: 0px;
	  width:135px;
	  height: 35px;
	  }

/* MAIN COLUMN */
  
	#content0 { 
	  float:left;
	  background: #fff;
	  margin: 0px 10px 00px 10px;
	  padding: 10px 00px 10px 10px;
	  width: 590px;
	  height: 475px;
	  }
	
	#content_n { 
	  float:left;
	  background: #fff;
	  margin: 0px 10px 00px 10px;
	  padding: 10px 00px 10px 10px;
	  width: 590px;
	  height: auto;
	  }
	
	#content_m { 
	  float:left;
	  background: #fff;
	  margin: 0px 10px 00px 10px;
	  padding: 10px 00px 10px 10px;
	  width: 590px;
	  height: 550;
	  }
	
	#content1 { 
	  float:left;
	  background: #fff;
	  margin: 0px 10px 00px 10px;
	  padding: 10px 00px 10px 10px;
	  width: 590px;
	  height: 475px;
	  }
	  
	#content2 { 
	  float:left;
	  background: #fff;
	  margin: 0px 10px 00px 10px;
	  padding: 10px 00px 10px 10px;
	  width: 590px;
	  height: 600px;
	  }
	
	#home { 
	  float:left;
	  background: ;
	  margin:0px;
	  padding: 0px;
	  width: 580px;
	  height: 475px;
	  }
	  
	#home_br { 
	  float:left;
	  background-image: url(../images/br.jpg);
	  padding: 0px;
	  width: 580px;
	  height: 475px;
	  }  
	
	#media { 
	  float:left;
	  background-color: black;
	  padding: 0px;
	  width: 374px;
	  height: 212px;
	  margin-left: 103px;
	  margin-right: 103px;
	  margin-top: 201px;
	  }  
	
	#portfolio { 
	  float:left;
	  background: white;
	  margin: 0px 0px 10px 0px;
	  padding: 0px;
	  width: 580px;
	  height: 123px;
	  }	   

	#portfolio1 { 
	  float:left;
	  background: white;
	  border-top: gray dotted 1px;
	  margin: 0px 0px 10px 0px;
	  padding: 5px 0px 0px 0px;
	  width: 580px;
	  height: 75px;
	  }	
	
	#illusbox { 
	  float:left;
	  background-color: fuchsia;
	  margin: 0px;
	  padding: 0px;
	  width: 123px;
	  height: 123px;
	  }	    

	#titlebox { 
	  float:left;
	  background-color: black;
	  text-align: bottom;
	  margin: 0px 0px 0px 1px;
	  padding: 10px;
	  width: 436px;
	  height: 103px;
	  }	
	
	#titlebox1 { 
	  float:left;
	  background-color: #bcdfff;
	  background-image: url(../images/gry_cross.gif);
	  text-align: bottom;
	  margin: 0px 0px 0px 1px;
	  padding: 0px;
	  width: 456px;
	  height: 123px;
	  }	
	
	#titlebox3 { 
	  float:left;
	  background-color: black;
	  text-align: bottom;
	  margin: 0px 0px 0px 0px;
	  padding: 0px;
	  width: 579px;
	  height: 123px;
	  }
	  	
	#worknav { 
	  float:left;
	  background: ;
	  margin: 0px 0px 00px 0px;
	  padding: 0px;
	  width: 100px;
	  height: 450px;
	  }	  
	  
	#newsframe { 
	  float:left;
	  background: white;
	  margin: 0px 0px 00px 0px;
	  padding: 0px;
	  width: 480px;
	  height: 340px;
	  }    
	
	#newsframe1 { 
	  float:left;
	  background: white;
	  margin: 0px 0px 00px 0px;
	  padding: 0px;
	  width: 580px;
	  height: 340px;
	  } 
	
	#scorpframe { 
	  float:left;
	  background: aqua;
	  margin: 0px 0px 00px 0px;
	  padding: 0px;
	  width: 284px;
	  height: 340px;
	  } 

	#scorpframe1 { 
	  float:left;
	  background: white;
	  margin: 0px 0px 00px 10px;
	  padding: 0px;
	  width: 284px;
	  height: 340px;
	  }
	
	#scorp { 
	  float:left;
	  background: yellow;
	  margin: 0px 10px 10px 0px;
	  padding: 0px;
	  width: 75px;
	  height: 85px;
	  }
	
	#scorptents { 
	  float:left;
	  background: red;
	  margin: 0px 0px 10px 0px;
	  padding: 0px;
	  width: 495px;
	  height: 85px;
	  }
	
	#archive { 
	  border-style: none; 
	  margin: 0px 0px 0px 10px; 
	  float:left;
	  background:white;
	  padding: 0px;
	  width: 100px;
	  height: 340px;
	  }    
	  
	.pics {  
    height:  580px;  
    width:   463px;  
    padding: 0;  
    margin:  0;  
}   
	  
/* Gallery  */

			#desc {
			  margin-top: 10px;
			  }   
			  
			#gallery { 
			  margin-top: 16px;
			  position:relative;
			  }	 	   
			
			#gallery img {
			  border-color: #999999;
			  border-width: 1px;
			  border-style: solid;
			  display: inline;
			  background: #FFFFFF;
			  margin: 5px 3px 0px 0px;
			  width: 40px;
			  height: 40px;
				}
				
			#rotate-image1 {
			  width: 410px;
			  height: 400px;
			  }	
			
			#gallerycolumn { 
			  float:left;
			  margin: 0px 0px 10px 0px;
			  padding: 0px;
			  width: 150px;
			  height: auto;
			  }	
			
			#galleryimage { 
			  border-color: #b3b3b3; 
			  border-width: 1px; 
			  border-style: solid; 
			  float:left;
			  margin: 0px 0px 10px 0px;
			  padding: 10px;
			  width: 409px;
			  height: 416px;
			  }	
			  
		 

/* Footer */
	  
	#footer { 
	  float:left;
	  background: #fff;
	  margin: 10px 0px 0px 10px;
	  padding: 10px;
	  width: 580px;
	  height: 15px;
	  }  
	
	#footer_n { 
	  float:left;
	  background: #fff;
	  margin: 10px 0px 0px 210px;
	  padding: 10px;
	  width: 580px;
	  height: 15px;
	  } 
	
	#footer1 { 
	  float:left;
	  background: white;
	  margin: 0px;
	  padding: 0px;
	  width: 110px;
	  height: 15px;
	  }
	  
	#footer2 { 
	  float:right;
	  background: white;
	  margin: 0px;
	  padding: 0px;
	  width: 200px;
	  height: 15px;
	  }     
	  
	#scorptent { 
	  float:left;
	  margin: 0px 0px 0px 10px;
	  padding: 0px;
	  width: 580px;
	  height: 176px;
	  }  
	    
  
	#rotate-image {
	  width: 580px; 
	  height: 463px;
	  }
	  
/* BUTTONS */		 
	#nav {
	  margin-bottom:0px;
	  padding: 0px 0; 
	  }
	  
	  #nav a { display: block; float: left; }
		
	  a#home {
		background: url("../images/name1.jpg") top left;
		height: 200px;
		width: 200px;
	  }
	  
	  a#home:hover, a#home.selected { background-position: top right;}
	  
	  a#home2 {
		background: url("../images/name2.jpg") top left;
		height: 200px;
		width: 200px;
	  }
	  
	  a#home2:hover, a#home2.selected { background-position: top right;}
	  
	  a#illus {
		background: url("../images/birdbike.jpg") top left;
		height: 123px;
		width: 123px;
	  }
	  
	  a#illus:hover, a#illus.selected { background-position: top right;}
	  
	  a#shirts {
		background: url("../images/lost.jpg") top left;
		height: 123px;
		width: 123px;
	  }
	  
	  a#shirts:hover, a#shirts.selected { background-position: top right;}
	  
	  a#sketch {
		background: url("../images/rurus.jpg") top left;
		height: 123px;
		width: 123px;
	  }
	  
	  a#sketch:hover, a#sketch.selected { background-position: top right;}
	  
	  a#fi {
		background: url("../images/filogo.gif") top left;
		height: 15px;
		width: 30px;
	  }
	  
	  a#fi:hover, a#home.selected { background-position: top right;}
	  
	  a#ls {
		background: url("../images/LuffLogo.gif") top left;
		height: 15px;
		width: 60px;
	  }
	  
	  a#ls:hover, a#ls.selected { background-position: top right;}
	  
	  a#scorps {
		background: url("../images/s.gif") top left;
		height: 15px;
		width: 15px;
	  }
	  
	  a#scorps:hover, a#scorps.selected { background-position: top right;}
	  
	  a#homus {
		background: url("../images/scorp1.jpg") top left;
		height: 200px;
		width: 200px;
	  }
	  
	  a#homus:hover, a#homus.selected { background-position: top right;}
	  
	  a#work {
		background: url("../images/buttons/work.gif") top right;
		height: 60px;
		width: 60px;
	  }
	  
	  a#work:hover, a#work.selected { background-position: top left;}
	  
	  a#news {
		background: url("../images/buttons/news.gif") top right;
		height: 60px;
		width: 60px;
	  }
	  
	  a#news:hover, a#news.selected { background-position: top left;}
	  
	  a#misc {
		background: url("../images/buttons/misc.gif") top right;
		height: 60px;
		width: 60px;
	  }
	  
	  a#misc:hover, a#misc.selected { background-position: top left;}
	  
	  a#chris {
		background: url("../images/buttons/chris.gif") top right;
		height: 60px;
		width: 60px;
	  }
	  
	  a#chris:hover, a#chris.selected { background-position: top left;}
	  
	  a#crew {
		background: url("../scorps/images/crew_b.gif") top right;
		height: 60px;
		width: 60px;
	  }
	  
	  a#crew:hover, a#crew.selected { background-position: top left;}
	  
	  a#crud {
		background: url("../scorps/images/crud_b.gif") top right;
		height: 60px;
		width: 60px;
	  }
	  
	  a#crud:hover, a#crud.selected { background-position: top left;}

/* TYPOGRAPHY */
h1 {
  color: #999; 
  font-size: 2.5em; 
  font-weight: normal;
  margin-bottom: 15px;
  }

h2 {
  color: #999; 
  font-size: 1.5em;
  font-weight: normal; 
  }
  
a, a:active, a:visited {
  color: #999;
  text-decoration: none;
  }

a:hover {
  color: #333;
  }
  
/* TOOL TIP */
.tooltip {
	color: #191919;
	cursor: pointer;
}

#tooltipbox {
	color: black;
	position: absolute;
	width: auto;
	height: auto;
	z-index: 100;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: .8;
}

#tooltipbox-pointer {
	position: absolute;
	top: -4px;
	left: 0px;
	height: 8px;
	width: 18px;
	background: url(../images/tip1.gif) no-repeat;
}

#tooltipbox-content {
	height: auto;
	width: auto;
	padding: 6px;
	font-size: 9px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: white;
	background-color: fuchsia;
}

/* classes */
.floatleft { float: left; }
.floatright { float: right; }
.aligncenter { text-align: center; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.clearboth { clear: both; }
.no-margin { margin: 0px;}
.pics {  
    height:  580px;  
    width:   463px;  
    padding: 0;  
    margin:  0;  
}