@charset "UTF-8";
/* CSS Document */

body {
	font:  optima;
    font-size: 11pt;
	background: white;
	margin: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
}
.oneColLiqCtrHdr #container {
	width: 90%;  /* this will create a container 80% of the  browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #white;
	text-align: center; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtrHdr #header {
	background: #FFFFFF; 
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColLiqCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColLiqCtrHdr #mainContent {
	padding: 0px 150px 0px 150px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColLiqCtrHdr #mainContentwider {
	padding: 0px 100px 0px 100px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}


.oneColLiqCtrHdr #footer { 
	padding: 0 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #FFFFFF;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

h1 {background-color: transparent}
h1, h2, h3 {font-family: "optima"}
h1, h2, h3 {text-align: center}
h4 {font-family: "optima";  font-size: 24pt; color: #FFFFFF}
h5 {font-family: "optima";  font-size: 2pt; color: #FFFFFF}
h6 {font-family: "optima";  font-size: 12pt; letter-spacing: 0.51cm; align: center; line-height: 5%; text-transform: uppercase; color: rgb(255, 153, 153)}
h7 {font-family: "optima"; font-size: 12pt; align: center; color:  #000000; text-transform:uppercase}
h8 {font-family: optima; font-size: 10pt; align: center; color: #000000}
h9 {font-family: "optima"; font-size: 12pt; letter-spacing: 0.51cm; align: center; line-height: 50%; text-transform: uppercase; color: #000000}
h10 {font-family: "optima"; font-size: 10pt; align: center; color: #000000}
h11 {
	font-family:optima;
	/*font-size: 72pt; */
	color:   rgb(0, 0, 0);
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	font-size: 36px;
	font-stretch: ultra-expanded;
}

