/* -- SF CSS    by Damian's Design - damian@damiansdesign.com	--	*/
/* 	  Created: 	Nov 2009         									*/


/* ---------- ::Defaults:: --------------------- */

@font-face {  
	font-family: 'Chainlink';  
	src:    url("fonts/Chainlink.ttf");  
} 

html { 
	font-size: 12px; 
	background-color: #134874 ;
}

body
{
	display: block;
	color: #134874;
	font-family: 'Chainlink';
	font-size: 12px;
	line-height: 13px;
	background-color: rgb(19,72,116);
	margin: 0px;
	padding: 0px;
	/*Fallback image */
	background-image: url(images/main-bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	background-image: linear-gradient(bottom, rgb(19,72,116) 62%, rgb(10,87,84) 78%, rgb(84,139,44) 100%);
	background-image: -o-linear-gradient(bottom, rgb(19,72,116) 62%, rgb(10,87,84) 78%, rgb(84,139,44) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(19,72,116) 62%, rgb(10,87,84) 78%, rgb(84,139,44) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(19,72,116) 62%, rgb(10,87,84) 78%, rgb(84,139,44) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(19,72,116) 62%, rgb(10,87,84) 78%, rgb(84,139,44) 100%);
	border-top: 0px solid #315F13 ;
}

div.spacer {clear: both; height: 1px;}
div.spacer-med {clear: both; height: 30px;}


/* ---------- ::Typography:: ------------------- */


address, h1, h2, h3, h4, h5, h6, li, p, pre {padding: .3em ;}
h1 {font-size:2em; color: #9D854F; padding: 8px 0 0 0; letter-spacing:2px;}
h2
{
	font-size: 1.6em;
	width: 100%;
	margin: 0 0 20px 0px;
	color: #47881D;
	padding: 0 0 5px 0;
	border-bottom: 1px #47881D solid;
}
h3 {font-size:1.6em; color: #9D854F; padding: 5px 0 0 0;}
h4
{
	font-size: 15px;
	color: #47881D;
}
address  {font-size:12px;}
pre {font-size: 12px;}
blockquote {font-size: 12px; margin-left: 10px; width: 90%; font-style: italic; text-align: center;}


p {
	font-size: 12px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	line-height: 13px;
	text-align: justify;
	text-transform: none;
	letter-spacing:1px;
}

.right p {text-align: right;}

p.register {width: 88%; margin-left: 30px; font-size: 14px; line-height: 17px;}

p.emph
{
	width: 100%;
	font-size: 16px;
	color: #47881d;
	text-align: center;
	letter-spacing:2px;
}

p.thin {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	margin: -10px 0 10px 0;
	color: #47881d;
	text-align: center;
	letter-spacing:2px;
}

p.emph-aqua
{
	width: 100%;
	font-size: 16px;
	color: #47881d;
	text-align: center;
	line-height: 22px;
	letter-spacing:2px;
}

p.emph-times {
	font-size: 20px;
	width: 100%;
	text-align: center;
	letter-spacing:1px;
}
.green {color: #47881d;}

a.back {
	text-align: right;
	color: #47881d;
	text-decoration: none;
	background-image: url(images/back.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
	background-color: transparent;
}

.strong {font-weight: bold;}

a.back:hover {background-image: url(images/back-over.gif); }


span.prepaid {
	display: inline-block;
	text-align: right;
	width: 150px;
	margin: 0 10px;
	letter-spacing:2px;
}

span.shapers,
span.shapers-cost {
	display: inline-block;
	text-align: right;
	width: 100px;
	margin: 0 10px;	
	letter-spacing:2px;
}
span.shapers-cost {
	width: 200px;
}	
p.emph.plat
{
	background: url(images/plat.jpg) no-repeat;
	color: black;
	padding: 2px 0;
	border: 1px #E4E4E4 solid;
	letter-spacing:2px;
}



p.emph.gold
{
	background: url(images/gold.jpg) no-repeat;
	color: black;
	padding: 2px 0;
	border: 1px #E4E4E4 solid;
	letter-spacing:2px;
}

p.emph.silver
{
	background: url(images/silver.jpg) no-repeat;	
	color: black;
	padding: 2px 0;
	border: 1px #E4E4E4 solid;
	letter-spacing:2px;
}

p.emph.fiftyfive
{
	background: url(images/55.jpg) no-repeat;	
	color: white;
	padding: 2px 0;
	border: 1px #E4E4E4 solid;
	letter-spacing:2px;
}

p.emph.tomorrow
{
	background: url(images/tomorrow.jpg) no-repeat;	
	color: white;
	padding: 2px 0;
	border: 1px #E4E4E4 solid;
	
}

p.emph.blue
{
	background: url(images/blue.jpg) no-repeat;	
	color: white;
	padding: 2px 0;
	border: 1px #E4E4E4 solid;
}

.kidz-blue 	{ color: #1CBEEF; }

.kidz-red 	{ color: #ED1E27; }


/* ---------- ::Links:: ------------------------ */

a {text-decoration: underline; color: #47881d;}
a:hover {text-decoration: none; color: #134874;}
a:visited {text-decoration:none; }
a:active, a:focus {
text-decoration:none;
outline:none;
}
a img {border:none;}


#fru_slide_link a {
	display: block;
	width: 900px;
	height: 270px;
}

/* ---------- ::Layout:: --------------------- */


#wrap {
	position: relative;
	width: 1100px;
	top: 0px;
	margin: 0 auto;
	z-index: 0;
}

.buffer
{
	width: 100%;
	height: 35px;
	background-image: url(images/buffer.jpg);
	background-repeat: repeat-x;
}

/* ---------- :: Header :: ------------------- */

#header {
	position: relative;
	top: 0px;
	left: 95px;
	z-index: 9;
	height: 147px;
	width: 910px;
}

#head-bg img{
	position: absolute;
	z-index: 10;
}


div#vivo
{
	position: absolute;
	top: 0px;
	right: 155px;
	z-index: 100;
	width: 190px;
	height: 40px;
/*
	background-image: url(images/vivo.png);
	background-repeat: no-repeat;
	background-position: center top;
*/
	padding-top: 0px;
}


/*
div#vivo:hover {
	background-image: url(images/vivo-down.png);
}


div#vivo a {
	position: relative;
	margin: 0px 0 0 40px;
	padding-top: 8px;
	color: #ffffff;
}

div#vivo a:hover { color: #D7FFDC; }
*/

#call {
	position: absolute;
	top: 40px;
	right: 45px;
	z-index: 10;
}

#head_slogan {
	position: absolute;
	top: 10px;
	left: 160px;
	width: 450px;
	font-size: 26px; line-height: 29px;
	color: #134874;
	z-index: 10;
}	

/* ---------- :: Nav :: ---------------------- */

#nav {
	position: absolute;
	width: 910px;
	height: 48px;
	top: 115px;
	z-index: 5;
}

ul#menu
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 580px;
	height: 48px;
	float: left;
	margin-left: 5px;
	padding: 0px;
}

ul#menu li
{
	display: block;
	color: #FFF;
	float: left;
	width: 110px;
	height: 48px;
	margin: 0 2px;
	padding: 0;
	background-image: url(images/tab.png);
	background-position: center bottom;
	list-style-type: none;
	text-align: center;
	background-repeat: no-repeat;
	font-size: 13px;
	line-height: 55px;
	letter-spacing:1px;
}

ul#menu li.first {margin-left: 5px;}

ul#menu, ul#menu-ext, li a {
	color: #fff;
	text-decoration: none;
}

