/**
 * Main stylesheet.
 * (c) Jan Javorek, 2008 (http://www.javorek.net)
 */



/* general settings ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.hidden, hr { /* hidden elements */
	position: absolute; left: -3800px;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
}

img { display: block; }
address { font-style: normal; }
a img { border: none; }
a, a span, .button { cursor: pointer; }
acronym, abbr { cursor: help; }
table { color: #585858; }

a:link { color: #1e3054; text-decoration: underline; }
a:visited { color: #525252; }
a:hover, a:active; a:focus { text-decoration: none; }
.cleaner {clear: both;}
div.cleaner {font-size: 1px; height: 1px}

h2 { 
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; 
  font-size: 11pt; 
  text-transform: uppercase;
}


/* basic layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html, body {
  margin: 0; padding: 0;
  width: 100%; height: 100%;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  cursor: default;
  text-align: center;
  background: #FFF;
  color: black;
}

#body {
  width: 100%; min-height: 100%;
  position: relative;
}

#document {
  width: 990px;
  margin: 0 auto; padding: 0;
  text-align: left;
  color: black;
  font-size: 80%;
  position: relative;
}

/* header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header {
	width: 100%px; height: 76px;
	font-size: 200%;
	position: relative;
	overflow: hidden;

	padding: 0;
}

#header p {
	margin: 0;
}

#header span {
	display: block;
	width: 668px; height: 76px;
	position: absolute; left: 0; top: 0;
	background: url('../img/design/logo.png') center no-repeat;
}



/* perex ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#perex {
	background: #1c5b98 url('../img/design/perex.jpg') left top no-repeat;
	width: 990px; height: 244px;
	font-family: Arial, sans-serif;
	position: relative;
	top: 32px;
	#top: 47px;
	margin: 0;
}

#perex h1 {
  position: relative;
  overflow: hidden;
  padding-left: 280px;
  padding-top: 100px;
}

#perex h1 span {
  _margin-left: -280px;
  position: absolute; left: 0px; top: 0px;
  background: url('../img/design/perex.jpg') left top no-repeat;
  overflow: hidden;
  width: 990px; height: 244px;
}

#owner-login {
	position: absolute;
	width: 81px; height: 81px;
	top: 9px; right: 29px;
	display: block;
	color: #FFF;
	overflow: hidden;
	text-align: center;
	line-height: normal;
	background: url('../img/design/button-owner-login.jpg') center no-repeat;
}

#owner-login a {
	margin-left: auto;
	display: block;
	color: #FFF;
	overflow: hidden;
	width: 81px; height: 81px;
	text-align: center;
	line-height: normal;
	position: relative;
}

#owner-login span {
	display: block;
	width: 81px; height: 81px;
	position: absolute; left: 0; top: 0;
	background: url('../img/design/button-owner-login.jpg') center no-repeat;
}

#sign-up {
	position: absolute;
	width: 198px; height: 193px;
	top: 19px; left: 33px;
	display: block;
	color: #FFF;
	overflow: hidden;
	text-align: center;
	line-height: normal;
	background: url('../img/design/bxutton-sign-up.jpg') center no-repeat;
}

#sign-up a {
	margin-left: auto;
	display: block;
	color: #FFF;
	overflow: hidden;
	width: 198px; height: 193px;
	text-align: center;
	line-height: normal;
	position: relative;
}

#sign-up span {
	display: block;
	width: 198px; height: 193px;
	position: absolute; left: 0; top: 0;
	background: url('../img/design/button-sign-up.jpg') center no-repeat;
}



/* navigation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#navigation {
	position: absolute; left: 0; top: 76px;
	height: 49px; width: 100%;
	background: url('../img/design/nav-inactive.png') top left repeat-x;
}

#navigation menu {
  list-style-type: none;
  padding: 0 10px;
  height: 49px;
  margin: 0;
}

#navigation li {
	margin: 0 5px; padding: 0;
	float: left;
	display: block;
	height: 49px;
	line-height: 49px;
	color: #FFF;
	font-size: 110%;
}

#navigation a {
	text-decoration: none; padding: 0 15px;
  color: #FFF;
  display: block;
  _display: inline-block;
  height: 49px;
  background: url('../img/design/nav-inactive.png') top left repeat-x;
 
}

#navigation .active a, #navigation a:hover {
  background-image: url('../img/design/nav-active.png');
}

/* big main box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#main-box {
  width: 100%;
  position: relative;
	top: 32px;
	#top: 47px;
	background: white url('../img/design/main-background.png') top left repeat-x;
}

#main-box-sidebarbg {
  width: 100%;
  position: relative;
  top: 25px;
  padding: 0;
	background: white url('../img/design/sidebar-background.png') top left repeat-y;
}

/* external links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#external-links  {
	position: absolute; right: 40px; top: 55px;
	width: 210px; height: 20px;
	overflow: hidden;
	text-align: right;
	font-weight: bold;
	font-size: 80%;
}

#external-links a {
  color: black;
  text-decoration: none;
}

#external-links a:hover, #external-links a:active, #external-links a:focus {
	text-decoration: underline;
}

/* sidebar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#sidebar {
  width: 204px;
  margin: 0 0 30px 30px;
  float: left;
  _margin-left: 15px;
}

#menu {
  width: 192px;
	margin-top: 1px;
	padding: 1em 0;
	background: #2f2f2f;
}                   

#menu h2 {
	color: #ffae0c;
	margin: 0;
	width: 176px; height: 27px;
	line-height: 27px;
	padding-left: 15px;
	overflow: hidden;
	position: relative;
	background: url('../img/design/menu-heading-background.png') left top no-repeat;
}

#menu menu {
	padding: 0;
	margin-left: 0;
	list-style-type: none;
	line-height: 175%;
}

#menu menu a {
  color: white;
  text-decoration: none;
  font-size: 80%;
  font-weight: bold;
  display: block;
  height: 100%;
  padding-left: 1.8em;
}

#menu menu a:hover, #menu menu a:active, #menu menu a:focus {
  text-decoration: underline;
}

#image-box {
  width: 204px;
  height: 222px;
	margin-top: 20px;
	margin-left: -6px;
	padding: 1em 0;
	background: url('../img/design/sidebar-imagebox.jpg') left top no-repeat;
	position: relative;
}   

#image-box h2 {
  color: white;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 110px;
  text-align: right;
  padding-top: 0;
  margin-top: 0;
}


/* content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content {
	width: 740px;
	float: right;
	color: #2f2f2f;
	position: relative;
	top: -20px;
}

#content p {
  line-height: 150%;
}

#content .box {
  width: 340px;
  float: left;
  margin-right: 20px;
  background: url('../img/design/box-border-bottom.png') left bottom repeat-x;
}

#content .box p {
  text-align: justify;
}

#content .box.cleaner {
  font-size: 100%;
  height: auto;
}

#content .box p.short {
  margin-left: 213px;
}

#content .box h2 {
  min-height: 2em;
}

#content .box img {
  float: left;
  margin-right: 6px;
  margin-bottom: 3px;
}

#content .box img.our-team {
  float: left;
  margin-right: 6px;
  margin-bottom: 1.3em;
  /*width: 98px;*/
  height: 132px;
}


#content h1 { 
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; 
  font-size: 18pt; 
  
  color: #1e3054;
	margin: 1em 0 0.5em 0;
}

#content h2 {
	color: #1e3054;
	font-style: italic;
	margin: 1em 0 0.5em 0;
	border-left: solid 8px #ccc;
	padding-left: 10px;
}

