/* @override 
	http://lagrange.mdnetserver.com/css/default.css
	http://www.lucienlagrange.dev/css/default.css
	http://dev.lucienlagrange.com/css/default.css
	http://www.lucienlagrange.com/css/default.css
*/

/*
Site:           lucienlagrange.com
File:           default.css
Created:        Jun 13 2008
Last Modified:  Aug 22 2008 
------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com | Copyright 2008
================================================= */

/* Reset */
html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	}
a img, :link img, :visited img {
	border: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0px;
	}
ul {
	list-style: none;
	}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
	}

dt { font-weight: bold; }

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0;
	padding: 0;
	}

.clr {
	clear: both;
	height: 0px;
	}
.clearfix:after { /*http://positioniseverything.net/easyclearing.html*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


strong, b {
	font-weight: bold;
	}

italic, em {
	font-style: italic;
	}

/* MAIN styles
===========================================*/

body {
	background: #fff;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6d6e71;
	font-size: 62.5%;
	}

h1 {
	font-size: 3.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5e2728;
	font-weight: normal;
	margin-bottom: 2px;
	background-color: transparent;
	}

h2 {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5e2728;
	font-weight: normal;
	margin-bottom: 12px;
	background-color: transparent;
	letter-spacing: 2px;
	text-transform: uppercase;
	}

h3, h4 {
	font-size: 9px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.7em;
	margin-bottom: 1em;
	text-transform: uppercase;
	}

/* This is down and dirty, but works for now */
.talks h3, h3.nopad {
	margin-bottom: 0em;
	}

.talks h3.eventLead {
	margin-bottom: 30px;
	}

h4 {
	color:  #6d6e71;
	}

a {
	outline: none;
	text-decoration: none;
	}
a:link{color: #a7a5a8;}
a:visited{color: #a7a5a8;}
a:hover{color: #000;}
a:active{color: #5e2728;}

a.dots, a.dots:visited
 	{
	color:  #a7a5a8;
	text-decoration: none;
	padding: 0 0 3px 0;
	font-family: Verdana, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: transparent url('/images/uploads/site/link_dots.gif') 0 100% repeat-x;
	}

a.dots:active,
a.dots:hover
 	{
	color:  #000;
	text-decoration: none;
	background: transparent url('/images/uploads/site/link_dots.gif') -312px 100% repeat-x;
	}


p {
	font-size: 1.4em;
	line-height: 1.6em;
	padding-top: 0px;
	padding-bottom: 1.5em;
	/*color: #6d6e71;*/
	color: #a7a5a8;
	}

p.large {
	font-size: 24px;
	line-height: 1.6em;
	padding-bottom: 24px;
	}


/* =CONTAINER styles
===========================================*/
#container {
	width: 900px;
	padding: 0;
	position: relative;
	margin: 0 auto;
	background: transparent;
	}




/* =HEADER styles
===========================================*/
#header {
	text-align: right;
	background: #fff;
	height: 65px; 
	position: relative;
	z-index: 99;
	}

#header h1 { 
	/* put the background image here too to avoid 'flash' when viewing in IE */
	width: 111px;
	float: left;
	margin: 31px 0 0 0;
	background: transparent url('/images/uploads/site/logo_lucien_lagrange_02.gif') 0 0 no-repeat;
	}

#header h1 a {
	background: transparent url('/images/uploads/site/logo_lucien_lagrange_02.gif') 0 0 no-repeat;
	display: block;
	height: 18px;
	width: 125px;
	padding: 18px 0px 0px 0px; 
	height: 0px !important;
	height /**/:18px;
	overflow:hidden;
	font-size: 1px;
	}

/* Main Navaigation
-------------------------------------------- */
#mainNavWrap {
	float: left;
	margin-top: 31px;
	margin-left: 89px;
	background: #fff;
	display: block;
	z-index: 100;
	}


#mainNav, #mainNav * {
	margin:0;
	padding:0;
	}

#mainNav {
	float: left;
	margin-bottom: 0;
	position: relative;
	z-index:998;
	}

#portfolio #mainNav li#nav-portfolio a.top,
#firm #mainNav li#nav-firm a.top 
 {
	color: #5e2728;
	}

#mainNav li {
	background: #fff;
	float: left;
	list-style:none;
	z-index:999;
	font-size: 9px;
	margin-right: 50px;
}

