/* Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, textarea, table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
font-size: 100%;
margin: 0;
padding: 0;
outline: 0;
}

*{
margin: 0;
padding: 0;
}

html, body{
height: 100%; 
width: 100%;
}

body{	
color:#655F5F;
font-family: arial, helvetica, verdana;
font-size: 62.5%;
background-color: #F4F4F4;
margin: 0px;
padding: 0px;
}
 
body.curWait * {
cursor: wait;
}

h2{
font-size:3.0em;
}

hr, #skypedetectionswf	{
display:none;
}

strong, b {
font-weight:bold; 
}

em, i {
font-style: italic;
}

ul{
list-style: none;
}

textarea{
font-family: arial, helvetica, verdana; 
}

/* Header */
#header{
background-color:#000;
color:#FFF;
height:170px;
}

#header #company-logo{
position:absolute;
top:59px;
background:url(../images/pocket.jpg) 0 0 no-repeat;
height:54px;
width:234px;}

#header #company-logo a{
display:block;
overflow: hidden; 
text-indent: -999em; 
height:54px;
outline:none;}

#header a{
color:#FFF;
}

/* Navigation within header */
#nav{
float:right;
position:relative;
top:32px;
}

#nav ul{
margin:0px 0 0 0; 
padding:0px 0px;  
display:block;
position:relative;
}

#nav ul li{	
margin: 0px 2px;
border: 0;
padding: 0;
list-style: none;
height: 37px;
font-size: 1.0em;
float:left;
}

#nav ul li a{	
display:block;
height:37px;
background: url(../images/nav.gif) 0 0px no-repeat;
overflow: hidden; text-indent: -999em; /* Hide Text */
}

#nav .home{	
width:63px;
background-position:0 0px;	}

#nav .company{
width:89px;
background-position:-63px 0;}

#nav .services{
width:82px;
background-position:-152px 0;}

#nav .contact{
width:78px;
background-position:-234px 0;}

#nav ul li a:focus,#nav ul li a:hover,#nav ul li a.current
{outline: none;}

#nav a:focus.home,#nav a:hover.home,#nav .current .home
{background-position: 0 -37px;}

#nav a:focus.company,#nav a:hover.company,#nav .current .company
{background-position: -63px -37px;}

#nav a:focus.services,#nav a:hover.services,#nav .current .services
{background-position: -152px -37px;}

#nav a:focus.contact,#nav a:hover.contact,#nav .current .contact
{background-position: -234px -37px;}
/* End Header */

/* All content except footer */
.container 
{min-height: 100%;
height: auto !important;
height: 100%;
/* margin: 0 auto -77px; Footer Height requred to ensure the footer is at the bottom of the page */ }

/* Center Align */
.margins
{width:940px; margin:0px auto;} 

/* Used to clear previous section */
.section-clear
{clear:both;}

.section-clear-left
{clear:left;}

.section-clear-right
{clear:right;}

.content-body{
clear:both;
color:#655F5F;
width:100%;
}

/* Grey Hightlight */
.highlight
{border-top:1px solid #C8C8C8;
border-bottom:1px solid #FFF;
background-color:#E6E6E6;	
padding:11px 0px;
margin:20px 0px;}
	
#popup-body.highlight
{margin:0px 0px !important;}
	
#title{
font-family:helvetica;
height:100%;
background:#312728  url(../images/bg/highlight-dark-preamble.jpg) center 0px no-repeat;
z-index: 100;}

.highlight-dark{
border-top:1px solid #594F50;
border-bottom:1px solid #979394;
color:#FFF;
height:391px;
margin-bottom:61px;
background:#312728 url(../images/bg/highlight-dark.jpg) 0 0 repeat-x;
text-indent: -999em; /* Hide Text */
z-index: 0;}
	
