html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size: 100%;
background: transparent;
vertical-align: baseline;
margin: 0; padding: 0;
border: 0; outline: 0; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }



/*
@font-face {
	font-family: Calibri;
	src: url('f/CALIBRI.ttf');
	font-style: italic;
	font-weight: normal;
}
*/



/* Body
---------------------------------------- */
body {
position: relative;
max-width:  33em;
background: #fff center top fixed;
font-size: 16px; line-height: 1.25;
color: #222; text-align: center;
margin: 0 auto; }


	/* General rules
	---------------------------------------- */
	a { font-variant: small-caps; text-decoration: none; color: #078fee; padding: 0 0.1em; }
		a:hover { color: #2a9927; border-bottom: 1px solid #2a9927; }
		a:active { border-bottom: 2px solid #2a9927; }

	hr { display: none; }
	div.hr { clear: both; }

	.clear { clear: both; }
	.crap { display: none; }
	
	
	/* Typography
	---------------------------------------- */
	body, input, textarea, button { font-family: Georgia, Times, serif; }
	
	/* h1 { font-family: Calibri, Times, Georgia, serif; font-size: 30px; line-height: 1.5;  } */
	
	h1 { font-family: 'Lobster', arial, serif; font-size: 30px; text-shadow: 2px 2px 2px #aaa; }
	
	h2 { font-size: 22px; line-height: 1.2;  }
		h2 span { font-size: 18px; line-height: 1.4; }
	footer p.code { font-family: Calibri, Times, Georgia, serif; }
	
	



/* Header
---------------------------------------- */	
h1 {  
background: url(../images/logo.png) center 20px no-repeat;
font-weight: normal;
margin: 0 1em 1.5em 1em;
padding: 285px 0 0 0;
}
	
	abbr.profession { color: #999; position: relative; }
		abbr.profession:after { content: "!"; color: #2a9927; }
		abbr.profession:hover:after { position: relative; top: -0.075em; right: -0.075em; }

	abbr.country { font-variant: small-caps; font-size: 20px;  }
	/*	abbr.country:after, abbr.country:before { color: #999; font-size: 24px; }
		abbr.country:after { content: "}"; }
		abbr.country:before { content: "{"; } */
		
	

/* ahem...
---------------------------------------- */
p { margin: 1.25em 0; }

p.quotes {
padding: 0 0 15px 0;
font-style: italic;
}

	p.quotes:before { content: ""; color: #2a9927; }
	p.quotes:after { content: ""; color: #2a9927; }

ul.stuff {
line-height: 1.429;
margin: 0 0 1px 0;
/*padding: 0 0 3.572em;*/
/*border-bottom: 1px solid #000;*/ }

	ul.stuff li { display: inline; margin: 0 0.5em; }
	
h2 {
font-weight: normal; font-variant: small-caps; 
margin: 0 0 0.91em 0; padding: 0.309em 0;
border-top: 2px solid #000; }

	h2 span { display: block; color: #999; }

ul.links { 
font-size: 14px; line-height: 1.429;
padding: 0 0 4.286em; }

/* Content Page
---------------------------------------- */	
#content {
text-align: left;
}

p.heading {
font-variant: small-caps;
}

ul.connect {
line-height: 3.5em;
margin: 0 0 1px 0;
padding-top: 1.75em; }

	ul.connect li { display: inline; margin: 0 0.75em; }


/* Navigation
---------------------------------------- */
nav {
position:fixed;
top:140px;
right: 25px;
text-align: right;
}

/* Footer
---------------------------------------- */	
footer p.code {
position: relative;
margin: 3.5em 0 2em 0;
font-weight: normal;
font-style: italic;
font-size: 14px;
text-align: center; 
border-bottom: 1px solid #ccc; }

	footer p.code a { font-variant: normal; } 
	
	footer p.code span { float: right; font-style: normal; }
	
/* Contact Form */
  
  fieldset { border: none; }
	
  #formLeft input {
	margin: 0 0 10px 0
  }
  
  /* @group forms */
  
  :focus {
	outline: 0;
  }

  form input {
	background-color: transparent;
	border: none;
	border-bottom: 1px dashed #ccc;
	font-weight: bold;
	margin: 0 0.5em;
  }

  form input:focus {
	border-bottom: 1px solid #ccc;
  }


  form fieldset {
	margin-top: 0.1111em;		/*  2px */
	margin-bottom: 1.1111em;	/* 20px */
	color: #666;
  }

  label {
	cursor: pointer;
	font-variant: small-caps;
	letter-spacing: 2px;
  }
  input:focus,
  textarea:focus {
	background-color: #fffff0;
  }

  input.submit-button {
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 1.4286;
	background-color: #ECE8F0;
	color: #583F6F;
	border: 3px double #fff;
	cursor: pointer;
  }
  input.submit-button:hover,
  input.submit-button:focus {
	color: #583F6F;
	background-color: #FFFFFF;
	border: 3px double #ECE8F0;
  }

  /* @end */
	
  label.error {
  top: -16px;
  right: 49px;
  padding: 3px;
  color: #da3939;
  font-size: 0.75em;
  text-align: right;
  font-style: italic;
  font-weight: normal;
  }
	
  #recaptcha_table {
  border-color: #FFFFFF !important;
  }

  /* Top of Page */
  #gototop {
	  display:none;
	  font-family:tahoma;
	  font-weight:bold;
	  width:70px;
	  background:url(../images/up_down_arrow.gif) 5px -8px no-repeat #eceff5;
	  color:#3b5998;
	  font-size:11px;
	  text-decoration:none;
	  position:fixed;
	  right:5px;
	  bottom:5px;
	  padding:3px 5px 3px 20px;
  }
	
  #gototop:hover {
  text-decoration:underline;
  }
  /* End of Top of Page */