/* Traditional type size series: 6px, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72 */
/*  Bigger type, lighter type  */
/*  body line height: 1.4 - 1.6  (default is 1.2) */
/* Popular serrif type: Georgia  */

html { margin: 0px; padding: 0px; }
body { font-size: 90%;		/*  12px type  */
		padding: 0px;
		margin: 0px;
		font-family: verdana, "trebuchet MS", "lucida sans unicode", helvetica, sans-serif;
		line-height: 1.4em;
/*		color: #000000;
		background-color: #FFFFFF;  */ }
h1   { margin: 0px; padding: 0px; font-size: 2.00em; font-family: georgia, "times new roman", serif; margin-top: 1em; }
h2   { margin: 0px; padding: 0px; font-size: 1.50em; font-family: georgia, "times new roman", serif; margin-top: 1em; }
h3   { margin: 0px; padding: 0px; font-size: 1.25em; font-family: georgia, "times new roman", serif; }
h4   { margin: 0px; padding: 0px; font-size: 1.00em; font-family: georgia, "times new roman", serif; }
p    { margin: 0px; padding: 0px; margin-top: 1em; }
form { margin:0; padding:0 }
input, select, th, td { font-size: 1em; }

a
{
}

a:link								/*  Page has not been visited  */
{
	color: black;
}

a:visited							/*  Page has been visited      */
{
	color: gray;
}

a:hover								/*  Mouse is over the link     */
{
	color: black;
}

a:active							/*  Mouse button is down       */
{
}

.clearFloats						/*  Create a DIV element that clears the floating elements  */
{
	clear: both;
	line-height: 0px;
	height: 0px;
	margin: 0px;
}
/*-------------------------------------------*/


/* html, body { height: 100% }		/*  Cause the page to fill the viewport   */
body 
{ 
	background-color: #FEE8B3;		/*  Set background for short pages        */
	min-width: 500px;				/*  Prevent the menu from wrapping (see .nonheader)  */
}

.header
{
	padding-left: 20px;				/*  Move over the gradient colored area   */
	position: relative;				/*  Contain absolute positioned elements  */
	height: 150px;  				/*  Allow tabs to overlap                 */
	background: white;				/*  Over-ride body background           */
}


.header .gradientArea
{
	background-color: blue;  		/*  Background color for white gradient   */
	background-color: green;  		/*  Background color for white gradient   */
	margin-left:220px;				/*  Offset specified by .logo             */
	position: relative;				/*  Keeps the logo within this container  */
	height: 100%;					/*  Fill the entire .header element       */
}

.header .logo
{
	position: absolute;				/*  Position relative to .gradientArea  */
	top: 10px;						/*  Provide top padding                 */
	left: -220px;					/*  Offset specified by .gradientArea   */
/*	border: 1px solid red;	*/
}


.header .gradient
{
	width: 100%;					/*  Fill the entire .gradientArea element  */
	height: 100%;
/*	border: 1px solid yellow;  */
}


.nonHeader
{
	position: absolute;				/*  Allows rest of page to overlap the header gradient  */
	top: 90px;
	left: 0px;
	width: 100%;  
	min-width: 500px;				/*  Prevent the menu from wrapping (see body)          */
}

.mainMenu
{
	width: 100%;					/*  Fill the display width                 */
	background: url(../images/menuBackground-2.gif) repeat-x bottom;  
	font-family: "Comic Sans MS", sans-serif;
	line-height: normal;
	text-align: center;				/*  Center the inline menu                 */
}

.mainMenu ul 
{
	margin: 0px;
	padding: 10px 10px 0px;
	list-style-type: none;
}


.mainMenu li
{
	display: inline;				/*  Make a horizontal menu  */
	margin: 0px;
	padding: 0px;
/*	font-weight: bold;  */
	white-space:nowrap;
}


.mainMenu .menuTopLeft				/*  Top left corner - A element  */
{
	display: block;					/*  Allow margin and padding  */
	float: left;  					/*  Allow horizontal menu  */
	margin: 0px 0px 0px 10px;		/*  Provide tab spacing  */
	background: url(../images/manilaFolderTopLeft_2.gif) no-repeat left top; 
	padding: 0px;
	text-decoration:none;			/*  Remove the text underline  */
	color: #765;					/*  Text color  */
}


