/*
 * STYLE.CSS
 *
 * (c) Dave Hoffmann Photography
 *
*/

/* 
 * ==========================================================
 *         S T A N D A R D   H T M L   I T E M S 
 * ==========================================================
 */

body {
  font-family: verdana, georgia, tahoma, helvetica, sans-serif;
  background-color: #fff;
  background-color: #181818;  
  margin: 0px auto 0px;
  padding: 0px;    
}

	
DIV,TH,TR,TABLE,FORM,
BLOCKQUOTE,xP,center {
    font-size : 12px;
    color: #666;
    line-height : 16px;
    font-family: verdana, arial, tahoma, helvetica, sans-serif;	
}


#blahBlah {
	margin: -3000px 20px 20px 10px; 
	float: left;
	}


#supportingText {
	position: relative;
	top: 0;
	margin: -66 0px 0px 515px;
	margin-right: -15px;
	width: 240px;
	z-index: 2; }
	

#mainText {
	position: relative;
	top: -325;
	margin: 0 0px 0px 0px;
	width: 500px;
	z-index: 3; }	
	

SELECT, OPTION, INPUT, TEXTAREA { 
   margin-top: 3px;
   font-size: 11px;
   font-family: verdana, arial,tahoma, helvetica;
   font-weight: normal;
   color: #111111;
   xcolor: #003366;   
}

.selectedItem { color: #ffffff; background-color: #333333; }

.floatleft {
	float: left;
	margin: 0 10px 10px 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

.floatright {
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	background-color: #FFFFFF;
}

.brackets   { color: #324422; font-weight: 700;  font-size: 14px; }
.breath     { line-height: 17px; }
.indent     { line-height: 17px; margin-left: 15px; }
.price      { font-size: 14px; color: #333; }
.dark       { font-weight: 700; font-family: xcentury gothic, verdana, helvetica, sans-serif; font-size: 11px; }

/* 
 * ==========================================================
 *                      I D   S T Y L E S 
 * ==========================================================
 */

#container { 
  background-color: #fff; /*#f1f1f1;*/
  padding:   0px;
}

#containerWedding { 
  border:    1px solid  #222222;
  background-color: #e7e7e7;
  padding:   8px;
}

#containerWhite { 
  border:    1px solid  #222222;
  background-color: #fff;
  padding:   0px;
}

#containerPkg { 
  border:    1px solid  #999999;
  padding: 0px;
  background-color: #f7f7f7;
}

#container-dashed { 
  border:    2px dashed  #222222;
  padding: 0px;
  xbackground-color: #f1f1f1;
}

#container-numbers { 
  border-right:    1px dashed  #999988;
  border-left:     1px dashed  #999988;
  border-bottom:   1px dashed  #999988;
}

#container-solid { 
  border:    1px solid  #888;
  padding:   5px;
}

#topBottom2 { 
  border-top:       0px solid  #fff;
  border-bottom:    5px solid  #fff;
  xbackground-color: #8D917A;
  background-color: #c1c1c1;
}

#topBottom { 
  border-top:       5px solid  #fff;
  border-bottom:    5px solid  #fff;
  xbackground-color: #8D917A;
  background-color: #c1c1c1;
}

#frontBorder { 
  border:  15px solid  #FFFFFF;
  padding: 0px;
  background-color: #ffffff; 
  xfont-size: 10px;  
  xfont-family: century gothic, arial;
  xbackground-image:url( 'images/canvas.jpg' );  
}

#photo-box { 
  border:    1px solid  #000000;
  padding-top: 10px;
  background-color: #222;
}


#photo-box-dh { 
  border:    1px solid  #000000;
  padding-top: 10px;
  background-color: #545f77;
}

#photo-box-gray { 
  border:    1px solid  #000000;
  padding-top: 10px;
  background-color: #444;
}

#photo-box-black { 
  border:    1px solid  #000000;
  padding-top: 10px;
  background-color: #181818;
}

#photo-box-blue { 
  border:    1px solid  #000000;
  padding-top: 10px;
  background-color: #003366;
}

#photo-box-red { 
  border:    1px solid  #000000;
  padding-top: 10px;
  background-color: #880000;
}

#photo-box-green { 
  border:    1px solid  #000000;
  padding-top: 10px;
  background-color: #115511;
}