#mainNav a.top, #mainNav a.top:visited {
	
	background: transparent;
	color: #a7a5a8;
	font-size: 9px;
	font-family: Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0 0 10px 0;
	
	float: left;
	
	text-decoration:none;
	

}

#mainNav li a.top:hover,
#mainNav li a.active:hover {
	color: #000;
	}

#mainNav li a.top:active
	{
	color: #5e2728;
	}


#mainNav li:hover ul, /* pure CSS hover is removed below */
ul#mainNav li.sfHover ul {
	top: 34px;
}

#mainNav li:hover li ul,
#mainNav li.sfHover li ul {
	top: -999em;
}

/* 1st flyout
================================================================ */
#mainNav ul.sub1 {
	background: #f2f1f2; /*IE6 needs this*/
	background: transparent url('/images/uploads/site/bg_flyout.png') 0 0 repeat;
	float: left;
	position:relative;
	height: 30px;
	line-height: 30px;
	left: -15px;
	top: -999em;
	position:absolute;
	width: 715px;
	font-size: 9px;
	}

#mainNav ul li ul {
	background: none;
	}


#mainNav li li:hover ul, /* pure CSS hover is removed below */
ul#mainNav li li.sfHover ul {
	top:30px;
}

#mainNav li:hover,
#mainNav li.sfHover,
#mainNav a:focus, #mainNav a:hover, #mainNav a:active {
	/*background: transparent;*/
	
}

#mainNav li li {
	padding-left: 10px;
	margin-right: 18px;
	}

/* horizontals: redidential, other, etc */
#mainNav li li:hover,
#mainNav li li.sfHover,
#mainNav li li a:focus, #mainNav li li a:hover, #mainNav li li a:active {
	background: transparent;
}

/* horizontal bar links */
#mainNav li li a
{
	background: transparent;
	color: #6e6a6e;
	font-size: 9px;
	font-family: Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 2px 3px;
	}


#mainNav li li:hover a,
#mainNav li li.sfHover a,
#mainNav li li a:hover 
	{
	background: #fff;
	color: #000;
	}

/* this is the horizontal row, with no real pages, so no white bg */

#nav-portfolio ul.sub1 li:hover a,
#nav-portfolio ul.sub1 li.sfHover a,
#nav-firm ul.sub1 li:hover a.empty,
#nav-firm ul.sub1 li.sfHover a.empty
 	{
	background: transparent;
	color: #000;
	}











/* 2nd flyout i.e. 3rd level down links, drop vertically
================================================================ */
#mainNav ul.sub2 {
	left: 0px;
	top: -999em;
	position: absolute;
	width: 182px;
	padding-bottom: 0px;
	background: transparent url('/images/uploads/site/bg_flyout.png') 0 0 repeat;
	}


#mainNav ul.sub2 li {
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 0px;
	width: 162px;
	line-height: 1em;
	}

/*#mainNav ul.sub2 li.last
	{
	margin-bottom: 10px;
	}*/

#mainNav ul.sub2
	{
	padding-bottom: 10px;
	}

#mainNav ul.sub2 li a,
#mainNav ul.sub2 li a:visited {
	text-transform: none;
	letter-spacing: none;
	background: none;
	color: #6e6a6e;
	/*font-size: 19px;*/
	font-family: Verdana, Helvetica, sans-serif;
	padding: 1px 3px;
	float: left;
	width: auto;
	}



#mainNav li.top.sfHover ul li.sfHover ul li {
	line-height: 15px;
	}


#mainNav ul.sub2 li:hover,
#mainNav ul.sub2 li.sfHover
	{
	background-image: none;
	}


#mainNav ul.sub2 li a:focus, 
#mainNav ul.sub2 li a:hover, 
#mainNav ul.sub2 li a:active {
	background-image: none;
	}








#mainNav li li:hover li ul,
#mainNav li li.sfHover li ul {
	top:-999em;
}
#mainNav li li li:hover ul, /* pure CSS hover is removed below */
ul#mainNav li li li.sfHover ul {
	top: 30px;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul {
	top: -999em;
}

#mainNav li li {
	background: none;
	position: relative; /* this makes the vertical third tiers line up under their parent li */
}


