/* 
	=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: #fff; 
			font-size: 12px;
			line-height: 18px;
			font-family:"ms trebuchet",helvetica,arial,"sans serif";
			margin-left: 1px;
			margin-top: 0px;
			color: #333;
			height: 100%;
			/* May 6 
			min-height:420px; 
			height:auto !important;
			height:420px;*/
		}
	
	
		#container {
			width: 760px;
			\width: 764px;
			w\idth: 760px;
			background-color:#fff;
			border: 2px solid #eee;
			margin: auto;
			position: relative;
			min-height: 100%;
		}
		
		* html #container
		{
			height: 100%;
		}


		#banner {
			padding-left: 2px;
			padding-top: 5px;
			background-color: #fff;
			/**
			background-image:url("images/crosshatch.gif");
			border-top: 1px solid #000;
			border-bottom: 1px solid #fff;
			**/
			border-bottom: 1px solid #999;
			
			text-align : left;
			height: 30px;
		}
		
		#titlesbox {
			float:left;
			text-align:left
			width: 300px;
			background-color:transparent;
		}
		
		#movie {
			margin-bottom: 5px;
			background-color: #fff;
			height: 150px;
		}

		#leftside {
			padding: 5px;
			margin-right: 435px;
			text-align: right;
		}

		#rightside {
			float: right;
			width: 420px;
			\width: 425px;
			w\idth: 420px;
			margin: 0;
			margin-left: 5px;
			padding: 5px;
			min-height:300px; 
			height:auto !important;
			height:300px;
		}
		
		#arightside {
			float: right;
			width: 420px;
			\width: 425px;
			w\idth: 420px;
			margin: 0;
			margin-left: 5px;
			padding: 5px;
			height:275px;
			overflow: auto;
		}
		
		#designright {
			width: 430px;
			margin: 0;
			margin-left: 5px;
			padding: 5px;
		}
		

		#collections {
			width: 100%;
			margin-right: 5px;
			text-align: left;
			height: 380px;
		}
		
		#collections img {
			border: 0;
			margin-top: 2px;
			margin-left: 8px;
		}
	
		
		#cmovie {
			margin-bottom: 5px;
			background-color: #fff;
			height: 40px;
		}
		#collectionhead {
			margin-bottom: 5px;
			background-color: #fff;
			height: 80px;
		}
		#navigation {
			float: right;
			width: 750px;
			margin: 0;
			background-color: #000;
		}
		
		

		
		#footer {
			clear: both;
			padding: 5px;
			margin-top: 5px;
			height: 2em;
			background-color: #000;
			width:748px;
			position: absolute;
			bottom: 0;
		}
		
		#navlist
		{
			margin: 0;
			padding: 0px;
			margin-right : 20px;
		}
		
		#description {
			margin: 10px;
			background: #fff;
			color: #666;
			width: 400px;
			font-size: 1em;
			float: left;
			text-align: left;
			
		}
		
		#productselctor {
			margin:0;
			text-align:left;
			width:300px;
			background-color: fff;
		}
		
		#pcontainer {
			margin: 10px;
			background: #555;
			color: #fff;
			width: 400px;
			font-size: 1.1em;
			float: left;
		}
		
		#newleftside {
			padding: 5px;
			margin-right: 435px;
			text-align: right;
		}

		#newrightside {
			float: right;
			width: 420px;
			\width: 425px;
			w\idth: 420px;
			margin: 0;
			margin-left: 5px;
			padding: 5px;
			text-align: center;
			padding-top: 50px;

		}
		
		#bigbox {
			padding : 10px;
			/*
			border: 20px solid #333;
			*/
			border-right : 0px;
			background-color: #fff;
			color: #666;

		}
		
		#thumbnails {
			margin-left: 80px;
			margin-top: 10px;
		}
		#thumbnails th, #thumbnails td {
		}	
		

		
		



		
/*
	=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 10px 2px 10px;
			text-decoration: none;
			color: #999;
			padding-top: 4px;
			font-size:12px;
		}

		
		#navlist a:hover,#navlist a.active
		{
			border-top: 4px solid #fff;
			background: transparent;
			color: #fff;
		}
		
		#navlist a:hover { color: #fff; }
		
/*
	=global links
	links definitions
*/		
		a:active 
		{
			COLOR: #ff0000; 
			TEXT-DECORATION:none;
			font-size: 100%
		}
		
		a:link {
			COLOR: #666;
			text-decoration :none;
			font-size: 100%
		
		}
		
		a:visited {
			COLOR: #666;
			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;
	 		
		}
		
		p.tiny {
			font: 0.2em/1em arial, helvetica,geneva, sans-serif;
			color : #fff;
		}
		
		.tesp {
				font-weight: bold;
				color: #066df9;
				border-bottom: 1px dotted #666;
			}


		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: #000;
			font-size: 14px;
			line-height: normal;
			font-weight: bold;
			text-align: left;
			margin-top: 10px;
		}
		
		#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); }
		#arightside 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); }



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