/*

	Samuel Stevenson style sheet
	Created by Ryan Mitchell on 13/11/2006

*/

/* standardize across browsers */
html, body, div, form { padding:0px; margin:0px; }
img { border:none; }
p { padding:6px 0px; margin:0px; }

/* set up our canvas */
html { background-color:#343132; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; }
body { background-color:#343132; }

/* layout */
#container { padding:100px 0px 0px 50px; width:810px; height:500px; }
#logo { padding-left:8px; }
#imageb { float:right; width:325px; margin-top:24px; }
#links { margin-top:25px; width:460px; height:17px; border:1px solid #666; padding:1px 0px 0px 5px; background-color:#615D5F; }
#links.home { background-color:#343132; } 
#sublinks {  margin-top:5px; width:300px; }
#sublinks a { margin:-2px 20px 0px 0px; color:#333; text-transform:uppercase; font-size:12px; text-decoration:none; }
#sublinks a.on { color:#fff; }
#client { width:350px; margin:10px 0px 5px 0px; }
#building { width:460px; }
#text { width:426px; background-color:#615D5F; height:154px; margin-top:20px; padding:3px 33px 3px 8px; line-height:140%; overflow:auto; }
#text a { color:#fff; }
.text { width:449px; background-color:#615D5F; height:154px; margin-top:20px; padding:3px 22px 3px 18px; line-height:140%; overflow:hidden; }
.text a { color:#fff; }
#client { margin-top:161px; }
#client, #building { height:17px; background-color:#615D5F; padding:2px 0px 0px 5px; text-transform:none; font-size:12px; }

#links ul { padding:3px 0px 0px 0px; margin:0px; list-style-type:none; height:15px;  }
#links li { width:33%; height:15px; line-height:12px; text-indent:2px; float:left; margin:0px; padding:0px; }
#sublinks ul { padding:3px 0px 0px 4px; margin:0px; list-style-type:none; height:14px; background-color:#615D5F; border:1px solid #666; line-height:11px; font-size:12px; }
#sublinks li { height:15px; line-height:12px; text-indent:2px; float:left; margin:0px; padding:0px 10px 0px 0px; border:none; }

#pdf { margin-top:13px; border:1px solid #615D5F; height:17px; color:#615D5F; text-transform:capitalize; font-size:12px; padding-top:1px; width:300px; background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:5px 2px; text-indent:22px; }
#pdf a { color:#615D5F; text-decoration:none; }

#portfolio { margin-top:20px; }
#portfolio .right, #portfolio .left { background-color:#615D5F; height:154px; overflow:hidden; }
#portfolio .left { width:109px; padding:3px 33px 3px 8px; font-size:11px; }
#portfolio .left a { text-transform:uppercase; color:#fff; }
#portfolio .right { float:right; width:259px; margin:0px 18px 0px 10px; padding:3px 33px 3px 8px; }

#portfolio2 { margin-top:20px; }
#portfolio2 .right, #portfolio2 .left { background-color:#615D5F; height:154px; overflow:hidden; }
#portfolio2 .left { width:109px; padding:3px 33px 3px 8px; font-size:11px; }
#portfolio2 .left a { text-transform:uppercase; color:#fff; }
#portfolio2 .right { float:right; width:259px; margin:0px 18px 0px 17px; padding:0px 35px 3px 0px; }
#portfolio2 .right .text { width: 260px; background-color: #615D5F; height:154px; margin:0px 0px; padding:3px 16px 3px 18px; line-height:140%; overflow:hidden; }
#portfolio2 .right .text a { color:#fff; }

#portfolio2 .left .text { width: 109px; background-color: #615D5F; height:154px; margin:0px 0px; padding:0px 16px 3px 15px; line-height:140%; overflow:hidden; }
#portfolio2 .left .text a { color:#fff; }

#cover { position:absolute; width:100%; height:100%; top:0; left:0; z-index:1000; background-color:#343132; }

div#hold	{ 
	position:relative; overflow:hidden;
	width:426px; height:154px; 
 	z-index:100; 
	}
div#wn	{ 
	position:absolute; 
	left:8px; top:0px; 
	width:400px; height:156px; 
	clip:rect(0px, 400px, 148px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:relative; /*left:0; top:0;*/ float: right; margin: -3px -5px 0px 0px;
  width:11px; height:160px; 
  font-size:1px; z-index:100;
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:136px;
  background: url("images/track.gif") #343132 repeat;
  z-index:101;
  }
div#dragBar {
  position:absolute; left:1px; top:2px;
  width:9px; height:20px; /*margin:0px 0px 0px -1px;*/
  background-color:#FFFFFF;
  z-index:102;
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }  

div#holdl	{ 
	position:relative; overflow:hidden;
	width:426px; height:154px; 
 	z-index:100; 
	}
div#wnl	{ 
	position:absolute; 
	left:8px; top:0px; 
	width:400px; height:156px; 
	clip:rect(0px, 400px, 148px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.contentl { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbarl { 
  position:relative; /*left:0; top:0;*/ float: right; margin: -3px -5px 0px 0px;
  width:11px; height:160px; 
  font-size:1px; z-index:100;
  }
div#trackl { 
  position:absolute; left:0; top:12px;
  width:11px; height:136px;
  background: url("images/track.gif") #343132 repeat;
  z-index:101;
  }
div#dragBarl {
  position:absolute; left:1px; top:2px;
  width:9px; height:20px; /*margin:0px 0px 0px -1px;*/
  background-color:#FFFFFF;
  z-index:102;
  }  
div#upl { position:absolute; left:0; top:0; z-index:2 }  
div#downl { position:absolute; left:0; bottom:0; z-index:3 }  

.images { margin:10px 24px 0px 485px; }
.images a { padding:1px 3px; border:1px solid #999; color:#999; text-decoration:none; }
.images a.selected { background-color:#999; color:#fff; }