/*----Universal Items----*/

* {
	padding: 0;
	margin: 0;
	border: 0;
	outline:0;
	text-decoration:none;
}
html, body {
	min-height: 100%;
	padding-bottom: 1px;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background:#fff url(bg.gif) repeat-x;
	color:#6e6e6e;
}
.landing{
	text-align:center;
	padding:20px 0 0;
}
h1 img{
	margin:0 0 0 20px;
	vertical-align:top;
}
input,
textarea {
	font-family:Arial, Helvetica, sans-serif;
	color:#6b6b6b;
}
.hl1,
.hl2,
.hl3,
.hl4,
h1,
h2,
h3,
h4,
p,
ul,
ol { /*-- Setting bottom margin globly will be good to get similer gaps between elements --*/
	margin-bottom:20px;
}
#cnt p,
#cnt ul,
#cnt ol,
#rgt_clm p,
#rgt_clm ul,
#rgt_clm ol,
#rgt_clm p,
#rgt_clm ul,
#rgt_clm ol{
	line-height:16px;
}
h1{
	color:#0553d0;
	text-transform:uppercase;
	font:normal normal 2.2em "myriad Pro";
}
h1 span{
	color:#d5020a;
}
.landing h1{
	font-size:2.5em;
	font-weight:bold;
}
.landing h1.red{
	color:#C60C14;
}
.landing h1.purple{
	color:#9900CC;
}
h2{
	font:normal bold 1.4em Verdana, Geneva, sans-serif;
	color:#666;
}
.frm h2{
	float:left;
	margin:20px 0;
}
p {
	font-size:1.2em;
}
a:link,
a:visited{
	color:#0553d0;
}
/*----Structure----*/

#top{
	width:952px;
	height:73px;
	background:#fff url(header.gif);
}
.call{
	font-size:11px;
	float:right;
	margin:5px 20px;
}
.call span{
	color:#e50a13;
	font-size:16px;
	font-weight:bold;
}
#join{
	width:183px;
	height:36px;
	position:absolute;
	top:332px;
	right:38px;
	z-index:500;
}
#controller {
	width:952px;
	margin:0 auto 20px;
	overflow:hidden;
	position:relative;
	background:url(mid.gif) repeat-y;
}
#main{
	width:952px;
	float:left;
	background:url(sep2.gif) repeat-y 645px 0;
}
#header{
	background: url(head.jpg) no-repeat;
	float:left;
	width:952px;
	height:205px;
	text-align:center;
}
#logo{
	position:absolute;
	top:16px;
	left:12px;
}

/*----- Content Items ------*/

#cnt{
	width:690px;
	float:left;
	padding:20px 10px 10px 10px;
	position:relative;
}
#cnt ul,
#col_rgt ul{
	list-style:none;
	font-size:1.2em;
	overflow:hidden;
}
#cnt ul li,
#col_rgt ul li{
	padding:7px 0 0 20px;
	background:url(bullet.gif) 0 10px no-repeat;
}
#bot{
	width:952px;
	height:16px;
	background:url(bot.gif);
	font-size:1px;
	float:left;
}
.sep{
	height:1px;
	width:100%;
	font-size:.001em;
	clear:both;
	float:left;
	border-bottom:1px solid #e9e9e9;
	margin:8px 0;
}


/*----- Right Column ------*/

#rgt_clm{
	width:220px;
	float:right;
	padding:20px 10px 10px;
	position:relative;
}
#navi_rgt{
	list-style:none;
	overflow:hidden;
	width:220px;
	background:url(nav_top.gif) no-repeat;
	padding:41px 0 0;
	margin:0 0 20px;
}
#navi_rgt ul{
	list-style:none;
	font-size:1.2em;
	overflow:hidden;
	width:200px;
	background:url(nav_mid.gif);
	padding:0 10px;
	margin:0;
}
#navi_rgt .bot{
	font-size:.002em;
	width:220px;
	height:10px;
	background:url(nav_bot.gif);
}
#navi_rgt ul li{
	background:url(sep.gif) repeat-x bottom;
}
#navi_rgt ul li a:link,
#navi_rgt ul li a:visited,
#navi_rgt ul li span{
	padding:4px 0 4px 15px;
	background:url(arow.gif) 0 12px no-repeat;
	display:block;
	color:#6e6e6e;
}
#navi_rgt ul li a:hover,
#navi_rgt ul li span{
	color:#0553D0;
}
#navi_rgt ul ul{
	font-size:1em;
	width:180px;
	background:none;
	padding:0 0 0 20px;
}

/*----- Main Navi------*/

#navi{
	float:left;
	width:952px;
	background:url(bg-nav.gif) top;
}
#navi ul {
	list-style:none;
	width:908px;
	float:left;
	margin:0;
}
#navi ul li {
	float:left;
	padding:0 2px 0 0;
	background:url(sep.gif) no-repeat right;
}
#navi ul li a:link,
#navi ul li a:visited,
#navi ul li span{
	padding:14px 15px 0;
	float:left;
	font:normal normal 1.3em Verdana;
	height:28px;
	color:#fff;
	display:block;
	background:url(bg-nav.gif) top;
	text-transform:uppercase;
}
#navi ul li a:hover,
#navi ul li span{
	background:#1164ab url(bg-nav-hover.gif) no-repeat top center;
}

/*-------- Left Column --------*/

#col_rgt {
	float: right;
	height:auto;
	padding:30px 20px 10px;
	width: 215px;
	position:relative;
}

/*----Redaxo Elements----*/

