/* CSS Document */

/* HOME CONTENT */

#homeContent{ 
	background:url(../../images/home/bgHome.gif) repeat-y;
	background-color:#7DCF00;
	width: 910px;
	padding: 0 15px 0 15px;
	float: left;
	}
	
#homeMain{ 
	float: left;
	width: 510px;
	margin: 15px 0 15px 0;
	}	

#homePanelLogin{
	background:url(../../images/home/ClientLogin.gif) no-repeat;
	width: 68px;
	height: 21px;
	float: right;
	padding: 3px 0 0 20px;
}

#homePanelLogin a 
{
	color:#FFFFFF;
	text-decoration:none;
}

#homePanelLogin a:hover 
{
	text-decoration:underline;
}


	
#homeFlash{ 
	height: 275px;
	width: 510px;
	}
	
#homeLatest{ 
	height: 500px;
	width: 510px;
	}
	
#homeLatest span{ 
	background-color:#7DCF00;
	padding: 1px;
	color: #fff;
	}
	
#homeLatest span a{ 
	color: #fff;
	text-decoration: underline;
	}
	
#homeLatest span.title{ 
	color:#ff0;
	font-weight: bold;
	}
	
.homeLatestBox1{ 
	float: left;
	height: 240px;
	width: 250px;
	padding: 15px 10px 0 0;
	}
	
.homeLatestBox2{ 
	float: left;
	height: 240px;
	width: 250px;
	padding: 15px 4px 0 0;
	}
	
.homeLatestBox3{ 
	float: left;
	height: 200px;
	width: 250px;
	padding: 0 10px 0 0;
	}
	
.homeLatestBox4{ 
	float: left;
	height: 200px;
	width: 250px;
	}
	

#homePanel{ 
	float: right;
	padding: 0;
	margin: 0 0 0 0;
	background-color:#7DCF00;
	}
	
#homePanelTop{ 
	margin: 0 15px 10px 15px;
	width: 350px;
	color: #fff;
	padding-bottom: 5px;
	border-bottom: 1px solid #99ff33;
	}
	
#homePanelTop h1{ 
	width: 172px;
	height: 186px;
	position: relative;
	border: none;
	}
	
#homePanelTop h1 span {
	background:url(../../images/home/Strapline.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
h2.titleBlog{ 
	width: 61px;
	height: 40px;
	position: relative;
	}
	
h2.titleBlog span {
	background:url(http://www.tamar.com/media/26632/titleblog.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
h2.titlePress{ 
	width:61px;
	height: 36px;
	position: relative;
	}
	
h2.titlePress span {
	background:url(http://www.tamar.com/media/26637/titlenews.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
h2.titleSocial{ 
	width:170px;
	height: 27px;
	position: relative;
	}
	
h2.titleSocial span {
	background:url(../../images/home/TitleSocial.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
h2.titleTransforming{ 
	width:253px;
	height: 41px;
	position: relative;
	}
	
h2.titleTransforming span {
	background:url(../../images/home/TitleTransforming.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
h2.titleLatest{ 
	width:86px;
	height: 28px;
	position: relative;
	}
	
h2.titleLatest span {
	background:url(../../images/home/TitleLatest.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
.homePanelMiddle{ 
	width: 340px;
	margin: 0 15px 5px 15px;
	border-bottom: 1px solid #99ff33;
	}
	
.homePanelMiddleEnd{ 
	width: 300px;
	margin: 0 15px 5px 15px;
	}
	
.homePanelMiddle p{ 
	color: #fff;
	padding: 3px 0 3px 0;
	}
	
.homePanelMiddle p a{ 
	text-decoration: underline;
	color: #fff !important;
	}
	
.homePanelMiddle p a:hover{ 
	text-decoration: none;
	color: #fff !important;
	}
	
.homePanelMiddle span.date{ 
	color: #99ff33;
	padding: 0 0 10px 0;
	margin: 0;
	}
	
#homeContent h1{
	font-size: 1.2em;
	font-weight: bold;
	color: #fff !important;
	margin: 0;
	padding: 0;
}

#homeContent h2{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.blogPost, .blogPost a{
color: #fff;
padding: 6px 0 0 0;
}

.blogPost, .blogPost a:visited, .blogPost, .blogPost a:hover{
color: #fff;
padding: 6px 0 0 0;
}

.blogPost a.blogPost {
color: #fff;
padding: 6px 0 0 0;
}

.blogSub, .blogSub a{
color: #99ff33;
margin: 0;
padding: 0;
}

.blogSub a.blogSub{
color: #99ff33;
}



	
/* SCROLL BOX */

.scrollUpdate{
	margin: 0;
	padding: 5px 5px 5px 5px;
	border: 0;
	width: 320px;
	height: 244px;
	overflow: auto;
	background:url(../../images/home/bgNews.gif) no-repeat;
}

.scrollUpdateText{
	margin: 0;
	padding: 8px;
}

.scrollList{
	margin: 0;
	border: 0;
	width: 270px;
	height: 350px;
	overflow: auto;
	background-color: #f4f2f0;
}

.scrollListText{
	margin: 0;
	padding: 8px;
}

#list{
	margin: 0;
	padding: 0px;
}

.scrollMain{
	margin: 0;
	border: 0;
	width: 438px;
	height: 180px;
	overflow: auto;
}

.scrollMainText{
	margin: 0;
	padding: 0 8px 0 0;
}

.scrollComments{
	margin: 0;
	border: 0;
	width: 438px;
	height: 300px;
	overflow: auto;
}

.scrollCommentText{
	margin: 0;
	padding: 0 8px 0 0;
}

.pageWrapper {
margin: 4px auto;
width: 200px;
}

/* TITLES */

#homePanelTop ul li{
	list-style-image: none; 
	margin: 0 0 0 -19px;
padding-bottom: 6px;
	}
	
#homePanelTop ul{
	list-style: none; 
	}
	
#homePanelLoginContent{
	padding: 0 0 40px 0;
	}


h2.integrated{
	height: 25px;
	width: 286px;
	background-image: url("http://www.tamar.com/media/26699/title-digitalbrands.jpg");
}

h2.integrated a {
	display: block;
	height: 25px;
	width: 286px;
	position: relative;
}

h2.integrated a:hover {
	visibility: visible; 
}

h2.integrated a span {
	background: url("http://www.tamar.com/media/26699/title-digitalbrands.jpg");
	position: absolute;
	height: 25px;
	width: 286px;
	cursor: pointer; /* IE */
}

h2.integrated a:hover span {
	background: url("http://www.tamar.com/media/26699/title-digitalbrands.jpg") 0 -25px no-repeat;
}

h2.SEO{
	height: 25px;
	width: 286px;
	background-image: url("http://www.tamar.com/media/26709/title-seo.gif");
}

h2.SEO a {
	display: block;
	height: 25px;
	width: 286px;
	position: relative;
}

h2.SEO a:hover {
	visibility: visible; 
}

h2.SEO a span {
	background: url("http://www.tamar.com/media/26709/title-seo.gif");
	position: absolute;
	height: 25px;
	width: 286px;
	cursor: pointer; /* IE */
}

h2.SEO a:hover span {
	background: url("http://www.tamar.com/media/26709/title-seo.gif") 0 -25px no-repeat;
}



h2.social{
	height: 25px;
	width: 286px;
	background-image: url("http://www.tamar.com/media/26714/title-social.gif");
}

h2.social a {
	display: block;
	height: 25px;
	width: 286px;
	position: relative;
}

h2.social a:hover {
	visibility: visible; 
}

h2.social a span {
	background: url("http://www.tamar.com/media/26714/title-social.gif");
	position: absolute;
	height: 25px;
	width: 286px;
	cursor: pointer; /* IE */
}

h2.social a:hover span {
	background: url("http://www.tamar.com/media/26714/title-social.gif") 0 -25px no-repeat;
}


h2.mobile{
	height: 25px;
	width: 286px;
	background-image: url("http://www.tamar.com/media/48602/title-mobile.gif");
}

h2.mobile a {
	display: block;
	height: 25px;
	width: 286px;
	position: relative;
}

h2.mobile a:hover {
	visibility: visible; 
}

h2.mobile a span {
	background: url("http://www.tamar.com/media/48602/title-mobile.gif");
	position: absolute;
	height: 25px;
	width: 286px;
	cursor: pointer; /* IE */
}

h2.mobile a:hover span {
	background: url("http://www.tamar.com/media/48602/title-mobile.gif") 0 -25px no-repeat;
}


h2.analytics{
	height: 25px;
	width: 286px;
	background-image: url("http://www.tamar.com/media/26719/title-analytics.gif");
}

h2.analytics a {
	display: block;
	height: 25px;
	width: 286px;
	position: relative;
}

h2.analytics a:hover {
	visibility: visible; 
}

h2.analytics a span {
	background: url("http://www.tamar.com/media/26719/title-analytics.gif");
	position: absolute;
	height: 25px;
	width: 286px;
	cursor: pointer; /* IE */
}

h2.analytics a:hover span {
	background: url("http://www.tamar.com/media/26719/title-analytics.gif") 0 -25px no-repeat;
}


/*
 AA: idea taken from .homePanelMiddle span.date 
 so the following is ONLY and ONLY 
 1- applied to span elements having class "date"
 2- which are inside div elements having class "whitepaper" 

 Effect:
 The "descriptions" of white paper get bold (they have class date according to the provided wire frame!)
*/
.whitePaper span.date
{ 
  font-weight:bold
}

 /* NEW HOME PAGE */

	
#colOne{
	width: 300px;
	float: left;
	padding: 20px 10px 10px 0;
	}
	
#videoMainText{
	width: 930px;
	float: left;
	padding: 20px 10px 10px 0;
	background-color: #7dcf00;
	}

#colTwo{
	width: 270px;
	float: left;
	height: 480px;
	padding: 10px 25px 20px 20px;
	background:url(http://www.tamar.com/media/50078/bgmiddle.gif) no-repeat;
	margin: 10px 0 0 0;
	}
	
.bigNews img{
	padding: 1px;
	border: 1px solid #f2f1ed;
	margin: 10px 0;
	}
	
.bigNews{
	border-bottom: 1px solid #f2f1ed;
	padding: 0 0 10px 0;
	}
	
.lilNews{
	padding: 8px 0 0 0;
	margin: 0;
	float: left;
	}
	
.lilNews img{
	float: left;
	padding: 0;
	padding: 1px;
	border: 1px solid #f2f1ed;
	}
	
.lilNews p{
	float: left;
	padding: 0 0 0 10px;
	font-size: 0.9em;
	width: 160px;
	}
	
#colThree{
	width: 300px;
	float: left;
	padding: 20px 10px 10px 0;
	}

.item{
	border-bottom: 1px dotted #99ff33;
	padding: 6px 0 4px 0;
	}
	
.item.bottom{
	border-bottom: none !important;
	padding: 6px 0 4px 0;
	}
	
.item p{
	padding: 0;
	margin: 0;
	}
	
.item span.large{
	font-family: Georgia;
	font-style: italic;
	font-size: 4em;
	}
	
.social{
	padding: 10px 0 4px 0;
width: 260px;
	}
	
.twtr-ft{
	display: none;
}

.twtr-tweet-text p{
	font-family:Arial, Verdana, Helvetica, san-serif;
	}	
	
/* ACCORDION */

#accordionWrapper {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	}
 
.accordionButton {	
	width: 300px;
	float: left;
	border-bottom: 1px dotted #99ff33;
	padding: 0 0 5px 0;
	cursor: pointer;
	margin: 0;
	}
	
.accordionButton h3{	
	text-decoration: underline;
	}
	 
.accordionContent {	
	width: 300px;
	color: #766D66;
	float: left;
	display: none;
	padding: 0 0 10px 0;
	}
	
.accordionContent ul{	
	padding: 0;
	margin: 0;
	}
	
.accordionContent li{	
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted #fff !important;
	list-style: none;
	
	}
	
	
.accordionContent li a:hover{	
	color: #99ff33 !important;
	}

#wrapper{
	background-color: none !important;
	padding: 0;
	}
	
#page{
	background-color: none !important;
	padding: 0;
	width: 940px;
	}

#newPage{
	padding: 0;
	width: 940px;
}

h3{
	font-family: Georgia;
	font-style: italic;
	font-size: 1.8em;
	font-weight: normal;
	color: #7dcf00;
}


/*NEW HOME PAGE END*/




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */