/* 
	=Reset
	Setting everthing to zero or base values 
		
*/
		html, body, form, fieldset {
			margin: 0;
			padding: 0;
			
		}
		
		h1, h2, h3, h4, h5, h6, p, pre,
		blockquote, ul, ol, dl, address {
			margin: 1em 0;
			padding: 0;
		}
		
		/* left margin defaults */
		li, dd, blockquote {
			margin-left: 1em;
		}
		
		form label {
			cursor: pointer;
		}
		fieldset {
			border: none;
		}
		
		input, select, textarea {
			font-size: 100%;
		}
		
		html {
			height:100%;
		}
		
/* 
	=Structural
	main structures and divisions

*/
		body {
			background-color: #222; 
			font-size: 12px;
			line-height: 18px;
			font-family:"ms trebuchet",helvetica,arial,"sans serif";
			color: #fff;
			margin-left: 1px;
			margin-top: 0px;
			background-image : url("images/tespbodybg.jpg");
			background-repeat: no-repeat;
			background-position : 50% 0%;
			background-attachment: fixed;

			background-color: #000;
			/* May 6 
			min-height:420px; 
			height:auto !important;
			height:420px;*/	
			height:100%;		
		}
	
	
		#container {
			width: 760px;
			\width: 764px;
			w\idth: 760px;
			background-color:#000;
			margin: auto;
			border:1px solid #666;	
			
			margin-top:30px;


			border-top:2px solid #666;
		}
		


		#banner {
			padding-top: 5px;
			background-image : url("images/designplusart.jpg");
			background-repeat: no-repeat;
			background-position: 30px 10px;
			background-color: #000;
			text-align : left;
			height: 50px;
		}
		
		#titlesbox {
			float:left;
			text-align:left;
			width: 300px;
			background-color:transparent;
		}
		
		#movie {
			margin-bottom: 5px;
			background-color: #000;
			border:1px solid #fff;
			width: 740px;
			
		}

		#leftside {
			padding: 5px;
			text-align: right;
			background-color:#000;
			
		}

		#rightside {
			float: right;
			width: 420px;
			\width: 425px;
			w\idth: 420px;
			margin: 0;
			margin-left: 5px;
			padding: 5px;	
			background-color:#000;
			
					
		}
		
		#cmovie {
			background-color: #000;
			height: 150px;
			width: 760px;

			}
		

		
		#navigation {
			float: right;
			width: 750px;
			margin: 0;
			background-color: #ff0000;
		}
		
		
		#portfoliotitle {
			height: 20px;
			background-color: #000;
			padding-top: 2px;
			margin-left: 0px;
			padding-left: 8px;
			width: 749px;
			border-top: 1px solid #333;
			border-bottom: 4px solid #333;
			margin-top: 5px;

		}
		
		#portfoliotitle h2 {
			color : #fff;
			font-weight: bold;
			font-size : 20px;
			font-family:"ms trebuchet",helvetica,arial,"sans serif";			
		}
		#footer {
			clear: both;
			padding: 5px;
			height: 2em;
			background-color: #000;
			width:748px;
			text-align: center;
			margin:auto;
			border-top:1px solid #666;
		}
		
			#moviebox {
				padding: 5px;
				margin-top: 5px;
				background-color: #000;
				width:700px;
				background-color: #000;
				height: 100%;
				margin: auto;
			}
		
		.clearfix {
			clear: both;
			
			
		}
		#navlist
		{
			margin: 0;
			padding: 0px;
			margin-right : 20px;
		}



		
/*
	=Navigation
*/		
		#navlist ul, #navlist li
		{
			margin: 0;
			padding: 0;
			display: inline;
			list-style-type: none;
		}
		
		#navlist a:link, #navlist a:visited
		{
			/* float: right;*/
			line-height: 12px;
			font-weight: bold;
			margin: 0 40px 2px 40px;
			text-decoration: none;
			color: #fff;
			padding-top: 4px;
			font-size:12px;
		}

		
		#navlist a:hover,#navlist a.active
		{
			border-bottom: 4px solid #ff0000;
			background: transparent;
			color: #ff0000;
		}
		
		#navlist a:hover { color: #ff0000; }
		
		.defaultlist {
			color: #fff;
		}
		
		.defaultlist ul, .defaultlistlist li
			{
				margin: 0;
				padding: 0;
				display: inline;
				list-style-type: none;
				color: #fff;
			}
			
			
		
/*
	=global links
	links definitions
*/		
		a:active 
		{
			COLOR: #ff0000; 
			TEXT-DECORATION:none;
			font-size: 100%
		}
		
		a:link {
			COLOR: #ffcc00;
			text-decoration :none;
			font-size: 100%
		
		}
		
		a:visited {
			COLOR: #ffcc00;
			TEXT-DECORATION: none;
			font-size: 100%
		}
		
		a:hover {
			COLOR: #ff0000;
			TEXT-DECORATION:none;
			font-size: 100%;		
		}
		
		table a:link, table a:visited, table a:active {	
			color:#666;
			background-color: transparent;
			text-decoration: none;
			border-bottom: 0px;
		}
		table a:hover {
			COLOR: orange;
			TEXT-DECORATION:none;
			font-size: 100%
			border-bottom: 1px dotted orange;
		
		}
		