div.cnt-blck { /* textile is putting it's output in such blocks */
	clear:both;
}
p.image span { /* picture description text */
	font-size:0.8em; /*define some small font size */ 
	float:none;
	padding:10px 0pt 0pt;
	display:block;
}
.fl-left { /* can be added as class on image divs for left alignment */
	float: left;
	margin: 3px 20px 0 0;
}
.fl-right { /* can be added as class on image divs for right alignment */
	float: right;
	margin: 3px 0 0 10px;
}
.txt-algn-left {
	text-align:left;
}
.txt-algn-rght {
	text-align:right;
}
.txt-algn-cntr,
.algn-center { /* can be added as class on image divs for centered images */
	text-align:center;	
}
.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}
.hidden {
       display:none;
}


/*----Form----*/


.frm {
	float: left;
	width: 515px;
	padding:0 0 0 30px;
}
.frm input,
.frm textarea,
.frm select{
	border: solid 1px #777;
	padding:2px 2px 0 5px;
	float:left;
	margin:5px 0;
	font:normal normal 1em tahoma;
	width:250px;
	height:16px;
	background:transparent;
}
select.select{
	height:auto;
}
.frm textarea {
	width:250px;
	height: 100px;
}
.frm label,
.frm p.radio span,
.frm p.checkbox span {
	width:250px;
	display:block;
	float:left;
	margin:5px 5px 0 0;
	font-size: 1em;
	text-align:right;
}
.frm input.missing,
.frm textarea.missing {
	background-color:#FFFFFF;
	border:2px solid #fcb913;
}
.frm p {	
	margin-bottom:0px !important; /* the !important is required, otherwise IE overrides it */
	margin-top:0px !important;
}
.frm p.fsbmt input {
	margin:5px 0 0 0;
	margin-top:10px;
	width:auto;
	height:auto;
	border:none;
	background:none;
	padding:0px;
	float:right;
}
.frm p.radio input,
.frm p.checkbox input,
.frm p.radio label,
.frm p.checkbox label,
div.rad_box label,
div.rad_box input{
	width:auto;
	height:auto;
	border:none;
	margin: 0 10px 10px 0;
}

div.rad_box label{
	width:220px;
	font-size:1.1em;
	margin-right:5px;
	text-align:left;
}
div.rad_box input{
	margin:0 5px 0 0;
}
.rad_box{
	width:250px;
	float:left;
	margin:5px 0 0;
}
.frm p input.radio{
	margin: 10px 10px 0 0;
}

/*----- Footer ----*/

#ftr{
	width:932px;
	padding:10px 10px 0;
	background:url(footer.gif) repeat-x bottom;
	color:#000;
	font-size:1.2em;
	height:70px;
	margin:0 auto;
}
#ftr img{
	float:left;
	margin:6px 0 0;
}
#ftr a:link,
#ftr a:visited,
#ftr span{
	color:#000;
}
#ftr ul{
	list-style:none;
	background:url(bg-navi.jpg) top;
	float:right;
	margin-bottom:0;
}
#ftr li{
	list-style:none;
	float:left;
}
#ftr li a:link,
#ftr li a:visited,
#ftr li span{
	padding:8px 15px 5px;
	display:block;
	color:#000;
	font: normal normal 10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#ftr li a:hover,
#ftr li a:focus,
#ftr li span{
	text-decoration:underline;
}
#ftr .copy{
	float:right;
	clear:right;
	font-size:11px;
	padding:0 15px;
}
#ftr .lft{
	float:left;
}
#ftr .lft p{
	float:left;
	font-size:11px;
	padding:10px;
}

/*	SLIDER */


#slideshow {
    position:relative;
    height:216px;
}
.landing #slideshow {
    margin-left:20px;
}
#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    display: block;
    border: 0;
    margin-bottom: 10px;
}

#slideshow a:link,
#slideshow a:visited{
	width:293px;
	height:200px;
	display:block;
	position:absolute;
	z-index:20;
	top:0;
}
.link1{
	left:0;
}
.link2{
	left:295px;
}
.link3{
	left:591px;
}
#slideshow a:link span,
#slideshow a:visited  span{
	background:#990209;
	vertical-align:middle;
	width:100%;
	text-align:center;
	display:block;
	color:#fff;
	font-size:20px;
	font-family:"myriad Pro";
	margin-top:140px;
	opacity:.7;
	filter:alpha(opacity=70);
	padding:15px 0;
}
#slideshow a:hover span{
	background:#0553D0;
}

/*-- Special Boxes --*/

.sp_bx{
	width:690px;
	background:url(mid_cont.jpg);
	margin:0 0 30px;
	padding:20px 0 0 0;
	position:relative;
	float:left;
}
#cnt .sp_bx ul{
	float:left;
	font-size:16px;
	font-weight:bold;
}
#cnt .sp_bx ul li{
	margin-bottom:20px;
}
.sp_bx img{
	float:left;
}
.sp_bx .col1{
	float:left;
	width:240px;
	padding:10px 20px 0 0;
}
.sp_bx .col2{
	float:left;
	width:430px;
	padding:35px 0 0 0px;
}
#start{
	display:block;
	position:absolute;
	height:46px;
	position:absolute;
	right:18px;
	top:263px;
	width:257px;
}

/*-- Scroller --*/


.Container {
  position: absolute;
  top: 20px; 
  left: 43px;
  width: 280px;
  height: 280px;
  background: #FFF;
}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 280px;
  height: 280px;
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
#Scrollbar-Container {
  position: absolute;
  top: 20px; 
  left: 10px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
.Scrollbar-Track {
  width: 13px; 
  height: 250px;
  position: absolute;
  top: 17px; 
  left:0;
  background:#d6d6c4;
}
.Scrollbar-Handle {
  position: absolute;
  width: 13px; height: 29px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 267px;
}
.box_top{
	width:360px;
	float:right;
	margin:15px 0 0;
	color:#000;
	font-size:11px;
}