html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
body {
  border-style: none;
  font: normal normal normal 17px Arial, Helvetica, sans-serif;
  line-height: 170%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
  text-decoration: none;
  text-transform: none;
}
h1 {
  color: #FA3202;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
  font-weight: bold;
  line-height: 170%;
}
h2 {
  color: #FA3202;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 170%;
}
h3 {
  color: #88CA00;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
  font-weight: bold;
  line-height: 170%;
}
h4 {
  color: #88CA00;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 170%;
}
.newstitle {
  color: #FA3202;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 170%;
}
.portfolio h2 {
  color: #FA3202;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 170%;
}
.portfolio .type {
  color: #88CA00;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 170%;
}
.portfolio .typetext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 170%;
}

.portfolio p {
  border-style: none;
  font: normal normal normal 14px Arial, Helvetica, sans-serif;
  line-height: 150%;
  text-align: left;
}

#pagination .page {
  color: #FA3202;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
}

#pagination a {
	font-size:15px;
}

a,  a:link {
  color: #88CA00;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  line-height: 170%;
  text-decoration: none;
}
a:visited {
  color: #88CA00;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  line-height: 170%;
  text-decoration: none;
}
a:hover {
  color: #FA3202;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  line-height: 170%;
  text-decoration: underline;
}

/*-------HEADER AREA START --------*/

#fullWidthHeader {
  background-image: url(http://www.motley.co.uk/images/header/bgd.gif);
  background-repeat: repeat-x;
  border-style: none;
  font-size: 18px;
  font-weight: bold;
  height: 255px;
  line-height: 15px;
  text-align: left;
}
#fullWidthHeader #header {
  border-style: none;
  height: 255px;
  margin: 0px auto 0px auto;
  overflow: hidden;
  width: 950px;
}
#fullWidthHeader #header #logo {
  background-image:url(http://www.motley.co.uk/images/header/motley-logo.png);
  background-repeat: no-repeat;
  border-style: none;
  float: left;
  height: 255px;
  width: 211px;
}
#fullWidthHeader #header #slideshowArea {
  background-image: url("http://www.motley.co.uk/images/header/slideshow/slideshow-bgd.png");
  border-style: none;
  float: right;
  width: 739px;
}
#fullWidthHeader #header #slideshowArea #slideshow {
  background-image: url("http://www.motley.co.uk/images/header/slideshow/bgd.jpg");
  background-repeat: no-repeat;
  border-style: none;
  height: 133px;
  margin: 44px 0 40px 86px;
  width: 630px;
}

#slideshowContainer {
    width:630px;
    height:133px;
}

.easy_slides_container{border:1px none #000;overflow:hidden;position:relative}.easy_slides_img1,.easy_slides_img2{display:none;top:0;position:absolute}.easy_slides_img1{z-index:2}.easy_slides_img2 {z-index:1}

#fullWidthHeader #header #slideshowArea #strapArea {
  border-style: none;
  overflow: hidden;
}
#fullWidthHeader #header #slideshowArea #strapArea #telephone {
  margin:10px 0 0 0;
  border-style: none;
  float: left;
  height: 24px;
  width: 369px;
  font:Verdana, Geneva, sans-serif;
  font-size:30px;
  font-weight:bold;
}
#fullWidthHeader #header #slideshowArea #strapArea #strap {
  margin:10px 0 0 0;
  border-style: none;
  float: right;
  height: 23px;
  width: 370px;
  font: Arial, Helvetica, sans-serif;
  font-size:30px;
  font-weight:bold;
  text-align:right;
}
#fullWidthTopNav {
  background-image:url(http://www.motley.co.uk/images/top-nav/bgd.png);
  background-repeat:repeat-x;
  border-style: none;
  height: 46px;
    
}
#fullWidthTopNav #mainNav {
  border-style: none;
  height: 30px;
  margin: 0px auto 0px auto;
  padding: 4px 0 0 0;
  width: 950px;
}

/*-------HEADER AREA END --------*/

/*-------CONTENT AREA START --------*/

#outerWrapper {
  margin: 0 auto 0 auto;
  text-align: left;
  width: 950px;
}

#outerWrapper #contentWrapper #content #rightColumn1 {
  border-style: none;
  float: right;
  width: 220px;
}
#outerWrapper #contentWrapper #content #content2col {
  border-style: none;
  margin: 0 240px 0 0;
  padding: 10px 10px 10px 10px;
}

.homepanels {
	background-color:#fff;
	border:none;
}

.homepanels h2 {
	color: #fff;
	font-size:17px;
	margin:5px 0 0 5px;
	
}
.homepanels h3 {
	color: #88CA00;
	font-size:25px;
	margin:30px 0 0 5px;
	
}
.homepanels p {
	color: #fff;
	font-size:14px;
	margin:30px 0 0 5px;
	
}
.homepanels #welcome {
	color: #fff;
	font-size:14px;
	margin:60px 0 0 5px;
	display:block;
	
}

.homepagelinks a {
	font-size:14px;
	margin:0 0 0 200px;
	text-align:right;
}
.homepagelinks a:hover {
	text-decoration:none;
}

/*-------CONTENT AREA END --------*/

/*-------FOOTER AREA START --------*/

#bottomSpacer {
  clear:both;
  height:50px;
}

#fullWidthFooter {
	clear:both;
  background-color: #333333;
  height: 200px;
}
#fullWidthFooter #footer {
  height: 200px;
  margin: 0px auto 0px auto;
  overflow: hidden;
  width: 950px;
}
#fullWidthFooter #footer #form {
	color:#fff;
	font-size:17px;
	font-weight:bold;
  float: left;
  height: 200px;
  width: 330px;
  text-align:left;
}
#fullWidthFooter #footer #footerNav {
	float:left;
  height: 250px;
  width: 270px;
}
#fullWidthFooter #footer #social {
	text-align:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:30px;
	color:#fff;
	font-weight:bold;
  float: right;
  height: 200px;
  width: 350px;
}

/*-------FOOTER AREA END --------*/

/*-------CLIENT LOGIN START --------*/

#clientlogin {
	background-image:url(http://www.motley.co.uk/images/column/client-login.jpg);
	background-repeat:no-repeat;
	height:150px;

}
#clientlogout {
	background-image:url(http://www.motley.co.uk/images/column/client-area.jpg);
	background-repeat:no-repeat;
	height:100px;

}
.clientform {
	text-align:center;
	margin:10px 0 0 0;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}

/*-------CLIENT LOGIN END --------*/

/*-------TESTIMONIAL ROTATOR START --------*/


#testimonialwrapper { width: 220px; margin: 25px  0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#fff;}
code { font-family: "Courier New", Courier, Monaco, monospace; background: #f2f2f2; margin-bottom: 5px; display: block; padding: 10px; }	
blockquote p { margin-bottom: 10px; padding:20px;}
blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; margin:0 20px 0 0; }
blockquote {
	font-family: Arial, Helvetica, sans-serif;
	width: 190px; /* required */
	margin: 0 auto;
	}
#testimonialwrapper #quote_wrap { 
	padding: 30px 0 5px 0;
	background-image:url(http://www.motley.co.uk/images/column/testimonials.jpg);
}
#siteswrapper { width: 220px; margin: 0  0 0 0;}
code {padding: 0px; }	
blockquote {
	font-family: Arial, Helvetica, sans-serif;
	width: 220px; /* required */
	margin: 0 auto;
	}
#siteswrapper #quote_wrap { 
	padding: 70px 10px 5px 10px;
	background-image:url(http://www.motley.co.uk/images/column/websites.jpg);
}
#mobrowrapper { width: 220px; margin: 0  0 0 0; color:#333;}
code {padding: 0px; }	
blockquote {
	font-family: Arial, Helvetica, sans-serif;
	width: 220px; /* required */
	margin: 0 auto;
	}
#mobrowrapper #quote_wrap { 
	padding: 70px 10px 5px 10px;
	background-image:url(http://www.motley.co.uk/images/column/websites.jpg);
}



/*-------TESTIMONIAL ROTATOR END --------*/

/*-------TWITTER FEED START --------*/

.tut{
	color:white;
	font-family:Arial,Helvetica,sans-serif;
	font-size:20px;
	padding:8px 0 50px 58px;
	text-transform:capitalize;
	text-shadow:2px 1px 6px #333;
}
#twitter-ticker{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	width:220px;
	height:300px;
	background:url(img/slickbg.png) no-repeat #333;
	color:#fff;
	display:none;
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	text-align:left;
}
#twitter-ticker a {
	font-size:13px;
}
#twitter-ticker a: hover {
	font-size:13px;
	color: #FA3202;
}	
#tweet-container{
	height:290px;
	width:auto;
	overflow:hidden;
	}
.tweet{
	padding:5px;
	margin:0 8px 8px;
	border:1px solid #333;
	background:url(img/transparent.png);
	width:auto;
	overflow:hidden;
}
.tweet .avatar,
.tweet .user,
.tweet .time{
	float:left;
}
.tweet .time{
	text-transform:uppercase;
	font-size:10px;
	color:#AAAAAA;
	white-space:nowrap;
}
.tweet .avatar img{
	width:36px;
	height:36px;
	border:2px solid #eeeeee;
	margin:0 5px 5px 0;
}
.tweet .txt{
	clear:both;
}
.tweet .user{
	font-weight:bold;
}

