/* CSS Document */
html{
overflow:scroll;
}

*{
margin:0;
padding:0;
}



body{
	background-image:url(../IMAGES/portbg.jpg);
background-repeat:repeat-x;
margin:0px;
padding:0px;
text-align:left;
}

#blogbody{
	background-image:url(../IMAGES/blogbg.jpg);
background-repeat:repeat-x;
margin:0px;
padding:0px;
text-align:left;
}


#wrapperhome{
width:743px;
margin-left:auto;
margin-right:auto;
background-color:#FFF;
}

#wrapperblog{
width:743px;
margin-left:auto;
margin-right:auto;
background-image:url(../IMAGES/blogbg.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#wrapperinside{
width:743px;
margin-left:auto;
margin-right:auto;
}

.clearboth{
visibility: hidden;
clear: both;
line-height:0px;
font-size:0;
margin:0;
height:0;
padding:0;
}

.clearboth2{
visibility: hidden;
clear: both;
}

.spacerheight5px{
height:5px;
}

.spacerheight10px{
height:10px;
}

.spacerheight20px{
height:20px;
}

.spacerheight100px{
height:100px;
}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#666666;
text-align:justify;
padding:0px;
margin:0px;
}

h1{
font-family:"Trebuchet MS";
font-size:100%;
color:#666666;
float:left;
padding:0px;
margin:2px 0px 0px 0px;
}

h2{
font-family:"Trebuchet MS";
font-size:100%;
color:#666666;
float:left;
padding:0px;
margin:2px 0px 0px 0px;
}


em{
font-weight:bold;
font-style:normal;
}

ul{
margin:0px;
padding:0px;
}

li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
padding:0px;
margin:0px;
list-style:none;
}

.addthisalign{
float:right;
}

.email{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:underline;
padding:0px;
margin:0px;
}


/* TOP SECTION (LOGO - TOP LINK}*/

#header{
width: 743px;
height:70px;
padding-top:5px;
margin:0px;
}

#logo a{
width:300px;
height:70px;
float:left;
margin-top:5px;
margin-bottom:5px;
background-image:url(../IMAGES/newlogo.jpg);
background-repeat:no-repeat;
}

#Toplinks{
float:right;
margin-top:22px;
color:#666666;
}

#Toplinks a{
float:right;
font-family:"Trebuchet MS";
font-size:12px;
text-decoration:none;
color:#666666;
padding: 0 5px 0 5px;
}

#Toplinks a:hover{
text-decoration:underline;
color:#33CC00;
}

/* MAIN BODY */

#maincontainerborder{
width:700px;
border:2px solid #666;
padding:20px 20px 0px 20px;
}


/*LEFT SIDE*/

#leftinfo{
float:left;
width:360px;
}