/* the 3rd level (vertical) drops */

#mainNav ul.sub2 li {
	background: transparent;
	/*background: transparent url('/images/uploads/site/bg_flyout.png') 0 0 repeat;*/
	/* only the css below this point (plus the line indicated a couple lines up from here) was added to turn the 3-tiered horizontal menu into the Richard Willis menu */
	/*float: left;
	clear: left;
	width: 172px;*/
	/*left: 0px;*/
}


#mainNav li.top.sfHover ul li.sfHover ul li {
	/*padding: 2px 10px;*/
	}


#mainNav li.top.sfHover ul li.sfHover ul li a {
	color: #6e6a6e;
	letter-spacing: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: transparent !important;
	}

#mainNav li.top.sfHover ul li.sfHover ul li a:hover {
	color: #000;
	background:  blue;
	}


	
/*#mainNav li li ul {
	width: 282px;
	float: left;
	padding-bottom: 15px;
	}*/
	

/*#mainNav li li li a {
	float: none;
	color: red;
	}*/
	#mainNav li.top.sfHover ul li.sfHover ul li a:hover,
#mainNav li li li:hover a,
#mainNav li li li.sfHover a,
#mainNav li li li.sfHover a:hover,
#mainNav li li li a:hover,
#mainNav ul.sub2 li a:hover,
#mainNav ul.sub2 li.sfHover a
 {
	background-color: orange;
	color: #000;
	}
	




#nav-firm ul.sub1 {
	margin-left: 120px;
	width: 595px;
	}


/* 2nd level vertical drops */
#mainNav ul.sub1 li.sfHover ul.sub2 li:hover a,
#mainNav ul.sub1 li.sfHover ul.sub2 li a:hover,
#mainNav ul.sub1 li.sfHover ul.sub2 li a:focus,
#mainNav li.sfHover ul.sub1 li.sfHover ul.sub2 li:hover a,
#mainNav li.sfHover ul.sub1 li.sfHover ul.sub2 li.sfHover a,
#mainNav li.sfHover ul.sub1 li.sfHover ul.sub2 li a:hover 
	{
	background: #fff !important;
	padding: 1px 3px; /* set padding again for IE */
	color:  #000;
	}



/*#mainNav ul 
	{ 
	background: transparent url('/images/bg_flyout.png') 0 100% no-repeat;
	}

#mainNav ul li
	{ 
	width: 100%;
	padding:  0 8px 0 3px;
	background: transparent;
	}

*** Position of second tier of nav ***
#mainNav li:hover ul,
ul#mainNav li.sfHover ul
	{
	left: -10px;
	top: 25px;
	background: transparent url('/images/bg_flyout.png') 0 100% no-repeat;
	}



#mainNav ul a,
#mainNav ul a.last {
	width: 127px;
	padding: 10px 10px 10px 13px;
	text-indent: 0;
	color:  #969696;
	background-color: transparent;
	border-bottom:1px solid #ccc;

	}

#mainNav ul a.last {
	background-position: 0 100%;
	padding: 10px 10px 17px 13px;
	border-bottom: none;

	}


#mainNav li:hover, #mainNav li.sfHover, #mainNav ul a:hover, #mainNav ul a.last:hover, #mainNav ul a.last:focus,
#mainNav a:focus, #mainNav a:hover, #mainNav a:active {
	background:#f0f0f0;  hover highlight 

	color:#696969;

	}

#mainNav ul a:hover, 
#mainNav a:focus, #mainNav a:hover, #mainNav a:active {
	background:#f0f0f0;  hover highlight 

	color:#696969;
	
	background: transparent url('/images/bg_flyout.png') -161px 50% no-repeat;
}

#mainNav ul a.last:hover,
#mainNav ul a.last:focus, 
#mainNav a.last:hover, 
#mainNav a.last:active {
	background: transparent url('/images/bg_flyout.png') -161px 100% no-repeat;

	}

#mainNav li li {
	background:#fff;  slightly darker shade for nested submenus 
	background: transparent;
	
	}*/
	



 
embed, object,
#leadGallery embed, 
#leadGallery object {
	z-index: 0;
	}











/* Search */
#search { 
	position: absolute; 
	top: 29px; 
	right: 0; 
	text-align: right; 
	}