#photo-box-orange { 
  border:    1px solid  #000000;
  padding-top: 10px;
  background-color: #CC6600;
}

#photo-box-purple { 
  border:    1px solid  #000000;
  padding-top: 10px;
  background-color: #666699;
}

#photo-box-olive { 
  border:    1px solid  #000000;
  padding-top: 10px;
  background-color: #8D917A;
}

#photo-box-tan { 
  border:    1px solid  #000000;
  padding-top: 10px;
  background-color: #663300; //#8B7500;
}

#photo-box-sky { 
  border:    1px solid  #000000;
  padding-top: 10px;
  background-color: #445555;
}

#photo-box-brown {
  border:    1px solid  #000000;
  padding-top: 10px;
  background-color: #8B5A00;
}

#photo { 
  border:    1px solid  #ddd;
}

#photo-black { 
  border:    1px solid  #000;
}

#photo_bottom { 
  border-bottom:  5px solid  #fff;
}

#photo_tightRight { 
  border-bottom:  5px solid  #fff;
  border-left:    5px solid  #fff;
  border-top: 0px solid #fff;
}

#photo-border {
  border:    1px solid  #999;
  padding:   8px;
  background-color: #fff;
}

#text-box { 
  border:    1px solid  #111111;
  padding: 5px;
  background-color: #f1f1f1;
}

#thumbsHeader { 
  border-top:       1px solid  #666666;
  border-bottom:    1px solid  #666666;
  padding: 0px;
  background-color: #dadada; 
}

#mainPic { 
  border-left : solid 1px #000; 
  border-right: solid 1px #000; 
  xborder: solid 1px #111111; 
}

#links 
{
   color: #CC0000;
   font-family: arial, verdana, helvetica; 
   font-size: 14px;
   font-weight: bold;
   letter-spacing: 3px;
   padding-top: 5px;
}

/* 
 * SUBMENU:
 * Menu of the specific subject area (i.e. Sports) 
*/

#textSubMenu {  /* TD stuff */

    border-top:       1px solid  #333333;
    border-bottom:    1px solid  #333333;
 
    background-color: #111111;
    font-size:        11px; 
    font-family:      arial, helvetica; 
    margin-top:       10px;
    margin-bottom:    10px;
    letter-spacing:   1px;
}


#thinLine 
{
   background-repeat: no-repeat;
   background-color: #545454; 
   color: #333333;
   font-weight: bold; 
   margin-left:  5px;
   margin-right: 5px;
   letter-spacing: 1px;
}

#mainBottom 
{
   background-repeat: no-repeat;
   background-color: #e7e7e7;
   color: #ee0000;
   font-weight: bold;
   margin-left:  5px;
   margin-right: 5px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 10px;
   letter-spacing: 1px;
}

/* 
 * ==========================================================
 *                       C L A S S E S  
 * ==========================================================
 */

