/*----------------------------------
Basic style sheet
version: 1.1
author: gary miller
email: fedragon73@yahoo.com
-----------------------------------*/







/*----=NOTES

  1- NOTE-margin value order, top-right-bottom-left (clockwise)


------=NOTES END--------------------*/








/*-----=LINKS    */

a:link {
  text-decoration: none;
  color: rgb(210,210,210);
}
a:visited {
  text-decoration: none;
  color: rgb(150,150,150);
}


a:hover, a:active {
  text-decoration: none;
  color: darkorchid;
}

/*-----=LINKS END */





/*---=HORIZONTAL LINES    ---*/

#lineRed {
  color: red;
  height: 1;
}

#lineSilver {
  color: silver;
  height: 1;
}

/*---=HORIZONTAL LINES ENDS ---*/


/*---=tables ---*/

tr {
  color:silver  !important;   /* firefox reads */
  _color:silver;                     /* IE reads */
}
table {
  border-color: black  !important;  /* firefox reads */
  _border-color: rgb(60,60,60);               /* IE reads */
}

/*---=tables ---*/


/*------=WEBPAGEHEADER     ----*/

#laurelmillInset {
  position: absolute;
  top: 20px;
  left: 24px;
  z-index: 1;
  width: 153px  !important;     /* firefox reads, image appears too small in ie,due to border */
  width: 169px;                 /* ie reads this line instead of !important line value due to having 2 values */
  height: 102px  !important;    /* firefox reads, image appeares too small in ie,due to border */
  height: 118px;                /* ie reads this line instead of !important line value due to having 2 values */
  border-style: groove;
  border-width: 8px;
  border-color: rgb(210,210,210);
  background: url(Laurelmill-titlebar-inset.gif) no-repeat;
}

#tripodInset {
  position: absolute;
  top: 0;
  right: 20px;
  z-index: 1;
  width: 112px;
  height: 160px;
  background: url(tripod-cam-160px-hi.gif) no-repeat;
  /* background: url(Tripod-transparent-shadow2.gif) no-repeat; */
}


#shadesofgrey {
  font-family: Georgia;
  font-size: 36px;
  color: rgb(210,210,210);
  font-style: italic;
  position: relative;
  top: -18px !important;         /* firefox reads, text appears too high in ie */
  top: 20px;                     /* ie reads */
  left: 213px;
}

#photographyBy {
  font-family: Georgia;
  font-size: 20px;
  color: rgb(210,210,210);
  font-style: italic;
  position: relative;
  top: -50px !important;         /* firefox reads, text appears too high in ie */
  top: 4px;                      /* ie reads */
  left: 213px;
}

/*------=WEBPAGEHEADER ENDS----*/






/*------=NAVBARTOP    -------*/

#buttonTop1 {
  float: left;
  margin: 0 0 0 18px;
  z-index: 1;
  width: 114px;
  height: 58px;
  /* background: url(button-blank-72pxin.gif) no-repeat; */
  background: url(negative-blank-3.gif) no-repeat;
}
#buttonTop2 {
  float: left;
  margin: 0 0 0 0px;
  z-index: 1;
  width: 114px;
  height: 58px;
  /* background: url(button-blank-72pxin.gif) no-repeat; */
  background: url(negative-blank-3.gif) no-repeat;
}

#textNav {
  font-family: Georgia;
  font-size: 20px;
  color: rgb(210,210,210);
  font-style: italic;
  z-index: 2;
  position: relative;
  top: -4px !important;            /* firefox reads, text appears too high in ie */
  top: 17px;                       /* ie reads */
  left: 0;  
  text-align: center;
}

/*------=NAVBARTOP  ENDS -----*/










/*----=ONE COLUMN LAYOUT  ------*/

#laurelmillBg {
  position: relative;
  top: 0;
  left: 20px;
  z-index: 1;
  width: 910px;
  height: 607px;
  background: url(laurelmill-background.gif) no-repeat;
  color:white;
}

/*
#laurelmillBg a:hover {
  position: relative;
  top: 0;
  left: 20px;
  z-index: 1;
  width: 910px;
  height: 607px;
  background: none;
}
*/


#boxForWelcome {
  position: absolute;
  top: 300px;
  left: 20px;
  height: 100px;
  width: 600px;
  z-index: 2;
}

#welcome {
  font-family: Arial;
  font-size: 18px;
  color: rgb(230,230,230);
  z-index: 2;
  position: relative;
  top: 0 !important;         /* firefox reads, text appears too high in ie */
  top: 0;                    /* ie reads */
  left: 0;
  padding: 6px 6px 6px 20px;
}

/*----=ONE COLUMN LAYOUT ENDS ------*/