#search p { 
	color:  #a7a5a8;
	float:left;
	vertical-align: middle;
	line-height: 19px;
	margin-right: 5px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	letter-spacing: 2px;
	padding:  0;
	text-transform: uppercase;
	}
#searchText { 
	float: left; 
	width: 145px; 
	height: 13px; 
	border: 1px solid #CCC; 
	background: #FFF; 
	padding: 1px 2px 3px; 
	color: #666; 
	font-size: 11px;
	}
.actionButton { 
	border:  none;
	padding: 0;
	display: block; 
	float: left; 
	margin-left: 7px; 
	width: 19px; 
	height: 19px; 
	background: url('/images/uploads/site/btn_search.gif') no-repeat;
	cursor: pointer;
	}
/*.actionButton:hover { background-position: 0 -17px; }*/
.actionButton b { display: none; }


/* Search Results */

table#searchResults {
width:630px;
border-collapse:collapse;
margin-top:30px;
}
th {
text-align:left;
padding:0px 0 5px 0;

font-size: 1em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.7em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

td {
padding:8px 0px;
color:  #a7a5a8;
}

td.resultTitle {
border-top: 1px solid #ccc;
width:300px;
padding-right: 30px;
}
td.resultExcerpt {
border-top: 1px solid #ccc;
width:280px;
padding-right: 20px;
	font-size: 10px;
	color:  #6d6e71;
	line-height: 1.6em;
	padding-top: 0em;
}



/* =CONTENT styles
===========================================*/
#contentWrap {
	padding: 0;
	background: #fff;
	width: 900px;
	padding-top: 40px;
	}

#home #contentWrap {
	padding-top: 0px;
	}


#columnMain {
	width: 700px;
	min-height: 525px;
	float:  right;
	}

.border #columnMain,
#columnMain.border {
	width: 630px;
	padding: 30px 34px;
	border: 1px solid #ccc;
	}

/* Special Case where image needs a border */
.borderImg #columnMain,
#columnMain.borderImg {
	width: 700px;
	height: 525px;
	min-height: 525px;
	padding: 0px;
	border: 1px solid #ccc;
	}


.border #columnLeft {
	width: 426px;
	padding: 0 34px 0 0;
	float: left;
	background: #fff;
	}

.border #columnLeft p {
	color:  #a7a5a8;
	}


.border #columnRight {
	width: 170px;
	padding: 0;
	float: right;
	}



/* On main page of site */
#leadGallery {
	background: #fff;
	height: 570px;
	width: 900px;
	overflow: hidden;
	z-index: 1;
	/*float: left;
	clear: both;
	min-height: 536px;*/
	}

#leadGallery div {
	text-align: right;
	}

#leadGallery img,
#generalGallery img {
	margin-bottom: 10px;
	}

#leadGallery a.dots {
	float: right;
	display: block;
	}


/* Portfolio page different 
------------------------------------------- */

#portfolio #landingGallery {
	text-align: center;
	overflow: hidden;
	height:  555px;
	}

#portfolio #landingGallery div {
	text-align: center;
	overflow: hidden;
	}

#portfolio #landingGallery div .linkContainer {
	background: transparent;
	display: block;
	line-height: 30px;
	height: 30px;
	text-align: center;
	}



#portfolio #generalGallery {
	text-align: center;
	height: 555px;
	width:  700px;
	background: transparent;
	}

#portfolio #generalGallery div#main {
	background: transparent;
	height: 555px;
	margin: 0 auto;
	}


#generalGallery a.viewMore:link,
#generalGallery a.viewMore:visited
 	{
	color:  #a7a5a8;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	float: right;
	display: block;
	margin: 0px 0 0 0;
	padding: 1px 20px 0px 0;
	line-height: 14px;
	vertical-align: middle;
	background: transparent url('/images/uploads/site/bullet_viewmore.gif') 100% 0 no-repeat;
	text-align: left;
	}



#generalGallery a.viewMore img.morelink
 	{
	margin-bottom: 0px;
	
	width: 14px;
	height: 14px !important;
	}

#generalGallery a.viewMore:active,
#generalGallery a.viewMore:hover
 	{
	color:  #000;
	text-decoration: none;
	/*background: transparent url('/images/uploads/site/link_dots.gif') -312px 100% repeat-x;*/
	}



