@charset "utf-8";
html{
	font-size:14px;
}
body{
	font-size:80%;
	color:#cccccc;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	background-image:url(../images/backgrounds/grass.jpg);
}
h1{
	font-weight:normal;
	padding:0;
	margin:0;
	padding-bottom:0px;
	font-size:14px;
}
form{
	padding:0;
	margin:0;
}
ul{
	padding:0;
	margin:0;
	list-style:none;
}
li{
	list-style:none;
	padding:0;
	margin:0;
}
p{
	padding:0;
	margin:0;
	padding-bottom:10px;
	line-height:1.4em;
}
a{
	color:#f47321;
	text-decoration:none;
}
a:hover{
	color:#f47321;
	text-decoration:underline;
}
.footerright a{
	color:#ffffff;
	text-decoration:none;
}
.footerright a:hover{
	color:#f47321;
	text-decoration:underline;
}
a.blink{
	color:#2f1d0e;
	text-decoration:none;
}
a.blink:hover{
	color:#2f1d0e;
	text-decoration:underline;
}
a img{
	border:none;
	text-decoration:none;
}
#hold{
	width:950px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	top:20px;
	padding:0;
	margin-bottom:50px;
}
#container{
	width:850px;
	padding-left:50px;
	padding-right:50px;
	background-image:url(../images/backgrounds/page-shadow.png);
	background-position:left top;
	background-repeat:repeat-y;
	padding-bottom:0px;
	margin-bottom:0;
	position:relative;
	float:left;
	min-height:530px;
	height:auto !important;
	height:530px;
}
#head{
	float:left;
	width:800px;
	padding:0;
	height:250px;
}

#logo{
	position:absolute;
	top:20px;
	left:80px;
	width:154px;
	height:31px;
}
#topBar{
	width:800px;
	float:left;
	padding-top:10px;
}
#topSplash{
	width:150px;
	font-size:25px;
	position:absolute;
	top:70px;
	right:155px;
	color:#f47321;
	line-height:1.5em;
}	
#menuLeft{
	width:150px;
	position:relative;
	left:38px;
	top:70px;
	font-size:13px;
}
#menuLeft ul{
	line-height:1em;
	padding:0;
	margin:0;
}

hr.submenuLine {
width: 90%;
text-align: left;
border:0;
margin: 0 0 0 0; 
height:1px;
border-top-style:solid;
border-top-width:1px;
border-top-color:#CCCCCC;
margin-top:5px;
margin-bottom:5px;
}
hr.portfolio-rule {
width: 94%;
text-align: left;
border:0;
margin: 0 auto 0 0; 
height:1px;
border-top-style:solid;
border-top-width:1px;
border-top-color:#f47321;
clear:both;
}
.menuItem{
	color:#ffffff;
	width:100%;
	height:17px;
}
.menuItem a{
	color:#ffffff;
	text-decoration:none;
}
.menuItem a:hover{
	color:#f47321;
	text-decoration:none;
}
.menuItemSelected{
	color:#f47321;
	clear:both;
	width:100%;
	height:17px;
}
.menuItemSelected a{
	color:#f47321;
	text-decoration:none;
}
.menuItemSelected a:hover{
	color:#f47321;
	text-decoration:none;
}

.submenuItem{
	color:#ffffff;
	width:100%;
	padding-bottom:7px;
}
.submenuItem a{
	color:#ffffff;
	text-decoration:none;
}
.submenuItem a:hover{
	color:#f47321;
	text-decoration:none;
}
.submenuItemSelected{
	color:#f47321;
	clear:both;
	width:100%;
	padding-bottom:7px;
}
.submenuItemSelected a{
	color:#f47321;
	text-decoration:none;
}
.submenuItemSelected a:hover{
	color:#f47321;
	text-decoration:none;
}

