/*****************************************************
 Master style sheet for Emilie Muller Photo Productions
 Designed by Ben Hays - ben@brhphoto.com
 
 Last update June 2005
*****************************************************/

* {
  margin: 0;
  padding: 0;
  }
body {
  font-family: "Lucida Grande", lucida, arial, sans-serif;
  font-size: 11px;
  color: #666;
  background: #fff;
  text-align: center;
  }
a {
  text-decoration: none;
  color: #666;
  }
h1, h3 {
  font-size: 110%;
  font-weight: normal;
  text-transform: lowercase;
  }
h1 {
  font-size: 200%;
  text-align: right;
  text-transform: uppercase;
  }
h2 {
  margin-right: 30px;
  font-size: 120%;
  }
h2#error {
  font-size: 120%;
  text-align: left;
  color: #C00;
  }
h3 {
  text-align: left;
  }
ul {
  font-size: 110%;
  list-style-type: none;
  }
img {
  border: 0;
  }
#container img {
  padding: 3px 13px 3px 0;
  }
img#fpi {
  padding: 10px 13px 15px 0;
  }
#container h1 {
	size: 110%;
  padding-right: 13px;
  }
#container, #container_big {
  position: relative;
  margin: 0 auto;
  width: 700px;
  text-align: right;
  }
#container {
  margin-top: 75px;
  }
#container_big {
  margin-top: 25px;
  }
#container h3, #clientLogin h3 {
  height: 19px;
  }
#container #clientForm h3, #clientLogin h3 {
  background: url(http://www.emiliemullerproduction.com/images/title.joblogin.gif) top left no-repeat;
  }
#container #emailForm h3 {
  background: url(http://www.emiliemullerproduction.com/images/title.contact.gif) top left no-repeat;
  }
#container h3 span, #clientLogin h3 span {
  display: none;
  }
#menu {
  float: right;
  display: inline;
  text-transform: lowercase;
  }
#menu li {
  width: 150px;
  margin-bottom: 2px;
  text-align: right;
  }
#menu li a {
  display: block;
  padding: 0 5px 0 5px;
  border-right: 8px solid #fff;
  }
#menu li a:hover {
  border-color: #666;
  }
#menu img {
  padding: 0;
  }
#nav {
  margin-top: 3px;
  margin-bottom: 10px;
  text-transform: lowercase;
  }
#nav li {
  display: inline;
  width: 75px;
  margin-left: 2px;
  }
#nav li a {
  padding: 0;
  border-bottom: 4px solid #fff;
  text-align: center;
  }
#nav li a:hover {
  border-color: #666;
  }
#nav li a#current {
  border-bottom: 4px solid #666;
  }
#bts_rwk {
	margin-left: 5px;
  }
#bts_rwk li {
  height: 174px;
  float: right;
  padding: 1px;
  }
#bts_rwk li img {
  padding: 2px;
  border: 1px solid #ccc;
  }
#bts_rwk li span {
  display: block;
  text-align: center;
  }
p#page {
  padding: 5px 0 5px 0;
  }
p#page a:hover {
  border-bottom: 1px solid #666;
  }
p#page a#curpage {
  font-weight: bold;
  border-bottom: 1px solid #666;
  }
#contact {
  padding-right: 13px;
  text-transform: lowercase;
  text-align: right;
  }
#about {
  float: right;
  width: 300px;
  text-align: left;
  }
dl {
  float: right;
  padding-top: 10px;
  }
dl dt {
  clear: left;
  float: left;
  display: inline;
  padding-right: 10px;
  width: 125px;
  }
dl dd {
  clear: right;
  display: block;
  text-align: left;
  }
dl dd.title, dl dt.title, #clients td.title {
  font-size: 110%;
  font-weight: bold;
  text-transform: uppercase;
  }
#clients table {
  float: right;
  }
#clients td.right {
  text-align: left;
  padding-left: 10px;
  }
#clientForm {
  display: none;
  margin-top: -10px;
  text-align: left;
  }
#clientLogin {
  float: right;
  text-align: right;
  }
#emailForm {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  }
#footer {
  clear: both;
  text-transform: lowercase;
  padding-top: 30px;
  margin-bottom: 20px;
  }
#footer p {
  color: #999;
  text-size: 65%;
  text-align: center;
}
#footer p a {
  color: #999;
}
#footer p a:hover {
  color: #666;
  border-bottom: 1px dotted #666;
}
#footer p img {
	float: none;
	margin: 0 .5em;
	padding: 0;
	vertical-align: bottom;
}
p.email {
  float: left;
  text-align: left;
  font-weight: bold;
  }
/* Header Image Replacing */
h1 a { 
	background: url(images/emp_header.gif) 292px 0 no-repeat;
	display: block;
	height: 30px;
	width: 700px;
}
h1 a span {
	display: none;
}
ul#contact li.cell, ul#contact li.office, ul#contact li.fax, ul#contact li.email a {
	background: url(images/emp_header.gif) 0 0 no-repeat;
	height: 22px;
	width: 700px;
}
ul#contact li.cell {
	background-position: 290px -30px;
}
ul#contact li.office {
	background-position: 290px -55px;
}
ul#contact li.fax {
	background-position: 290px -80px;
}
ul#contact li.email a {
	background-position: 290px -104px;
	display: block;
}
ul#contact li span {
	display: none;
}

/* Form Stuff */
form table td, form table th {
  padding:3px 3px 3px 0px;
  }
form label {
  text-transform:lowercase;
  cursor:pointer;
  }
form input, form textarea, form select {
  margin:1px 0;
  }
form input.text {
  background:#ddd;
  border:1px solid #666;
  border-color:#999 #ccc #ccc #999;
  color:#333;
  }
form textarea {
  background:#ddd;
  border:1px solid #574426;
  border-color:#999 #ccc #ccc #999;
  color:#333;
 }
form input.text:focus, form textarea:focus {
  border-color:#666 #999 #999 #666;
  }
form input.button {
	padding:1px;
	border:1px solid #666;
	background:#fff;
	font-size: 110%;
  color: #666;
  }
form input.button:hover {
	background:#eee;
	cursor:pointer;
  }
form input.button:active {
	background:#ccc;
  }
div.rwimage {
	float: left;
	display: inline;
	border-right: 3px solid #333;
	height: 450px;
}