a:hover{
	text-decoration:underline;
}
#loading{
	margin:100px 95px;
}

/*------ twitter scroll ------*/


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right:4px;
	top:0;
	height: 100%;
	background: #ddd;
}
.jScrollPaneDrag {
	position: absolute;
	background: #999;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*-------TWITTER FEED END --------*/

/*-------SOCIAL SHARE START --------*/

.wa_social_counter_hr {
	overflow:hidden;
}
.wa_social_counter_hr img {
  border:none;
}
.wa_social_counter_hr .button {
  float:left;
  margin:0 5px;
}

/** Vertical Counter **/
.wa_social_counter_vr {
  overflow:hidden;
}
.wa_social_counter_vr img {
  border:none;
}
.wa_social_counter_vr .button {
  float:left;
  margin:0 5px 0 0;
}

/****** Icons ******/
.wasocial {
  position:relative;
}
.wasocial .share_icon {
  margin-right:1px;
}
.wasocial a {
  text-decoration:none;
  font-size:12px;
  display:block;
}
.wasocial img {
  border:none;
}
.wasocial .icons {
  float:left;
  margin:5px;
}
.wasocial:hover .share {
  display:block;
}
.wasocial .share {
  display:none;
  background-image:url(http://www.motley.co.uk/images/social/icons/icons_bg.png);
  background-repeat:repeat-x;
  border:1px solid #000000;
  background-color:#D7D7D7;
  position:absolute;
}
.wasocial .share .wrapper {
  overflow:hidden;
}
/** Twitter **/
#custom-tweet-button a {
	width:20px;
	height:20px;
	display:inline-block;
    background: url(http://www.motley.co.uk/images/social/icons/twitter.png) left center no-repeat;
}
/** facebook **/
.FBConnectButton_Simple, .FBConnectButton_RTL_Simple {
	background-image:none !important;
	
}
.FBConnectButton_Simple .FBConnectButton_Text_Simple {
    background-image: url("http://www.motley.co.uk/images/social/icons/facebook.png") !important;
    display:block;
    height: 20px;
    width: 20px;
    margin:0 !important;
}
/**  digg **/
.db-wrapper .db-digger {
    background: url(http://www.motley.co.uk/images/social/icons/digg.png) no-repeat scroll 0 0 transparent;
    height: 20px;
    width: 20px;
}
/** delicious **/
.large #delicious {
	border:none;
}
/** google buzz **/
a.google-buzz-button .buzz-button-2 {
	display:none !important;
}
a.google-buzz-button .buzz-button-1 {
    background: url(http://www.motley.co.uk/images/social/icons/google_buzz.png) no-repeat scroll 0 0 transparent        !important;
    height: 20px !important;
    width: 20px !important;
}
a.google-buzz-button .buzz-button-3 {
	display:none !important;
}
/** stumble on **/
.badge6 .suHostedBadge a {
	background-image:url(http://www.motley.co.uk/images/social/icons/stumble_upon.png) !important;
}
/** digg **/
.db-wrapper .db-digger {
  cursor:pointer;
}

/*-------SOCIAL SHARE END --------*/

/*-------MODAL WINDOW START --------*/

#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	text-align:left;
	display: none;
	color:#fff;
	font-size: 15px;
	background: #333;
	padding: 20px; 	
	border: 20px solid #88CA00;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
}
.popup p {
		padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}



/*-------MODAL WINDOW END --------*/

/*-------TOOL TIP START--------*/

.iframeTooltip
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

.tooltipContent
{
	padding: 0 10px 0 10px;
	background-color: #88CA00;
	font-size:12px;
	text-align:center;
	color:#fff;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.sitemap a {
	font-weight:normal;
}

/** RSS FEED **/
.labelfield{ color:brown; font-size:10px; }
.datefield{ color:gray; font-size:10px;}
#rssfeeds a{ color: #FA3202;text-decoration: none;font-weight: bold;font-size:14px;}
#rssfeeds p{ margin-bottom: 2px; font-size:14px;}
code{ color: red;}
#blogoolafeed, #blogoolafeed a { color:white; }
#blogoolafeed a:hover{ color:#88CA00; }
#blogoolafeed ul { margin-left:-15px }
#rssfeed-wrap { text-align:left; margin-left:55px; width:500px; }

/** News page dates **/

.newsdates {
	background-color:#88CA00;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; 
	width:73px;
	height:75px;
	float:left; 
	margin:5px 10px 0 0;
	
}
.month {
	margin-top:5px;
	text-align:center;
	line-height:120%;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-transform:uppercase;
}
.day {
	text-align:center;
	line-height:120%;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;

}
.year {
	text-align:center;
	line-height:120%;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
}