ul#menu, ul#menu-ext, li a:hover
{
	color: #A1D712;
	text-decoration: none;
}

ul#menu li:hover {
	background-image: url(images/tab.png);
	background-position: center 2px;

}


ul#menu-ext {
	position: absolute;
	top: 0px;
	left: 600px;
	margin-left: 0px;
	width: 310px;
	float: left;
	margin-left: 5px;
	padding: 0px;
}

ul#menu-ext li
{
	display: block;
	color: #FFF;
	float: left;
	width: 145px;
	height: 48px;
	margin: 0 2px;
	padding: 0;
	background-image: url(images/tab-lng.png);
	background-position: center bottom;
	list-style-type: none;
	text-align: center;
	background-repeat: no-repeat;
	font-size: 13px;
	line-height: 55px;
	letter-spacing:1px;
}


ul#menu-ext li:hover {
	background-image: url(images/tab-lng.png);
	background-position: center 2px;

}

ul#menu-ext  li#reg
{
	background-image: url(images/tab-lng-reg.png);
	background-position: center bottom;
}

ul#menu-ext li:hover#reg {
	background-image: url(images/tab-lng-reg.png);
	background-position: center 2px;

}

ul#menu, ul#menu-ext, li a.active
{
	color: #A1D712;
	text-decoration: none;
}