/*
	=Typography
	
*/		
		
		p { 
	 		line-height: 1.5em;
	 		font-family: arial, helvetica,geneva, sans-serif; 
	 		padding-bottom: 0;
	 		margin-bottom: 0px;
	 		text-align: justify;
	 		margin-right: 10px;
	 		color:#fff;
	 		
		}
		p.about {
			font-weight: bold;
			text-align:left;
			font-size: 12px;
			line-height : 18px;
			
		}
		
		p.tiny {
			font: 0.2em/1em arial, helvetica,geneva, sans-serif;
			color : #fff;
		}
		
		#tesp {
				color: #066df9;
				border-bottom: 1px dotted #666;
				font-family:arial, helvetica,Geneva, sans-serif;
				background-image: url("images/blackquotes.jpg");
				background-repeat: no-repeat;
				font-size:16px;

			}



		blockquote.pullquote {
			float: center;
			width: 400px;
			margin: 10px 0 10px 15px;
			padding: 0;
			font-family: "Gill Sans",Verdana,times,serif;;
			color: #72bee6;
			text-align: left;
			font-size: 18px;
			line-height: 18px;
			font-weight: bold;
			border-top: 1px solid #444;
			border-bottom: 1px solid #444;17
			padding-top: 10px;
			padding-bottom : 10px;
		}

		span.amp {
			font-family:"Goudy Old Style","Palatino","times","serif",
			font-style: italic;
			font-size : 1.2em;
			color: #666;

		}


		#bigbox p {
			margin-left : 30px;	
		}
		.italic {
			font-style: italic;	

		}


		
		
/*
	=Headings
	heading styles
*/


		
		h2 { 
    		color: #ff0000;
			font-size: 18px;
			line-height: normal;
			font-weight: bold;
			text-align: left;
			margin-top: 10px;
		}
		
		h3 { 
    		color: #ff0000;
			font-size: 14px;
			line-height: normal;
			font-weight: bold;
			text-align: left;
			margin-top: 10px;
		}
		
		
		h4 { 
    		color: #ff0000;
			font-size: 12px;
			line-height: normal;
			font-weight: bold;
			text-align: left;
			margin-top: 10px;
		}
		
		h5 { 
    		color: #fff;
			font-size: 12px;
			line-height: normal;
			font-weight: bold;
			text-align: left;
		}
		
		/****
		#rightside h1 {
			text-indent:-5000px;
			background-repeat:no-repeat;
			background-position:top left;
			height:35px; 
			margin-left:0px;
			margin-bottom:0px;
			margin-top: 0px;
			padding: 0;	
		}  
		#arightside h1 {
			text-indent:-5000px;
			background-repeat:no-repeat;
			background-position:top left;
			height:35px; 
			margin-left:0px;
			margin-bottom:0px;
			margin-top: 0px;
			padding: 0;	
		}
		#designright h1 {
			text-indent:-5000px;
			background-repeat:no-repeat;
			background-position:top left;
			height:35px; 
			margin-left:-5px;
			margin-bottom:0px;
			margin-top: 0px;
			padding: 0;	
		} 
		
		#leftside h2 {
			text-indent:-5000px;
			background-repeat:no-repeat;
			background-position:top left;
			height:35px; 
			margin-left:0px;
			margin-bottom:0px;
			margin-top: 5px;
			padding: 0;	
		}  
		
		
		#rightside h1#inventive { background-image:url(images/inventive.jpg); }
		#rightside h1#call { background-image:url(images/call.jpg); }
		#rightside h1#about { background-image:url(images/about.jpg); }
		#rightside h1#exhibitions { background-image:url(images/exhibitions.jpg); }
		#rightside h1#citations { background-image:url(images/awards.jpg); }
		#rightside h1#contact { background-image:url(images/contact.jpg); }
		#rightside h1#expressions { background-image:url(images/t-expressions.jpg); }

		#arightside h1#about { background-image:url(images/about.jpg); }
		#arightside h1#citations { background-image:url(images/awards.jpg); }
		
		
		#leftside h2#t-jamesbound { background-image:url(images/jamesbound.jpg); }		
		#leftside h2#t-journals { background-image:url(images/t-journals.jpg); }
		#leftside h2#t-weights { background-image:url(images/t-weights.jpg); }
		#leftside h2#t-stationeries { background-image:url(images/t-stationeries.jpg); }
		#leftside h2#t-pencils { background-image:url(images/t-pencils.jpg); }
		#leftside h2#t-frames { background-image:url(images/t-frames.jpg); }
		#leftside h2#t-containers { background-image:url(images/t-containers.jpg); }
		#leftside h2#t-archives { background-image:url(images/t-archives.jpg); }


		#designright h1#t-tes { background-image:url(images/t-tes.jpg); }
		****/
		
		
		#cmovie h2 {
				text-indent:-5000px;
				background-repeat:no-repeat;
				background-position:top left;
				height:49px; 
				margin-bottom:0px;
				padding: 0;	
		}
		
		#cmovie h2#philosophy { background-image:url(images/pt_dp.gif); }





/*
	=images
	default image definitions
*/
		
		#rightside img {
			display : inline;
		}
		#arightside img {
			display : inline;
		}
		#leftside img {
			display : inline;
		}