body {
	background-color:#191919;
	margin:0;
	text-align:center;
	font-family:Signika, Verdana, Geneva, sans-serif;
	font-weight:300;
	font-size:130%;
	background: rgb(53,53,53);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(53,53,53,1) 1%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,rgba(53,53,53,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(53,53,53,1) 1%,rgba(0,0,0,1) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(53,53,53,1) 1%,rgba(0,0,0,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(53,53,53,1) 1%,rgba(0,0,0,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(53,53,53,1) 1%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#000000',GradientType=1 );
}

h1,h2,h3,h4,h5,h6 { font-weight:normal;}

#content{ margin:0 auto; text-align:left;    width:auto; overflow:hidden; height:auto;}

.headwrap{
		background: rgb(255,255,255);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 44%, rgba(221,221,221,1) 99%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,rgba(255,255,255,1)), color-stop(99%,rgba(221,221,221,1)));
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 44%,rgba(221,221,221,1) 99%);
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 44%,rgba(221,221,221,1) 99%);
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 44%,rgba(221,221,221,1) 99%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 44%,rgba(221,221,221,1) 99%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
	 	display:block;
	 	
	 	overflow:hidden;
		height:auto;
		top:0;
		width:100%;
		z-index: 99;
		webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100);
		box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100);
		padding-bottom:12px;
	 }
	 
#header {
	padding: 5px 0 0 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	z-index: 99;
	overflow: hidden;
}

#logo{
	width:100%;
	margin: auto;
text-align: center;
	margin-top:10px;
	}
	
	.phone { display:none;}
#header .logo1 {
	font-size: 1.5em;
}
#header .logo2 {
	font-size: 1.5em;
}
#header .logo3 {
	font-size: 0.9em;
	font-weight:400;
	font-family: 'Merriweather Sans', sans-serif;
	color:#bbb;
}

#navcont { 
	position:fixed; 
	background:#000;
	bottom:0;
	color: white;
	font-size: 0.94em;
	font-weight: 300;
	z-index: 98;
	overflow: hidden;
	margin: auto;
	margin-top: 20px;
	text-align: left;
	width: 100%;
	margin-bottom:70px;
	display:none;
	
	
}

#navcont a{ color:#fff; text-decoration:none; display:block;} 

#navcont li { width:90%; border-bottom:1px solid #ccc;}

#header p{ margin:0; line-height: 0.5; margin-left:0;}

#featuremain{ 
	margin-bottom:0px; 
	margin-top:0px; 
	webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100);
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100); width: 100%;
	display:none;
}


.featurelrg{ 
	width:100%; 
	background: #333232;
	padding: 5px 15px;
	color: #FFF;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
	display: block;
	webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100);
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100);
	padding-bottom:20px;
	}

.featuresmll {
	background: #202020;
	padding:  5px 15px;
	color: #FFF;
	margin-bottom: 5px;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	min-height:120px;
	webkit-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 50);
	box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 50);
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
}

.featurergt{width:94%;}
.featurelft{width:94%;}

.social {

	margin-top: 15px;
	position: relative;
	display: block;
	margin-bottom:0;
	
	border-top: 3px solid #CCC;
margin-top: 15px;
bottom: 0;
width: 100%;
background: white;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 44%, rgba(221, 221, 221, 1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,rgba(255, 255, 255, 1)), color-stop(99%,rgba(221, 221, 221, 1)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 44%,rgba(221, 221, 221, 1) 99%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 44%,rgba(221, 221, 221, 1) 99%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 44%,rgba(221, 221, 221, 1) 99%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 44%,rgba(221, 221, 221, 1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#DDD',GradientType=0 );
webkit-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 50);
box-shadow: 0px 5px 5px 1px 
}

.social h2{ display:none;}

.featuresmll h4 {
	font-size: 1.4em;
	margin:0;
	z-index: 95;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 2);
}

.featurelrg h2 {
	font-size: 1.4em;
	margin:0;
	z-index: 95;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 2);
	
}
.toggleable .featurelrg h2{margin-left:0;}

.featurelrg h3 {
	font-size: 0.8em;
	margin:10px 0 10px 0;
	z-index: 95;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 2);
}

.featuresmll a { color:#fff; text-decoration:none;}
.featurelrg a { color:#fff; text-decoration:none;}

.featuresmll a span{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
border: 0;
display:block;
background-image:url(http://www.pruadviser.co.uk/new_media/images/sfy/empty.png);
}

.featurelrg a span{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
border: 0;
display:block;
background-image:url(http://www.pruadviser.co.uk/new_media/images/sfy/empty.png);
}

.featuresmll:hover{ background:#bb8520; 
-webkit-box-shadow: inset 1px 1px 3px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 3px 2px rgba(0, 0, 0, 0.2);
}


.featurelrg:hover{ 
background:#bb8520;
-webkit-box-shadow: inset 1px 1px 3px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 3px 2px rgba(0, 0, 0, 0.2);
}



#idea {
	background: #f8f8f8;
	width:100%;
	height: 334px;
	position: relative;	
	display:block;
	overflow:hidden;
}



#patents {
	width: auto;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 2);
	text-align: left;
	line-height:1.5;
	position:relative;
	margin-bottom:60px;
	padding:10px 30px 10px 30px;
}
.patentsimg {
	position:absolute;
	right:0;
	left:550px;
	top:10px;
	height:332px;
	width:292px;
	webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100);
		box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100);
		margin:40px;
		display:none;
}
#patents a {
	text-decoration: none;
	border-bottom: 1px dashed #FFF;
	padding-bottom:3px;
	color:#ccc;
}

#patents a:hover {
	border-bottom: none;
	color:#fff;
	 background:#ccc;
}
p {
	width: auto;
	padding:0 0 10px 0;
	margin-right:20px;
	font-size: 0.98em;
	line-height:1.5;
	color:#fff;
}


.hidden{ display:none;}

#trademarks{
	width: auto;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 2);
	text-align: left;
	position:relative;
	margin-bottom:30px;
	padding:10px 30px 10px 30px;
	
}
	
#copyright{
	width: auto;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 2);
	text-align: left;
	position:relative;
	margin-bottom:30px;
	padding:10px 30px 10px 30px;
}
	
#designs{
	width: auto;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 2);
	text-align: left;
	position:relative;
	margin-bottom:30px;
	overflow:hidden; height:auto;
	padding:10px 30px 10px 30px;
}
	
	
#contact{
	width: 99%;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 2);
	text-align: left;
	position:relative;
	margin:auto;
	margin-bottom:0px;
	
}

.toggleable h1{ font-size:1.5em; margin-bottom:10px; margin-left:0;}


#mainnav li a.current{
	background:#ccc;
	-webkit-box-shadow: inset 0px 2px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 2px 1px 1px rgba(0, 0, 0, 0.2);
}

#mainnav li{ display:block; font-size:2em; background:url(../images/iphone_bul.png) no-repeat; padding-left:35px; width:80%}



.toggleable { margin-top:10px;}

.phoneint { background:#000; display:block; height:70px; z-index:99; color:#fff; position:fixed; bottom:0; width:100%; text-align:left}

.phoneint a {
	background: rgb(255,255,255);

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 49%, rgba(219,219,219,1) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,rgba(255,255,255,1)), color-stop(100%,rgba(219,219,219,1)));

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 49%,rgba(219,219,219,1) 100%);

background: -o-linear-gradient(top,  rgba(255,255,255,1) 49%,rgba(219,219,219,1) 100%);

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 49%,rgba(219,219,219,1) 100%);

background: linear-gradient(to bottom,  rgba(255,255,255,1) 49%,rgba(219,219,219,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 );


	display:inline-block;
	width:50%;
	color:#000;
	text-decoration:none;
	height:70px;
	
}


.phoneint a span{ padding:20px; display:block; border-right:1px solid #666;}
.phoneint a:last-child span{
	border-right:none;
}

.phoneint .show {background:#000; color:#fff}
.desklogo{display:none;}


  
 #map-canvas {
        margin: 0;
        padding: 0;
	 display:block;
	 overflow:hidden;
        height: 250px;
		width:100%;
			webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100);
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100);
	float:left;
      }
	  
.mobilelogo{ display:visible; margin-top: 10px;}
	  
#mapcont{ 
	color:#333; width: 200px; 

	}
	
#mapcont h1{ font-size:1.2em;}

.video{ display:none;}

.socialinner {
	width: 100%;
	text-align: center;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;
	
}

.phonenav, .phonenavcontact, .phonenavdesign  { display:none; position:fixed; bottom:74px; width:100%; z-index:1000;}


.phonecontroler {position:fixed; bottom:0; width:100%; z-index:1000;}