ul#menu li.active {
	background-image: url(images/tab.png);
	background-position: center 2px;
}

ul#menu-ext li.active {
	background-image: url(images/tab-lng.png);
	background-position: center 2px;

}

ul#menu-ext li #reg.active {
	background-image: url(images/tab-lng-reg.png);
	background-position: center 2px;

}

/* ---------- :: Logo :: ---------------------- */

#logo {
	position: absolute;
	top: 5px;
	left: 25px;
	z-index: 15;
}

#winner {
	position: absolute;
	top: 50px;
	right: 340px;
	z-index: 15;
}

/* ---------- :: Slide Panel :: ---------------------- */

#slider {
	position: relative;
	display: block;
	top: 50px;
	width: 900px;
	height: 270px;
	border: 1px solid white;
	z-index: 10;
	margin: 0 auto;
	overflow: hidden;
}

#slider-nav
{
	position: relative;
	top: 50px;
	width: 910px;
	height: 62px;
	background-image: url(images/slide-nav.png);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 10;
}

#scroll {
	position:relative;
	top: 50px;
	margin: 0 auto;
	height:360px;
	overflow:hidden;
	width:900px;
	padding: 0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

#tools {
	width:9999em;
	position:absolute;
	height:270px;
}




.tool {
	float:left;
	width:900px;
	height:270px;
	background-repeat:no-repeat;
	background-position:0 -40px;
}

.details
{
	display: none;
	background-color: #fff;
	color: #666;
	float: left;
	font-size: 20px;
	margin: 270px 0 0 0;
	padding: 0;
	width: 425px;
	height: 50px;
}

.demos {
	background-color:rgba(0, 0, 0, 0.7);
	border-left:1px solid #ddd;
	float:right;
	height:270px;
	padding:0 25px;
	width:272px;
	overflow: hidden;
	color: #fff;
}

.left {
	float: left;
	border-right:1px solid #ddd;
	border-left:none;
}


.demos h2
{
	color: #fff;
	font-size: 22px;
	display: block;
	padding: 10px 0;
	border-bottom: 1px #7CEE32 solid;
}

.slider-link {
 	display: block; 
 	width: 100%; 
 	height: 30px; 
 	position: relative; 
 	text-align: right; 
 	margin: 40px 0 0 0;
}

.minus-20 {
	margin-top: 20px;
}

