body 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;    
		font-size: 12px;
		color:#333;
		background-color: #77d168;
}
a img
{
		border:0;
}
#SuperDiv
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
#NavigationDiv
{
    height: 107px;
    width: 1000px;
}
#GenericPageHolder
{
    min-height:650px;
    clear: both;
    width: 1000px;
    background-color: White;
}
#Footer
{
    font-family: Verdana;
    font-size: 9px;
    text-align: center;
    padding: 20px 0px 20px 0px;
    color: #123d43;
}
.TheMarkets
{
    color: #21727d;
}

#FormalFooter
{
    height: 150px;
    width: 1000px;
    background-color: #99BABF;
}

#TalkToUs
{
    text-align: right;
    width: 300px;
    height: 130px;
    float: right;
    background-color: #99BABF;
    padding: 5px 5px 10px 10px;
}

/*Splash Button Element*/
.SplashButton
{
    height: 62px;
    max-height: 62px;
    background-image: url('images/Splash/SplashButton.png');
    background-repeat: repeat-x;
}
.SplashButton h1
{
    font-family: Lucida Sans, Verdana, Sans-Serif;
    font-size: 18pt;
}
.SplashButton h2
{
    font-family: Lucida Sans, Verdana, Sans-Serif;
    font-size: 10pt;
}

/*Marketing Element Splash Frame*/
#MarketingSplashZone
{
    height: 300px;

    width: 1000px;
		position:relative;
}
.MarketingSplashZoneTitle
{
    position: absolute;
    display: block;
    font-size: 15pt;
    font-weight: normal;
    padding: 20px 0px 10px 20px;
    color: Black;

}
.MarketingSplashZoneText
{
    display: block;
    font-size: 10pt;
    font-weight: normal;
    padding: 0px 0px 5px 20px;
    color: #000000;
    width: 250px;
}
#MarketingElementFrame
{
    float: left;
    z-index: 100;
    padding:10px !important;
    padding: 10px 10px 0 10px;
    height: 35px !important;
    background-image: url('images/WhatWeDo/TransMarketingBar.png');
    background-position: center 8px;
    background-repeat: repeat-x;
    width: 980px;
    position: relative;
    top: 245px !important;
	top:241px;
    font-size: 11pt;
    font-weight: bold;
    color: White;
}
#navwrap {
display:block;
position:relative;
float:left;
left:50%;
margin-left:-375px;
}

#MarketingElementFrame a
{
    display: block;
		float:left;
    color: White;
    text-decoration: none;
}
#MarketingElementFrame a:hover
{
    text-decoration: underline;
}
.MarketingElement
{
    width: auto;
    height: 15px;
    float:left;
    padding: 15px 28px 15px 28px;
}
.MarketingElement:hover
{
    background-image: url('images/WhatWeDo/Selected.png');
    background-position: center -2px;
    height: 15px;
		float:left;
    padding: 15px 28px 15px 28px;
}
.MarketingElementActive
{
    background-image: url('images/WhatWeDo/DarkSelected.png');
    background-position: center -2px;
    height: 15px;
 		float:left;
    padding: 15px 28px 15px 28px;
    text-decoration: underline;
}
#Splashtext {
		position:absolute;
		top:0;
		right:0;
		width:301px;
		height:263px;
		background:url(images/Backgrounds/BG_Splashtext.png) no-repeat top left;
}
#Splashtext.leftgreen {
		left:0;
		background:url(images/Backgrounds/BG_Splashtextgreen.png) no-repeat top left;
}
#Splashtext.left {
		left:0;
}

#SubPageContent
{
    padding: 20px 20px 20px 20px;
    width: 960px;
    min-height: 400px;
		position:relative;
}

img#portrait {
		position:absolute;
		top:20px;
		left:240px;
}

img.pet {
		position:absolute;
		top:-40px;
		left:450px;
}
img#heart {
		position:absolute;
		top:0;
		right:-30px;
}
#Left_content {
		width:435px;
		float:left;
		padding-right: 10px;
		/*margin-left:210px !important;
		margin-left:100px;*/
}

#Right_content 
{
    margin-top: 60px;
		width:200px;
		float:left;
		/*margin-left:24px;*/
		padding-left:20px;
		border-left:1px solid #50b948;
		padding-top:22px;
}


#PeopleSlider
{
    text-align: center;
    height: 66px;
    background-color: Black;

}
#PeopleSlider img
{
    margin: 0 0 0 -4px;
    padding: 0;
}

a.dropTip
{
    position:relative; /*this is the key*/
    z-index:24; 
    color: White;
    text-decoration:none;
}

a.dropTip:hover
{
	z-index:25; 
}

a.dropTip span
{
	display: none
}
.dropArrow span
{
	padding-top: 6px;
	padding-bottom:10px;
	position: absolute;
	left: 0px;
	top:2px;
	overflow:visible;
/*	background-image: url(images/WhoWeAre/TopTip.gif); */

}
.dropName
{
    padding-bottom: 10px;
}
a.dropTip:hover span
{ /*the span will display just on :hover state*/
    left: 0px;
    display:block;
    position:absolute;
    background:transparent url(images/WhoWeAre/tooltip.png) no-repeat top left; 
    color: White;
    text-align: left;
	overflow:visible;
    width: 145px;
	padding-left:5px;

}

a.last:hover span
{
	left: -40px;
/*	background:transparent url(images/WhoWeAre/tooltip.png) no-repeat top right; */

}



h1 {
font-family:Lucida Sans, Sans-serif;
color:#50b948;
font-size:32px;
text-transform:uppercase;
font-weight:normal;
}