#mainMid{
	width:576px;
	float:left;
	padding-right:30px;
	position:absolute;
	top:66px;
	right:50px;
}
#mainServ{
	width:650px;
	float:left;
	position:relative;
	top:-190px;
	left:200px;
	
}
#mainServ2{
	width:640px;
	float:left;
	position:absolute;
	top:60px;
	left:240px;
	
}
#titleHome{
	width:370px;
	float:right;
	text-align:right;
	color:#f47321;
	font-size:19px;
	padding-bottom:10px;
}
#titleHome h1{
	color:#f47321;
	font-size:19px;
}
#titleDefault{
	width:400px;
	float:left;
	text-align:left;
	color:#f47321;
	font-size:40px;
	padding-bottom:10px;
}
#titleEthos{
	width:500px;
	float:left;
	text-align:left;
	color:#f47321;
	font-size:40px;
	padding-bottom:0px;
}
#titleContact{
	width:600px;
	float:left;
	text-align:left;
	color:#f47321;
	font-size:40px;
	padding-bottom:10px;
}
#titleDefault h1{
	color:#f47321;
	font-size:30px;
}
#titleContact h1{
	color:#f47321;
	font-size:30px;
}
#titleService{
	width:600px;
	float:left;
	text-align:left;
	color:#f47321;
	font-size:50px;
	padding-bottom:10px;
}
#titleService h1{
	color:#f47321;
	font-size:70px;
}
#home1{
	float:right;
	width:340px;
	font-size:13px;
	text-align:right;
	color:#CCCCCC;
}
.bottom-splash{
	width:850px;
	padding:0px;
	padding-top:30px;
	float:left;
	height:252px;
	font-size:90%;
	top:70px;
	background-image:url(../images/backgrounds/line.gif);
	background-position:top;
	background-repeat:no-repeat;
}
.ezineBtn{
	width:190px;
	height:106px;
	position:absolute;
	top:450px;
	right:90px;
	z-index:10;
}
#footer{
	width:850px;
	float:left;
	position:absolute;
	bottom:0;
	left:50px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#332e2d;
	
}
.footerright{
	float:right;
	padding-right:10px;
	font-size:12px;
	width:400px;
	text-align:right;
	display:block;
	padding-top:3px;
}
.footer-images{
	float:right;
	padding-right:30px;
	width:68px;
}
.footerleft{
	float:left;
	width:300px;
	padding-left:30px;
}
.gnome{
	position:absolute;
	width:116px;
	height:227px;
	bottom:34px;
	left:85px;
}
.bird{
	position:relative;
	width:61px;
	height:54px;
	bottom:200px;
	top:-79px;
	left:730px;
	z-index:200;
}
.pants{
	position:absolute;
	width:149px;
	height:156px;
	top:201px;
	left:600px;
}
.client2{
	position:absolute;
	width:97px;
	height:180px;
	top:203px;
	left:480px;
}
.client1{
	position:absolute;
	width:97px;
	height:180px;
	top:203px;
	left:330px;
}
.clientlogin{
	position:absolute;
	top:25px;
	left:899px;
}
.default-left{
	width:340px;
	float:left;
}

