@charset "UTF-8";

/********************************************************************
## RESET
********************************************************************/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/********************************************************************
## TOP LEVEL
********************************************************************/

body {
  font: 12px/18px Georgia, "Times New Roman", Times, serif;
	color: #7d7c77;
}

hr {
	display: none;
}


/********************************************************************
## COMMON
********************************************************************/

/************* IDs ************/

#header, #body, #footer {
	clear: both;
}


/************* CLASSES ************/

.graphic {
	text-indent: -90000px;
	display: block;
}

.hr {
  border-bottom: 1px solid #211f1e;
  border-top: 1px solid #14100f;
  margin: 16px 0 16px 0;
  clear: both;
}



/********************************************************************
## WRAPPER
********************************************************************/

#wrapper {
	width: 800px;
	margin: 0 auto;
}


/********************************************************************
## HEADER
********************************************************************/

#header {
	height: 84px;
	position: relative;
	background: url(/custom/images/templates/general/bg_dots.png) repeat-x bottom;
}

#logo {
	position: absolute;
	top: 20px;
	left: -10px;
}

#logo a {
	background: url(/custom/images/templates/general/logo.png) no-repeat;
	width: 256px;
	height: 48px;
}

#nav {
	list-style: none;
	position: absolute;
	right: -6px;
	top: 35px;
	float: right;
	width: 160px;
}

#nav a {
	margin-left: 16px;
}

#nav a:hover {
	background-position: 0 -16px;
}

#nav_login a {
	background: url(/custom/images/templates/general/nav_login.png) no-repeat;
	width: 45px;
	height: 16px;
	float: left;
}

#nav_contact a {
	background: url(/custom/images/templates/general/nav_contact.png) no-repeat;
	width: 82px;
	height: 16px;
	float: left;
}


/********************************************************************
## BODY
********************************************************************/

#body {
	background: url(/custom/images/templates/general/bg_dots.png) repeat-x bottom;
	padding: 30px 0;
}

#arrow_left {
	position: absolute;
	left: 0;
	top: 190px;
	z-index: 2;
}

#arrow_right {
	position: absolute;
	right: 0;
	top: 190px;
	z-index: 3;
}

#slides {
	position: relative;
	height: 385px;
	width: 800px;
	overflow: hidden;
}

#slide_contents {
	width: 1000%;
	position: relative;
	z-index: 1;
}

.slide {
	display: block;
	float: left;
	width: 726px;
	margin: 0 37px;
	position: relative;
}

.masked {
 display: none; 
}

#slide_1 {
	background: url(/custom/images/slide_1.png) no-repeat;
	width: 726px;
	height: 365px;
}

#slide_2 {
	background: url(/custom/images/slide_2.png) no-repeat;
	width: 726px;
	height: 365px;
}

#slide_3 {
	background: url(/custom/images/slide_3.png) no-repeat;
	width: 726px;
	height: 365px;
}


#dialog_page_coauthor .textfield {
  padding: 10px;
  width: 250px;
  border: 1px solid #9a9993;
}

#dialog_page_coauthor textarea {
  padding: 10px;
  width: 600px;
  height: 70px;
  border: 1px solid #9a9993;
}


/********************************************************************
## FOOTER
********************************************************************/

#footer {
	font-size: 10px;
	text-transform: uppercase;
	color: #b9b7b0;
	padding: 10px 0;
	text-align: right;
}