/* CSS Document */

html, body {
	font-family: Verdana,Helvetica, Arial, sans-serif;
	font-size:.9em;
	padding: 0;
	margin: 0;
	background: url(../img/b-top.gif) repeat-x;
}
#container {
	width:998px;
	margin: 0 0 0 35px;
	padding: 45px 0 0 0;
}
#header {
	height: 38px;
	width: 911px;
	margin: 0;
	padding: 0;
}
a { outline: none; }
a:link {
	color: #D9541E; text-decoration:none; }
a:visited {
	color: #666666; text-decoration: none; }
a:hover {
	color: #D9541E; text-decoration: underline; }
a:active {
	color: #D9541E; }
#logo a {
	width:277px;
	height:38px;
	float:left;
	padding:0;
	margin:0;
	background: url(../img/pattee-logo.gif) no-repeat;
	text-indent: -5000px;}
#logo a:hover {
	background: url(../img/pattee-logo.gif) 0 -42px no-repeat;}

/* main nav
---------------------------------------------------------- */
	
#nav {
	position: relative;
	width: 148px; height: 13px;
	background: url(../img/b-nav.gif) no-repeat;
	margin:15px 0 0 0 ; 
	padding:0;
	float:right;
	}
#nav li {
	margin: 0; padding: 0; list-style: none;
	position: absolute; top: 0;}
#nav li, #nav a {
	height: 13px; display: block;}
#n-approach {left: 0; width: 64px; text-indent:-5000px;}
#n-work {left: 0px; width: 37px; text-indent:-5000px;}
#n-clients {left: 38px; width: 53px; text-indent:-5000px;}
#n-people {left: 153px; width: 48px; text-indent:-5000px;}	
#n-contact {left: 90px; width: 58px; text-indent:-5000px;}

#n-approach a:hover {
	background: transparent url(../img/b-nav.gif)
	0 -13px no-repeat;}
#n-work a:hover {
	background: transparent url(../img/b-nav.gif)
	0 -13px no-repeat;}
#n-clients a:hover {
	background: transparent url(../img/b-nav.gif)
	-38px -13px no-repeat;}
#n-people a:hover {
	background: transparent url(../img/b-nav.gif)
	-153px -13px no-repeat;}
#n-contact a:hover {
	background: transparent url(../img/b-nav.gif)
	-90px -13px no-repeat;}

#n-approach a#current {		
	background: transparent url(../img/b-nav.gif)
	0 -13px no-repeat;}
#n-work a#current {
	background: transparent url(../img/b-nav.gif)
	-64px -13px no-repeat;}
#n-clients a#current {
	background: transparent url(../img/b-nav.gif)
	-102px -13px no-repeat;}
#n-people a#current {
	background: transparent url(../img/b-nav.gif)
	-153px -13px no-repeat;}
#n-contact a#current {
	background: transparent url(../img/b-nav.gif)
	-201px -13px no-repeat;}
	
#content {
	float:left;
	width: 690px;
	padding: 0;	margin: 0; }
	
#work_center {
	position: relative;
	padding: 0; margin: 20px 0 0 0;
	width:690px; height: 320px;
	text-align:center; }
#work_center img {
	text-align: center; }
		
#work_left {
	float: left;
	padding: 0; margin: 20px 0 0 20px;
	width:314px; height: 320px;
	background-color: #e6e6e6; }
#work_right {
	margin: 20px 0 0 350px;
	padding:0;
	background-color: #e6e6e6;
	width:314px; height: 320px; 
	text-align:center;}
	
#work_posterleft {
	position: relative;
	float: left;
	padding: 0; margin: 0;
	width:314px; height:340px;
	left: 20px; 
	text-align: center; }
#work_posterright {
	position: relative;
	float: right;
	right: 20px;
	width:314px; height: 340px; 
	text-align:center;}	
#work_postercenter {
	position: relative;
	width:690px; height: 340px; 
	text-align:center;}		
#work_postercenter img {
	text-align: center; }
	
#work_full {
	margin: 0 0 0 20px;
	background-color: #e6e6e6;
	width:650px; height: 340px;
	text-align:center; }
	
