/* -------------------------------------------------------------- 
   
  *************************************************************** 
   
   flookApp.landing CSS
   Hacked by tristan the buccaneer and unfortunatly no robot dogs.
   This is used in conjuction with main styles to overide them
   use the _2 to end styles to prevent conflicts
  ***************************************************************   
   
   
-------------------------------------------------------------- */

	
/* body rules to overide defaults */
body {
	background:#222222;
	background-repeat:repeat-x;
	background-image:url(/site_media/2.0-Assetts/img/landing/backGrad.png);
}


	
/* main body centered on page to line up with other content */
#landingBody_2 {
	min-height:900px;
	clear:both;
	width:980px;
	margin-top:20px;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	clear:both;
}

#landingContainer_2 {
	margin-left:8px;
	background-image:url(/site_media/2.0-Assetts/img/landing/skyCard.png);
	background-repeat:no-repeat;
	min-height:900px;
	width:970px;
}


	
/* logo for landing page */
.landingLogo_2 {
	height:100px;
	width:160px;
	background-repeat:no-repeat;
	background-image:url(/site_media/2.0-Assetts/img/landing/flook_logo.png);
	position:absolute;
	margin-left:20px;
	margin-top:15px;
	z-index:22;
}

.landingLogo_2 h1 {
	text-indent:-9000px;
}


	
/* bottom city layer */
#bottomCity_2 {
	height:510px;
	width:952px;
	position:absolute;
	margin-top:355px;
	margin-left:6px;
	background-repeat:no-repeat;
	background-image:url(/site_media/2.0-Assetts/img/landing/frontCity.png);
}


	
/* video intro styles */
#flookIntro_2 {
	position:absolute;
	height:223px;
	width:521px;
	margin-left:1475px;
	margin-top:202px;
	background-repeat:no-repeat;
	background-image:url(/site_media/2.0-Assetts/img/landing/videoLead.png);
	display: none;
}

#introTextContainter_2 {
	position:absolute;
	width:185px;
	height:162px;
	margin-left:48px;
	margin-top:23px;
}

#introTextContainter_2 h3 {
	line-height:25px;
	text-shadow:5px 5px 5px rgba(000,000,000,0.40);
	font-weight:600;
	font-style:italic;
	font-size:23px;
	font-family:"Helvetica Neue", Helvetica, Verdana, Arial;
	margin-bottom:12px;
	color:#ffffff;
}

#introTextContainter_2 p {
	color:#ffffff;
}

#introDownload {
	text-align:center;
	position:relative;
	top:-5px;
}


#introVideoClick_2 {
	position:absolute;
	margin-left:242px;
	margin-top:23px;
	height:162px;
	width:244px;
}


	
/* login styles */
#loginContainer-2 {
	position:absolute;
	height:68px;
	width:313px;
	margin-left:650px;
}

.landingLoginLabel_2 {
	font-size:11px;
	text-transform:uppercase;
	width:100px;
	display:block;
	position:absolute;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	text-indent:10px;
	color:#ffffff;
}

.loginRight {
	margin-left:115px;
}

.loginFieldRight {
	margin-left:125px;
}

.loginFieldLeft {
	margin-left:10px;
}

.landingLoginField_2 {
	border-color:#b5b9bc;
	border-width:1px;
	border-style:solid;
	background-image:url(/site_media/1.0-Assetts/img/forms/form_bg.png);
	background-repeat:repeat-x;
	height:20px;
	width:100px;
	position:absolute;
	padding:0;
	margin-top:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#landingSignupLead_2 {
	position:absolute;
	margin-top:48px;
	color:#ffffff;
	font-size:10px;
	margin-left:10px;
}

#landingSignupLead_2 a {
	color:#ffffff;
}

.landingLoginRem {
	margin-left:0;
}

.landingRemInp {
	margin-left:10px;
	margin-right:10px;
}

.landingLoginSubmit_2 {
	position:absolute;
	margin-left:240px;
	margin-top:15px;
}


	
/* menu styles */
#landingMainNav_2 {
}

#landingMenuContainer_2 {
	position:absolute;
	width:496px;
	height:50px;
	margin-top:134px;
	margin-left:462px;
}

.ulLandingMenu {
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:400;
	text-decoration:none;
	list-style:none;
	position:relative;
	margin-top:25px;
	margin-left:15px;
}