.demos a {
	color: #fff;
	text-decoration: none;
	background-image: url(images/go.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
	font-size: 14px;
}

.demos a:hover {background-image: url(images/go-over.png); text-decoration: underline;}


.demos p {
	font-size: 16px;	
}

.demos ul
{
	list-style-type: square;
	color: #fff;
	width: 260px;
	margin-bottom: 20px;
}

.demos li
{
	font-size: 14px;
	line-height: 26px;
	padding: 0px;
	margin: 0px 0 0 -25px;
}


#thumbs
{
	height: 90px;
	position: absolute;
	top: 271px;
	width: 900px;
	left: 0px;
	overflow: hidden;
	background-image: url(images/slide-nav.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.t a {
	background:transparent url(images/thumbs-main.gif) no-repeat scroll 0px -90px;
	margin-left: 5px;
	display:block;
	width:105px;
	float:left;
	height:70px;
	cursor:pointer;
}

.t a.active {
	cursor:default !important;
}

.navi {
	margin-left: 5px;
	width: 900px;
	_margin-left:5px;
}


div.group-right {
	position: relative;
	display: block;
	width: 200px;
	height: 90px;
	float: right;
	right: 0px;
	top: 180px;
}

/* CSS sprite for the navigation */
#t0 		  { margin-left:10px; _margin-left:10px;}
#t0.active { background-position:-21px 0 !important; }
#t0:hover  { background-position:-21px -180px; }
#t0:active { background-position:-21px -270px; }

#t1			{ background-position: -10px -90px; }
#t1:hover 	{ background-position:-10px -180px; }
#t1:active	{ background-position:-10px -270px; }
#t1.active	{ background-position:-10px 0 !important; }

#t2			{ background-position:-125px -90px; }
#t2:hover 	{ background-position:-125px -180px; }
#t2:active	{ background-position:-125px -270px; }
#t2.active	{ background-position:-125px 0 !important; }

#t3			{ background-position:-235px -90px; }
#t3:hover 	{ background-position:-235px -180px; }
#t3:active	{ background-position:-235px -270px; }
#t3.active	{ background-position:-235px 0 !important; }

#t4			{ background-position:-345px -90px; }
#t4:hover 	{ background-position:-345px -180px; }
#t4:active	{ background-position:-345px -270px; }
#t4.active	{ background-position:-345px 0 !important; }

#t5			{ background-position:-455px -90px; }
#t5:hover 	{ background-position:-455px -180px; }
#t5:active	{ background-position:-455px -270px; }
#t5.active	{ background-position:-455px 0 !important; }

#t6			{ background-position:-565px -90px; }
#t6:hover 	{ background-position:-565px -180px; }
#t6:active	{ background-position:-565px -270px; }
#t6.active	{ background-position:-565px 0 !important; }

#t7			{ background-position:-675px -90px; }
#t7:hover 	{ background-position:-675px -180px; }
#t7:active	{ background-position:-675px -270px; }
#t7.active	{ background-position:-675px 0 !important; }

#t8			{ background-position:-785px -90px; }
#t8:hover 	{ background-position:-785px -180px; }
#t8:active	{ background-position:-785px -270px; }
#t8.active	{ background-position:-785px 0 !important; }

/* ---------- :: Content :: ---------------------- */

#button-wrap {
	width: 910px;
	margin: 0 auto;
}

#banner {
	display: block;
	position: relative;
	width: 910px; 
	height: 100px;
	margin: 50px auto -40px auto;
	padding: 0px;
}

.buttons {
	position: relative;
	height: 140px;
	width: 225px;
	display: inline-block;
	float: left;
	top: 50px;
	z-index: 10;
	padding-left: 2px;
}

#twitter-feed {
	position: relative;
	height: 140px;
	width: 450px;
	display: inline-block;
	float: left;
	top: 50px;
	z-index: 10;
	padding-left: 5px;
	padding-top: 18px;
}

#twitter-feed div.twtr-hd {
	display: none;
}

#content {
	position: relative;
	width: 910px;
	height: auto;
	margin: 0px;
	padding-bottom: 20px;
	padding-top: 20px;
	background-color: #FFF;
}


#main-pane
{
	position: relative;
	top: 50px;
	margin: 0 auto 20px auto;
	height: 510px;
	background-image: url(images/main-pane-bg.png);
	overflow: hidden;
	width: 900px;
	padding: 0px;
	clear: both;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
}

#main-pane-top
{
	position: relative;
	top: 50px;
	margin: 0 auto;
	height: 28px;
	background-image: url(images/main-pane-top.png);
	width: 900px;
	padding: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	clear: both;
}

#main-pane-mid
{
	position: relative;
	top: 28px;
	margin: 0 auto;
	min-height: 480px;
	background-image: url(images/main-pane-mid.png);
	width: 900px;
	padding: 0px;
	background-color: transparent;
	background-repeat: repeat-y;
	background-position: center center;
	clear: both;
}

#main-pane-bott
{
	position: relative;
	top: 24px;
	margin: 0 auto 0px auto;
	height: 24px;
	background-image: url(images/main-pane-bott.png);
	width: 900px;
	padding: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	clear: both;
}


#pane-right {
	position: relative;
	width: 420px;
	top: 10px;
	right: 10px;
	float: right;
	height: auto;
	display: block;
}

.right-img
{
	display: block;
	width: 400px;
	margin: 0 auto 15px auto;
}

.fac-img
{
	display: block;
	margin: 0 auto 14px auto;
}

#txt-wrap
{
	position: relative;
	display: block;
	margin: 20px 17px 17px 17px;
	width: 420px;
	
}

