/******************************************************
  LAYOUT
*******************************************************/
@import url('base.css');

#container {
	margin: 5% auto 0 auto;
	width: 727px;
	position: relative;
}

img#backgroundImage {
	position: absolute;
	top: -140px;
	left: -35px;
}

#shadow {
	background: url(../images/shadowbg.png) no-repeat left top;
	height: 503px;
}

#content {
	width: 702px;
	position: relative;
	top: 13px;
	left: 14px;
}

#title, #main, #menu {
	float: left;
	height: 477px;
}

#title {
	width: 176px;
	background: url(../images/titlebg.png) no-repeat left top;
}

#main {
	width: 320px;
	background: url(../images/mainbg.png) no-repeat left top;
	padding: 20px 15px;
	position: relative;
}

#menu {
	width: 176px;
	background: url(../images/menubg.png) no-repeat left top;
}

/******************************************************
  GRID 2, 3 AND 4 COLS
*******************************************************/
.grid-2cols, .grid-3cols, .grid-4cols {
	width: 320px;
}

.cols80 {
	width: 240px;
	float: left;
	margin-right: 10px;
	min-width: 240px;
}

.cols20 {
	width: 70px;
	float: left;
	margin-right: 10px;
	min-width: 70px;
}

.cols50 {
	width: 155px;
	float: left;
	margin-right: 10px;
	min-width: 155px;
}

.cols33 {
  width: 100px;
  float: left;
  margin-right: 10px;
  min-width: 100px;
}

.cols25 {
  width: 72px;
  float: left;
  margin-right: 10px;
  min-width: 72px;
}

.last {
  margin-right: 0;
}

/******************************************************
  DIVIDER
*******************************************************/
.divider {
	width: 350px;
	height: 10px;
	border-bottom: 1px solid #ff9133;
	position: relative;
	left: -15px;
}

/******************************************************
  MENU
*******************************************************/
#menu ul {
	margin: 110px 0 0 10px;
	padding: 0;
	list-style-type: none;
}

#menu ul li {
	padding: 2px 0;
}

#menu a {
	background: 0;
	padding: 0;
}

/******************************************************
  TITLE
*******************************************************/
#title h1 {
	background: url(../images/logo.png) no-repeat 10px 0px;
	padding: 100px 0 0 0;
  	width: 100px;
  	margin: 50px auto 0 auto;
}

#title h1 span {
	display: none;
}

/******************************************************
  MAILFORM_PLUS
*******************************************************/
.tx-thmailformplus-pi1 .formFields {
	height: 50px;
}

.tx-thmailformplus-pi1 .fieldSubmit {
	text-align: right;
}

.tx-thmailformplus-pi1 legend {
	display: none;
}

.tx-thmailformplus-pi1 label {
	display: block;
}

.tx-thmailformplus-pi1 span.error {
	color: #ffff00;
}

.tx-thmailformplus-pi1 .fieldSubmit p {
	margin: 0 0 1em 0;
	font-size: .85em;
}

.tx-thmailformplus-pi1 span.mandatory {
	font-size: .85em;
}

/******************************************************
  REFERENCE
*******************************************************/
.reference {
	margin: 1em 0;
	text-align: center;
}

.reference a {
  padding: 0;
}

.reference a:link, .reference a:visited,
.reference a:hover, .reference a:active {
  background: 0;
}

/******************************************************
  TOOLTIPS
*******************************************************/
.tip {
  width: 139px;
}

.tip-top {
	color: #fff;
	z-index: 13000;
}		 
.tip-title {
	font-weight: bold;
	font-size: .9em;
	margin: 0;
	color: #f46c00;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
}
 
.tip-text {
	font-size: .9em;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
	color:#fff;
}
.tip-text A {
	color:#069;
}

.tip-loading {
	background: url(../images/ajax_load.gif) center center no-repeat;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}

/******************************************************
  SOCIAL MEDIA
*******************************************************/
ul#socialMedia {
  margin: 0;
  list-style-type: none;
  position: absolute;
  right: 15px;
  bottom: 55px;
}

ul#socialMedia li {
  display: inline;
}

ul#socialMedia li a:link, ul#socialMedia li a:visited,
ul#socialMedia li a:hover, ul#socialMedia li a:active {
  padding: 0;
  background: none;
  display: block;
  float: left;
  margin: 0 5px;
}