@import url("reset.css");
/*                          	
 * Grid */                  	
#holder 							{ margin: 28px auto; width: 819px; }
#header								{ height: 28px; padding: 103px 20px 10px;  }
#header h1 							{ width: 224px; float: right; height: 30px;}
#middle 							{ padding: 9px; }
#menu 								{ width: 182px; float: right; }
#menu li							{ margin: 5px 0; cursor: pointer; }
#menu li a 							{ display: block; height: 35px; }

#links 								{ padding: 0 13px; }
#links h3							{ height: 18px; margin: 10px 0 12px;}
#links .link						{ margin: 0 0 12px; }

#middle 							{ background-color: #232132; }
#content 							{ background-color: black; }
#content 							{ height: 500px; overflow: hidden; width: 619px; }
#languageSelector p.selector		{ position: absolute; z-index: 2; width: 608px; padding: 5px;}

#content 							{ _width: 611px; } /* IE6 Fix */
#languageSelector p.selector		{ _width: 600px; } /* IE6 Fix */

#content div.contentPanel 			{ overflow: auto; min-height: 500px; padding: 30px 20px 20px; }
#content div.contentPanel h3		{ display: none; }
#content div.contentPanel p 		{ margin: 0 12px 10px; }

#content div.contentPanel p.home	{ margin-top: 50px; }
div.contentPanel p label			{ display: block; float: left; width: 100px; padding: 3px; } 
 
#content div.contentPanel p.gallery	{ margin: 0 0 10px; /*height: 131px;*/ }

#content #sales  img,
#content #recent img				{ margin: 0 12px; }

#content #sales  img,
#content #recent img				{ _margin: 0 8px; } /* IE6 Fix */

#content #resume h4					{ margin: 12px 0 5px; padding: 4px 27px;}
#content #resume h5					{ margin: 8px 27px 5px; }
#content #resume ul 				{ margin-left: 47px; }

#contactCourtenay					{ margin-top: 20px; }
#contactCourtenay input,
#contactCourtenay textarea	 		{ padding: 3px; }
#contactCourtenay input[type=submit]{ margin-left: 108px; width: 80px; }

#featured 							{ padding: 10px; margin: 9px 0 0; }
#featured .outline					{ padding: 15px; padding-left: 122px; }
#featured h3						{ height: 21px; margin-bottom: 4px; }
#featured h3 span					{ display:block; height: 24px; margin-left: 31px;}
#featured h4,
#featured div.newWork,
#featured p							{ /*padding-left: 32px;*/ }
#featured h5						{ margin-top:10px; }
#featured p							{ margin: 3px 0; }
#featured div.feature				{ padding: 7px 0; margin-left: 31px; }
#featured div.feature div.featuredetail	p { margin: 5px 0 8px; }


#featured div.newWork				{ margin-top: 5px; }

	#featured div.newWork p,
	#featured div.newWork h4		{ padding-left: 0;}
	
	#featured div.newWork .picture			{ float: left; width: 75px; }
		#featured div.newWork .picture a 	{ display: block; }
	#featured div.newWork .detail			{ margin-left: 86px; padding-top: 18px }

#footer 							{ padding: 10px; margin: 9px 0 0;}
/*                          		
 * Styles */                    	
