/* -----------------------------------------------------------------------

   Lynne Jarrett website screen styles v1.0
   Paul Bellamy, BellamyStudio 2008

----------------------------------------------------------------------- */

body {font-size:16px;color:#444;line-height:1.2em; background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; padding-bottom:0; margin-bottom:0}
h1, h2, h3, a {color:#60102d; text-decoration:none}
a:hover {color:#90304f}
h1, h2, h3 {font-size:16px; font-weight:bold;margin-bottom:0.5em}



#header h1 {width:199px; height:155px; display:block; overflow:hidden; text-indent:-999em; font-size: 1px; line-height: 1px; color: #fff; margin:10px auto 5px auto; background:url('/images/template/logo09.png') top left no-repeat}

/* navigation */
#Navbar {width:100%; position:relative; display:block; height:50px;  background:url('/images/template/navstripe.png') top left repeat-x; margin-bottom:20px}
#Nav ul {position: absolute; top: 0px;  width: 950px; height: 50px; padding: 0; margin: 0 auto;}
#Nav li {list-style: none; margin: 0; padding: 0; display: inline;}

#Nav li a:link, #Nav li a:visited, #Nav li a:hover {display: block; position: absolute; background-image: url('/images/template/navbar09.png'); background-repeat: no-repeat; top: 0px; overflow: hidden; font-size: 1px; line-height: 1px; color: #fff; height: 0; padding: 50px 0 0 0; cursor:pointer; z-index:1}
/* regular links */
#Nav .li1 a {left: 0; width: 76px;}
#Nav .li2 a {left: 76px; width: 88px; background-position: -76px 0}
#Nav .li3 a {left: 164px; width: 147px; background-position: -164px 0}
#Nav .li4 a {left: 311px; width: 105px; background-position: -311px 0}
#Nav .li5 a {left: 416px; width: 135px; background-position: -416px 0}
#Nav .li6 a {left: 551px; width: 165px; background-position: -551px 0}
#Nav .li7 a {left: 716px; width: 134px; background-position: -716px 0}
#Nav .li8 a {left: 850px; width: 100px; background-position: -850px 0}
/* hover states */
#Nav .li1 a:hover {background-position: 0 -50px}
#Nav .li2 a:hover {background-position: -76px -50px}
#Nav .li3 a:hover {background-position: -164px -50px}
#Nav .li4 a:hover {background-position: -311px -50px}
#Nav .li5 a:hover {background-position: -416px -50px}
#Nav .li6 a:hover {background-position: -551px -50px}
#Nav .li7 a:hover {background-position: -716px -50px}
#Nav .li8 a:hover {background-position: -850px -50px}
/* active states */
#Nav .li1 a.current {background-position: 0 -100px}
#Nav .li2 a.current {background-position: -76px -100px}
#Nav .li3 a.current {background-position: -164px -100px}
#Nav .li4 a.current {background-position: -311px -100px}
#Nav .li5 a.current {background-position: -416px -100px}
#Nav .li6 a.current {background-position: -551px -100px}
#Nav .li7 a.current {background-position: -716px -100px}
#Nav .li8 a.current {background-position: -850px -100px}

/* sorry, couple of ie6 fixes */
#Nav li a {cursor: pointer; background:inherit}

.topgap {padding-top:1em}

.extended {font-weight:normal; font-size:12px}

#footer {width:100%;background-color:#60102d;padding: 10px 0 20px 0;font-size: 85%;letter-spacing: 0.09em;clear:both; margin:2em 0 0 0; color:white; font-weight:normal; font-size:12px}
ul#insidefooter {width:870px;margin:10px auto 0 auto;list-style:none;padding:0}
ul#insidefooter li {display:inline;margin:0 5px 0 0; padding:0 5px 0 0; border-right:1px solid #4a4343}
#footer a {color: #fff; border-bottom:1px dashed #c06}
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}


input.text, textarea { width:400px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#444;font-size:1.2em }
input.text:focus, textarea:focus {background-color:#dedede; color:#333}
textarea {height:10em}

/* validate stuff */

#contact_form .red { border: 1px solid #c00 }

#contact_form label.red {border: none; color: white;}

#contact_form .customRed {border: none; color: #c00;}

#validationMessage {
	padding: 5px 0;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: white;
	font-weight: bold;
	display: none;
}

#contact_form .errorMessage { float:left; }