h1 {font-size: 24pt; color: #000000}
h2 {font-size: 24pt; color: rgb(153, 153, 51)}
h3 {font-size: 18pt; color: #000000}
.margin {margin-left: 0px}
/*.logo {text-align: center; font-weight: 30pt; color:black; letter-spacing: 0.51cm; word-spacing: 40px; text-transform: uppercase}*/



p {font-family: optima}
p {font-size: 11pt}
p {text-indent: 1cm}
p {color: rgb(75, 75, 75)}
p {align: center}
/*p:first-letter {
color: rgb(255, 153, 153);
font-size:18pt}
p.text:first-letter 
{
color: rgb(255, 153, 153);
font-size:16pt
}*/
p {line-height: 120%}


p.taller {line-height: 150%}
p.noncentered {align: left}
p.normal {font-variant: normal}
p.small {font-variant: small-caps}
p.sansserif {font-family: optima}
p.margin {margin: 25% 25% 25% 25%}




a
{
font-family: optima;
font-size: 11pt;
float:center;
width:6em;
text-decoration:none;
color:white;
background-color:#FFFFFF;

border-right:1px solid white;
}


a:link {color: rgb(255, 153, 153)}
a:visited {color: rgb(153, 153, 51)}
a:hover {color: rgb(128,128,128)}
a:active {color: rgb(255, 0, 0)}
a.one:link {font-size:9pt; color:#000000; font-weight:normal}
a.one:visited {font-size:9pt; color:#000000; font-weight:normal}
a.one:hover {font-size:9pt; color:#000000; font-weight:normal}
ul
{
/*float:center;  THIS IS TYPE FOR SUBMENUS*/

width:100%;
padding:0;
margin:0;
list-style-type:none;
}

li {display:inline}
.center {
	float: right;
	margin-left: auto;
	border: thin solid #666666;
}

.mynavbar { /*this is a class relating to the title "Portfolios" in libary item NAVBAR WITH TITLE*/
	position: relative;
  width: 100%;
  height: 105%; /* corresponds to 'line-height' of a.navbartitle below -- orig was 23 */
  margin: 0; border: 0; padding: 0;
  background-color: #FFFFFF; /*change this to black to see more about the table*/
}

a.navbartitle {/*this is a class relating to the title headings/names of the Portfolios in libary item NAVBAR WITH TITLE*/
	display: block;
	float: left;
	color: rgb(153, 153, 51); /*this is the green*/
	background-color:  #FFFFFF;
	font-family: Optima;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	border: 0;
	padding: 0;
	line-height: 115%; /* corresponds to 'top' value of .submenu below - orig was 23 */
	text-align: center;
	text-decoration:none;
}

a.navbartitle:hover {
  background-color: #FFFFFF;
}
/* menu title widths */
#t1 {width: 100px; }
#t2 { width: 90px; }
#t3 { width: 78px; }
#t4 { width: 60px; }
#t5 { width: 0px; }
/* We just specify a fixed width for each menu title. Then, down below we specify
    a fixed left position for the corresponding submenus (e.g. #products_submenu, etc.)
    Using these fixed values isn't as elegant as just letting the text of each 
    menu title determine the width of the menu titles and position of the submenus,
    but we found this hardwired approach resulted in fewer cross-browser/cross-OS 
    formatting glitches -- and it's pretty easy to adjust these title widths and the
    corresponding submenu 'left' positions below, just by eyeballing them whenever
    we need to change the navbar menu titles (which isn't often). */

.submenu {
	position:absolute;
	z-index: 2;
	top: 100%; /* corresponds to line-height of a.navbartitle above -- orig was 23*/
	padding: 0;
	margin: 0;
	width:130px; /* If adjust this, then adjust width of .submenu below a too 175prev*/
	color:FFFFFF/*rgb(153, 153, 51)*/;
	background-color:  #FFFFFF;
	border: 1px solid #FFFFFF; /* box around entire sub-menu */
	font-family: Optima;
	font-size: 10px;
	font-weight: normal;
}
/* Fix IE formatting quirks. */
* html .submenu { width: 125px; } /* IE needs narrower than width of .submenu above */
/* End */

/* position of each sub menu */
/* We just eyeball the position of each submenu here -- can move left or right as needed. 
   If you adjust menu title text, you might want to adjust these too. */
#commercial_submenu {  left: 0px; visibility: hidden;  }
#events_submenu {  left: 82px; visibility: hidden;  }
#portraiture_submenu {  left: 165px; visibility: hidden; }
#personal_submenu {  left: 243px; visibility: hidden; }
#contact_submenu { left: 250px; visibility: hidden; }
/* Note, each submenu is hidden when the page loads - then made visible when
    the mouse goes over the menu title. Using the 'visibility' property instead
    of using the 'display' property avoided a bug in some versions of Safari. 
    (The bug is pretty where esoteric: The browser ignored the 'hover' property 
    on 'li' objects inside an object whose display property was set to 'none' 
    when the page loaded...) Using the 'visibility' property instead of 'display'
    would normaly take up extra room on the page, but that's avoided here by putting
    the submenu on a second layer: see 'position: absolute' and 'z-index: 2'
    in .submenu definition, higher up this page. */

.submenu a
{
  display: block;
  color: #808080; 
  /*background-color: rgb(153, 153, 51);*/
  width: 130px; /* This should be width of .submenu above minus right-side padding on next line */
  padding: 0px 4px 4px 0px;
  text-decoration: none;
  background-color: #FFFFFF /* was rgb(255, 153, 153)*/; 
  border-bottom: #447755 dotted 0px; 
  border-top: 0; border-left: 0; border-right: 0;
}


ul { position: relative; display: block; }
li { position: relative; display: block; }

.submenubox { 
  margin: 0; padding: 0; border: 0;
}
.submenubox ul
{
  margin: 0; padding: 0; border: 0;
  list-style-type: none;
}

.submenubox ul li { 
  margin: 0; padding: 0; border: 0;
}

.submenubox ul li a:link { }
.submenubox ul li a:visited {}
.submenubox ul li a:hover
{
  color: #808080; /* text color for submenu items */
  background-color: #FFFFFF;
  border-bottom: #666666 dotted 1px; 
}