.text-box {
  font-family: arial, tahoma, verdana, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

.text-box-header {
  font-size: 13px;
  font-family: arial, tahoma, verdana, sans-serif;
  font-weight: bold;
  color: #003366; 
}


.calcFont {
  font-size: 11px; 
  xfont-family: arial, verdana, tahoma, sans-serif;
  color: #111111;
}


td.thumbsHeader { 
  font-size: 11px;  
  font-family: arial, tahoma, verdana, sans-serif;
  letter-spacing: 1px;
  font-weight: bold;
  text-align: center;
  color: #545454;
}

td.outsideArea { 
  font-size: 12px;  
  font-family: arial, tahoma, verdana, sans-serif;
  letter-spacing: 0px;
  color: #545454;
}

.tableHdr {
  font-size: 11px;  
  font-family: verdana, arial, tahoma, sans-serif;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
  background-color: #324422;
  xtext-transform: uppercase;
  letter-spacing: 0px;
}

.tableHdr2 {
  font-size: 10px;  
  font-family: verdana, arial, tahoma, sans-serif;
  font-weight: 500;
  text-align: left;
  color: #FFFFFF;
  background-color: #333;
  letter-spacing: 0px;
}

.tableHdr3 { 
  font-size: 10px;  
  font-family: verdana, arial, tahoma, sans-serif;
  font-weight: 500;
  text-align: center;
  color: #FFFFFF;
  xbackground-color: #4B415E;
  background-color: #324422;  
  text-transform: uppercase;
  letter-spacing: 0px;
}


.tableItem {
  font-size: 10px;  
  font-family: verdana, arial, tahoma, sans-serif;
  font-weight: normal;
  text-align: center;
  background-color: #e7e7e7;
  color: #333333;
}

.tableItemB {
  font-size: 10px;  
  letter-spacing: 0px;
  font-family: verdana, arial, tahoma, sans-serif;
  font-weight: normal;
  text-align: left;
  background-color: #b7b7b7;
  color: #880000;
}

.tableText {
  xfont-size: 10px;
  color: #800
}

/* Unordered List styles */

ul.disc    { list-style-type: disc }
ul.circle  { list-style-type: circle }
ul.square  { list-style-type: square }
ul.decimal { list-style-type: decimal }
ul.none    { list-style-type: none }




.dollar  { color: #333333; text-align: right; }
.dollarB { color: #226622; text-align: right; font-weight: bold; }

.containerText {
  font-size: 10px;
  padding-left:  3px;
  padding-right: 3px;
  color: #222222;
  font-family: verdana,arial;
  letter-spacing: 0px;
}

sup { font-size: 11px; color : #dd0000; font-weight: bold; padding-left: 5px; padding-right: 5px; }

td.edge { 
  background-color: #ffffff; 
}

td.edgeL { 
  border-right:     10px solid  #181818;
  padding: 0px;
  background-color: #181818;  
  background-color: #800;
}

td.edgeR { 
  border-left:     10px solid  #181818;
  padding: 0px;
  background-color: #181818; 
  background-color: #efefe8;  
  background-color: #800;  
}

td.thumbsBG   { background-color: #FFFFFF; xbackground-color: #111100;      }

td.serviceMenuBG { 
  background-color: #ccc; 
  xborder-right: 1px solid #666;
  xbackground-image:url('images/canvas.jpg');  	
 }

.small      { font-size: 11px; line-height: 14px; }
.mini       { font-size: 10px; letter-spacing: 0px; line-height: 13px; text-align: justify; }
.tiny       { font-size:  9px; letter-spacing: 1px; line-height: 12px; }
.tinyLite   { font-size:  9px; color: #666654; letter-spacing: 0px; line-height: 12px; }


.banner {
    font-family: arial, tahoma, verdana;
    color: #FFFFFF;
    font-size: 14px; 
    font-weight: bold;
    text-align: center;
    background-color: #666666; 
}

.attention {
    color         : #880000; 
    font-weight: normal;
}


.byLine {
    color         : #005500; 
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 12px;
    xtext-decoration: underline;
}

.value {
    color         : #006600; 
    font-weight: normal;
}

.inputDisplay
{
    color: #111111;
    font-weight: bold;
    background-color: #FFFFFF; 
    text-align: right;
}


.pageTitle   { 
    font-family: century gothic, verdana, helvetica, sans-serif;
    color: #000;
    font-size: 16px; 
    letter-spacing: 1px;
    font-weight: 600;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 10px;
    text-transform: lowercase;
}

.subTitle {
    color: #880000;
    font-family: century gothic, verdana, arial, helvetica;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 600;
    line-height : 20px;	
    text-transform: lowercase;
}

.headingTitle {
    color: #000000;
    font-family: century gothic, verdana, arial, helvetica;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 700;
    line-height : 20px;	
    text-transform: lowercase;
}

.pkgTitle   { 
    font-family: century gothic, verdana, helvetica, sans-serif;
    color: #000;
    font-size: 12px; 
    letter-spacing: 2px;
    font-weight: 400;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 0px;
    text-transform: uppercase;
}

.pkgPrice   { 
    font-family: century gothic, verdana, helvetica, sans-serif;
    color: #622;
    font-size: 11px; 
    letter-spacing: 1px;
    font-weight: 300;
    padding-top: 15px;
    padding-bottom: 15px;
    xtext-transform: uppercase;
}


.tableHeader { 
    color: #111111; 
    font-size: 11px;
    font-weight: bold;
}

.portfolioTitle {
   color: #888;
   font-size: 12px;
   font-family: century gothic, verdana, helvetica, sans-serif;   
   font-weight: normal;
   letter-spacing: 1px;
   text-transform: lowercase;
   margin-left: 5px;
}

/* 
 * ==========================================================
 *                     L I N K S 
 * ==========================================================
 */
 
/* Regular links */

a:link     { color: #0000cc; text-decoration : none; border-bottom: 0px dashed #990000; }
a:visited  { color: #000099; text-decoration : none; border-bottom: 0px dashed #550000; } 
a:hover    { color: #0000ff; text-decoration : none; border-bottom: 1px dashed #0000ff; }
a:active   { color: #999;    text-decoration : none; border-bottom: 0px dotted #999; }

/* Top/Bottom menu links */

.menu  { 
    color: #888; 
    font-family: verdana, century gothic, arial, helvetica;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 500; 
    xline-height: 26px;
    border-right: 1px solid #e7e7e7;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
}

a.menu:link     { color : #888; text-decoration : none; border: 0px solid #222222; }
a.menu:visited  { color : #888; text-decoration : none; border: 0px solid #222222; }
a.menu:hover    { color : #eee; xbackground-color: #545f77; text-decoration : none; border: 0px solid #222222; }
a.menu:active   { color : #000; text-decoration : none;   border: 0px solid #222222; }

/* Links for a given service */

a.serviceMenu { 
    color: #666; 
    font-family: verdana, century gothic, arial, helvetica;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 500; 
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
}

a.serviceMenu:link     { color : #666; text-decoration : none; xbackground-color: #33332E; border-bottom: 0px solid #222222; }
a.serviceMenu:visited  { color : #666; text-decoration : none; xbackground-color: #33332E; border-bottom: 0px solid #222222; }
a.serviceMenu:hover    { color : #324422; text-decoration : none; border-bottom: 1px dashed #324422; }
a.serviceMenu:active   { color : #333; text-decoration : none; border-bottom: 0px solid #222222; }

.xfrontMenu {
    color: #666; 
    font-family: century gothic, arial, helvetica;
    font-size: 22px;
    letter-spacing: 1px;
	line-height: 40px;
    font-weight: 700; 
    padding-right: 15px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 3px;
    text-transform: lowercase;	
}

a.frontMenu { 
    color: #999; 
    font-family: xverdana, century gothic, arial, helvetica;
    font-size: 14px;
    letter-spacing: 1px;
	line-height: 24px;
    font-weight: 400; 
    xpadding-right: 15px;
    xpadding-left: 5px;
    xpadding-bottom: 3px;
    xpadding-top: 3px;
    text-transform: lowercase;	
}

a.frontMenu:link     { color : #999; text-decoration : none; border-bottom: 0px solid #222222; }
a.frontMenu:visited  { color : #999; text-decoration : none; border-bottom: 0px solid #222222; }
a.frontmenu:hover    { color : #eee; text-decoration : none; border-bottom: 2px solid #800; }
a.frontMenu:active   { color : #000; text-decoration : none; border-bottom: 0px solid #222222; }


#navMenu {
	xbackground: #f1f1f1;
	xwidth: 540px;
	margin: 10px 15px 0px 15px;
	padding: 0px 0px 0px 5px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px dashed #ccc;
	}

.breadcrumbs  { 
    color: #866; 
    font-family: verdana, arial, helvetica;
    font-size: 10px;
    letter-spacing: 0px;
}

a.breadcrumbs:link     { color : #888; text-decoration : none; border-bottom: 0px; } 
a.breadcrumbs:active   { color : #888; text-decoration : none; border-bottom: 0px; }  
a.breadcrumbs:visited  { color : #888; text-decoration : none; border-bottom: 0px; }
a.breadcrumbs:hover    { color : #B00; text-decoration : none; border-bottom: 0px dotted #000; }


.help,
a.help,
a.help:link,
a.help.visited,
a.help:hover,
a.help:active  { 
    color: #800000; 
    background-color: #FFFFFF;
    font-family: verdana, arial, helvetica;
    padding: 2px;
    font-size: 11px;
    xfont-weight: bold;
    text-decoration : none;
    border: 1px solid #222222;
}

/* Outside (gray) area text */

.desktop, a.desktop  { 
    color: #000000; 
    font-family: century gothic, verdana, arial, helvetica;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 1px;
}



/* Possible nice colors */
.rowspanA    { background-color: #778161; }
.rowspanB    { background-color: #A7A16D; }

.rowspan0    { background-color: #f1f1f1; xborder-left: 1px solid  #545454; }
.rowspan1    { background-color: #dadada; xborder-left: 1px solid  #545454; }
.rowspan2    { background-color: #222222; xborder-left: 1px solid  #545454; }

tr.rowspan0    { background-color: #f1f1f1; }
tr.rowspan1    { background-color: #dadada; }
tr.rowspan2    { background-color: #222222; color: #ffffff; font-weight: bold; }

.prices      { border-bottom: 1px solid #dadada; color: #444444; font-weight: bold; }
.pricesR     { border-bottom: 1px solid #dadada; text-align: right; color: #444444; }
.pricesC     { border-bottom: 1px solid #dadada; text-align: center; color: #444444; }

.mainImageX
{
  background-image:url('portfolios/portraits/seniors/08.jpg');
  background-color:#FFFFFF;
  color:white;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  border-left : 1px solid #222222;
  border-right: 1px solid #222222;
}


.leftImage
{
  background-image:url('portfolios/portraits/seniors/11b.jpg');
  background-color:#FFFFFF;
  color:white;
  xbackground-position: right;
  background-repeat: no-repeat;
  background-position: 10% 0%;
}

.leftBottomImage
{
  background-image:url('portfolios/portraits/seniors/07.jpg');
  background-color:#FFFFFF;
  background-repeat: no-repeat;
  background-position: 100% 0%;
  border-right: 5px solid #222222;
}

.rightImage
{
  background-image:url('portfolios/portraits/seniors/08.jpg');
  background-color:#FFFFFF;
  color:white;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  border-left: 5px solid #222222;
}

.rightBottomImage
{
  background-image:url('portfolios/portraits/seniors/11c.jpg');
  background-color:#FFFFFF;
  color:white;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  
}

	
/********************************
 * Footer
 ********************************
*/

#footer {
    width: 800px;
	margin: 0px auto 0px;
	padding: 0px;	
}

#footerbottom {
    float: left;
	width: 800px;
	margin: 5px auto 0px;
	padding: 0px 0px 0px 0px;
}

#l_footer
{
   float: left;
   text-align: left;
   width: 400px;
   margin: 0px 0px 0px 0px;
}

#l_footer p
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

#r_footer
{
   float: right;
   text-align: right;
   margin: 0px 0px 0px 0px;   
   width: 400px;   
}

#r_footer p
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}






/* Begin CSS Drop Down Menu */

#menuh-container
	{
	xposition: absolute;		
	position: relative;
	top: 4px;
	left: 5px;
    font-size: 14px;	
	font-family: century gothic, arial, helvetica, sans-serif;	
	}

#menuh
	{
	font-size: 14px;
    font-family: century gothic, arial, helvetica, sans-serif;	
	letter-spacing: 1px;
	text-transform: lowercase;	
	width:100%;
	float:left;
    }
		
#menuh a
	{
	text-align: left;
	display:block;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #999;
	xbackground-color: royalblue;
	background-color: #181818;
	text-decoration:none;
	border-bottom: 0px;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: #eee;
	text-decoration:none;
	background-color: #800;	
	}	
	
#menuh a.top_parent  /* attaches down-arrow to all top-parents */
	{
	color: #777;
	font-weight: normal;	
	border-top: 3px solid #181818;
	}

#menuh a.top_parent:hover
{
   color: #eee;
   border-top: 3px solid #900;
   background-color: #181818;
}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	xbackground-image: url(nav_white.gif);
	xbackground-position: right center;
	xbackground-repeat: no-repeat;
	}

#menuh ul
	{

	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:150px;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */

	}

#menuh ul ul
	{
	border-top: 1px solid #900;
	border-bottom: 3px solid #900;	
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 0em;
	/*margin:-1em 0 0 -1em;*/
	margin: 0px 0 0 1px;	
	
	
	font-size: 12px;
    font-family: century gothic, arial, helvetica, sans-serif;	
	font-weight: normal;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */