/* ====== Page Head, Body, and Foot ====== */
body{font-family:Arial;font-size:13px;}
.body{overflow:hidden;}
.page{margin: 0 auto; width: 950px;}
.liquid{extends:.page; width: auto;margin:0;}
/* ====== Columns ====== */
.main{overflow: hidden;}
.leftCol{float:left; width:250px;}
.rightCol{float:right; width: 300px;}
/* extend columns to allow for common column widths */
.side240{width:240px;}
/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden; }
.unit{float:left;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}
h1{font-size:196%;}
h2{font-size:167%;}
h3{font-size:146.5%;}
h4{font-size:123.1%;}
h5{font-size:108%;}
h6{font-size:108%;}
h1, h2, h3, h4, h5, h6 {margin:0 0 0px 0;font-weight:normal;color:#08619A;}
.twitBlue{color:#4A99BE;}
/* ******** Universal Style ********** */
img {border:none;}
.floatRight{float:right;}
.right{text-align:right;}
.center{text-align:center;}
table, table td {border-collapse:collapse;vertical-align:top;}
a {text-decoration:none;}
*{margin:0;padding:0;}
.bold{font-weight:bold;}
.noHeight{line-height:normal;}
input, textarea{font-family:Arial;color:#004483;font-size:13px;}
.clear{clear:both;}
p{margin:0 0 10px 0;}
.relayToPage {width:900px;}

/* ****** Custom Styles to this Project ******** */
.spaceTop{padding:10px 0 0 0;}
.spaceTopMore{padding:20px 0 0 0;}
.spaceBot{padding:0 0 10px 0;}
.spaceLeft{padding:0 0 0 40px;}
.featuresSpace{padding:0 0 80px 0;}

.font20{font-size:28px;}
.highlight{background-color: #FFFB8F;}
.chalk{color:#fff;}
.link{padding:0 2px;color:#00AED5;}
.link:hover{background:#08619A;color:#fff;}
/* for the menu */
.txtChange{color:#08619A;}

.menu {
	font-weight:bold;
	float:right;
}

.menu li, .features ul li, .howWorksBox ul li {
	list-style: none;
	float:left;
}

.menu ul li a {
	display: block;
	padding:5px 10px 6px 10px;
	margin:0 0 0 30px;
	color:#fff;
	font-size:14px;
	background:#08619A;
	width:100px;
	text-align:center;
/*	
    -moz-border-radius:5px;
	-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;
*/
}

#home, .menu ul li strong a#home{border-bottom:9px solid #FEF605;}
#home:hover, .menu ul li strong a#home{
	background:#08619A url('http://assets1.webstrong.ie/relayto/homeArrow.png') no-repeat center bottom;
}

#howWorks, .menu ul li strong a#howWorks{border-bottom:9px solid #11CEF8;}
#howWorks:hover, .menu ul li strong a#howWorks{
	background:#08619A url('http://assets1.webstrong.ie/relayto/howWorksArrow.png') no-repeat center bottom;
}

#whyDoThis, .menu ul li strong a#whyDoThis{border-bottom:9px solid #4AC647;}
#whyDoThis:hover, .menu ul li strong a#whyDoThis{
	background:#08619A url('http://assets1.webstrong.ie/relayto/whoWeAreArrow.png') no-repeat center bottom;
}

#twitterSite, .menu ul li strong a#twitterSite{border-bottom:9px solid #2555F6;}
#twitterSite:hover, .menu ul li strong a#twitterSite{
	background:#08619A url('http://assets1.webstrong.ie/relayto/twitterSiteArrow.png') no-repeat center bottom;
}

.features{
	background:#08619A;
	padding:20px;
	color:#fff;
	-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;
}

.features h3{color:#fff;}
.features ul li{width:210px;}

.builtBy{
	border-top:1px solid #08619A;border-bottom:1px solid #08619A;
	padding:10px 0;
	font-size:15px;
	margin:20px 0;
}

.impactType {

	font-size:20px;
	color: #08619A;
	line-height:160%;
}

.to{color:#62D6F7;}

.howWorksBox{
	background:url('http://assets1.webstrong.ie/relayto/bgHowWorks.png') no-repeat;
	height:500px;
}

.h2works{font-size:28px;}
.getStartedBox{width:354px;padding:10px 0 0 0;}
.howWorksBox h3{color:#61D6F7;font-size:28px;}

#point1{margin:75px 0 0 70px;}
#point2{margin:90px 0 0 220px;}
#point3{margin:115px 0 0 70px;}
#point4{margin:100px 0 0 140px;}

/* footer */
.foot{font-size:80%;padding:0 0 60px 0;}

#noSpam, #business, #noise, #free, #privacy, #reports, #logo, #followUs, #learnMore, .splash, #webstrong, #getStarted {
	background-image:url('http://assets1.webstrong.ie/relayto/relayTo.png');background-repeat:no-repeat;
}

#logo, #followUs, #learnMore, #webstrong, #getStarted{
	text-indent:-9999px;display:block;
}
/* header and splash area */
#logo{background-position:0 -754px;width:136px;height:42px;}
#followUs{background-position:0 -134px;width:221px;height:79px;margin:0 25px 0 0;}
#followUs:hover{background-position:0 -223px;}
#learnMore{background-position:0 -487px;width:221px;height:79px;}
#learnMore:hover{background-position:0 -576px;}
.splash{background-position:right -806px;}
/* 6 icons */
#noSpam{background-position:-240px -585px;padding:0 0 0 70px;}
#business{background-position:0 0;padding:0 0 0 70px;}
#noise{background-position:0 -382px;padding:0 0 0 80px;}
#free{background-position:0 -312px;padding:0 0 0 70px;}
#privacy{background-position:0 -665px;padding:0 0 0 70px;}
#reports{background-position:0 -65px;padding:0 0 0 80px;}
/* footer */
#webstrong{background-position:0 -1074px;width:126px;height:30px;}
#webstrong:hover{opacity:0.90;}
/*  */
#getStarted{background-position:0 -1111px;width:354px;height:43px;}
#getStarted:hover{background-position:0 -1159px;}
/* get rid of the lines */
#getStarted, #webstrong, #followUs, #learnMore{color:transparent;}
/*--------------------------------------
 * Colorbox
 ---------------------------------------*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#4A99BE;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(http://assets1.webstrong.ie/mailbag/img/colorbox/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(http://assets1.webstrong.ie/mailbag/img/colorbox/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(http://assets1.webstrong.ie/mailbag/img/colorbox/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(http://assets1.webstrong.ie/mailbag/img/colorbox/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(http://assets1.webstrong.ie/mailbag/img/colorbox/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(http://assets1.webstrong.ie/mailbag/img/colorbox/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(http://assets1.webstrong.ie/mailbag/img/colorbox/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(http://assets1.webstrong.ie/mailbag/img/colorbox/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(http://assets1.webstrong.ie/mailbag/img/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(http://assets1.webstrong.ie/mailbag/img/colorbox/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(http://assets1.webstrong.ie/mailbag/img/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}