* { margin: 0; padding: 0; }
ul, li { list-style: none; }
a { color: #999; text-decoration: none; }
a:hover { color:#666; }
img { border: none; }
html { height: 100%; overflow-y: scroll; }
/* switch html overflow for custom scrollbars */
/*html { height: 100%; overflow: auto; }*/
body.bg {
font: 11px/24px "Lucida Grande", Helvetica, Arial, sans-serif;
color:#999;
text-align: center;
/* turn off text-align: center for custom scrollbars */
height: 100%;
background-color: #FFF;
background-image: url(../images/global/background-wide.gif);
background-repeat: repeat;
background-position: top center;
background-attachment: fixed;
}
form, input { font: 1em/1em Helvetica, Arial, sans-serif; }
h2, h3, h4, h5 { font-size: 11px; padding: 0; margin: 0; }



/*	/////////////////////////////////////////////
	TOP
	//////////////////////////////////////////// */
/*
#container {
overflow: auto;
text-align: center;
}
*/
/* turn on container styles for custom scrollbars */
	
#page {
width: 900px;
text-align: left;
margin: 0 auto;
/*min-height: 100%;*/
}

* html #page {
height:100%;
} /* for ie to resize */

#page .inner {
padding: 0 30px 30px 30px;
}

#header {
position: fixed;
background: #FFF url(../images/global/double_dash_line.gif) repeat-x bottom left;
height: 91px;
width: 840px;
z-index: 101;
}

#header .nav {
padding-top: 48px;
float: right;
width: 260px;
}

#header .nav li {
float: right;
}

#header .nav li h4 {
background: none;
padding-left: 16px;
font-size: 10px;
}

#header #logoswf,
#header h1 {
margin-top:30px;
float: left;
width: 540px;
height: 38px;
}

/*	/////////////////////////////////////////////
	SIDEBAR
	//////////////////////////////////////////// */
#site-sidebar {
position: fixed;
width: 294px;
padding-top: 115px;
}

/*	/////////////////////////////////////////////
	NAV
	//////////////////////////////////////////// */

#site-sidebar .nav li h3,
#site-sidebar .nav li h4,
#site-sidebar .nav li {
background: url(../images/global/dash_line.gif) repeat-x bottom left;
padding-bottom: 2px; 
}
#site-sidebar .nav li.set {
background: none;
padding: 0;
}

#site-sidebar .nav li h3 {}
#site-sidebar .nav li a {
padding-left: 6px;
}

#site-sidebar .nav li h3 a,
#site-sidebar .nav li h4 a {
padding-left: 0;
}

#site-sidebar .nav li a:hover {}

/*	/////////////////////////////////////////////
	CONTENT
	//////////////////////////////////////////// */

#content {
float: right;
width: 516px;
position: relative;
padding-top: 115px; /* 61 + 24 + 30 */
}
.copyright {
margin-top: 26px;
background: url(../images/global/dash_line.gif) repeat-x top left;
line-height: 26px;
font-size: 9px;
width: 516px;
}

/*	/////////////////////////////////////////////
	HOME CONTENT
	//////////////////////////////////////////// */
	
#home #content  #gallery {
margin-top: 10px;
height: 516px;
}

#home #content #pictures {
width: 516px;
background: url(../images/global/dash_line.gif) repeat-x left 24px;

}

/*	/////////////////////////////////////////////
	FEATURED WORK CONTENT
	//////////////////////////////////////////// */
	
#featuredwork #content #pictures,
#featuredwork #content #words {}

#archivework #content #pictures,
#featuredwork #content #pictures {
width: 516px;
background: url(../images/global/dash_line.gif) repeat-x left 24px;
}

#archivework #content #pictures #gallery,
#featuredwork #content #pictures #gallery {
margin-top: 10px;

/* javascript resets height of this container */ 
}
#archivework #content #words,
#featuredwork #content #words {
position: absolute;
left: 0;
top: 139px; 
padding-top: 1px;
background: url(../images/global/dash_line.gif) repeat-x top left;
line-height: 26px;
text-align: justify;
}
#archivework #content #controls,
#featuredwork #content #controls {
position: absolute;
top: 115px;
right: 0;
text-align: right;
width: 50%;

}

/*	/////////////////////////////////////////////
	ABOUT /CONTACT
	//////////////////////////////////////////// */
#about #content,
#contact #content {
padding-top: 140px;
background: url(../images/global/dash_line.gif) repeat-x 140px left;
}

#about #content h3,
#contact #content h3 {
background: url(../images/global/dash_line.gif) repeat-x bottom left;
padding: 1px 0;
line-height: 24px;
text-transform: uppercase;
margin-bottom: 10px; 
}	

#about #content p,
#about #content img,
#contact #content p,
#contact #content img {
padding-bottom: 24px;
}

#about #content p {
text-align: justify;
}

#contact #content ul {
padding-bottom: 24px;
}

#contact #content li.left {
width:143px;
float: left;
clear: both;
}

#contact #content li.right {
float: left;
width:373px;
}

#contact #content h5 {
padding-bottom: 24px;
}


	

/*	/////////////////////////////////////////////
	ARCHIVE CONTENT
	//////////////////////////////////////////// */
	
#archive_cat #content,
#archive_alpha #content {
padding-top: 140px;
}

#archive_cat .nav .fwork,
#archive_alpha .nav .fwork {
display: none;
}	
	
#archive_cat #content .clear,
#archive_alpha #content .clear {
background: url(../images/global/dash_line.gif) repeat-x top left;
clear: both;
padding-top: 1px;
padding-bottom: 16px;
}

#archive_cat #content h3,
#archive_alpha #content h3 {
background: url(../images/global/dash_line.gif) repeat-x top left;
padding: 1px 0;
line-height: 24px;
text-transform: uppercase; 
}

#archive_cat #content h4,
#archive_alpha #content h4 {
padding-bottom: 2px; 
text-transform: uppercase;
}

#archive_cat #content img,
#archive_alpha #content img {
display: block;
float: left;
width: 166px;
margin-top: 8px;
}

#archive_cat #content .right,
#archive_alpha #content .right {
float: right;
width: 336px;
}
	

/*	/////////////////////////////////////////////
	MISC
	//////////////////////////////////////////// */
.fade {
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/*	/////////////////////////////////////////////
	TEMP DEBUG FIXED POSITION
	//////////////////////////////////////////// */
/*
#header {
position: relative;
}

#site-sidebar {
float: left;
position: relative;
padding-top: 24px;
}

#content {
float: right;
position: relative;
padding-top: 24px;
}
*/