/* span has the dots at the bottom */
#generalGallery a.viewMore span
 	{
	padding: 0 0 3px 0;
	background: transparent url('/images/uploads/site/link_dots.gif') 0 100% repeat-x;
	}


#generalGallery a.viewMore:active span,
#generalGallery a.viewMore:hover span
 	{
	color:  #000;
	text-decoration: none;
	background: transparent url('/images/uploads/site/link_dots.gif') -312px 100% repeat-x;
	}


/* For flipping through pics on culture page (show caption) */
body.culture #landingGallery {
	text-align: center;
	overflow: hidden;
	height:  545px;
	}

body.culture #landingGallery span.caption {
  position: relative;
  color: #777;
	font-size: 10px;
	font-style: italic;
	font-family: Georgia, "Times", "Times New Roman", serif;
	text-align: center;
	background: transparent;
	height: 20px;
	line-height: 20px;
	display: block;
}



.archiveBlock {
	float: left;
	width:  115px;
	background: #fff;
	margin-right: 56px;
	margin-bottom: 30px;
	}

.archiveBlock.last {
	margin-right: 0px;
	}

.archiveBlock h3 {
	line-height: 1.6em;
	margin-bottom: 3px;
	}

.archiveBlock img {
	margin-bottom: 5px;
	}

/* Download PDF link */
a.pdfDownload:link,
a.pdfDownload:visited
 	{
	color:  #a7a5a8;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
	
	margin: 0px 0 0 0;
	padding: 1px 20px 0px 0;
	line-height: 14px;
	padding: 0 0 3px 0;
	background: transparent url('/images/uploads/site/link_dots.gif') 0 100% repeat-x;
	}

a.pdfDownload:active,
a.pdfDownload:hover
 	{
	color:  #000;
	text-decoration: none;
	background: transparent url('/images/uploads/site/link_dots.gif') -312px 100% repeat-x;
	}






/* award divs, left to right, then down indefinately */
.award {
	width: 170px;
	padding: 0 40px 0 0;
	float:  left;
	margin: 0 0 25px 0;
	}

.award h3 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color:  #a7a5a8;
	}

.award p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 10px;
	font-style: italic;
	}


/* =SIDEBAR styles
===========================================*/
#sidebar {
	background: transparent;
	width: 180px;
	padding: 0 20px 0 0px;
	float: left;
	/*clear:  both;*/
	min-height:525px;
	position: relative;
	}

/* 2 pixel adjustment for pages with image AND border */
.borderImg #sidebar {
	width: 178px;
	}


#sidebar h3, #sidebar h4 {
	margin-bottom: 5px;
	}

#sidebar h3.teamLevel {
	margin-bottom: 0px;
	}


/* give all sidebar links dots, for crying out loud */

#sidebar a:link,
#sidebar a:visited
 	{
	color:  #5d5d5d;
	text-decoration: none;
	padding: 0 0 2px 0;
	background: transparent url('/images/uploads/site/link_dots.gif') 0 100% repeat-x;
	font-style: italic;
	}

#sidebar a:active,
#sidebar a:hover
 	{
	color:  #000;
	text-decoration: none;
	padding: 0 0 2px 0;
	background: transparent url('/images/uploads/site/link_dots.gif') -312px 100% repeat-x;
	}


#sidebar p {
	font-size: 10px;
	color:  #6d6e71;
	line-height: 1.6em;
	padding-top: 0em;
	padding-bottom: 1em;	
	}

.articleInfo {
	font-size: 10px;
	color:  #6d6e71;
	line-height: 1.6em;
	padding-top: 0em;
	padding-bottom: 1em;
	}



#sidebar li.hideLink {
	display: none;
	}


/* to push the team member lists down */
#sidebar #teamLists {
	margin-top: 30px;
	}

/* div anchored to bottom on some pages */
#sidebar #anchor {
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 180px;
	}

#sidebar #anchor h4 {
	margin-bottom: 12px;
	}


#sidebar #anchor .addressInfo {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	float: left;
	}

#sidebar #anchor .addressInfo p {
	display: block;
	margin-bottom: 16px;
	padding-bottom: 0;
	clear:  both;
	}