.highlight-dark-title
{border-top:1px solid #594F50;
border-bottom:1px solid #979394;
height:105px;
margin-bottom:22px;
background:#312728 url(../images/bg/highlight-dark-title.jpg) repeat-x;}

.highlight-dark-title .title
{color:#FFF;
font-family:helvetica;
height:100%;
background:#312728  url(../images/bg/highlight-dark-light.jpg) no-repeat;
font-size:52px;
font-weight:lighter;
line-height:105px;}

.highlight-dark-title #company-title
{background:#312728  url(../images/bg/header-company.jpg) no-repeat;
text-indent:-999em;}
 	
.highlight-dark-title #services-title
{background:#312728  url(../images/bg/header-services.jpg) no-repeat;
text-indent:-999em;}

.highlight-dark-title #contactus-title
{background:#312728  url(../images/bg/header-contactus.jpg) no-repeat;
text-indent:-999em;}

.highlight-dark-title #terms-title
{background:#312728  url(../images/bg/header-terms.jpg) no-repeat;
text-indent:-999em;}

/* Common Page Styling */
.intro
{line-height:30px;
font-size:1.8em;
text-shadow: 0.0em 0.05em 0.02em #FFF;
/*filter: dropshadow(Color=#000, Direction=180, Strength=0.1);*/
font-weight:lighter;
}

#phone-sample-1{
position:relative;
float:right;
margin-top:-88px;
height:525px;
width:458px;
background: url(../images/phones.png) 0 0 no-repeat;
z-index:5000;}

#phone-sample-2
{	position:relative;
float:right;
margin-top:-273px;
width:289px;
height:500px;
background: transparent url(../images/phones/phone-company.png) 0 0 no-repeat;
z-index:5000;}

ul.benefits{
float: left;
width: 12em;
margin: 0;
padding: 0;}

.benefits li{
float: left;
width: 6em;
margin: 0;
padding: 0;
}

.benefits li:before
{color:#F84743;}

#assessment
{color:#655F5F;}	

.assessment-details
{float:left;
width:288px;}

#assessment .assessment-details
{margin:5px 0px;}

#details .assessment-details dd
{margin:14px 0px 30px;}

.whatisit 
{float:left;
margin-right:38px;}

.whoisitfor 
{}	
 		
.whyuseit
{float:right;}

#assessment dl
{width:288px;}

#assessment dt
{width:288px;
margin-bottom:5px;}

#assessment .whoisitfor dl
{width:278px;}

#assessment dl dt
{font-weight:bold;
font-size:1.8em;
text-shadow: 1px 0px 0px #FFF;}
	
#details dl dt
{margin:0px; padding:0px;}

#assessment dl dd, #details  dl dd
{font-size:1.5em;
line-height:21px;}

/* Communcation */
#comms
{clear:both;
margin-bottom:40px;
background: #E6E6E6 url(../images/bg/comms-bottom.gif) center bottom no-repeat;}

#comms-content
{padding:10px 18px;
background: transparent url(../images/bg/comms-top.gif) center top no-repeat;}

#comms-content a
{overflow: hidden; text-indent: -999em; }

#comms-content form, #comms-content div, #comms-content span
{display:inline-block;
*display:inline;
vertical-align:middle;}

#comms-content form input
{width:232px;
padding: 10px 11px;
border:none;
font-size:1.5em;
color:#B2B2B2;
background:transparent url(../images/form/comms-input-text.gif) left top no-repeat;}

#comms-content form
{margin:0 0px 0 0;}

#comms-content form .send
{color:#FFF;
cursor:pointer;
margin:0 22px 0 9px;
border:none;
height:37px;
width:77px;
background: transparent url(../images/form/submit.gif) no-repeat;
outline: none;
text-indent:-999em;
text-transform: capitalize;  /* IE6 Hack to remove text */}
	
#comms-content form .send:hover
{background-position:0 -37px;}

#comms-content form .contactus
{color:#FFF;
cursor:pointer;		
padding:0 13px;
border:none;
height:37px;
width:77px;
background: url(../images/contact-us.gif) no-repeat;}

#comms-content form .contactus:hover
{background-position:0 -37px;}

#comms-content #twitter 
{height:56px;	
padding:0px 11px 0px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;}

#comms-content #twitter a
{margin: 0px 0px;
display: -moz-inline-stack; 
display:inline-block;
*display:inline;
zoom: 1;
height:56px;	
width:173px;
background:url(../images/twitter.png) no-repeat;}

#comms-content #get-in-touch{
color:#000; padding:0 14px 0 19px;margin:0px;}

#comms-content #get-in-touch em{
color:#938E8E;
font-size:2.2em;
font-style:italic;}
	
#comms-content .comms-contact-us{
margin:0 0 0 0px; 
height:49px;	
width:174px;}

#comms-content .comms-contact-us a{
background:url(../images/comms-contact-us.gif) no-repeat;
display:-moz-inline-stack; 
display:inline-block;
zoom:1;
*display:inline;
height:49px;	
width:174px;}
	
#comms-content .comms-contact-us a:hover{
background-position:0 -49px;}

/* */
#comms-form-results{
position:absolute;
display:none;
color:#655F5F;
background-color: #E6E6E6; 
padding:10px;
margin-right:10px;
border:1px solid #C8C8C8;
font-size:1.5em;
-moz-border-radius: .8em;}

#comms-form-results.error-msg{
color:#fff;
background-color: #F84743;}

/* Footer */
#footer{
font-size:1.2em;
text-shadow:#FFF 0.1em 0.1em 0.01em;
clear:both;
color:#655F5F;
padding:21px 0;
background-color:#E6E6E6;
border-style: solid;
border-width: 1px 0px 0px;
border-top-color: #C8C8C8;
height:34px;
position:relative; }

#footer-content
{padding:0px 0px;}

#footer-content p+p
{display:inline;}

#footer-content p
{line-height:16px;}

#footer-content .copyright
{border:0px;
padding:0px 0px;}

#footer a
{color:#655F5F;
text-decoration:none; }

#footer ul{
display:inline;	
margin-left:0;}

#footer li{
display:inline;
padding:0px 3px;
list-style:none;
background:transparent url(../images/pipe.gif) no-repeat 0px 5px;}

#footer li+li
{padding:3px 6px;}

#footer ul li.first
{background:none;}

/* Services Page */
#let-us-help
{margin-top:26px;
height:95px;
border-top:1px solid #C0C0C0;
overflow:auto;
/*border-bottom:1px solid white;*/}
 	
#let-us-help div
{overflow:auto;border-top:1px solid white;
/*border-bottom:1px solid #C8C8C8;*/}

#let-us-help h2{
float:left;
text-indent:-999em;
font-weight:lighter;
font-size:4.4em;
margin-right:33px;
display:inline-block;
width:263px;
height:94px;
text-shadow: 0px 1px 0px #FFF;
background: transparent url(../images/letushelp-title.png) no-repeat}

#let-us-help .bold
{color: #F74843;}

#let-us-help p{
margin-top: 16px;
margin-right: 10px;
font-size:1.5em;
line-height:21px;
/*display:inline-block;
vertical-align:top;*/}	

.product-highlight{
margin:0px 0px 10px 0;
clear:both;}

.product-group{ 	
border-top:1px solid #C8C8C8;}

.product-group .col2 {	
margin-left:35px;}

.product-group .col3{	
float:right}

.product-border{	
clear:both;
border-top:1px solid #FFF;
overflow:auto;}

.product-item {	
margin:20px 0px;
float:left;
width:294px;}

.product-item a:link, .product-item a:hover, .product-item a:visited{	
color:#655F5F;
text-decoration:none;}

.product-item a{	
color:#655F5F;
display:block;
font-size:1.8em;
font-weight:bold;}

.product-item .more-info{	
padding:2px 0 0 0;}

a:hover.more-info,.popup-hover,.popuphover{
color:#F74843;}

.popup-info{
height:208px; 
width:294px; }

/* */
a.popup-info:hover {	
background-position: 0 -208px !important;}

#user-experience {
background: transparent url(/Content/images/assets/userexperience.jpg) 0 0 no-repeat;}

#location {
background: transparent url(/Content/images/assets/location.jpg) 0 0 no-repeat;}
	
#intelligent-advertising {
background: transparent url(/Content/images/assets/intelligentadvertising.jpg) 0 0 no-repeat;}

#seamless-integration {
background: transparent url(/Content/images/assets/SeamlessIntegration.jpg) 0 0 no-repeat;}
		
#reporting {
background: transparent url(/Content/images/assets/reports.jpg) 0 0 no-repeat;}
	
#easeofuse {
background: transparent url(/Content/images/assets/easeofuse.jpg) 0 0 no-repeat;}
	
#iphone-app{
background: transparent url(/Content/images/assets/iphoneapp.jpg) 0 0 no-repeat;}
		
#alerts{
background: transparent url(/Content/images/assets/alerts.jpg) 0 0 no-repeat;}

/* Company Page */
#pocket-property{}

#pocket-experience
{color:#645E5E;}

#pocket-experience-title
{float:left;
font-size:4.4em;
line-height: 56px;
width:265px;
text-indent:-999em;}

#pocket-experience .bold {
color: #F74843;}

#pocket-experience p
{font-size:1.5em;
text-shadow: 1px 0px 0px #FFF;
line-height:21px;
display:inline;
float:left;
width:290px;
padding:17px 0 0 34px;
margin:0px;}
	
#pocket-experience #after
{clear:left;
height: 0px;
line-height: 0px;
font-size:1px;}

#pocket-experience h2
{font-size:4.4em;
font-weight:normal;
background: transparent url(../images/experience-title.png) no-repeat 0px 0px;	
height:218px;}

#pocket-property{
clear:left;
color:#655F5F;}

#pocket-property h2{
font-size:2.4em;
margin-top:36px;
font-weight:normal;}

#pocket-property p{
font-size:1.5em;
line-height:21px;
font-weight:normal;
margin:9px 0 40px;
margin-right:20px;
width:586px;}

#company-rings{
list-style: none;
position: relative;
height: 91px;
width:100%;
background: transparent url(../images/bg/company-rings.png) no-repeat 0px 0px;
margin:22px 0;}

#company-rings span {	
display: block;
text-indent: -900%;
position: absolute;
outline: none;}

#company-rings li span.brands{	
width: 91px;
height: 91px;
top:0px;
left: 0px;
/*background: transparent url(../images/circle-brands.jpg) no-repeat 0px 0px;*/}

#company-rings li span.mobile{
width: 91px;
height: 91px;
top:0px;
left: 421px;
/*background: transparent url(../images/circle-mobile.jpg) no-repeat 0px 0px;*/}

#company-rings li span.results{
width: 91px;
height: 91px;
top:0px;
left: 850px;}

/*
#company-rings li a:hover
{	background-position:0 -91px;}
*/

/* Contact Us */
#our-contact-details {
width:342px;}

#our-contact-details h3, #connect h3{
font-size:1.8em;
line-height:26px; /* 24*/
margin-top:4px;
font-weight:bold;}

#our-contact-details #postal-address,#our-contact-details #contact-method{
margin-bottom:20px;}

#our-contact-details p{
font-size:1.5em;
line-height:24px;}

#our-contact-details .label{
width:90px;
font-weight:bold;
display:inline-block;}

#our-contact-details{
float:left;}

#your-contact-details{
float:right;}

#connect a:link, #connect a:hover, #connect a:visited{	
text-decoration:none;
color:#655f5f;}

#contact-method {
margin-top:7px;}

#contact-method a:link, #contact-method a:visited{
color:#655f5f;
font-weight:bold;}

#connect{
float:left;}
	
#connect span.label{
font-size:1.5em;
line-height:36px;
font-weight:bold;
width:90px;
display:inline-block;}

#connect img{
vertical-align:middle;}

/* Contact Form */
form#contact-form{
font-size:1.6em;}

form#contact-form .form-control{
display:block;
width:369px;
padding:0px;
height:40px;
margin:7px 0px;
background:transparent url(../images/form/contact-input.png) no-repeat;}

