body 	{background-image: linear-gradient(to right, rgb(54,65,82), rgb(150,150,150));font-family:"Verdana", "Arial", sans-serif; font-size:10pt; font-weight:normal; color: rgb(150,150,150);}

\*background-image: linear-gradient(to right, rgb(54,65,82), rgb(150,150,150)); background-color:rgb(54,65,82); background-color:rgb(237,235,235);background-color:rgb(255,102,0);background-image: url("/icon/brickwhite.gif");background-image: url("/icon/stripe.gif");background-color:rgb(100,100,100); *\

div.header		{display: block; background-color:rgb(255,255,255); margin-top:10px; height:auto; min-height:80px; top:0; width:auto; border-bottom:2px solid rgb(85,85,85);}
a.logo img#header	{float:right; margin-right:10px; padding-top:2px; border:none; width:235px;}
div.nav			{display:inline-block; position:relative; margin-left: 40px; padding:0; text-align:left; vertical-align:middle;}
a.nav			{display:inline; padding:0; margin-left:5px; border:none; color:rgb(0,0,0); text-decoration:none;}
a.nav img		{padding:0 0 -5px 0; border:none;}

div.sheet		{background-color: rgb(255,255,255); width:80%; min-height:400px; margin:0 auto 0 auto; padding:0 30px 40px 30px; border-top:6px solid rgb(85,85,85); border-bottom:0px solid rgb(85,85,85);}
.center			{text-align:center;}
span.text, div.text	{display:inline-block; max-width:75%; min-height:600px; margin:0 auto 0 auto; text-align:left; border:none;}
span.history-glory	{display:inline-block; float:right; text-align:left; position:relative; vertical-align:top; background-color: rgb(85,85,85); color:rgb(247,245,245); max-width:50%; width:auto; margin: 0 10px 10px 10px; padding: 8px;}
span.design-glory	{display:inline-block; float:left; text-align:left; position:relative; vertical-align:top; background-color: rgb(85,85,85); color:rgb(247,245,245); max-width:50%; width:auto; margin: 0 10px 10px 10px; padding: 8px;}
h1			{font-size:160%; font-weight:bold; color:rgb(120,120,120); border:none;}
h2 			{font-size:140%; font-weight:bold; color:rgb(150,150,150); border:none;}
h3 			{font-size:120%; font-weight:bold; color:rgb(150,150,150); border:none; margin:1em 0;}
h4 			{font-size:100%; font-weight:bold; color:rgb(150,150,150); border:none;}

ul.css-tabs		{margin:10px 0 0 0; padding-left:20px; height:auto; width:auto;}
ul.css-tabs li		{display:inline-block; height:20px; padding:0; margin:0; list-style-type:none;}
ul.css-tabs a		{background-color:none; color:rgb(50,50,50); font-size:1.1em; vertical-align:middle; text-decoration:none; padding:5px 40px; border-bottom:0px solid rgb(0,0,0);}
ul.css-tabs a:hover	{background-color:rgb(0,0,0); color:rgb(255,255,255); border-bottom:0px solid rgb(120,120,120);}
ul.css-tabs a.current	{background-color:rgb(120,120,120); color:rgb(255,255,255); border-bottom:0px solid rgb(0,0,0); cursor:default;}

.css-panes div.panel	{display:none; background-color:none; margin-top:20px; padding:10px 0px 20px 20px; min-height:450px; border:none;}

span.project		{display:inline-block; text-align:left; margin:10px 5px 0 0; padding:0; vertical-align:top;}
img.project		{border:none; background-color: rgb(237,235,235); padding-bottom:6px; max-height:150px;}
a:hover img.project	{background-color: rgb(0,0,0);}
span.caption-title	{font-weight:600; margin-top:0;}
span.caption-text	{font-size: 8pt; font-weight: normal;}
span.forwhom		{font-size: 8pt; font-weight: normal;}

div.highslide-gallery 	{border-color: black; visibility: visible; cursor: default; display:none; background-color:none; margin-top:20px; padding:10px 0px 20px 20px; min-height:450px; border:none;}

div.project-images	{float:right; position:relative; vertical-align:top; text-align:left; overflow-x:visible; overflow-y:auto; margin: 0 0 10px 20px; padding-right:18px; 
			background-color: rgb(237,235,235); color:rgb(0,0,0); min-height:0; max-height:none; max-width:35%;}	
			
img.glory		{background-color: rgb(85,85,85); padding:8px; max-width:100%;}
a:hover img.glory	{background-color: rgb(0,0,0);}
p.caption			{font-size:85%; font-style: italic; padding-left:10px;}

a#thumb1		{list-style-type: none;}
img.thumbnail		{border:none; background-color: rgb(237,235,235); padding-bottom:6px; max-height:60px;}
a:hover img.thumbnail	{background-color: rgb(0,0,0);}	
.click			{margin-left:9px;}

div.footer	{display:block; text-align:left; padding-top:2em; color:rgb(0,0,0); font-weight:500;}						
						
.hidden-portrait	{display:none;}


@media screen and (max-device-width: 1080px) {
			body {background-color:rgb(255,102,0);}
			\* 54,65,82 *\

			div.header {min-height:50px;}
			a.logo img#header {width:50%;max-width:150px;}
			div.nav {margin-left: 20px;}

			div.sheet {width:auto; padding:0 6px 40px 6px; min-height:0px;}
			span.text, div.text	{min-height:600px; max-width:95%;}
			span.history-glory, span.design-glory {max-width:50%;}
			img#wish, img#hillhouse {max-width:100%;}
			h1	{margin:25px 0 25px 0;}

			ul.css-tabs	{padding-left:10px;}
			ul.css-tabs li	{}
			ul.css-tabs a {font-size:11px; padding:5px 5px 5px 5px;}
			.css-panes div.panel	{padding:0px 0px 20px 0px; min-height:0px;}
			.css-panes div.panel#gallery	{padding-left:20px;}
			div.highslide-gallery {margin-top:0px; min-height:0px;}
			
			span.project		{text-align:center;}
			div.project-images	{margin: 0 0 10px 10px; padding-right:18px; max-height:none; max-width:50%;}
			img.glory		{background-color: rgb(85,85,85); padding:6px; max-width:100%;}
			img.thumbnail		{padding-bottom:0; max-width:45%; max-height:50px;}
			img.project		{padding-bottom:0; max-height:50vh; max-width:75vw;}
			
			div.footer		{padding-top:1em;}
			}
			
@media screen and (max-device-width: 1080px) and (orientation:portrait) {
			.hidden-portrait	{display:inline; font-weight:bold; color:red;}
			}