/* Tripmi.ie Public Styles 25/03/09 */




body{
background: #f4f7f0 url('../images/bodybg_mar.gif') top left repeat-x;
margin: 0;
padding: 0;
}

/* Blue #009AC8 */
/* Green #327C2C */
/* Light Blue #E4F5FA */
/* Medium Blue #CCECF5 */


h1#homeLogo{
background: url('../images/homelogo.gif') top left no-repeat;
width: 160px;
height: 80px;
display: block;
text-indent: -2999em;
padding: 0;
margin: 0;
}

h3{
color: #009AC8;
font-weight: bold;
}

h4{
color: #327C2C;
font-weight: bold;}

a{
color: #327c2c;
font-weight: bold;
}

a:hover{
color: #009ac8;
}

a.current{
color: #009ac8; }

p.greenIntro{
color: #327c2c;
font-size: 120%;}

#header{
background: #e4f5fa;
}



#info-nav ul{
list-style: none;
margin: 0;
padding: 0;
float: right;
}

#info-nav ul li{
float: left;
display: inline;
padding-right: 10px;}


#sub-nav{
margin-bottom: 30px;}

#login-signup-container {
float:right;
width:141px;
}
#login-signup-container ul {
list-style-type:none;
margin:0;
padding:0;
}
#login-signup-container ul li {
float:left;
padding-left:5px;
}
#login-signup-container ul li i {
display:none;
}
#login-signup-container ul li.signup {
margin:4px 13px 0 0;
padding:0;
}
#login-signup-container ul li.signup a {
background:transparent url('../images/signup.gif') no-repeat scroll 0 0;
display:block;
height:21px;
width:78px;
}
#login-signup-container ul li.signup a:hover {
background:transparent url('../images/signup.gif') no-repeat scroll 0 100%;
}
#login-signup-container ul li.login {
margin:4px 0 0;
padding:0;
}
#login-signup-container ul li.login a {
background:transparent url('../images/login.gif') no-repeat scroll 0 0;
display:block;
height:21px;
width:50px;
}
#login-signup-container ul li.login a:hover {
background:transparent url('../images/login.gif') no-repeat scroll 0 100%;
}

/* Slider styles */
#slider {
  width: 820px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 10px;
}

.scroll {
  height: 210px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 0;
  height: 220px;
  width: 820px; /* change to 560px if not using JS to remove rh.scroll */
  padding-left: 2px;
}

#step1text{
background: url("../images/step1.gif") top left no-repeat;
padding-left: 40px;
height: 175px;
}
#step2text{
background: url("../images/step2.gif") top left no-repeat;
padding-left: 40px;
height: 175px;
}
#step3text{
background: url("../images/step3.gif") top left no-repeat;
padding-left: 40px;
height: 175px;
}
#step4text{
background: url("../images/step4.gif") top left no-repeat;
padding-left: 40px;
height: 175px;
}

#step1text h4,
#step2text h4,
#step3text h4,
#step4text h4{
margin-bottom: 5px;
}


#step1text p,
#step2text p,
#step3text p,
#step4text p{
font-weight: bold;
color: #666;}


#bluebanner{
height: 80px;
margin-bottom: 20px;
margin-top: 10px;
text-align: center;
}

#bluebanner a.joinfreeBlue{
background: url('../images/joinbanner.gif') top left no-repeat;
width: 807px;
height: 80px;
display: block;
text-indent: -9999em;
}

#bluebanner a.joinfreeBluehome{
background: url('../images/bluebannerhome.gif') top left no-repeat;
width: 807px;
height: 80px;
display: block;
text-indent: -9999em;
}


.homeFeatures img{
border: 1px solid #009ac8;
}

ul#slide1btns{
width: 400px;
padding: 0;
margin: 0;
list-style: none;}

ul#slide1btns li{
float: left;
display: inline;
margin-right: 10px;
}

a#joinforfree{
background: url('../images/joinforfree.gif') 50% 50% no-repeat;
height: 30px;
width: 170px;
display:block;
text-indent: -9000em;
}
a#howItworks{
background: url('../images/howitworksbtn.gif') 50% 50% no-repeat;
height: 30px;
width: 170px;
display:block;
text-indent: -9000em;
}

h3#tripmiIntro{
background: url('../images/tripmi_intro.gif') top left no-repeat;
height: 120px;
width: 400px;
text-indent: -2999px;
}
h3#carpoolsIntro{
background: url('../images/carpoolsintro2.gif') top left no-repeat;
height: 120px;
width: 400px;
text-indent: -2999px;
}
h3#groupssIntro{
background: url('../images/groupsintro.gif') top left no-repeat;
height: 120px;
width: 400px;
text-indent: -2999px;
}
h3#eventsIntro{
background: url('../images/eventsintro.gif') top left no-repeat;
height: 120px;
width: 400px;
text-indent: -2999px;
}
h3#businessIntro{
background: url('../images/businessintro.gif') top left no-repeat;
height: 120px;
width: 400px;
text-indent: -2999px;
}


ul.demoScreens{
display:block;
height: 100px;
list-style:none;
padding: 0;
}
ul.demoScreens li{
float: left;
width: 170px;
padding: 20px 0px;
}

ul.demoScreens li a img{
outline:none;
border:0;
text-decoration:none;
}