form#contact-form input[type=text]{
color:#655F5F;
width:349px;
margin:10px 10px;
border-style:none;
border:0px solid #FFF;}
	
form#contact-form input[type=submit]{
border-style:none;
margin:0px 0px 10px}

form#contact-form .enquiry {
width:369px;
height:158px;
background: url(../images/form/contact-textarea.png) no-repeat;}

form#contact-form textarea{
color:#655F5F;
width:349px; 
height:138px;
margin:9px 10px;
border-style:none;
border:0px solid #FFF;
font-size:13px;}

form#contact-form #submit {	/*float:right;*/
margin-left:291px;
background: url(../images/form/submit.gif) no-repeat;
width:77px;	
height:37px;
text-indent: -999em; /*overflow: hidden; */
outline: none;
font-size: 0px;
display:block;
line-height: 0px;
cursor:pointer;
right:0px;}
	
/* Submission Message */
#contact-form-results{
position:absolute;
display:none;
color:#655F5F;
background-color: #E6E6E6; 
padding:10px;
margin-right:10px;
border:1px solid #C8C8C8;
font-size:1.5em;
-moz-border-radius: .8em;}

#contact-form-results.error-msg{
color:#fff;
background-color: #F84743;}
    
/* Error Message */
div.message{
background-color: #F84743; 
border:1px solid grey;
z-index:5000;
filter:alpha(opacity=100);
-moz-box-shadow:0px 0px 6px #000;
-moz-border-radius:6px;
-webkit-box-shadow:0px 0px 6px #000;
-webkit-moz-border-radius:6px;
} 

div.error{ 
color:#FFF;
margin:0 5px;
background-color: #F84743;
padding:5px;
font-size:0.9em;
z-index:5001;
}

/* Popup */
.popup-container{
padding:0px;
border:1px solid #000;}

#popup-header{
font-size:1.8em;
line-height:30px;
padding:0px 30px;}

#popup-body,#popup-footer{
font-size:1.5em;
line-height:21px;}
	
#popup-header,#popup-footer{	
padding:30px 30px;
height:114px;}
	
#popup-footer p
{	}
	
#popup-body{
height:198px;
padding:0px 28px;}

.darkband{
background-color:#302727;
color:#E6E6E6;}

.lightband{
background-color:#F4F4F4;
color:#655F5F;
}
/*
	border-top:1px solid #C8C8C8;
	border-bottom:1px solid #FFF;
	background-color:#E6E6E6;
*/
.popup-footer{
background-color:#302727;
color:#E6E6E6;
}

#popup-userexperience h1{
text-indent:-999em;
background: transparent url(../images/userexperience-popup-title.png) no-repeat;
float:left;
height:196px;
margin-right:28px;
width:208px;}
 	
#popup-userexperience #popup-body p{
padding:30px 0px;
margin-right:20px;}
 	
#popup-userexperience #popup-footer p{
width:450px;}

#popup-userexperience-image{
position:relative;
float:right;
margin-top:-60px;
height:430px;
width:234px;
margin-left:50px;
overflow:hidden;
background: transparent url(../images/userexperience-popup-image.png) no-repeat;}
 	
#popup-location h1{	
text-indent:-999em;
background: transparent url(../images/location-popup-title.png) no-repeat;
float:left;
height:95px;
width:466px;
margin-right:20px;}

#popup-location-image{
position:relative;
float:left;
margin-top:-60px;
height:435px;
width:242px;
background: transparent url(../images/location-popup-image.png) no-repeat;}

#popup-location h1 > p
{	}

#popup-location #popup-footer  p{	
left:270px;
width:480px;
position:absolute;}

#popup-existingAdvertising h1{
text-indent:-999em;
background: transparent url(../images/existingAdvertising-popup-title.png) no-repeat;
float:left;
height:196px;
width:198px;
display:inline-block;
margin-right:20px;}