h2 {
font-family:Lucida Sans, Sans-serif;
color:#123d43;
font-size:14px;
font-weight:normal;
}

#Left_content p, #Right_content p {
color:#123d43;
font-family:Lucida Sans, Sans-serif;
font-size:13px;
}

#Right_content p {
font-size:12px;
}

#Left_content p strong, #Right_content p strong {
text-transform:uppercase;
font-weight:normal;
}
.dropName
{
    padding-bottom: 10px;
}
a.readmore {
width:100%;
display:block;
text-align:right;
color:#123d43;
}

a#login 
{
display: none;
position:absolute;
top:10px;
right:10px;
}

img#bags {
position:absolute;
right:-40px;
top:30px;
}

img#almondbreeze {
position:absolute;
left:-10px;
top:390px;
}

img#grandopen {
position:absolute;
left:-10px;
top:230px;
}

img#ferrara1 {
position:absolute;
right:-35px;
top:-120px;
z-index:1000;
}

img#ferrara2 {
position:absolute;
left:-40px;
top:120px;
}

img#schierl1 {
position:absolute;
left:100px;
top:-120px;
z-index:1000;
}

img#schierl2 {
position:absolute;
top:280px;
left:15px;
}

img#youngstedts {
position:absolute;
left:-30px;
top:30px;
}

img#plant {
position:absolute;
left:-20px;
top:30px;
}

img#iphone {
position:absolute;
right:10px;
top:30px;
}

img#live_people {
position:absolute;
top:20px;
left:0px;
}

img#live_map {
position:absolute;
right:-40px;
top:250px;
}

img#live_turtle {
position:absolute;
right:0;
top:450px;
}

img#sampling_girl {
position:absolute;
right:0;
top:372px;
}

img#sampling_dogs {
position:absolute;
left:-40px;
top:300px;
}

img#sampling_lights {
position:absolute;
right:50px;
top:0;
}

img#toma_apple {
position:absolute;
top:10px;
right:20px;
}

img#toma_pot {
position:absolute;
left:-20px;
top:370px;
}

img#toma_girl {
position:absolute;
right:0;
top:380px;
}

img#creative_box {
position:absolute;
right:68px;
top:132px;
}

img#social_people {
position:absolute;
right:0;
bottom:0;
}

.toplefttext {
width:325px;
float:left;
margin-left:40px;
font-size:12px;
line-height:1.5em;
}

.toprighttext {
width:445px;
float:left;
margin:0 0 0 90px;
font-size:12px;
line-height:1.5em;
text-align:justify;
}

.toprighttext ul {
margin:0;
padding:0 0 0 15px;
}

.bottomlefttext {
float:left;
clear:left;
font-size:14px;
line-height:1.5em;
width:638px;
margin-top:30px;
}

.bottomlefttext img, .bottomlefttext p {
float:left;
}

.bottomlefttext p {
width:465px;
margin-left:20px;
}

img.floatleft {
float:left;
margin:5px 5px 5px 0;
}

img.floatright {
float:right;
margin:5px 0 5px 5px;
}

#marketing_left {
width:550px;
float:left;
margin-top:20px;
}

#marketing_right {
width:360px;
float:left;
margin-left:20px;
margin-top:20px;
}

h3 {
margin-top:20px;
margin-bottom:0;
}

h3 span {
font-weight:normal;
}

p a {
color:#2a791b;
text-decoration:none;
}

#definition, #liveit, #sms {
float:left;
width:740px;
}

#liveit {
clear:left;
width:760px;
}

#brand {
float:left;
width:540px;
}

#sms {
width:560px;
margin-left:50px;
}

li.indent {
margin-left:15px;
}

p.indent, h3.indent {
padding-left:130px;
}

.cr {
clear:right;
}

#live1, #live2, #live3, #live4, #live5 {
position:absolute;
width:260px;
height:150px;
top:30px;
left:160px;
}

#live2 {
width:525px;
height:190px;
top:30px;
left:456px;
}

#live3 {
width:267px;
height:221px;
top:257px;
left:30px;
}

#live4 {
width:435px;
height:135px;
top:257px;
left:312px;
}

#live5 {
width:615px;
height:120px;
top:545px;
left:30px;
}

p a, small a {
color:#060;
}

#sampling1 {
position:absolute;
left:120px;
top:110px;
width:310px;
height:115px;
}

#sampling2 {
position:absolute;
left:305px;
top:297px;
width:265px;
height:340px;
}

#toma1 {
position:absolute;
width:600px;
height:100px;
left:20px;
top:0px;
}

#toma2 {
position:absolute;
width:485px;
height:110px;
left:20px;
top:250px;
}
#tomabrenda
{
position:absolute;
width:445px;
height:100px;
left:0px;
top:150px;

}

#toma3 {
position:absolute;
width:369px;
height:124px;
top:450px;
left:290px;
}

#centeredmenu {
   float:right;
   width:1000px;
   background: url('images/WhatWeDo/transmarketingbaralt.png');
   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:10px 20px;
   color:#fff;
   text-decoration:none;
   line-height:1.3em;
   font-weight:bold;
}
#centeredmenu ul li a:hover {
   background:#666;
   color:#fff;
   text-decoration:underline;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
   background:#333;
   font-weight:bold;
}
div#LeftFormalElements
{
    padding: 10px;
        float: left;
    width: 660px;
    height: 130px;
    background-color: #C1E1E8;

}
.FootCat
{
    padding: 0px 10px 0px 0px;
    width: 120px;
    float: left;
}

.FootCat a, .FootCat a:hover
{
    color: #666666;
}