:link img {
  border: none;
}

.demoNav{
clear:both;
width: 360px;
height: 30px;
text-align: center;
margin-left: 40px;
}

.demoNav ul{
list-style: none;
padding: 0;
margin:0;
height:30px;
display:block;

}

.demoNav ul li{
float: left;
display:inline;
}
.demoNav ul li a{
outline: none;
}

.nextLink{
margin-left: 200px;
}
.prevLink a{
	width:62px;
	height: 24px;
	display:block;
	background: url("../images/prevbtn.gif") top left no-repeat;
	text-indent:-2999em;
}

.prevLink a:hover{
	background: url("../images/prevbtn.gif") bottom left no-repeat;
}

.nextLink a{
	width:62px;
	height: 24px;
	display:block;
	background: url("../images/nextbtn.gif") top left no-repeat;
	text-indent:-2999em;
}
.nextLink a:hover{
	background: url("../images/nextbtn.gif") bottom left no-repeat;
}


ul.joinFeatures {
	list-style:none;
	padding: 0;
	margin: 0;
	display:block;
	position:relative;
	margin-right: 20px;
}

ul.joinFeatures li {
	padding-left: 55px;
}

ul.joinFeatures li h5{
	font-size:120%;
	color: #387c2c;
	padding-bottom: 5px;
	margin-bottom: 0;
}

ul.joinFeatures li p{
	font-size:95%;
	color: #009ac8;
	line-height: 130%;
	font-weight: bold;
}

#reasonCosts,
#reasonEnviro,
#reasonTraffic{
	padding-left: 60px;
	padding-bottom: 10px;
}

#reasonCosts{
	background: url("../images/reasoncosts.gif") top left no-repeat;
}
#reasonTraffic{ 
	background: url("../images/reasontraffic.gif") top left no-repeat;
}

#reasonEnviro{ 
	background: url("../images/reasonenviro.gif") top left no-repeat;
}

#reasonRoutine{
	background: url("../images/reasonroutine.gif") top left no-repeat;
}
#reasonOneoffs{ 
	background: url("../images/reasononeoffs.gif") top left no-repeat;
}

#reasonGroups{ 
	background: url("../images/reasongroups.gif") top left no-repeat;
}

div.joinBar{
background: #ccecf5;
padding: 5px 0px;
text-align: center;
margin-bottom: 20px;
display: block;
}

div.homeMore{
background: #ccecf5;
padding-top: 5px;
padding-bottom: 5px;
display: block;}

div.homeMore a{
padding-left: 5px;
}

.homeFeatures h4{
margin-bottom: 10px;
}
.homeFeatures p{
padding-top: 10px;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -120px; /* negative value of footer height */
	height: 105px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div#footer{
background: #e4f5fa;
padding-top: 10px;
border-top: 3px solid #009ac8;
display: block;
}

.footerIcons {
border:0 none;
float:right;
margin-left:45px;
}
.footerIcons a img {
border:0 none;
padding-bottom:15px;
}
#footerinfo a.imgLink img {
border:0 none;
}

#footernavlist {
font-size:80%;
height:25px;
list-style-type:none;
margin:0;
padding:0;
}
#footernavlist li {
float:left;
padding-right:5px;
}
#footernavlist li a {
font-size:11px;
}
#termslist {
font-size:80%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:5px 0;
}
#termslist li {
float:left;
padding-right:10px;
}

/* INNER PAGES */

.bio{
font-size: 90%;
}

.biopic{
padding-bottom: 10px;
padding-right: 10px;}

.tripMi {
color:#32732C;
font-weight:bold;
}

.highlight {
font-size:14px;
line-height:140%;
color:#009BC9;
font-weight:bold;
background: none;
}

a.backtotop{
background: #e3f5f9 url('../images/backtotop.gif') top left no-repeat;
padding-left: 15px;
font-size: 80%;
line-height: 15px;
display: block;
margin-top: -10px;
margin-bottom: 10px;
width: 80px;
border: 1px solid #ccecf5;
}

ul.staticList li{
margin-bottom: 10px;
}

div.contactForm{
margin-bottom: 20px;
}

div.contactForm fieldset{
padding: 0;
margin: 0;
border: none;
}

div.contactForm label{
color: #327c2c;}

div.contactForm textarea{
width: 300px;
height: 150px;
}

.scrollButtons{
visibility: hidden;
}

			

/* -------------------------- code courtesy Cormac  ------- */
#info-nav .socialIcons {
	display: block;
	float: right;
	height: 25px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#info-nav .socialIcons li{
	float: left;
	display: inline;
	margin-right: 5px;
}

#info-nav .socialIcons li a{
	display: block;
	height: 25px;
	margin-top: 15px;
	text-indent: -2999em;
	width: 25px;
}

#info-nav a.twitterLink{
	background: url("../images/icon_twitter.gif") top left no-repeat;
	display: block;
	height: 25px;
	width: 25px;
}

#info-nav a.feedLink{
	background: url("../images/icon_rss.gif") top left no-repeat;
	width: 25px;
	height: 25px;
	display: block;
}

#info-nav a.facebookLink{
	background: url("../images/icon_facebook.gif") top left no-repeat;
	width: 25px;
	height: 25px;
	display: block;
}