#next {
	float:right; margin-right:13px; margin-top:0px; width: 26px; height: 26px; padding: 0;
	background: url(../img/next.gif) no-repeat; }
#next a {
		height: 26px; display: block; text-indent:-5000px; }
#next a:hover { background: url(../img/next.gif) no-repeat 0 -26px; text-indent:-5000px; }

#prev {
	float:right; margin-right:0px; margin-top:0px; width: 26px; height: 26px; padding: 0;
	background: url(../img/prev.gif) no-repeat; }
#prev a {
		height: 26px; display: block; text-indent:-5000px; }
#prev a:hover { background: url(../img/prev.gif) no-repeat 0 -26px; text-indent:-5000px; }	

#prev2 {
	float:right; margin-right:19px; margin-top:0px; width: 26px; height: 26px; padding: 0;
	background: url(../img/prev.gif) no-repeat; }
#prev2 a {
		height: 26px; display: block; text-indent:-5000px; }
#prev2 a:hover { background: url(../img/prev.gif) no-repeat 0 -26px; text-indent:-5000px; }		
	
#desc {	background: url(../img/b-desc.gif) repeat-x bottom #333333; padding:10px 0 15px; }
#desc p { color: #CCCCCC; margin:0 0 0 20px; padding:0; font-size: .85em; }
#desc p.highlight { color: #D9541E; }
 
	
#sidebar { 
	margin: 0 0 0 724px;
	min-height: 400px; height:600px;
	}

#sidebar ul,li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 6px;
	text-indent: 0;}
	
#sidebar1 ul { margin: 0 0 0 5px; height: 100px;  }
#sidebar1 li { margin: 5px 0 5px 0; padding:0; height: 15px; }

#sidebar1 h1#clients {
	background: url(../img/n-f-clients.gif) no-repeat;
	height: 20px; width: 78px;
	text-indent: -5000px;}
	
#sidebar1 h1#approach {
	background: url(../img/n-f-approach.gif) no-repeat;
	height: 20px; width: 87px; 
	text-indent: -5000px;}
#sidebar h1#work {
	background: url(../img/n-f-work.gif) no-repeat;
	height: 20px; width: 62px; margin: 35px 0 5px; padding:0;
	text-indent: -5000px;}
#sidebar1 h1#people {
	background: url(../img/n-f-people.gif) no-repeat;
	height: 20px; width: 64px;
	text-indent: -5000px;}	
#sidebar1 h1#contact {
	background: url(../img/n-f-contact.gif) no-repeat;
	height: 20px; width: 78px;
	text-indent: -5000px;}	
	

#sidebar1 li, #sidebar a {
	height: 15px; display: block; font-size: .9em; font-family: Helvetica, Arial, sans-serif;}
li#n-print { width: 35px; height: 15px; background: url(../img/n-worknav.gif) no-repeat 0 0; text-indent:-5000px; padding:0; }	
li#n-id { width: 55px; height: 15px; background: url(../img/n-worknav.gif) no-repeat 0 -15px; text-indent:-5000px; }	
li#n-interactive { width: 80px; height: 15px; background: url(../img/n-worknav.gif) no-repeat 0 -30px; text-indent:-5000px; }	
li#n-misc { width: 29px; height: 15px; background: url(../img/n-worknav.gif) no-repeat 0 -45px; text-indent:-5000px; }
li#n-motorsport { width: 80px; height: 15px; background: url(../img/n-worknav.gif) no-repeat 0 -60px; text-indent:-5000px; }
li#n-packaging { width: 67px; height: 15px; background: url(../img/n-worknav.gif) no-repeat 0 -75px; text-indent:-5000px; }


li#n-print a:hover { background: url(../img/n-worknav.gif) no-repeat -80px 0; text-indent:-5000px; }	
li#n-id a:hover { background: url(../img/n-worknav.gif) no-repeat -80px -15px; text-indent:-5000px; }	
li#n-interactive a:hover { background: url(../img/n-worknav.gif) no-repeat -80px -30px; text-indent:-5000px; }	
li#n-misc a:hover { background: url(../img/n-worknav.gif) no-repeat -80px -45px; text-indent:-5000px; }
li#n-motorsport a:hover { background: url(../img/n-worknav.gif) no-repeat -80px -60px; text-indent:-5000px; }
li#n-packaging a:hover { background: url(../img/n-worknav.gif) no-repeat -80px -75px; text-indent:-5000px; }