.left-img
{
	position: relative;
	width: 400px;
	display: block;
	margin: 0 auto 10px auto;
}

img.center
{
	display: block;
	margin: 0 auto 20px auto;
}

ul
{
	list-style-type: square;
	color: #47881d;
	width: 390px;
	margin-bottom: 20px;
}

li { line-height: 18px; padding: 0px; margin: 0px 0 0 -15px; letter-spacing:1px;}

table#times  {
	display: block;
	position: relative;
	width: 380px;
	border: none;
	margin: 10px auto;
}


#times td {
	padding: 1px;
	text-align: center;
	background-color: #47881d;
	width: 200px;
	height: 20px;
	color: #fff;
	letter-spacing:2px;
}

#times td.col1 {
	background-color: #134874;
	color: #fff;
	width: 180px;
	height: 20px;
}


table#kidz
{
	display: block;
	position: relative;
	width: 98%;
	border: none;
	margin: 10px auto 20px auto;
}

#kidz .col1 {
	text-align: right;
	padding-right: 10px;
}
#kidz th {
	text-align: center;
	color: white;
	background-color:#134874;
	height: 20px;
	letter-spacing:2px;
}

#kidz td {vertical-align: top; letter-spacing:1px;}

#kidz tr.a { background-color: #F0FFEC; }
#kidz tr.b { background-color: #EFEDFF; }


table#shapers  {
	display: block;
	position: relative;
	width: 420px;
	border: none;
	margin: 10px auto 20px auto;
}


#shapers td {
	padding: 5px;
	text-align: center;
	background-color: #47881d;
	width: 50%;
	height: 20px;
	color: #fff;
	font-size: 12px;
	letter-spacing:2px;
}

#shapers td.col1 {
	background-color: #134874;
	color: #fff;
	width: 150px;
	height: 20px;
}


#news
{
	position: relative;
	width: 65px;
	height: 70px;
	z-index: 30;
	top: 0px;
	left: 320px;
}

#social
{
	width: 500px;
	height: 400px;
	background-image: url(images/social-bg.jpg);
	background-repeat: no-repeat;
}

#boot-vid
{
	width: 700px;
	height: 420px;
}

#boot-vid .video {
	width: 640px;
	position: relative;
	margin: 20px 0 0 30px;
}

div#fb  {
	display: block;
	position: relative;
	float: left;
	top: 220px;
	left: 30px;
}

div#twit {
	display: block;
	position: relative;
	float: left;
	top: 220px;
	left: 90px;
}

div#youtube {
	display: block;
	position: relative;
	float: left;
	top: 250px;
	left: 160px;
}


div#follow {
	width: 910px;
	clear: both;
	position: relative;
	margin: 0px auto;
	top: 80px;
}

#follow p {
	font-size: 24px;
	color: #fff;
	text-align: center;
	padding: 0px;
}

#follow img {padding-right: 10px;}

