body						{ background:#DAE5B6 url(/images/gingham.gif) repeat; margin:20px 0 0; padding:0 auto; text-align:center; font-family:helvetica, sans-serif; font-size:medium; line-height:1.2em; color:#300; }
body.home				{ margin-top:40px; }

/*------------------------------- GLOBAL POSITIONING ---------------------------------*/
#main						{ position:relative; text-align:left; width:716px; height:402px; margin:0 auto; }
.portfolio #main,
.photos #main			{ width:800px; }

#shadowbox				{ position:absolute; left:6px; top:6px; width:716px; background:url(/images/shadow.gif); }
.home #shadowbox		{ height:396px; }
.sub #shadowbox		{ height:496px; }
.portfolio #shadowbox,
.photos #shadowbox 	{ width:800px; height:608px; }

#mainbox					{ position:absolute; left:0; top:0; width:708px; background-color:#ACD066; border:#FFF 4px solid; }
.home #mainbox		{ height:388px; background: url(/images/table.gif) center; }
.sub #mainbox			{ height:488px; }
.portfolio #mainbox, 
.photos #mainbox		{ width:792px; height:600px; }

.portfolio #mainbox		{ background-color:#FFF; border-color:#ACD066; }

.clients #mainbox		{ width:792px; background-color:#FFF; border-color:#ACD066; }


#logo						{ margin:30px 17px 10px; }
#chair						{ position:absolute; left:420px; top:-20px; }

.home #text				{ margin-left:20px; width:400px; color:#FFC; font-size:.95em; }
.home #text a:link,
.home #text a:visited	{ color:#E2FA92; }
.home #text a:hover	{ color:#FFC; }

.content_wide				{ position:absolute; left:35px; top:75px; width:600px; padding:10px; }
.content_photos			{ padding:2px 20px 3px; font-size:.9em; float:left; width:90%; clear:both; position:relative; margin-bottom:20px; }
.content_photos p		{ width:155px; }
.content_portfolio		{ position:absolute; padding:2px 20px 3px; font-size:.9em; top:180px; left:0px; width:95%; clear:both; margin-bottom:20px;}


.copy							{ position:relative; color:#741; font-size:.8em; width:716px; text-align:left;  margin:5px auto; clear:both; padding-left:10px; }

.home #client_login		{ color:#741; }
.home select,
.home input.text				{ border:1px solid white; background-color:#DAE5B6; font-size:.9em; color:#741; }
.home input.text				{ padding:2px 3px; width:6em; }

/*------------------------------- NAV ---------------------------------*/
#nav								{ margin:2px 5px; }
#subnav						{ position:absolute; margin-top:0px; width:200px; font-size:100%; }
#portnav						{ float:right; width:452px; text-align:right; margin:2px 12px; }
.photos #subnav					{ top:10px; left:190px; }
.portfolio #subnav				{ top:160px; left:40px; }

#subnav a:link, 
#subnav a:visited, 
#nav a:link, 
#nav a:visited					{ padding:2px 3px 1px; border:0 solid #ACD066; color:#852; text-decoration:none; font-size:.9em; }

#nav a:link, 
#nav a:visited					{ background-color:#D9E79C; }
#nav a:hover, 
#nav a:active						{ background-color:#FFF; color:#EE6A64; }

#subnav a:link, 
#subnav a:visited				{ background-color:#FFF; }
#subnav a:hover, 
#subnav a:active				{ background-color:#FFF; color:#EE6A64; }

.portfolio #subnav a:link,
.portfolio #subnav a:visited	{ background-color:#FEB; }

.home #nav a:link, 
.home #nav a:visited			{ background-color:#E6C23F; border-width:0;  }
.photos #nav a:hover,
.home #nav a:hover			{ background-color:#FFF;  }

#nav a.active:link,
#nav a.active:visited			{ background-color:#FFF; }

.portfolio #nav a.active:link,
.portfolio #nav a.active:visited			{ background-color:#FFF; }
.portfolio #nav a.active:hover			{ background-color:#FFF;	 }

/*------------------------------- ALL STYLES ---------------------------------*/
a:link, a:visited		{ color:#2F7609; text-decoration:underline;}
a:hover, a:active		{ color:#EE6A64; }
a.nobackground		{ background-color:transparent; text-decoration:none; }
a.more					{ color:#630; font-weight:bold; }
 
img						{ border:0; }


h1							{ font-size:1.1em; font-weight:bold; color:#300; }
.portfolio h1			{ margin:65px 0 0 20px; }
h2							{ font-size:1.1em; font-weight:bold; color:#300; }
h2.line					{ border-top:dotted 1px #930; }
h3							{ font-size:.9em; font-weight:bold; color:#630; }
h3.line					{ border-top:dotted 1px #930; }

table						{ width:100%; }
td							{ vertical-align:top; padding-right:20px; }
td.bottom				{ vertical-align:bottom; }

ul							{  }
p							{  margin:0 0 15px 0; padding:0;}
p.quote					{ font-style:italic; }
p.quote:before			{ content:open-quote; }
p.quote:after					{ content:close-quote; }
p.center						{ text-align:center; }





/*------------------------------- PHOTOS ---------------------------------*/
.galleries					{ list-style-type:none; float:left; margin:3px; padding:0; }
.galleries li a				{ text-decoration:underline; color:#2F7609 }
.galleries .active a		{ text-decoration:underline; color:#2F7609; font-weight:bold; }
img.vertical				{ position:absolute; left:341px; top:0; border:1px white solid; border-width: 0 0 0 1px; }
img.horizontal			{ position:absolute; left:191px; top:149px; border:1px white solid; border-width: 1px 0 1px 1px; }
i.photo_number			{ font-size:.9em; color:#360; }


/*------------------------------- RESUME / PORTFOLIO ---------------------------------*/
#port_thumbs				{ margin-left:15px; padding:0; width:540px; float:left; background-color:white; }
#port_thumbs p			{ height:125px; width:150px; float:left; margin-left:15px; clear:right; }
#port_thumbs p a		{ text-decoration:none; }
#port_thumbs img		{ border:1px solid #999; }
#port_thumbs img.horz	{ width:150px; }
#port_thumbs img.vert	{ width:70px; float:left; }
#port_thumbs img.left		{ margin-right:6px;}
.note							{ color: red; text-transform: uppercase; display:none; }

#thumbs_scroll					{ height:405px; clip:rect(0, 0px, 30px, 0); margin:0; padding:0; overflow:auto;
	/* IEWin only */
	scrollbar-track-color: #CDE9F2;
	scrollbar-face-color: #A0DCF8;
	scrollbar-darkshadow-color: #A0DCF8;
	scrollbar-shadow-color: #A0DCF8;
	scrollbar-3dlight-color: #A0DCF8;
	scrollbar-highlight-color: #A0DCF8;
	scrollbar-arrow-color: #FAF7EC;
}
#thumbs_content				{ margin:0; padding:0; }

#port_description		{ margin:0 0 0 15px; padding:0; width:180px; float:left; }

#project_description		{ margin-left:15px; padding:0; width:200px; float:left; }
#project_screen				{ margin-left:20px; width:435px; padding:0; float:left; }
#project_screen img		{ margin-right:5px; border:1px solid #999; }
#project_screen img.horz		{ width:430px; }
#project_screen img.vert		{ width:208px; }


#project_nav				{ margin:0; }

.date							{ color:#900; }
.credit						{ color:#900; font-style:italic; }

#companies a:link,
#companies a:visited	{ border:0 solid #EE6A64; color:#EE6A64; background-color:#FFF; }
#companies a:hover,
#companies a.active	{ background-color:#EE6A64; color:#FFF; }

#skills a:link,
#skills a:visited			{ border:0 solid #C58F2B; color:#D9E79C; background-color:#FFF; }
#skills a:hover,
#skills a.active			{ background-color:#D9E79C; color:#FFF; }

#projects a:link,
#projects a:visited		{ border:0 solid #FEB; color:#FEB; background-color:#FFF; }
#projects a:hover,
#projects a.active		{ background-color:#FEB; color:#FFF; }

.port_nav a:link,
.port_nav a:visited		{ background-color:#FFF; color:#FFF; padding:2px 3px; margin:0; text-decoration:none; }
.port_nav a:hover		{ background-color:#FFF; color:#666; border:1px solid #CCC; text-decoration:underline; }
.port_nav					{ position:relative; display:inline; font-size:.85em; line-height:1.8em; }





/*------------------------------- CLIENT EXTRANETS ---------------------------------*/
ul#links			{ list-style-type:none; padding:0; text-align:right; }
#links li			{ margin-left:0px; margin-bottom:0; padding:3px 0; }
#links a.active		{ color:#EE6A64; text-decoration:none; }
#extranet_nav		{ margin:10px 0 0 20px; width:160px; font-size:.9em; }
#extranet_nav h2	{ border-bottom:1px dotted #630; color:#630; }
#extranet_nav p		{ line-height:1.2em; text-align:right; }

#extranet_page		{ background-color:#FFC; float:right; width:530px; padding:20px 30px 20px 20px; font-size:.95em; border:#DAE5B6 solid; border-width:1px 0 1px 1px; }
#extranet_page h1	{ margin:10px 0 20px; font-size:1.5em; color:#2F7609; }
#extranet_page h3	{ margin:25px 0 5px; font-size:1em; }
#extranet_page p	{ font-size:.95em; }
#extranet_page dl	{ margin:0; padding:0; font-size:.9em; }
#extranet_page dt	{ margin:10px 0 -1.5em 0; padding:0; color:#630; }
#extranet_page dd	{ margin:0 0 0 11em; padding:0;}
#extranet_page .client		{ color:#C00; }
#extranet_page .phase		{ font-weight:bold; }

#big_block						{ height:350px; }
.clients ul									{ list-style-type:square; }
.clients ul li									{ margin:0 0 8px; }


/*------------------------------- SCROLL BOXES ---------------------------------*/

#box							{ left:0px; top:40px;  height: 425px; margin:0; padding: 0; border:1px solid white; }
#box_scroll					{ left:10px; top:5px; height:415px; clip:rect(0, 486px, 345px, 0); margin:0; padding:0; overflow:auto;
	/* IEWin only */
	scrollbar-track-color: #CDE9F2;
	scrollbar-face-color: #A0DCF8;
	scrollbar-darkshadow-color: #A0DCF8;
	scrollbar-shadow-color: #A0DCF8;
	scrollbar-3dlight-color: #A0DCF8;
	scrollbar-highlight-color: #A0DCF8;
	scrollbar-arrow-color: #FAF7EC;
}
#box_content				{ margin:0 10px 0 0; padding:0; }