#popup-existingAdvertising-image{	
position:absolute;
right:40px;
top:100px;
height:440px;
width:353px;
z-index:1000;
/*overflow:hidden; src="/Content/images/existingAdvertising-popup-image.png" alt="" /*/
background: transparent url(../images/existingAdvertising-popup-image.png) no-repeat;}

#popup-existingAdvertising #popup-body p{	
padding:30px 0px;
float:left;width:240px;}

#popup-existingAdvertising #popup-footer p{
width:450px}

#popup-mobileTechnology h1{
text-indent:-999em;
background: transparent url(../images/mobileTechnology-popup-title.png) no-repeat;
float:left;
height:198px;
width:197px;}

#popup-mobileTechnology-image{
position:absolute;
right:20px;
margin-top:-20px;
height:310px;
width:543px;
overflow:hidden;
background: transparent url(../images/mobileTechnology-popup-image.png) no-repeat; }
 	
#popup-mobileTechnology #popup-footer p{	
width:60%;}
 
#popup-alerts h1{
text-indent:-999em;
background: transparent url(../images/alerts-popup-title.png) no-repeat;
float:left;
height:198px;
margin-right:28px;
width:197px;}

#popup-alerts #popup-body p{	
padding:30px 0px;
margin-right:250px;}

#popup-alerts-image{	
position:absolute;
top:60px;
height:490px;
width:195px;
right:40px;
overflow:hidden;
background: transparent url(../images/alerts-popup-image.png) no-repeat;}

#popup-alerts #popup-footer p
{width:70%;}

#popup-reporting h1{
text-indent:-999em;
background: transparent url(../images/reporting-popup-title.png) no-repeat;
float:left;
height:198px;
margin-right:28px;
width:197px;}
 	
#popup-reporting-image{
position:absolute;
margin-top:-102px;
right:30px;
height:463px;
width:520px;
overflow:hidden;
background: transparent url(../images/reporting-popup-image.png) no-repeat;
z-index:1;}

#popup-reporting #popup-footer p{
z-index:200;
width:740px;
position:absolute;}

#popup-noadmin h1{
text-indent:-999em;
background: transparent url(../images/noadmin-popup-title.png) no-repeat;
float:left;
height:198px;
width:249px;
/* IE */
font-size: 0px;
display:block;
line-height: 0px;}

#popup-noadmin-image{
position:absolute; 
right:30px;
margin-top:-90px;
margin-right:50px;
height:377px;
width:340px;
overflow:hidden;
background: transparent url(../images/noadmin-popup-image.png) no-repeat;
z-index:1;}

#popup-noadmin #popup-footer{
padding-top:19px;
height:125px;}

#popup-noadmin #popup-footer p{
z-index:100;
width:740px;
position:absolute;}

#popup-iphone h1{
text-indent:-9999em;
background: transparent url(../images/iphone-popup-title.png) no-repeat;
float:left;
height:198px;
width:220px;} /*197*/

#popup-iphone-image{
position:relative; 
float:right;
overflow:hidden;
margin-top:-120px;
height:490px;
width:257px;
background:transparent url(../images/iphone-popup-image.png) no-repeat;}

#popup-iphone #popup-body p{	
padding:5px 0px;
width:185px;
padding-right:10px;
float:left;}

#popup-iphone #popup-footer p{
width:440px;}

/* Fancy-Box Overrides */

/* Don't hide Left and right arrows */
a#fancybox-left span,a#fancybox-left:hover span {
left: 0px;}

a#fancybox-right span,a#fancybox-right:hover span {
left: auto;
right: 0px;}

.terms,.privacy{
color:#000;
font-size:10px;
font:Verdana;
background-color:#FFF;
border: 1px solid grey;
padding:10px 10px;
margin-bottom: 10px;}

.terms h1,.privacy h1
{text-align:center;}

.terms p,.privacy p
{margin:10px;}

.terms ol,.privacy ol {
counter-reset: item;
padding:0 0 0 2em;
margin:0 0 1em;}

.terms li,.privacy li {
display: block;
padding:0 0 0 1em;}

.terms li:before,.privacy li:before{
content: counters(item, ".") ". ";
counter-increment: item;}