/**********************************************************************************************

	Title: Shade.ca
	Author: XHTMLized
	Date: October 2007 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Content
			3.4 Sidebar
			3.5 Footer
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0; 
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	background: #181418 url(../images/bg_body.jpg) repeat-y 50% 0;
	font-family:  Tahoma, Arial, sans-serif;
	font-size: 72.5%;
	text-align: center;
	color: #edae88;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h1 {
	width: 276px;
	height: 22px;
	padding: 0 0 1px 6px;
	float: left;
	background: #922d23 url(../images/bg_content_header.jpg);
	font-size: 1.4em;
	line-height: 22px;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	font-weight: bold;
	font-size: 1.4em;
}

h3 {}

h4 {}

p  {}


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

input, textarea, select {
	font: 1.2em "Trebuchet MS", Tahoma, Arial, sans-serif;
}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a:link, a:visited {
	color: #edae88;
	text-decoration: underline;
}

a:hover, a:active {
	color: #fed6ba;
	text-decoration: none;
}



/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

#body {
	min-height: 1000px;
	background: url(../images/bg_body_top.jpg) no-repeat 50% 0;
}

.container {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

#header {
	width: 1000px;
	height: 329px;
	overflow: hidden;
	position: relative;
	margin: 0 0 6px 0;
}

.content-window {
	width: 1000px;
	background: url(../images/bg_content.jpg) repeat-y 0 0;
}

.content-window-2 {
	width: 994px;
	overflow: hidden;
	padding: 0 3px 11px 3px;
	background: url(../images/bg_content_bottom.jpg) no-repeat 0 100%;
}

#content {
	position: relative;
	padding: 10px 12px 20px 12px;
	background-color: #2f291c;
	border-top: 2px solid #0d1a10;
}

.content-window-2 #content {
	float: right;
	width: 813px;
	padding: 0;
}
	
#sidebar {
	width: 179px;
	float: left; 
	border-top: 2px solid #0d1a10;
}

#footer {
	min-height: 522px;
	padding: 0 3px 120px 3px;
	background: #021105 url(../images/bg_footer.jpg) no-repeat;
}
	

/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

#main-navigation {
	width: 573px;
	height: 23px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	background: #2f3823 url(../images/bg_main_navigation.jpg);
}

#main-navigation li {
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
}

#main-navigation a {
	padding: 1px 0 0 12px;
	width: 124px;
	display: block;
	text-decoration: none;
}

#main-navigation .nav-home a {
	padding-left: 32px;
	width: 104px;
}

#main-navigation a:link, #main-navigation a:visited {
	color: #9b754d; }

#main-navigation a:hover, #main-navigation a:active {
	color: #edae88; }

#flash {
	width: 573px;
	float: left; 
}

#scroll-window {
	width: 193px;
	height: 319px;
	float: left;
	margin: 10px 0 0 0;
	background: url(../images/bg_scroll_window.jpg) no-repeat 0 100%;
}

#scroll-window h2 {
	height: 16px;
	position: relative;
	border: 1px solid #6b513a;
	margin: 0 0 4px 0;
	padding: 0 0 0 27px;
	font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(../images/bg_scroll_window_title.jpg) no-repeat;
	color: #edae88; 
}

#scroll-window h2 img {
	position: absolute;
	left: 0;
	top: -2px;
}

#scroll-window p {
	margin: 7px 0;
	font: 11px/13px Arial, Helvetica, sans-serif; }
	
#scroll-window .thumbnail {
	margin: 7px 0;
	border: 1px solid #eca97f; }	

#scroll-window .scroller {
	padding: 4px 3px 3px 6px;
	border: 1px solid #6b513a;
}

#scroll-window .content {
	width: 182px;
	height: 288px;
	position: relative;
	overflow: auto;
}

#quick-window {
	width: 215px;
	height: 296px;
	float: right;
	display: inline;
	margin: 10px 6px 0 0;
	background: #63261c url(../images/bg_quick_window.jpg) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#quick-window h2 {
	margin: 0 0 14px 17px;
	font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
	text-transform: uppercase;
	color: #edae88; 
}

#quick-window .content {
	height: 254px;
	overflow: hidden;
	margin: 0 14px 0 18px; 
}

#quick-window p {
	margin: 0 0 12px 0;
	font-size: 9px;
	line-height: 12px; 
}

#mini-menu {
	width: 213px;
	height: 13px;
	padding: 2px 1px;
	position: absolute;
	bottom: 0;
	right: 6px;
	background: #122114 url(../images/bg_mini_menu.jpg) no-repeat;
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
}

#mini-menu img {
	margin-right: 2px;
	vertical-align: text-top; }

#mini-menu a:link, #mini-menu a:visited {
	color: #687941;
	text-decoration: none; 
}
	
#mini-menu a:hover, #mini-menu a:active {
	color: #bcb67d;
	text-decoration: none;
}	
	
/* 3.3	Content
-----------------------------------------------------------------------------------------------*/	