.default-right{
	width:270px;
	height:490px;
	float:left;
	position:absolute;
	top:-65px;
	right:0;
}
.d-text{
	float:left;
	padding-top:20px;
	font-size:18px;
	clear:left;
	width:340px;
}
.service-hold{
	float:left;
	padding-top:20px;
	width:600px;
	
}
.service-row{
	width:100%;
	float:left;
	padding-bottom:10px;
}
.indiv-service{
	width:300px;
	float:left;
	padding-right:20px;
	padding-bottom:20px;
}
.serv-left{
	width:320px;
	float:left;
	clear:left;
}
.serv-right{
	width:320px;
	float:left;
}
.service-listing{
	float:left;
	padding-top:10px;
}
.service-title{
	float:left;
	width:270px;
	font-size:20px;
}
.service-intro{
	float:left;
}
.service-full{
	float:left;
}
#team-listing{
	float:left;
	position:relative;
	width:355px;
}
#main-team{
	float:left;
	width:270px;
}
#team-im{
	width:245px;
	height:208px;
	float:left;
	padding-bottom:20px;
}
.team-im-th{
	float:left;
	margin-left:9px;
	margin-right:9px;
	margin-bottom:10px;
}
.team-name{
	float:left;
	width:100%;
	color: #f47321;
	font-size:18px;
}
.team-job{
	float:left;
	width:100%;
	font-size:15px;
	padding-bottom:20px;
}
.team-claim-title{
	float:left;
	width:100%;
	color: #f47321;
	font-size:15px;
}
.team-claim{
	float:left;
	width:90%;
	font-size:22px;
}
.news-holder-2020{
	float:left;
	width:100%;
    clear:both;
}
.news-holder{
	float:left;
	width:100%;
	padding-top:50px;
}
.news-article{
	width:340px;
	float:left;
	padding-bottom:20px;
	width:100%;
}
.news-title{
	float:left;
	color:#f47321;
	font-size:15px;
	padding-bottom:0px;
	width:100%;
}
.news-date{
	float:left;
	font-size:90%;
	padding-bottom:5px;
	width:100%;
	font-weight:bold;
}
.news-text{
	float:left;
	padding-top:0px;
	width:100%;
}
.news-image{
	float:left;
	padding-bottom:10px;
	width:100%;
}	
.news-left{
	width:370px;
	float:left;
}
.leftfull{
	width:840px;
	float:left;
    position:relative;
    top:200px;
    left:-200px;
    padding-bottom:30px;
}
.padder{ 
    padding-top:20px;
}
.left2020{
	width:370px;
	float:left;
}
.image2020{
	width:201px;
	float:left;
    padding-left:30px;
    padding-top:50px;
}
.smi{ 
    float:right;
    width:50px;
    padding-left:8px;
    padding-right:5px;
    padding-top:20px;
    text-align:right;
}
.part-left{
	width:470px;
	float:left;
}
.part-image{
	float:left;
	padding-bottom:10px;
	width:120px;
}
.news-right{
	width:230px;
	float:left;
	padding-top:20px;
	padding-left:21px;
}
.contact-left{
	width:160px;
	float:left;
}
.contact-right{
	width:470px;
	float:left;
	padding-top:0px;
	padding-left:0px;
}
.address-title{
	width:100%;
	float:left;
	color:#f47321;
	font-size:14px;
	height:20px;
}
.address-text{
	width:100%;
	float:left;
	font-size:12px;
	padding-bottom:20px;
}
.address-text2{
	width:100%;
	float:left;
	font-size:12px;
	padding-bottom:5px;
}
.vat-text{
	font-size:8px;
	width:100%;
	float:left;
	padding-bottom:20px;
}
.portfolio-title{
	width:291px;
	float:left;
	height:40px;
	font-size:110%;
}
.twitterbird{
	z-index:200;
	position:absolute;
	right:5px;
	bottom:100px;
}
#bubble{
	z-index:50;
	position:absolute;
	right:35px;
	bottom:100px;
	background-image:url(http://www.clients.r-evolution.co.uk/rev-restyle/images/parts/bubble.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:118px;
	width:155px;
	padding-left:47px;
	padding-right:48px;
	padding-top:45px;
	padding-bottom:46px;
	visibility:hidden;
	color:#000000;
}
#bubbleH{
	z-index:50;
	position:absolute;
	right:150px;
	top:35px;
	background-image:url(http://www.clients.r-evolution.co.uk/rev-restyle/images/parts/bubble.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:118px;
	width:155px;
	padding-left:47px;
	padding-right:48px;
	padding-top:45px;
	padding-bottom:46px;
	visibility:hidden;
	color:#000000;
	font-size:110%;
}
#bubbleH a, #bubble a{
	color:#FFFFFF;
}
.directions{
	z-index:30;
	position:absolute;
	left:245px;
	bottom:35px;
}
.portfolio-image{
	width:291px;
	height:173px;
	float:left;
	padding:0;
	margin:0;
}
.portfolio-image-big{
	width:630px;
	float:left;
	padding:0;
	margin:0;
	padding-top:25px;
}
.portfolio-main-image{
	width:395px;
	height:198px;
	float:left;
}
.portfolio-title h2{
	font-size:90%;
	font-weight:bold;
	margin:0;
}
.portfolio-title h2 a{
	color:#000000;
	text-decoration:none;
	width:286px;
	height:35px;
	padding-left:5px;
	padding-top:5px;
	background-color:#CCCCCC;
	display:block;
}
.portfolio-title h2 a:hover{
	color:#ffffff;
	text-decoration:none;
	width:286px;
	height:35px;
	padding-left:5px;
	padding-top:5px;
	background-color:#999999;
	display:block;
}
.portfolio-client{
	float:left;
	width:600px;
	position:relative;
}
.portfolio-name{
	position:absolute;
	bottom:10px;
	left:0;
	width:200px;
	font-size:120%;
	font-weight:bold;
}
.portfolio-back{
	float:right;
	width:90%;
	text-align:right;
	padding-left:0px;
	padding-right:35px;
	height:32px;
	padding-top:10px;
}
.portfolio-back-btm{
	float:left;
	width:99%;
	text-align:left;
	padding-left:0px;
	height:32px;
	padding-top:60px;
	clear:both;
}
.portfolio-intro{
	float:right;
	width:200px;
	padding-left:30px;
	padding-top:20px;
}
.client-quote{
	width:360px;
	padding:20px;
	margin-top:40px;
	background-color:#545962;
	color:#FFFFFF;
	font-size:90%;
	float:left;
}
.hide{
	display:none;
}
#member1{
	position:absolute;
	top:0px;
	left:0px;
}
#member2{
	position:absolute;
	top:0px;
	left:115px;
}
#member3{
	position:absolute;
	top:0px;
	left:220px;
}
#member4{
	position:absolute;
	top:95px;
	left:17px;
}
#member5{
	position:absolute;
	top:100px;
	left:120px;
}
#member6{
	position:absolute;
	top:100px;
	left:210px;
}
#member7{
	position:absolute;
	top:160px;
	left:0px;
}
#member8{
	position:absolute;
	top:220px;
	left:113px;
}
#member9{
	position:absolute;
	top:190px;
	left:215px;
}
#member10{
	position:absolute;
	top:275px;
	left:220px;
}
#member11{
	position:absolute;
	top:250px;
	left:20px;
}
.archiveBtn{
	position:absolute;
	bottom:-30px;
	left:0px;
}
.letterbox{
	position:absolute;
	bottom:134px;
	right:108px;
}
.fspan{
	float:left;
	width:850px;
	height:250px;
	padding-bottom:30px;
	padding-top:140px;
}
.pimages{
	float:left;
	position:absolute;
	bottom:50px;
	left:250px;
}
#portfolio-listing li{ 
    line-height:1.5em;
}
.sIFR-active #ht, .sIFR-active #titleHome, .sIFR-active #titleDefault, .sIFR-active #home1, .sIFR-active .menuItem, .sIFR-active .menuItemSelected, .sIFR-active .footerright, .sIFR-active .d-text, .sIFR-active .service-title, .sIFR-active .team-name, .sIFR-active .team-job, .sIFR-active .team-claim, .sIFR-active .team-claim-title, .sIFR-active .news-title, .sIFR-active .address-title, .sIFR-active .address-text, .sIFR-active .address-text2, .sIFR-active #titleContact, .sIFR-active #titleEthos, .sIFR-active #titleService{
	visibility: hidden;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1em;
}