/*----=TWO COLUMN LAYOUT ELEMENTS   ----*/

#primaryText {
  clear:left;
  font-family: Arial;
  font-size: 16px;
  text-align: center;
  color: rgb(210,210,210);
  z-index: 2;
}

#titleText {
  clear:left;
  font-family: Arial;
  font-size: 16px;
  text-align: center;
  color: rgb(210,210,210);
  z-index: 2;
}



#primaryimage {
  border: groove;
  border-width: 4px;
}







/*----=TWO COLUMN LAYOUT ELEMENTS ENDS  ----*/







/*------------Layout---------------*/





#wrapper {
  width: 950px;
  position: relative;
  left: 50%;
  margin-left: -475px;
  background-color: rgb(0,0,46);
}

#webpageHeader {
  width: 950px;
  height: 160px;
  float: left;
  margin: 0 0 0 0;
  background-color: rgb(0,0,46);
  
}

#navBarTop {
  width: 950px;
  height: 54px;
  float: right;
  margin: 0 0 0 0;
  background-color: rgb(0,0,46);
}

#decoration {
  width: 950px;
  height: 30px;
  float: left;
  margin: 0 0 0 0;
  background-color: rgb(0,0,46);
}

#decoration2 {
  width: 950px;
  height: 30px;
  position: relative;
  top:1000px;
  left:0px;
  margin: 30px 0 0 0 !important;     /* for firefox */
  _margin: 0 0 0 0;                /* IE */
  background-color: rgb(0,0,46);
}

#decoration3 {
  width: 950px;
  height: 30px;
  position: relative;
  top:700px;
  left:0px;
  margin: 0 0 0 0;
  background-color: rgb(0,0,46);
}



#oneColLayout #primaryContent {
  width:950px;
  float:left;
  margin: 0 0 0 0;
  background-color: rgb(0,0,46);
}


#oneColLayout #leftsideContent {
  display: none;
}


#orderPage #primaryContent {
  position:relative;
  top:0px;
  left:0px;
  background:transparent;
  width:950px;
  height: 1200px;
  margin: 0 0 0 0;
  background-color: rgb(0,0,46);
  color: silver;
  border:0;
}

#orderPageCards #primaryContent {
  position:relative;
  top:0px;
  left:0px;
  background:transparent;
  width:950px;
  height: 900px;
  margin: 0 0 0 0;
  background-color: rgb(0,0,46);
  color: silver;
  border:0;
}



#thumbSolid {
  border:solid;
  border-width:16px;
  border-color:white;
}

#emailTableDiv {
  height:600px;
  width:910px;
  position:relative;
  top:0;
  left:0;
  margin: 0px 20px 0 20px;
  /* background:transparent; */
  color:white;
  background: url(laurelmill-background.gif) no-repeat;
  z-index: 1;
}

/*-----Primary content for 2 column includes leftside column,image tray and main image ---------*/



#twoColLayout #primaryContent {
  position:relative;
  top:0px;
  left:0px;
  background:transparent;
  /* background:url(laurelmill-background.gif) no-repeat; */
  width:950px;
  height: 760px;  /* was 1005px height  */
  margin: 0 0 0 0;
  background-color: rgb(0,0,46);
  color: white;
  border:0;
}




/*------division and image for main Image--------*/


#mainImagediv {
  float:right;
  margin: -736px 40px 0px 0px;
  width:650px;
  height:650px;
  background-color: rgb(0,0,46);
}


#mainImage {
  display:block;
  background:rgb(0,0,46);
  border: groove;
  border-width:5px;
  border-color:white;
  z-index:3;
}

/*------division and image for main Image--------*/






/*----------leftside column------*/

#leftsideContent {
  position:relative;
  top:0px;
  left:0px;
  /*  float: left;  */
  height: 740px;
  width:190px;
  /*--margin: 0 0 0 -950px;--*/
  margin: 0 0 0 0;
  background: url(leftsideContentbg4.gif) no-repeat;
  background-color: rgb(0,0,46);
  color: white;
}

#leftsidenav {
  font-family: arial;
  font-style: none;
  font-size: 11pt;
  list-style: none;
  font-weight: 100;
}

#leftsidetitles {
  font-family: Georgia;
  font-style: italic;
  font-size: 16pt;
  color: rgb(210,210,210);
  list-style: none;
  
}

/*----------leftside column------*/





/*----------Image Tray Setup------*/