#landingNavHeader {
	position:absolute;
	color:#d82b70;
	font-weight:600;
	margin-left:14px;
	margin-top:5px;
}


	
/* style for lavalamp */
.ulLandingMenu li {
	margin-right:28px;
	float:left;
	text-align:center;
	z-index:11;
}

.ulLandingMenu li a {
	z-index:10;
	color:#4f1150;
	text-decoration:none;
	height:30px;
}

.ulLandingMenu li.back {
	border-bottom:2px solid #4f1150;
	width:9px;
	position:absolute;
	margin-top:18px;
}

.ulLandingMenu li a:hover,.ulLandingMenu li a:active,.ulLandingMenu li a:visited {
	border:none;
}


	
/* Main lead text */
#landingLeadText_2 {
	text-shadow:0 0;
	position:absolute;
	width:400px;
	margin-top:130px;
	margin-left:46px;
}

#landingLeadText_2 h2 {
	line-height:50px;
	text-shadow:5px 5px 5px rgba(000,000,000,0.20);
	font-weight:bold;
	font-style:italic;
	font-size:50px;
	font-family:"Helvetica Neue", Helvetica, Verdana, Arial;
	margin-bottom:20px;
}

#landingLeadText_2 p {
	line-height:20px;
	font-size:14px;
	font-family:"Helvetica Neue", Helvetica, Verdana, Arial;
	margin-bottom:20px;
	margin-right:25px;
	text-shadow:0 0 5px rgba(198,222,238,1);
	font-weight:400;
}


	
/* secondary content and live stuff */
#secondaryContentContainer_2 {
	position:absolute;
	margin-top:480px;
	margin-left:-20px;
	height:232px;
	width:1019px;
	background-image:url(/site_media/2.0-Assetts/img/landing/liveBg.png);
	background-repeat:no-repeat;
}

/* CMS frame */

#landingNewsFrame_2 {
	z-index: 21;
    position: absolute;
    margin-left: 622px;
    width: 380px;
    height: 220px;
	background-image:url(/site_media/2.0-Assetts/img/landing/newsFrame.png);
	background-repeat:no-repeat;
	background-position-x: -29px;
	background-position: -29px 0px;
	pointer-events: none;



}

#landingNewsContent_2 {
    position: absolute;
    margin-left: 622px;
    margin-top: 8px;
    width: 380px;
    height: 204px;
    overflow: hidden;
    z-index: 20;
    display: none;

}


	
/* fold content */
#foldContainer_2 {
	position:absolute;
	margin-top:870px;
	min-height:300px;
	padding-bottom:35px;
	padding-top:15px;
	width:964px;
	color:#ffffff;
}

#foldContainer_2 h4 {
	color:#ffffff;
	font-size:28px;
	text-shadow:1px 1px 5px rgba(000,000,000,1);
	font-weight:400;
	-webkit-text-stroke:1px 1px #ccc;
}

/* latest flooks content */
#latestTitle_2 {
    position: absolute;
    height: 47px;
    width:  608px;
    background-image:url(/site_media/2.0-Assetts/img/landing/recentHeader.png);
    background-repeat: repeat-x;
    margin-top: 9px;
    margin-left: 7px;
	overflow: hidden;

}


#latestTitle_2 h4 {

    margin-left: 15px;
    margin-top: 12px;
    color:#ffffff;
	font-size:19px;
	text-shadow:1px 1px 5px rgba(000,000,000,1);
	font-weight:400;
	text-overflow: ellipsis;
	word-wrap: break-word;

    
}

/* repeated classes for live loaded content */

#landingCardLoading {

    position: absolute;
    width: 608px;
    height: 148px;
    margin-top: 63px;
    margin-left: 7px;

}

#landingCardLoadinglabel {

    position: absolute;
    width: 260px;
    height: 80px;
    line-height:25px;
	text-shadow:5px 5px 5px rgba(000,000,000,0.250);
	font-weight:600;
	font-style:italic;
	font-size:20px;
	font-family:"Helvetica Neue", Helvetica, Verdana, Arial;
	color:#ffffff;
	z-index: 120;
	opacity: 0.9;
	margin-top: 45px;
	margin-left: 245px;
}

#cardLoadingAnim {
    z-index: 101;
    opacity: 0.64;
    position: absolute;
    margin-left: 185px;
    margin-top: 46px;

}