#content p {
	padding: 12px 0 2px 0;
	font-size: 1.2em;
}

.content-window-2 #content p {
	padding-left: 10px;
	padding-right: 10px;
}

#content .thumbnail {
	float: left;
	border: 1px solid #5b3321;
}

#content .project-thumbnail-text {
	float: right;
	width: 620px;
}

#content a.launch-bar {
	display: block;
	width: 150px;
	height: 24px;
	padding: 0 0 0 55px;
	line-height: 24px;
	font-style:italic;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	position: absolute;
	right: 0;
	bottom: 0;
	background: #922d23 url(../images/bg_launch_bar.jpg) no-repeat;
	color: #edae88;
}

#content a:hover.launch-bar {
	color: #fed6ba;
}

/* 3.4	Sidebar
-----------------------------------------------------------------------------------------------*/	

#sidebar #section-menu li {
	font-size: 11px;
	line-height: 16px;
	background: #746235 url(../images/bg_section_menu.jpg) no-repeat;
}

#sidebar #section-menu a {
	width: 176px;
	padding: 3px 0 10px 3px;
	display: block;
	background: url(../images/bg_section_menu_bottom.jpg) no-repeat 0 100%;

}

#sidebar #section-menu a:link, #sidebar #section-menu a:visited {
	color: #edae88;
	text-decoration: none;
}

#sidebar #section-menu a:visited 
{
	color: #d09070;
}
#sidebar #section-menu a:hover, #sidebar #section-menu a:active {
	color: #fed6ba;
	text-decoration: none; }
	

/* 3.5	Footer
-----------------------------------------------------------------------------------------------*/	
#footer ul {
	width: 381px;
	height: 23px;
	padding: 0 0 0 150px;
	overflow: hidden;
	background: #922d23 url(../images/bg_footer_navigation.jpg) no-repeat;
}

#footer li {
	float: left;
	font-size: 11px;
	line-height: 22px;
}

#footer li a {
	height: 22px;
	padding: 0 23px 1px 0;
	display: block;
	text-align: right;
}

#footer li.nav-contact-us a {
	width: 103px; }
	
#footer li.nav-team a {
	width: 95px; }
	
#footer li.nav-other-projects a {
	width: 111px; }

#footer li a:link, #footer li a:visited {
	color: #000;
	text-decoration: none;
}

#footer li a:hover {
	color: #fff1da;
	text-decoration: none;
}


/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Content window */

#secondary-navigation {
	width: 712px;
	height: 23px;
	overflow: hidden;
	float: right;
	background: #522e20 url(../images/bg_secondary_navigation.jpg) no-repeat;
}

#secondary-navigation li {
	float: left;
	font-size: 12px;
	line-height: 22px;
}

#secondary-navigation a {
	width: 87px;
	height: 22px;
	padding: 0 26px 1px 0;
	display: block;
	text-align: center;
	text-decoration: none;
}

#secondary-navigation a:link {
	color: #edae88;
}

#secondary-navigation a:hover {
	color: #fed6ba;
	text-decoration: underline;
}

#shadeProjectWindow 
{
	line-height:normal;
}

#shadeProjectWindow a
{
	color:#bcb67d;
	font-size:0.8em;
}
#shadeProjectWindow ul
{
	margin-top:5px;
	list-style-type:disc;
	list-style-position:inside;
}

#portfolio_item 
{
	line-height:normal;
}

#portfolio_item img
{
	border: solid 5px #8c2e22;

	margin: 20px 10px 10px 10px;
	
}