body								{ color: #fff; 
									  background: #1d1c1c url(images/bkgd-body.jpg) repeat-x left top; }
#header 							{ border: 9px solid #282544; 
									  background: #8385ab url(images/bkgd-header.jpg) left top; }
#header h1 							{ background: url(images/bkgd-h1.gif) no-repeat left top; }
#menu li a 							{ background: url(images/bkgd-menu.gif) no-repeat; }
#menu li.home a 					{ background-position:    0 	   0; 	}
#menu li.home a:hover				{ background-position: -180px 	   0; 	}
#menu li.home a.active				{ background-position: -362px 	   0; 	}
#menu li.biography a 				{ background-position: 	  0 	 -35px; }
#menu li.biography a:hover			{ background-position: -180px 	 -35px; }
#menu li.biography a.active			{ background-position: -362px 	 -35px; }
#menu li.sales a	 				{ background-position:    0 	 -70px; }
#menu li.sales a:hover 				{ background-position: -180px 	 -70px; }
#menu li.sales a.active				{ background-position: -362px 	 -70px; }
#menu li.recent a	 				{ background-position:    0 	-106px; }
#menu li.recent a:hover				{ background-position: -180px 	-106px; }
#menu li.recent a.active			{ background-position: -362px 	-106px; }
#menu li.resume a	 				{ background-position:    0 	-142px; }
#menu li.resume a:hover				{ background-position: -180px 	-142px; }
#menu li.resume a.active			{ background-position: -362px 	-142px; }
#menu li.contact a	 				{ background-position:    0  	-178px; }
#menu li.contact a:hover			{ background-position: -180px 	-178px; }
#menu li.contact a.active			{ background-position: -362px 	-178px; }
                            		
#menu li  a.active					{ cursor: default; }
  
#languageSelector p.selector		{ background: url("images/bkgd-languageSelector.png") repeat-x left top; }
#languageSelector p.selector		{ _background-image: none; _background-color: #000; }  /* IE6 Fix */

#links h3.english					{ background: url(images/bkgd-links_english.gif) no-repeat center top; }
#links h3.french					{ background: url(images/bkgd-links_french.gif) no-repeat center top; }
#links a img						{ border: 3px solid #8282A6; }


                           		
#content div.contentPanel,      	
#content div.contentPanel a,
#featured a							{ color: #838383; }
#content div.contentPanel p strong	{ color: #ff0000; }
#content #sales   img,
#content #recent  img				{ border: 6px solid #2e2d40; }
#content #resume h4 				{ color: white; background: url(images/bkgd-resume_h4.gif) no-repeat left top; }

#contactCourtenay input,
#contactCourtenay textarea	 		{ border: 1px solid #686682; background-color: #202020; color: #838383; }

                                	
#featured, #footer 					{ background-color: black; border: 9px solid #232132; }

#featured .outline					{ border: 1px solid #686682; border-bottom-style: none; border-right-style: none; }
#featured h3 						{ background: url(images/bkgd-features_h3.gif) no-repeat left top; }
#featured h3 span					{ border-bottom: 1px solid #272728; }
#featured h4, #featured h5			{ color: #686682; }
#featured p 						{ color: #7f7f7f; }
#featured div.feature				{ border-bottom: 1px solid #272728; }
#featured div.feature:last-child	{ border-bottom: none; }


#featured div.newWork				{  }
	#featured .picture	{ border:3px solid #2E2D40; }

#footer			 					{ background: url(images/bkgd-footer.jpg) left top; }
#footer	a		 					{ color: #fff; }

/*                          		
 *  Text */                     	
body 								{ font: 0.63em Arial, verdana, sans-serif; }              	
a:hover								{ text-decoration: none; }
#header h1,                 		
#menu li a,
#featured h3,
#links h3							{ text-indent: -9999px; }

#links								{ text-align: center; }


#languageSelector p.selector		{ text-align: right; }

#content div.contentPanel 			{ font-size: 1.3em; line-height: 2.3em; }
#content div.contentPanel ul		{ line-height: 1.5em; }
#content div.contentPanel p.gallery	{ text-align: center; }
#content div.contentPanel p strong	{ font-weight: bold; }

#content #resume  					{ line-height: 1.0em; }
#content #resume h4 				{ font-size: 1.4em;  font-weight: bold; text-transform: uppercase; }
#content #resume h5 				{ /* font-size: 1.2em; */ text-transform: uppercase; }

#content #contact					{ line-height: 1.5em; }

#contactCourtenay input,
#contactCourtenay textarea			{ font: 1em Arial, Geneva, sans-serif; }

#featured h4 						{ font-size: 1.6em; }
#featured h5						{ font-size: 14px; /*font-weight: bold;*/ }
#featured p							{ font-size: 1.3em; }

#featured div.newWork				{ }
	#featured div.newWork p			{ }
	#featured div.newWork h4		{ font-size: 1.3em; font-weight: bold; }
                          	
#footer 							{ text-align: center; font-family: verdana; }