#landingCardloadingBack {
    position: absolute;
    width: 608px;
    height: 148px;
    background-image:url(/site_media/2.0-Assetts/img/landing/backGrad.png);
    opacity: 0.62;
    -moz-border-radius-bottomleft: 15px; 
    -webkit-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
    z-index: 100;

}

.landingCardCn {
    display: none;
    

}

.landingCardMap {

    position: absolute;
    width: 320px;
    height: 148px;
    background-color: #E2DFCF;
    margin-top: 63px;
    margin-left: 7px;
    -moz-border-radius-bottomleft: 15px; 
    -webkit-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.landingCardOverlay {

    position: absolute;
    width: 235px;
    height: 137px;
    margin-top: 67px;
    margin-left: 90px;
    display: none;
    
}

.landingCardImgCn {
    position: absolute;
    width: 208px;
    height: 137px;
    background: rgba(0, 0, 0, 0.6);
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    margin-left: 27px;
    text-align: right;
    padding-top: 3px;
    padding-right: 3px;
    -moz-box-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 1px 1px 3px #666;
    box-shadow: 1px 1px 3px #666;

}

.landingCardImgCn:hover {
    -moz-box-shadow: 3px 3px 3px #666;
    -webkit-box-shadow: 3px 3px 3px #666;
    box-shadow: 3px 3px 3px #666;
}

.landingCardBeak {
    position: absolute;
    width: 27px;
    height: 140px;
    background-image:url(/site_media/2.0-Assetts/img/landing/cardBeak.png);
    background-position-y: 55px;
    background-position-x: 3px;
    background-position: 3px 55px;
    background-repeat: no-repeat;
}

.landingCardTitle   {
    
    position: absolute;
    width: 258px;
    height: 30px;
    margin-left: 357px;
    margin-top: 63px;
}


.landingCardTitle  h5 {
    
    text-align: center;
    font-style:italic;
    font-size: 14px;
	overflow: hidden;   
	width: 100%;
}

.landingCardUserAv  {
    
    position: absolute;
    width: 64px;
    height: 64px;
    border: black solid 1px;
}

.landingCardUserDetailsCn {
    
    position: absolute;
    margin-left: 74px;
    width: 184px;
    height: 108px;
	text-overflow: ellipsis; 
	-o-text-overflow: ellipsis; 
	-icab-text-overflow: ellipsis; 
	-khtml-text-overflow: ellipsis; 
	-moz-text-overflow: ellipsis; 
	-webkit-text-overflow: ellipsis;
	overflow: hidden;
}

.landingCardUserDetailsCn p {
	overflow: hidden;
	width: 100%;

}

.cardLocationTitle {
    font-size: 11px;

}
.landingCardDetailsCn   {

    position: absolute;
    width: 258px;
    height: 108px;
    margin-left: 357px;
    margin-top: 103px;
}
	
/* google feed api styles */
.gfc-resultsHeader {
	display:none;
}


	
/* hide the goodle feed widget bit */
.gf-snippet {
	margin-left:15px;
	color:#cccccc;
}

.gf-title {
	color:#ffffff;
	font-size:14px;
	text-shadow:1px 1px 5px rgba(000,000,000,1);
	font-weight:400;
	margin-bottom:8px;
}

.gf-title a {
	text-decoration:none;
}

#foldContainer_2 a {
	color:#ffffff;
	text-decoration:none;
}

#foldContainer_2 a:hover {
	text-decoration:underline;
}

#foldContainer_2 ul {
	margin-left:25px;
}

#foldContainer_2 li {
	color:#ffffff;
	font-size:14px;
	text-shadow:1px 1px 5px rgba(000,000,000,1);
	font-weight:400;
	margin-bottom:8px;
}

#foldCol1 {
	float:left;
	width:240px;
}

#foldCol2 {
	float:left;
	width:450px;
}

#foldCol3 {
	float:right;
	width:176px;
}

#foldFooter_2 {
	height:15px;
	position:absolute;
	bottom:0;
	text-align:center;
	width:963px;
	color:#4C4C4C;
}

#foldFooter_2 a {
	color:#4C4C4C;
	text-decoration:none;
}

#foldFooter_2 a:hover {
	color:#FFFFFF;
	text-decoration:none;
}