.mainMenu .menuBottomLeft				/*  Bottom left corner  */
{
	display: block;
	background: url(../images/manilaFolderBottomLeft_2.gif) no-repeat left bottom; 
	padding: 0px 0px 0px 20px;
/*	border-bottom:2px solid #DDB084;	/*  Default bottom border  */
}

.mainMenu .menuTopRight					/*  Top right corner  */
{
	display: block;
	background: url(../images/manilaFolderTopRight_2.gif) no-repeat right top;
	padding: 0px;
	border-bottom: 0px;
}

.mainMenu .menuBottomRight				/*  Bottom right corner  */
{
	display: block;
	background: url(../images/manilaFolderBottomRight_2.gif) no-repeat right bottom;
	padding: 5px 20px 5px 0px;			/* 	Compensate for left image padding  */
	border-bottom: 0px;
}


.mainMenu a:hover .menuBottomRight
{
	color: #333;						/*  Text color  */
}


.pageHome .menuHome .menuBottomLeft,
.pageDrawings .menuDrawings .menuBottomLeft,
.pagePhotos .menuPhotos .menuBottomLeft,
.pageReferences .menuReferences .menuBottomLeft,
.pageContact .menuContact .menuBottomLeft
{
	border-width:0;					/*  Remove bottom border  */
	background: url(../images/manilaFolderBottomLeftSelected_2.gif) no-repeat left bottom; 
/*	border: 1px solid red;  */
}


.pageHome .menuHome .menuBottomRight,
.pageDrawings .menuDrawings .menuBottomRight,
.pagePhotos .menuPhotos .menuBottomRight,
.pageReferences .menuReferences .menuBottomRight,
.pageContact .menuContact .menuBottomRight
{
	color: #333;					/*  Text color  */
	background: url(../images/manilaFolderBottomRightSelected_2.gif) no-repeat right bottom;
}


.footer
{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.7em;
	color: #666666;
	text-align: center;
}

.contentCopyright
{
	float: left;
}

.designCopyright
{
	float: right;
}

.content
{
	background-color: #FEE8B3;  		/*  Cover the gradient color  */
	padding: 20px;
	height: 100%;	
/*	border: 1px solid green;  */
}

.content .graphPaper
{
	border: 1px solid #FEE8B3;  		/*  Required to ensure element starts after .content padding  */
	padding-left: 10px;					/*  Reserve room for header's hanging indent  */
	padding-right: 10px;
	padding-bottom: 10px;
	background: url(../images/graphPaper.gif) repeat;
}

.content p
{
	padding-left: 20px;
}


.pageHome .graphPaper
{
	padding-left: 315px;		/* Reserve space for .referenceArea  */
}

.pageHome .referenceArea
{
	float: left;	
	margin-left: -300px;  
	width: 250px;
	font-family: georgia, "times new roman", serif;
/*	border: 1px solid blue;  */
}

.quoteMark
{
	display: none;  					/*  Hide quote marks included for IE  */
}

/* q:before { content: no-open-quote; }	/*  Open and closr quotes embedded in text for IE-6  */
/* q:after { content: no-close-quote; } */

.pageHome .referenceArea p
{
	padding-left: 0px;
}

.pageHome .referenceArea .referenceName
{
	text-align: right;
}

.pageHome ul
{
	margin: 0px;
	padding-left: 20px;
	list-style-type: none;
/*	border: 1px solid blue;  */
}


.pageHome li
{
	margin-top: 5px;
/*	border: 1px solid red;  */
}


.galleryArea
{
	margin-top: 20px;
	/*	border: 1px solid RED;  */
}


.thumbnail
{
	display: block;
	float: left;
	padding: 10px;
	border: 1px solid transparent;
	text-decoration: none;
	text-align: center;				/*  Centers image and text   */
}

.thumbnail:hover
{
	border: 1px solid black;		/*  Display border on hover                  */
	cursor: pointer;				/*  Indicates a link to another page         */
}


.thumbnail img
{
	border: 1px solid gray;
}


.thumbnail .title
{
	display: block;
	padding-top: 10px;
}


.projectPhoto h2
{
	padding-left: 20px;
	margin-bottom: 20px;
}

.projectPhoto .graphPaper p,
.pageDrawing .graphPaper p
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.projectPhoto .graphPaper img,
.pageDrawing .graphPaper img
{
	border: 1px solid black;
}


.referenceLetter
{
	border: 1px solid black;
}