#aboutmeicon{
background-image:url(../IMAGES/aboutmeicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

#techtoolsicon{
background-image:url(../IMAGES/techtoolsicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

.leftboxes{
margin-left:36px;
width:310px;
}

/*RIGHT SIDE*/

#rightinfo{
margin-left:30px;
width:280px;
float:left;
}

#contactmeicon{
background-image:url(../IMAGES/contactmeicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

#availabilityicon{
background-image:url(../IMAGES/availabilityicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

#latestnewsicon{
background-image:url(../IMAGES/latestnewsicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

.rightboxes{
margin-left:36px;
margin-bottom:20px;
}

/*BOTTOM BOX*/

#btminfo{
width:640px;
}

#workicon{
background-image:url(../IMAGES/workicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

#workicon2{
background-image:url(../IMAGES/workicon2.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

#btmbox{
width:654px;
margin-left:36px;
margin-bottom:20px;
}

#btmbox p{
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#666666;
text-align:justify;
padding:0px;
margin:0px;
line-height:20px;
}

#workbox{
margin:20px 0px 0px 0px;
padding:0px;
}


.bclogo a{
float:left;
	width:148px;
	height:115px;
	background-image:url(../IMAGES/brandingcorplogo.jpg);
	background-repeat:no-repeat;
	padding:7px;
	}

.bclogo a:hover{
	background-image:url(../IMAGES/brandingcorplogoover.jpg);
	}
	
.bctheme a{
	float:left;
	width:148px;
	height:115px;
	background-image:url(../IMAGES/brandingcorptheme.jpg);
	background-repeat:no-repeat;
	padding:7px;
	}

.bctheme a:hover{
	background-image:url(../IMAGES/brandingcorpthemeover.jpg);
	}

.bccss a{
	float:left;
	width:148px;
	height:115px;
	background-image:url(../IMAGES/brandingcorpcsshtml.jpg);
	background-repeat:no-repeat;
	padding:7px;
	}

.bccss a:hover{
	background-image:url(../IMAGES/brandingcorpcsshtmlover.jpg);
	}
	
.pflash a{
	float:left;
	width:148px;
	height:115px;
	background-image:url(../IMAGES/pearsonflash.jpg);
	background-repeat:no-repeat;
	padding:7px;
	}

.pflash a:hover{
	background-image:url(../IMAGES/pearsonflashover.jpg);
	}
	
.pform a{
	float:left;
	width:148px;
	height:115px;
	background-image:url(../IMAGES/pearsonform.jpg);
	background-repeat:no-repeat;
	padding:7px;
	}

.pform a:hover{
	background-image:url(../IMAGES/pearsonformover.jpg);
	}
	
.porticons a{
	float:left;
	width:148px;
	height:115px;
	background-image:url(../IMAGES/portfolioicons.jpg);
	background-repeat:no-repeat;
	padding:7px;
	}

.porticons a:hover{
	background-image:url(../IMAGES/portfolioiconsover.jpg);
	}
	
.lightflash a{
	float:left;
	width:148px;
	height:115px;
	background-image:url(../IMAGES/lightflash.jpg);
	background-repeat:no-repeat;
	padding:7px;
	}

.lightflash a:hover{
	background-image:url(../IMAGES/lightflashover.jpg);
	}
	
.flashanim a{
	float:left;
	width:148px;
	height:115px;
	background-image:url(../IMAGES/flashanim.jpg);
	background-repeat:no-repeat;
	padding:7px;
	}

.flashanim a:hover{
	background-image:url(../IMAGES/flashanimover.jpg);
	}
	
/*CENTRE INFORMATION*/

#centreinformation{
margin:0px 0px 20px 36px;
padding:0px 0px 0px 0px;
width:640px;
}

/*TBC LOGO PAGE*/

.imgborderlogo{
margin-top:20px;
margin-bottom:20px;
width:170px;
height:160px;
background-image:url(../IMAGES/brandingcorplogolarge.jpg);
background-repeat:no-repeat;
}

/*TBC THEME PAGE*/

.imgbordertheme{
margin-top:20px;
margin-bottom:20px;
width:620px;
height:250px;
background-image:url(../IMAGES/brandingcorpthemelarge.jpg);
background-repeat:no-repeat;
}

/*TBC CSS/HTML PAGE*/

.imgbordercsshtml{
margin-top:20px;
margin-bottom:20px;
width:620px;
height:251px;
background-image:url(../IMAGES/brandingcorpcsshtmllarge.jpg);
background-repeat:no-repeat;
}

/*PEARSON FLASH PAGE*/

.imgborderflash{
margin-top:20px;
margin-bottom:20px;
width:620px;
height:250px;
background-image:url(../IMAGES/pearsonflashlarge.jpg);
background-repeat:no-repeat;
}

/*PEARSON FORM PAGE*/

.imgborderform{
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
width:462px;
height:419px;
background-image:url(../IMAGES/pearsonformlarge.jpg);
background-repeat:no-repeat;
}

/*PERSONAL PORTFOLIO ICON PAGE*/

.imgbordericons{
margin-top:10px;
margin-bottom:20px;
height:140px;
background-image:url(../IMAGES/icons.jpg);
background-repeat:no-repeat;
}

/*MY BLOG PAGE*/

#myblogicon{
background-image:url(../IMAGES/myblogicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

.date{
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#333333;
}

h3{
font-family:"Trebuchet MS";
font-size:100%;
color:#666666;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border-top:1px dashed #00CC00;
}

h4{
font-family:"Trebuchet MS";
font-size:100%;
color:#666666;
padding:0px 5px 5px 0px;
margin:0px 0px 0px 0px;
}

.arrowlinks a{
background-image:url(../IMAGES/myblogarrow.jpg);
background-position:left;
background-repeat:no-repeat;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#333333;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
}

.arrowlinks a:hover{
background-image:url(../IMAGES/myblogarrowover.jpg);
background-position:left;
background-repeat:no-repeat;
}

.backarrowlinks a{
background-image:url(../IMAGES/myblogbackarrow.jpg);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#333333;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
}

.backarrowlinks a:hover{
background-image:url(../IMAGES/myblogbackarrowover.jpg);
background-position:left;
background-repeat:no-repeat;
}

.boxforlinksleft{
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.boxforlinksmiddle{
float:left;
margin-left:20px;
}

.boxforlinksright{
float:left;
margin-left:20px;
}

.boxforlinksfarright{
margin-left:20px;
margin-top:20px;
}

.boxforlinksfarright ul li{
display:inline;
}

.headerlinks a{
font-family:"Trebuchet MS";
font-size:100%;
color:#666666;
}

.headerlinks a:hover{
text-decoration:none;
font-family:"Trebuchet MS";
font-size:100%;
color:#FF9900;
}

.blogiconlink a{
background-image:url(../IMAGES/myblogicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

.blogiconlink a:hover{
background-image:url(../IMAGES/myblogiconover.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

#holidayicon{
background-image:url(../IMAGES/holidayicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

#pilicon{
background-image:url(../IMAGES/londonicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

.dashedline{
border-top:1px dashed #00CC00;
margin-bottom:9px;
}

.countryicon{
background-image:url(../IMAGES/countryicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

.cityicon{
background-image:url(../IMAGES/cityicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

.calendaricon{
background-image:url(../IMAGES/calendaricon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

.weathericon{
background-image:url(../IMAGES/weathericon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

.currencyicon{
background-image:url(../IMAGES/currencyicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

.languageicon{
background-image:url(../IMAGES/languageicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
}

/* HOLIDAY PAGE */

.boxforlinksleftmp{
float:left;
width:250px;
}

.boxforlinksrightmp{
float:left;
margin:0px 0px 0px 0px;
width:150px;
padding:0px 0px 0px 0px;
}

.boxforlinkslastrightmp{
float:right;
margin:0px 0px 0px 0px;
width:150px;
height:135px;
padding:0px 0px 0px 0px;
background-image:url(../IMAGES/mapmorocco.jpg);
background-repeat:no-repeat;
background-position:top;
}

.morocimgright{
float:right;
padding:15px 0px 0px 15px;
}

.morocimgleft{
float:left;
padding:15px 15px 0px 0px;
}

.descimgportrait1{
text-align: center;
margin: 0px 0px 10px 0px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color:#666666;
}

.descimglandscape2{
text-align: center;
margin: 0px 0px 10px 0px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color:#666666;
}

dl{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

dt{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:78%;
font-weight:600;
color:#666666;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

dd{
font-family:Arial, Helvetica, sans-serif;
font-size:73%;
color:#666666;
text-align:justify;
padding:0px 0px 0px 2px;
margin:0px 0px 10px 0px;
}

/* PLACES IN LONDON PAGE */

.boxforlinksleftpil{
float:left;
width:380px;
}

.boxforlinksrightpil{
float:right;
margin:0px 0px 0px 0px;
width:240px;
padding:0px 0px 0px 0px;
}

.shopnametext{
color:#33CC00;
font-size:90%;
}

.shopnameicon{
background-image:url(../IMAGES/nameicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
margin-bottom:2px;
}

.locationicon{
background-image:url(../IMAGES/locationicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
margin-bottom:2px;
}

.parkingicon{
background-image:url(../IMAGES/parkingicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
margin-bottom:2px;
}

.specialityicon{
background-image:url(../IMAGES/specialityicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
margin-bottom:2px;
}

.priceicon{
background-image:url(../IMAGES/priceicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
margin-bottom:2px;
}

.seatingicon{
background-image:url(../IMAGES/seatingicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
margin-bottom:2px;
}

.telephoneicon{
background-image:url(../IMAGES/telephoneicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
margin-bottom:2px;
}

.webaddicon{
background-image:url(../IMAGES/webadd.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
margin-bottom:2px;
}

.friendsicon{
background-image:url(../IMAGES/friendsicon.jpg);
background-repeat:no-repeat;
height:35px;
width:35px;
float:left;
margin-bottom:2px;
}

.staricon1{
background-image:url(../IMAGES/1staricon.jpg);
background-repeat:no-repeat;
height:25px;
width:102px;
}

.staricon2{
background-image:url(../IMAGES/2staricon.jpg);
background-repeat:no-repeat;
height:25px;
width:102px;
}

.staricon3{
background-image:url(../IMAGES/3staricon.jpg);
background-repeat:no-repeat;
height:25px;
width:102px;
}

.staricon4{
background-image:url(../IMAGES/4staricon.jpg);
background-repeat:no-repeat;
height:25px;
width:102px;
}

.staricon5{
background-image:url(../IMAGES/5staricon.jpg);
background-repeat:no-repeat;
height:25px;
width:102px;
}

.newal{
color:#F00;
}