html, body { margin: 0; padding: 0; }
/*sets the upper left corner without extra space*/

#page-container {
	margin: auto;
	width: 764px;
	text-align: left;	
}
/* The page-container division centers all of the content areas in a 764px wide centered column. The 
text-align here and in the body tag is an IE workaround for the alignment*/

p { font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt; }

/*General typeface classes*/
.bold { font-weight: bold; }
.italic { font-style: italic; }

h1 { font-family : Arial, Helvetica, sans-serif;
	font-weight : normal; font-size : 12pt; color : #cc0000;
	padding-top: 0px;	padding-left: 12px; margin-bottom : 1%; }
/*Padding-top added in order to force the alignment of text with top of photo in aboutmenu.html, 
experience.html, and background.html*/

/*Top Spacer for normal pages - used in all except index.html and contactlaura.html*/
#header { padding-top: 75px; }

/*Large Spacer to force graphics low in index.html and contactlaura.html*/
#mega-header { padding-top: 245px;}

/*Box for home page graphic*/
#services {
	padding-top: 70px;
	text-align: right;
}
#services img { padding: 2px; border: none; }
#services a:link { padding: 2px; border: none; }
#services a:hover { padding: 2px; border: none; }
#services a:visited { padding: 2px; border: none; }
/*These four set up the spacing for the home page link and
eliminate the borders created because the image is a links.*/

/*Box for Flash object in index.html */
#flash {height: 200px; padding-bottom: 24px;}

/*Single column content area used in porthome.html for link matrix and individual portfolio pages*/
#menu { 
	height: 363px;
	margin: 0;
	text-align: center;
	vertical-align: bottom;
}
#menu img { padding: 2px; border: none; }
#menu a:link { padding: 2px; border: none; }
#menu a:hover { padding: 2px; border: none; }
#menu a:visited { padding: 2px; border: none; }
/*These four set up the spacing for the portfolio menu image matrix and 
eliminate the borders created because the images are links.*/
.three-column  { text-align: left; padding: 0; }
/*Fixes Special Case problem for Portfolio Pages 11-14 to keep floorplan in same place*/

/*Two column pages - background.html, experience.html, and contactlaura.html*/
/*Area on left to contain photo or graphic*/
#sidebar-two {
	width: 285px;
	float: left;
	text-align: center;
}
/*Area on right for text*/
#content-two-column {
	margin-left: 286px;	
	padding-left: 12px; 
}
#content-two-column h1 { margin: 0; padding: 0; }
/*Added to force text in line with top of photo (margin) and other text (padding) in 
background.html and experience.html*/
#content-two-column img { padding: 3px; }
/*Added to provide padding between images on individual portfolio pages*/

/*Space for Form Mail entry areas*/
#formtext {
	text-align: right;
	margin-left: 286px;	
	padding-left: 12px;
	padding-right: 15px; 
}


/*Two Columns, left one narrow, used in aboutmenu.html, press.html*/
#bio-narrowpic {
	float: left;
	width: 190px;
	text-align: center;
	clear: right;
}
#bio-content {
	margin-left: 191px;
	padding: 0;
	margin-top: 0px;
}
#bio-content img { padding: 3px; }
/*Added to provide padding between images on individual portfolio pages*/

.biotext { font-size: 10pt; color: #333333;
	margin: 0; padding-left: 24px; padding-right: 24px; }
/*used in aboutlaura.html - text lined up with top of photo to left*/
	
.bioquote { font-size: 10pt; font-style: italic; color: #990000;
	padding-left: 24px; padding-right: 24px;}
/*used to set off mission statement in aboutlaura.html - red and italic*/

.testimonials { color: #333333; font-style: italic;
	margin: 0; padding-left: 24px; padding-right: 12px; }
/*used for main text of quotes from clients in press.html*/

.source { font-size: 8pt; font-style: normal;
	padding-left: 24px; }
/*used to identify clients giving quotes*/

#contact A { font-size: 12pt; text-decoration: none; color : #666666;
	margin-top: 0px; margin-bottom: 12px; padding-left: 24px; padding-right: 24px;}
#contact A:link { color : #666666;}
#contact A:visited { color : #999999;}
#contact A:hover {	color : #000000;}
#contact A:active {  color: #cc0000; }
/*used for links in contactlaura.html*/

/*Brute Force to prevent logo box from entering photos*/
#blank {
	height: 5px;
	clear: both;
}

/*Area containing title graphic on all pages*/
#page-nav {
	clear: both;
	width: 40px;
	height: 45px;
	float: left;
}
#page-nav img { border: none; }
#page-nav a:link { border: none; }
#page-nav a:hover { border: none; }
#page-nav a:visited { border: none; }
/*These four eliminate the borders created because the images are links.*/

#logo-box {
	text-align: right;
	height: 45px;
}

/*Grey horizontal rule and Navigation on all pages*/
#navbar {
	clear: both;
	height: 20px;
	text-align: right;
	padding-top: 3px;
}
#navbar a { text-decoration: none; font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff; font-weight : bold; }
#navbar a:link { color : #666666;}
#navbar a:visited { color : #999999;}
#navbar a:hover {	color : #000000;}
#navbar a:active {  color: #cc0000;}
/*sets up behavior of link text within navigation bar*/

/*Copyright statement on all pages*/
#copyright { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #cccccc;
	text-align: center; font-style: italic;
	padding-top: 50px; text-decoration: none; }
#copyright a:link { color : #cccccc; text-decoration: none;}
#copyright a:visited { color : #cccccc; text-decoration: none;}
#copyright a:hover {	color : #000000; text-decoration: none;}
#copyright a:active {  color: #cc0000; text-decoration: none;}
/*sets up behavior of link text within copyright statement*/