/* CSS for Facial Attraction */
/* START of General setup */
html, body, div,
h1, h2, h3, h4, h5, h6,
ul, ol, dl, li, dt, dd, p, blockquote,   
pre, form, fieldset, table, th, td {
  border: 0;
  margin:0;
	outline: 0;
  padding:0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	vertical-align: baseline;
}
body {
  background:white;
	color:black;
	font-family:Calibri, Arial, sans-serif;
	font-size:12px;
  line-height:1;
	text-align:center;
}
ol, ul { list-style:none; }
a { text-decoration:none; }
a img { border:none; }
/* END of General Setup */

/* General Classes... */
.floatLeft {
	float:left;
	text-align:left;
}
.floatRight {
	float:right;
	text-align:right;
}
.clearBoth { clear:both; }
/* END General Classes */

html { background:#000415 url(images/BGGradient2.png) repeat-x top; }

body {
  background:url(images/BGMask3.png) no-repeat center top;
  height:800px;
}

#Wrapper {
	margin:0 auto;
	position:relative;
	width:955px;
}

#Header {
	background:#ff47ea;
	height:140px;
	width:955px;
}
#Header h1 {
  background:url(images/FacialAttraction.png);
  float:left;
  height:138px;
  width:480px;
}
#Header h2 { display:none; }

#Contact ul{
  float:right;
  height:138px;
  position:relative;
  width:475px;
}
#Contact ul li {
  background:url(images/Contact3.png);
  float:left;
  height:138px;
}
#Contact ul li#Phone { background-position:0 top; width:158px; }
#Contact ul li#Phone:hover { background-position:0 bottom; }
#Contact ul li#Mobile { background-position:-158px top; width:158px; }
#Contact ul li#Mobile:hover { background-position:-158px bottom; }
#Contact ul li#Email { background-position:-316px top; width:159px; }
#Contact ul li#Email:hover { background-position:-316px bottom; }
#Email a {
  display:inline-block;
  height:138px;
  position:absolute;
  right:0;
  text-indent:-9999px;
  top:0;
  width:159px;
}

#Navigation {
	background:#0f4750 url(images/Navigation.png) repeat-x;
	height:36px;
  margin:0 auto;
	width:777px;
}
#Navigation ul {
  font-size:24px;
  line-height:36px;
  padding:0 30px;
}
#Navigation ul li { float:left; }
#Navigation ul li a {
  background:url(images/MenuWhole.png);
  display:block;
  height:36px;
  margin:0 20px;
  text-indent:-9999px;
}
#Navigation ul li a:hover { color:#fff; }

#Navigation ul li a#Home { background-position:0 bottom; width:78px; }
#Navigation ul li a#Home:hover, #Navigation ul li a#Home.active { background-position:0 top; }
#Navigation ul li a#Parties { background-position:-78px bottom; width:88px; }
#Navigation ul li a#Parties:hover, #Navigation ul li a#Parties.active { background-position:-78px top; }
#Navigation ul li a#Corporate { background-position:-166px bottom; width:138px; }
#Navigation ul li a#Corporate:hover, #Navigation ul li a#Corporate.active { background-position:-166px top; }
#Navigation ul li a#Gallery { background-position:-303px bottom; width:101px; }
#Navigation ul li a#Gallery:hover, #Navigation ul li a#Gallery.active { background-position:-302px top; }
#Navigation ul li a#Training { background-position:-404px bottom; width:106px; }
#Navigation ul li a#Training:hover, #Navigation ul li a#Training.active { background-position:-403px top; }

#Page {
  background:#ff47ea url(images/PageLong.jpg) no-repeat;
  min-height:424px;
  margin:0 auto;
  width:777px;
}
#Content {
  float:left;
  font-size:16px;
  min-height:404px;
  margin:20px 0 20px 20px;
  text-align:left;
  width:443px;
}
#Content h1, #Content h2, #Content h3 { margin-bottom:10px; text-align:center; }
#Content h1 { font-size:20px; }
#Content h2 { letter-spacing:1px; font-size:18px; font-weight:bold; }
#Content h3 { font-size:24px; font-variant:small-caps;}
#Content p { margin-bottom:10px; }
#Content a { color:#228; }
#Content a:hover { color:#fff; }
#Content ul {
  list-style:square;
  margin:10px 0 10px 20px;
}
#Content ul ul {
  list-style:circle;
  margin:0 0 10px 20px;
}
#Content acronym { border-bottom:1px #222 dotted; }
#SlideShow {
  background:#101217;
  border:#1f232e solid 12px;
  float:right;
  height:320px;
  margin:40px 20px 0 0;
  overflow:hidden;
  width:240px;
}
ul#Gallery { 
  padding:20px;
}
ul#Gallery li {
  display:inline-block;
  margin:10px;
  position:relative;
  bottom:0;
  width:134px;
}
ul#Gallery li span.thumb {
  border:#1f232e solid 8px;
  display:inline-block;
  height:134px;
  overflow:hidden;
  width:134px;
}
ul#Gallery li span.thumb:hover {border:#33394b solid 8px;}
ul#Gallery li span.enlarge {
  display:inline-block;
  height:82px;
  left:0;
  opacity:0;
  padding-top:50%;
  position:absolute;
  top:0;
  width:154px;
}
ul#Gallery li span.enlarge:hover {opacity:1;}
ul#Gallery a {
  color:#fff;
  display: inline-block;
  font: bold 16px/20px 'Century Gothic', Verdana, Geneva, sans-serif;
  letter-spacing: 1px;
  padding-bottom:4px;
  width:154px;
}
ul#Gallery a:hover {
  background:#33394b;
  text-shadow: #000 1px 2px 6px;
}
a.back {
  color:#000;
  float:right;
  margin:-18px 8px 8px 0;
  text-align:right;
}
a.back:hover {color:#fff}

#Footer {
  background:url('images/Footer.png');
  color:#222;
  left:88px;
	height:60px;
  margin:20px auto 0;
	width:777px;
} 
#Footer img {padding:2px 4px;}
#Footer ul {
  float:right;
  font-family:'Century Gothic', Arial, sans-serif;
  font-size:10px;
  font-weight:bold;
  line-height:135%;
	list-style:none;
  padding:10px;
  text-align:right;
  }
#Footer ul li a { border-bottom:1px transparent dotted; color:#222; }
#Footer ul li a:hover {
	border-bottom:1px #ddd dotted;
	color:#fff;
}