#content h3 {
	text-transform: uppercase;
	font-size: 110%;
	margin: 1.2em 0 0.5em 0;
}

#content table {
  width: 90%;
  margin: 10px auto;
  border: solid 1px #2f2f2f;
  border-collapse: collapse;
}

#content td {
  border: solid 1px #2f2f2f;
  padding: 3px;
}

#content th {
  border: solid 1px #2f2f2f;
  padding: 3px;
  text-align: center;
  background: #eee;
  color: #1e3054;
}

#content iframe {
  border: none;
  width: 100%;
}

p, ol li {
	margin: 0 0 1em 0;
}

p.example {
  margin-left: 50px;
}

img.left {
  float: left;
  margin-right: 6px;
  margin-bottom: 3px;
}



/* footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
  color: #fff;
  background: #1a2529 url('../img/equalhousing.png') right center no-repeat;
  text-align: center;
  padding: 1em 0 0 0;
  margin: 85px 0 -10px 0;
  font-size: 80%;
}

#footer a {
  color: #fff;
  margin: 0 0.5em;
  text-transform: uppercase;
  text-decoration: none;
}

#footer a:hover, #footer a:active, #footer a:focus {
  text-decoration: underline;
}

#footer #copyright {
	background: url('../img/design/footer.png') center top no-repeat;
	padding: 0.8em 0;
}

/* forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

textarea {
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  font-size: 100%;
}

textarea, input, select {
  width: 250px;
  margin-right: 15px;
}

textarea.wide {
  width: 450px;
}

input.button, input.radio {
  width: auto;
}

input.other {
  width: 220px;
  margin-left: 30px;
}


label {
  width: 150px;
}

form {
  margin-bottom: 3em;
}

form table {
  border: none !important;
}

form td {
  border: none !important;
  padding-bottom: 10px !important;
}

form table th {
  border: none !important;
  background: none !important;
  text-align: right !important;
  padding-right: 30px !important;
  width: 150px !important;
}

form table th.wide {
  text-align: left !important;
  width: 450px !important;
}

form table th.top {
  vertical-align: top !important;
}

form p {
  width: 450px;
}






#tourindex a.active {
  font-weight: bold;
  font-size: 120%;

}

#tournavbox {
  height: 500px;
  background: none !important;
}

.tourbox {

}