
/* ::::: http://scherer-food-photography.com/css/styles3.css ::::: */

body { margin: 0pt; padding: 0pt; font-family: Arial,Helvetica,sans-serif; background-color: rgb(0,0,0); color: #a8a8a8; font-size: 14px; }
a { color: #968d70; text-decoration: none; }
a:hover { color: #788220; }
img, img a { border: medium none ; color: rgb(204, 204, 204); }

/* div { border: 1px dotted;} */

#floorplan{ position: relative; left: 130px; padding: 0px 10px; margin: 0px 0px; margin-bottom: 10px; }

#studio{ position: relative; left: 20px; padding: 0px 0px; margin: 0px 0px; }
#abouttext{ float: left; width: 800px; padding: 0px 10px; margin-bottom: 30px; /*border: 1px dotted;*/ color: #a8a8a8; font-size: 14px; line-height: 18px; }
#studioabout{ float: left; width: 300px; padding: 0px 10px; /*border: 1px dotted;*/ color: #a8a8a8; font-size: 14px; line-height: 18px; /*border: 1px dotted; */}
#studioprices{ float: left; width: 500px; padding: 0px 10px; /*border: 1px dotted;*/ color: #a8a8a8; font-size: 14px; line-height: 18px; /*border: 1px dotted; */}



.folio{ padding: 0px 0px; margin: 20px 20px; height: 200px; width: 200px; border: 1px dotted; }


#folio1{ position: absolute; left: 40px; padding: 0px 0px; margin: 20px 20px; height: 200px; width: 200px; border: 1px solid #434343; }
#folio2{ position: absolute; left: 280px;  top: 0px; padding: 0px 0px; margin: 20px 20px;  height: 200px; width: 200px; border: 1px solid #222222; }
#folio3{ position: absolute; left: 520px; top: 0px; padding: 0px 0px; margin: 20px 20px; height: 200px; width: 200px; border: 1px solid #222222;  }

#folio1box{ position: absolute; left: 40px; top: 250px; padding: 0px 0px; margin: 20px 20px; height: 18px; width: 200px; border-top: 1px solid #434343; border-bottom: 1px solid #434343; color: #a8a8a8; text-align: center; padding-top: 5px; font-size: 14px; line-height: 18px; line-height: 13px; letter-spacing: 1px; text-align: center; text-transform: uppercase; display: inline;}
#folio2box{ position: absolute; left: 280px;  top: 250px; padding: 0px 0px; margin: 20px 20px;  height: 18px; width: 200px; border-top: 1px solid #434343; border-bottom: 1px solid #434343; color: #a8a8a8;text-align: center; padding-top: 5px; font-size: 14px; line-height: 18px; line-height: 13px; letter-spacing: 1px; text-align: center; text-transform: uppercase; display: inline;}
#folio3box{ position: absolute; left: 520px; top: 250px; padding: 0px 0px; margin: 20px 20px; height: 18px; width: 200px; border-top: 1px solid #434343; border-bottom: 1px solid #434343; color: #a8a8a8; text-align: center;padding-top: 5px;  font-size: 14px; line-height: 18px;  line-height: 13px; letter-spacing: 1px; text-align: center; text-transform: uppercase; display: inline;}

#folio1box1{ position: absolute; left: 40px; top: 280px; padding: 0px 0px; margin: 20px 20px; height: 15px; width: 200px;  color: #a8a8a8; text-align: center; font-size: 14px; line-height: 18px;}
#folio2box2{ position: absolute; left: 280px;  top: 280px; padding: 0px 0px; margin: 20px 20px;  height: 15px; width: 200px; color: #a8a8a8; text-align: center; font-size: 14px; line-height: 18px;}
#folio3box3{ position: absolute; left: 520px; top: 280px; padding: 0px 0px; margin: 20px 20px; height: 15px; width: 200px;  color: #a8a8a8; text-align: center; font-size: 14px; line-height: 18px; }

#folio1box11{ position: absolute; left: 40px; top: 300px; padding: 0px 0px; margin: 20px 20px; height: 15px; width: 200px;  color: #a8a8a8; text-align: center; font-size: 14px; line-height: 18px;}
#folio2box22{ position: absolute; left: 280px;  top: 300px; padding: 0px 0px; margin: 20px 20px;  height: 15px; width: 200px;  color: #a8a8a8; text-align: center; font-size: 14px; line-height: 18px;}
#folio3box33{ position: absolute; left: 520px; top: 300px; padding: 0px 0px; margin: 20px 20px; height: 15px; width: 200px;  color: #a8a8a8; text-align: center; font-size: 14px; line-height: 18px; }

#folio1box111{ position: absolute; left: 40px; top: 320px; padding: 0px 0px; margin: 20px 20px; height: 15px; width: 200px;  color: #a8a8a8; text-align: center; font-size: 14px; line-height: 18px;}
#folio2box222{ position: absolute; left: 280px;  top: 320px; padding: 0px 0px; margin: 20px 20px;  height: 15px; width: 200px;  color: #a8a8a8; text-align: center; font-size: 14px; line-height: 18px;}
#folio3box333{ position: absolute; left: 520px; top: 320px; padding: 0px 0px; margin: 20px 20px; height: 15px; width: 200px;  color: #a8a8a8; text-align: center; font-size: 14px; line-height: 18px; }

#folio1box1111{ position: absolute; left: 40px; top: 340px; padding: 0px 0px; margin: 20px 20px; height: 15px; width: 200px; color: #a8a8a8;text-align: center;  font-size: 14px; line-height: 18px;}
#folio2box2222{ position: absolute; left: 280px;  top: 340px; padding: 0px 0px; margin: 20px 20px;  height: 15px; width: 200px;  color: #a8a8a8; text-align: center; font-size: 14px; line-height: 18px;}
#folio3box3333{ position: absolute; left: 520px; top: 340px; padding: 0px 0px; margin: 20px 20px; height: 15px; width: 200px;  color: #a8a8a8;text-align: center;  font-size: 14px; line-height: 18px; }


#folioboxright{ position: absolute; left: 450px; top: 0px; padding: 0px 0px; margin: 0px 0px; height: 400px; width: 350px;  font-color: #b3b3b3;text-align: left;  font-size: 14px; line-height: 18px; border: 1px solid #222222;}
#folioboxleft{ position: absolute; overflow: auto;left: 0px; top: 0px; padding: 0px 0px; margin: 0px 0px; height: 400px; width: 350px;  font-color: #b3b3b3;text-align: left;  font-size: 14px; line-height: 18px; border: 1px solid #222222;}


#container{ height: 400px; width: 800px;  position: relative; /*border: 1px solid #1e1e1e;*/}


.clearer { clear: both; font-size: 0pt; line-height: 0pt; }
#topstrip { background: rgb(237, 236, 232) url('topstrip_bg.png') repeat-x scroll 0pt 0pt; width: 100%; height: 23px; }
#topnav { margin: 0pt auto; padding: 0pt 25px;  text-align: center; width: 1100px; white-space: nowrap; }
#topnav a { padding: 0pt 8px; }
#topnav h1 { margin: 15px 0pt 5px; padding: 0pt; font-size: 24px; line-height: 24px; text-align: center; }
#topnav ul { margin: 8px auto 12px; padding: 0pt; margin-bottom: 40px; list-style-type: none; }
#topnav li { margin: 0pt; padding: 0pt; color: #babaac; font-size: 14px; line-height: 13px; letter-spacing: 1px; text-align: center; text-transform: uppercase; display: inline; }
#topnav li.current, #topnav li a.current {color: #babaac; display: inline; }
#pagetext { margin: 0pt auto; padding: 0pt 25px; width: 1100px; }
#pagetext table { border-bottom: 1px solid #756f5a; margin: 0pt; padding: 0pt 0pt 15px; width: 1100px; }
#pagetext td { vertical-align: top; text-align: left; /*border: 1px dotted;*/ }
#pagetext td.col01 { padding: 0pt 20px 0pt 0pt; width: 130px; }
#pagetext td.col02 { padding: 0pt;}
#pagetext td.col03 { padding: 0pt 0pt 0pt 20px; width: 130px; }
#pagetext #sidenav ul { margin: 0pt; padding: 0pt; list-style-type: none; display: block; }
#pagetext #sidenav li { margin: 0pt 0pt 14px; padding: 0pt 0pt 0pt 12px; background: transparent url('bullet1.gif') no-repeat scroll 0pt 4px; color:#756f5a; font-size: 14px; line-height: 15px; letter-spacing: 1px; display: block; }
#pagetext #sidenav li a { color:#968d70;font-size: 14px; letter-spacing: 1px; }
#pagetext #sidenav li a:hover { color: #788220; }
#pagetext #studioabout li{margin: 0pt 0pt 6px; padding: 0pt 0pt 0pt 12px; background: transparent url('bullet1.gif') no-repeat scroll 0pt 4px; font-size: 14px; line-height: 15px; display: block;}
#pagetext #studioprices li{margin: 0pt 0pt 6px; padding: 0pt 0pt 0pt 12px; background: transparent url('bullet1.gif') no-repeat scroll 0pt 4px; font-size: 14px; line-height: 15px; display: block;}

#pagetext #sidenav li.current, #pagetext #sidenav li a.current { color: #a8a8a8; }
#pagetext #sidenav .divider { border-top: 1px solid #babaac; margin: 5px 0pt; padding: 0pt; line-height: 10px; }
#pagetext img.left { margin: 5px 16px 2px 0pt; float: left; }
/* this is the code for the sidebar titles */ #pagetext h2 { border-top: 1px solid #968d70; border-bottom: 1px solid #968d70; margin: 0pt 0pt 18px; padding: 4px 0pt 3px; color:#a8a8a8; font-size: 14px; line-height: 18px; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; }
#pagetext h2 a { color: #babaac; text-decoration: none; }
#pagetext h2 a:hover { color: #788220; }
#pagetext p { margin: 0pt 0pt 14px; padding: 0pt 24px 0pt 0pt; color: rgb(168, 168, 168); font-size: 14px; line-height: 26px; }
#pagetext p.intro { color: rgb(126, 126, 126); font-weight: normal; font-size: 19px; line-height: 24px; }
#pagetext p small { font-size: 10px; }
#pagetext p strong { color: rgb(153, 153, 153); font-size: 14px; letter-spacing: 1px; text-transform: uppercase; font-weight: normal; }
#pagetext p a { color: rgb(168, 168, 168); }
#pagetext p a:hover { color: #788220; }
#pagetext p.side { margin: 0pt 0pt 14px; color: #a8a8a8; font-size: 14px; line-height: 18px; }
#pagetext p.side a { color: #968d70; }
#pagetext p.side a:hover{ color: #788220; }

#pagetext p.side strong { margin: 0pt 0pt 10px; color: #a8a8a8; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; font-weight: normal; display: block; }
#pagetext ul { margin: 0pt; padding: 0pt; list-style-type: none; display: block; }
#pagetext .col01 li, #pagetext .col03 li { margin: 0pt 0pt 6px; padding: 0pt 0pt 0pt 12px; background: transparent url('bullet1.gif') no-repeat scroll 0pt 4px; font-size: 14px; line-height: 15px; display: block; }
#pagetext .col02 li { margin: 0pt 0pt 8px; padding: 0pt; color: #a8a8a8; font-size: 14px; line-height: 18px; display: block; }
#pagetext .col02 li a { color: #968d70; }
#pagetext .col01 li, #pagetext .col01 li a { color: rgb(150, 141, 112); }
#pagetext .col03 li, #pagetext .col03 li a { color: #a8a8a8; }
#pagetext li a:hover { color: #788220; }
#slideshow { border: 1px dotted; margin: 0pt auto; padding: 0pt 25px; text-align: center; vertical-align: top; width: 1100px; }
#flashcontent, #flashcontent2 { margin: 0pt; padding: 0pt; vertical-align: top; color: rgb(204, 204, 204); }
#flashcontent { width: 800px; height: 400px; }
#flashcontent2 { width: 800px; height: 290px; }
#flashcontent3 { width: 800px; height: 575px; }
#flashcontent p, #flashcontent2 p { color: rgb(204, 204, 204); font-size: 14px; line-height: 16px; text-align: center; }
#contentTable table { border: medium none ; margin: 15px 0pt 0pt; padding: 0pt; width: 100%; }
#contentTable td, #contentTable2 td { vertical-align: top; text-align: left; }
#contentTable2 table { border: medium none ; margin: 30px 0pt 0pt; padding: 0pt; width: 1100px; }
#contentTable2 td { width: 194px; }
#contentTable2 img { width: 200px; height: 200px; margin-right: 25px; }
#contentTable2 a img:hover { opacity: 0.7; }
#contentTable2 h2 { margin: 10px 25px 10px 0pt; width: 200px; color: rgb(185, 69, 0); text-align: center; }
#contentTable2 h2 a { color: #968d70; }
#contentTable2 h2 a:hover { color: #788220; }
#pagetext p.tagline { border-bottom: 1px solid rgb(215, 215, 215); margin: 10px auto 0pt; padding: 0pt 0pt 150px; text-align: center; }
#directions { margin: 8pt auto; width: 6.5in; }
#directions p { margin: 0pt 0pt 6pt; color: rgb(153, 153, 153); font-size: 10pt; line-height: 13pt; }
#directions img.left { margin: 4pt 8pt 4pt 0pt; float: left; }
#footer {color: #968d70; font-size: 14px; line-height: 18px; margin: 0pt auto; padding: 0pt 25px; background-color: rgb (0,0,0); width: 1100px; white-space: nowrap; }
#footer p { color: #a8a8a8; font-size: 14px; line-height: 18px; margin: 0pt; padding: 10px 0pt 0pt;  font-size: 14px; line-height: 13px; text-align: center; }
#footer a { padding: 0pt; color: #756f5a; text-decoration: none; }
#footer a:hover { color: #788220; }
#copyright { margin: 310px 0pt 5px; padding: 0pt; display: none; }
#copyright p { margin: 0pt; padding: 0pt; color: rgb(187, 180, 158); font-size: 14px; line-height: 13px; }

/* ::::: null ::::: */

#flashcontent { visibility: hidden; }