#imageTray {
  /*==this is the box holds all thumbs==*/
  width: 870px !important;         /* firefox reads, too wide, 40less here */ 
  width: 910px;                    /* ie reads */
  height: 225px;
  float:left !important;   /*firefox reads...needs float left...*/
  _position:relative;      /* IE ignores underscores and reads this,FF wont read */
  _top:0;                  /* IE ignores underscores and reads this,FF wont read */
  _left:0;                 /* IE ignores underscores and reads this,FF wont read */
  margin: 0 20px 0 20px;
  background-color: rgb(0,0,46);
  color: silver;
  overflow-y: auto;
  border-style: solid;
  border-width: 1px;
  border-color: red;
}

 #imageTray li {
  height: 200px;
  width: 200px;
  margin: 2px 4px 24px 4px !important;      /* firefox reads, text appears too high in ie */
  margin: 2px 4px 20px 4px;                 /* ie reads */
}

#imageTray a {
  width: 200px;
  height: 200px;
  border:none !important;  /* firefox reads...IE dosent */
  _border:solid;           /* IE reads...fire fox dosent */
  _border-width: 1px; 
  _border-color:white;
}

#imageTray a:visited {
  width: 200px;
  height: 200px;
  border:solid;
  border-width: 1px; 
  border-color:rgb(110,110,110);
}


#imageTray a:hover {
  width: 200px;
  height: 200px;
  border:solid;
  border-width: 1px; 
  border-color:darkorchid;
}

#imageTray Img {
  border: none;
  /* border-width: 1px;
     border-color: white; */
}

/*-----End Primary content for 2 column includes leftside column,image tray and main image ---------*/









/*--------------------Footer, Site counter and paypal logo Below------------------*/

#webpageFooter {
  width: 950px;
  height: 160px;
  clear: left;
  margin: 0 0 0 0;
  background-color: rgb(0,0,46);
}

#webpageFooterOrder {
  width: 950px;
  height: 160px;
  position:relative;
  top:1020px;
  left:0;
  margin: 60px 0 0 0 !important;     /* for firefox */
  _margin: 0 0 0 0;                /* IE */
  background-color: rgb(0,0,46);
}

#webpageFooterOrder2 {
  width: 950px;
  height: 160px;
  position:relative;
  top:720px;
  left:0;
  margin: 0 0 0 0;
  background-color: rgb(0,0,46);
}

#webpageFooter2Col {      /* firefox has a problem displaying this in cart.htm ,IE ok*/
  width: 950px;
  height: 130px;
  position:relative;
  top:0px;
  left:0px;    /*---was clear-left---*/
  margin: 0 0 0 0;
  background-color: rgb(0,0,46);
}

#javaCounter {
  position: relative;
  top: 12px !important;          /* firefox reads, text appears too high in ie */
  top: 6px;                       /* ie reads */
  left: 10px;
  height: 25px;
  width: 150px;
  background-color: rgb(0,0,46);
}

#paypalLogo {
  position: relative;
  top: -30px !important;          /* firefox reads, text appears too high in ie */
  top: 6px;                      /* ie reads */
  left: 677px;
  width: 253px;
  height: 80px;
  background-color: rgb(0,0,46);
}

/*------webpageFooter text--------*/

#boxForCopyright {
  position: relative;
  top: -70px !important;         /* firefox reads, text appears too high in ie */
  top: -60px;                    /* ie reads */
  left: 10px;
  height: 50px;
  width: 300px;
  background-color: rgb(0,0,46);
}

#boxForCopyright2Col {
  position: relative;
  top: 0 !important;         /* firefox reads, text appears too high in ie */
  top: 0;                    /* ie reads */
  left: 10;
  height: 50px;
  width: 300px;
  background-color: rgb(0,0,46);
}
  

#copyright {
  font-family: Arial;
  font-size: 12px;
  color: rgb(210,210,210);
  z-index: 2;
  position: relative;
  top: 0 !important;         /* firefox reads, text appears too high in ie */
  top: 0;                     /* ie reads */
  left: 10px;
}

#boxForKeywords {
  position: relative;
  top: -76px !important;         /* firefox reads, text appears too high in ie */
  top: -30px;                    /* ie reads */
  left: 0;
  height: 54px;
  width: 950px;
  background-color: rgb(0,0,46);
}

#boxForKeywords2Col {
  position: relative;
  top: 0 !important;         /* firefox reads, text appears too high in ie */
  top: 10px;                    /* ie reads */
  left: 0;
  height: 54px;
  width: 950px;
  background-color: rgb(0,0,46);
}
 

#keywords {
  font-family: Arial;
  font-size: 10px;
  color: rgb(210,210,210);
  z-index: 2;
  position: relative;
  top: 0 !important;         /* firefox reads, text appears too high in ie */
  top: 0;                    /* ie reads */
  left: 0;
  padding: 0 10px 0 20px;
}



#clear {
  clear: left;
}