body .ui-footer { background:#000;}



.skip {
	display: none;
}


.footaddress {font-size:0.6em; margin:auto; margin-top:10px; color:#000}
#page .social .socialinner .footaddress  {color:#000}

.socialinner a { color:#333;}

.terms { padding:30px; background:#333; color:#ccc; margin-bottom:75px}
.terms a{ text-decoration:none; color:#ccc; padding:0 10px 0 10px; display:block;}
.terms  a:hover{ text-decoration:none; color:#000}

.homebg{   padding: 20px; background: url(../images/Oil-Rig-1.jpg);}

.homebg p{ color:#333; text-shadow:none;}

.homebg h1 {
margin-top: 30px;
color: white;
display: inline;
background: #333;
box-shadow: 10px 0 0 #333, -10px 0 0 #333;
text-align: center;
font-size: 24px;
line-height: 1.4;
  
}



.homebg h1 a{ background:#900;  text-decoration:none;}

.homebg h1 a:hover { color:#ffc100;}


.address { background:#e0e0e0; padding-top:30px; padding-bottom:20px; position:relative;}

.address p {
	color: #000;
	text-shadow: none;
	font-size: 0.7em;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.3em;
	margin: auto;
	text-align: center;
}

.stuart {width: 100%;}

.address .telpara{
	
	font-size:14px; margin-top:3px;}


 .address a {
	color: #039;
	text-decoration: underline;
}

.sitemap ul {margin:auto; margin-bottom:25px; margin-top:25px; margin-left:30px; text-align:left}
.sitemap ul li { margin-bottom:10px;}
.sitemap ul li a { text-decoration:none; border-bottom:1px solid; color:#CCC;}

.sitemap{ text-align:left; }

.sitemap li:nth-child(1){display:block; margin-right:20px;}
.sitemap li:nth-child(2){display:block; margin-right:20px;}
.sitemap li:nth-child(3){display:block; margin-right:20px;}
.sitemap li:nth-child(4){display:block; margin-right:20px;}
.sitemap li:nth-child(5){display:block;}

.sitemap .first	{font-size:1.5em;}
.sitemap .second { font-size:1em; }
.sitemap .third{ font-size:0.85em;}
.seperator{ display:none;}
.terms a{ border-bottom:1px solid #999; padding:10px; font-size:.8em;}

.terms a:hover { background:#000; color:#fff;}

.address h1{ 
    color: black;
text-shadow: none;
font-size: 1em;
margin: auto;
line-height: 1.3em;
text-align: center;
margin-bottom:10px; }


.address .adleft {
	width: 100%;
	float: left;
	margin-left:0;
	padding:0px;
	padding-bottom:10px;
}

.address .adright {

	width: 100%;
	margin-right:0;
	padding:0px;
	padding-top:10px;
}

.tertiary{ display: none;}


.contact #page #contact .address .telpara.email {
	clear: both;
}
.address  h2 {
	color: #000;
	font-size: 1em;
	text-align:center;
	text-shadow:none;
	margin-bottom:10px;
}


.address  p{ font-size:70%; line-height:1;}

.address .telpara {font-size:60%;} 

.address h1  { display:none;}

.list-view .site-content .hentry {
		border-bottom: 1px solid #FFF;
		margin: 0;
		min-height: 30px;
		padding: 12px 0 9px;
		width:100%;
	}


#what {background: #fff; color: #000; text-shadow: none; padding:0; margin-bottom: 0; overflow:hidden}
#what p{color: #000; text-shadow: none; text-align: left; font-size: .8em; padding: 0 25px ; margin-bottom: 30px; margin-top: 30px;}
#what a{color: #c00; }
#what h2{ font-size: 1.4em; color:#000; line-height: 1.1; text-shadow: none; margin-bottom: 20px; padding: 10px 30px;}
.stuart{ margin-bottom: 0px;}

.featurebox{ clear: both; background:#333;  padding:20px;  font-size: .9em;  background:#fff; border: 1px solid #ccc; margin: 30px;}

.featurebox li{ border-bottom: 1px solid #ccc; padding: 5px; margin: 10px; line-height: 1;}

blockquote.big { background: #fff; padding: 30px; font-size: 0.8em;}
blockquote.big a.ui-link {color: #40668c; margin-top: 20px; display: block; text-decoration: none;}

@media all and (max-width: 40em) {
	.my-breakpoint .ui-block-a, 
	.my-breakpoint .ui-block-b, 
	.my-breakpoint .ui-block-c,
	.my-breakpoint .ui-block-d,
	.my-breakpoint .ui-block-e,
    .stuart{ 
		width: 100%; 
		float:none; 
	}
}