li#n-print a#current { background: url(../img/n-worknav.gif) no-repeat -80px 0; text-indent:-5000px; }	
li#n-id a#current { background: url(../img/n-worknav.gif) no-repeat -80px -15px; text-indent:-5000px; }	
li#n-interactive a#current { background: url(../img/n-worknav.gif) no-repeat -80px -30px; text-indent:-5000px; }	
li#n-misc a#current { background: url(../img/n-worknav.gif) no-repeat -80px -45px; text-indent:-5000px; }
li#n-motorsport a#current { background: url(../img/n-worknav.gif) no-repeat -80px -60px; text-indent:-5000px; }
li#n-packaging a#current { background: url(../img/n-worknav.gif) no-repeat -80px -75px; text-indent:-5000px; }

#sidebar #subnav ul {padding:0; margin:0; text-indent: 0; list-style-type: none;  }
#sidebar #subnav li {font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #33333;
	margin:0; padding:2px 0 2px 0; text-indent:0; width:150px;}

#sidebar #subnav li a {text-decoration: none; color: #333333; }
#sidebar #subnav li a:visited {color: #333333; }
#sidebar #subnav li a:hover { color: #D9541E; }
#sidebar #subnav li#current { font-weight: bold; }

#sidebar #sidebar1 #subnav li#current { font-weight: bold; }

#sidebar1 #smallnav ul {padding:0; margin:0; text-indent: 0; list-style-type: none; }
#sidebar1 #smallnav li {font-size: .9em; font-family: Arial, Helvetica, sans-serif; color: #333333;
	margin:0; padding:0; text-indent:-3px;}
#sidebar1 #smallnav li a {text-decoration: none; color: #333333; }
#sidebar1 #smallnav li a:visited {color: #333333; }
#sidebar1 #smallnav li a:hover { color: #D9541E; }
#sidebar1 #smallnav li#current a { color: #D9541E; }

#sidebar #subnav #smallnav2 ul {padding-bottom:0; margin:0; text-indent: 0; list-style-type: none;   }
#sidebar #subnav #smallnav2 li { font-family: Arial, Helvetica, sans-serif; color: #333333;
	margin:0; padding:0; text-indent:1.6em;  width: 250px;}
#sidebar #subnav #smallnav2 li.padding {padding-bottom: 10px;}

#sidebar #subnav #smallnav2 li a {text-decoration: none; color: #333333;font-weight:normal; }
#sidebar #subnav #smallnav2 li a#current { color: #D9541E;font-weight:normal; }
#sidebar #subnav #smallnav2 li a:visited {color: #333333;font-weight:normal; }
#sidebar #subnav #smallnav2 li a:hover { color: #D9541E;font-weight:normal; }
#sidebar #subnav #smallnav2 li#current a { color: #D9541E; font-weight:normal; }
	
.window {
	height: 340px;
	margin: 0 0 20px 0;
	padding: 40px 0 0 0;
	background-color: #E6E6E6;
}
.window2 {
	margin: 0 0 15px 0;
	padding: 18px 0 0 0;
}
.window3 {
	height: 340px;
	margin: 0 0 20px 0;
	padding: 0;
	background-color: #E6E6E6;
}
.window a:link { color: #000000;	text-decoration: none;}
.window a:visited { color: #000000; text-decoration: none;}
.window a:hover { color: #000000;text-decoration: underline;}

.window2 a:link { color: #D9541E;	text-decoration: none;}
.window2 a:visited { color: #666666; text-decoration: none;}
.window2 a:hover { color: #D9541E;text-decoration: underline;}

.clientlist {
	background: url(../img/clientlist.gif) 
	no-repeat 10px 30px #E6E6E6;}
p.clientlist { text-indent: -5000px; background: transparent;}

p {	padding: 0 0 10px 0; margin: 0; line-height: 1.5em; color:#333333;}

.footer {
	color: #B2B2B2;
 	padding: 10px 0 0 0;
 	font-size: .85em;
}
.highlight { color: #D9541E;}