#sidebar #anchor .addressInfo a {
	display: block;
	float: left;
	padding: 0 0 3px 0;
	margin: 0;
	font-family: Georgia, "Times", serif;
	font-style: italic;
	font-size: 10px;
	letter-spacing: 0px;
	}
#sidebar #anchor .addressInfo a.contactMap {
	margin-bottom: 13px;
	}

#sidebar #anchor .addressInfo .contactEmail a {
	margin-top: 10px;
	}

/* Portfolio Pages ----- */
#sidebar div.extraLinks {
	padding-bottom: 0;
	}

#sidebar div.extraLinks div {
	display: block;
	width: 100%;
	padding-bottom: 2px;
	margin-top: 4px;
	}

#sidebar div.extraLinks div a {
	padding-bottom: 2px;
	font-style: italic;
	}



#sidebar ul {
	margin: 0 0 20px 0px;
	}

#sidebar ul#careerList,
#sidebar ul#newsLinks,
#sidebar ul.images
	{
	margin: 30px 0 20px 0px;
	}

#sidebar ul li {
	margin-bottom: 3px;	
	font-size: 9px;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	/*line-height: 1.8em;*/
	padding: 0 0 0 0px;
	line-height: 1.2em;
	}

/* Only on the portfolio landing page */
#sidebar ul.projList li {
	font-size: 10px;
	}



#portfolio #sidebar ul li {
	margin-bottom: 4px;
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	line-height: 1.6em;
	padding: 0 0 0 0px;
	}

#portfolio #sidebar h2 {
	margin-bottom: 2px;
	}

/* Special case for the portfolio landing page */
#portfolio #sidebar ul.pager li {
	letter-spacing: 0px;
	line-height: 1.2em;
	}

#portfolio #sidebar ul.images li a {
	letter-spacing: 2px;
	line-height: 1.2em;
	font-style: normal;
	}

#sidebar ul li a,
#sidebar ul li a:link, 
#sidebar ul li a:visited {
	background-image: none;
	color:  #a7a5a8;
	padding: 0px 0 2px 15px;
	margin: 0 0 0px -15px;
	line-height: 1.7em;
	font-style: normal;
	/*letter-spacing: 2px;
	text-transform: none;*/
	}

#sidebar ul.pager li a,
#sidebar ul.pager li a:link, 
#sidebar ul.pager li a:visited {
	line-height: 1.1em;
	}


#sidebar ul li a:active, 
#sidebar ul li a:hover {
	color:  #000;
	background: transparent url('/images/uploads/site/bullet_line.gif') 0px -97px no-repeat;
	}

#sidebar ul li a.active {
	color:  #5e2728;
	background: transparent url('/images/uploads/site/bullet_line.gif') 0px 3px no-repeat;
	}





#sidebar ul.images li a {
	text-transform: uppercase;
	}


#sidebar ul.related {
	/*margin: 5px 0 0 16px;*/
	margin: 4px 0 0 0;
	}

#portfolio #sidebar ul.images li.portRelated ul.related li {
	/*line-height: 1.1em;*/
	line-height: 11px;
	}

#portfolio #sidebar ul.images li.portRelated ul.related li a {
	font-size: 10px;
	text-transform: none;
	letter-spacing: 0px;
	line-height: 11px;
	}


/* =FOOTER styles
===========================================*/
#footer {
	clear: both;
	background: transparent;
	width: 900px;
	padding: 120px 0px 20px;
	text-align: center;
	}

#footer p {
	/*color:  #797979;*/
	color: #5d5d5d;
	text-align:center;
	padding:  0;
	font-size: 10px;
	font-style: italic;
	display: inline;
	}

#footer p span {
	margin-left: 6px;
	}

#footerNav {
	list-style: none;
	font-style: italic;
	display: inline;
	}

#footerNav li {
	display: inline;
	margin-right:  8px;
	}

#footerNav li a:link,
#footerNav li a:visited
 	{
	color:  #5d5d5d;
	text-decoration: none;
	padding: 0 0 2px 0;
	background: transparent url('/images/uploads/site/link_dots.gif') 0 100% repeat-x;
	}

#footerNav li a:active,
#footerNav li a:hover
 	{
	color:  #000;
	text-decoration: none;
	background: transparent url('/images/uploads/site/link_dots.gif') -312px 100% repeat-x;
	}
	
/* =END styles
===========================================*/