.link  {
	text-decoration: none;
	background-image: url(images/go.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
}

.link:hover {background-image: url(images/go-over.png); text-decoration: none;}

a.no-link {background-image: none;}

#register
{
	width: 500px;
	height: 320px;
	background-image: url(images/register-bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}


.trial-download
{
	width: 420px;
	height: 120px;
	display: block;
	margin: 10px auto;
	background-image: url(images/free-trial.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.trial-download-lock
{
	width: 420px;
	height: 120px;
	display: block;
	margin: 10px auto;
	background-image: url(images/free-trial-locked.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.trial-download a
{
	font-size: 32px;
	line-height: 150px;
	margin: 0px 0 0 20px;
	text-decoration: none;
	color: #134874;
	text-shadow: 0 1px 0px #B7E37D;
}

.trial-download a:hover {
	color: #fff;
}

.almost_done {
	border: 1px solid #fff;
	background-color: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 10px;
}

#audioPlayer {float: right; margin: 0 10px 0 20px;}

/* ----------------Form Elements---------------- */
form
{
	margin: 10px 15px 10px 0;
	padding: 10px;
	border: 1px #E6E6E6 solid;
	background-color: #F7F7F7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family: 'Chainlink';
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input
{
	padding: 2px;
	border: 1px solid #D0D0D0;
	background-color: #fff;
	color: #373435;
	font-family: "Chainlink", Tahoma, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input:hover { background-color: #EDFFE8; }

textarea {
	width:390px;
	padding:2px;
	font: normal 1em "Chainlink", Tahoma, sans-serif;
	border:1px solid #D0D0D0;
	background-color: #fff;
	height:100px;
	display:block;
	color:#373435;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

textarea:hover { background-color: #FBFBFB; }

input.button { 
	margin: 0 0 0 300px; 
	font: bold 1em Arial, Sans-serif; 
	background: #FFF url(images/gradientbg.jpg) repeat-x; 
	padding: 2px 3px; 
	color: #333;	
	border: 1px solid #DADADA;	
}

input.button:hover { 
	margin: 0 0 0 300px; 
	font: bold 1em Arial, Sans-serif; 
	background: #FFF url(images/gradientbghov.jpg) repeat-x; 
	padding: 2px 3px; 
	color: #333;	
	border: 1px solid #DADADA;	
}

#sign-up {
	position: absolute;
	top: 55px;
	left: 20px;
	width: 200px;
	height: 130px;
	z-index: 25;
	
}

#sign-up-contact
{
	position: relative;
	float: left;
	top: 0px;
	left: 20px;
	width: 360px;
	min-height: 90px;
	z-index: 15;
}

#sign-up-register
{
	position: relative;
	float: left;
	top: 100px;
	left: 20px;
	width: 360px;
	min-height: 140px;
	z-index: 15;
}

form.sign-up-butt {
	width: 98%;
	min-height: 90px;
	padding: 5px;
	border: none;
	background: none;
	font-size: 10px;
}



form.sign-up-butt.contact {
	background-image: url(images/news.png);
	background-repeat: no-repeat;
	background-position: right center;
}

form.sign-up-butt label  {
	font-size: 11px;
	width: 40px;
	color: #134874;
	float: left;
	margin-right: 5px;
	text-align: right;
}

form.sign-up-butt input  {
	font-size: 11px;
	color: #134874;
	display: block;
	width: 120px;
}

form.sign-up-butt.contact input  {
	width: 220px;
}

form.sign-up-butt.register input  {
	width: 220px;
}

form.sign-up-butt input.button {
	width: 60px;
	position: relative;
	padding: 1px 3px; 
	top: 2px;
	left: 67px;
	margin: 0px;
	background-color: #47881d ; 
	color: #fff;

}

form.sign-up-butt.contact input.button {
	width: 80px;
	left: 147px;
	top: 6px;
}

form.sign-up-butt.register input.button {
	width: 80px;
	left: 147px;
	top: 6px;
}

form.sign-up-butt input.button:hover {
	background-color: #134874 ; 
	padding: 1px 3px; 
	color: #333;	
	border: 1px solid #DADADA;	
	color: #fff;

}

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


#footer
{
	width: 910px;
	height: 90px;
	position: relative;
	top: 80px;
	display: block;
	margin: 0 auto;
	border-top: 1px #195F99 solid;
}

#footer p {
	color: #fff;
	padding: 5px;
	width: 445px;
	float: left;
}

#footer p.credits {
	text-align: right;
	position: relative;
}

#footer a {color: #fff;}

#footer a:hover { color: #2284D5; }

/* ---------- :: jQuery Tools CSS :: --------------------- */

.tooltip
{
	display: none;
	position: relative;
	height: 380px;
	padding: 10px;
	width: 650px;
	z-index: 20;
/*
	background-image: url(images/black_arrow_big.png);
	background-repeat: no-repeat;
	background-position: center center;
*/
} 
 




#sliderWrap {
margin: 0 auto;
width: 300px;
}
#slider {

position: absolute;
background-image:url(slider.png);
background-repeat:no-repeat;
background-position: bottom;
width: 300px;
height: 159px;
margin-top: -141px;
}
#slider img {
border: 0;
}
#sliderContent {
margin: 50px 0 0 50px;
position: absolute;
text-align:center;
background-color:#FFFFCC;
color:#333333;
font-weight:bold;
padding: 10px;
}
#openCloseWrap {
position:absolute;
margin: 143px 0 0 120px;
font-size:12px;
font-weight:bold;
}