/* YA-YA - default stylesheet */

/* global styles */
body {
	font-family: arial, Helvetica, sans-serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	line-height: 1.3em;
	text-align: left;
	color: #000;
	background-color: #e6efc9;
	margin: 0; padding: 0; }

h1,h2,h3,h4 { color: #943c28; margin: 0; padding: 10px 0 15px 15px;}

h3 { font-size: 1.1em; color: #943c28; }
h4 { font-size: 1.0em; }
h5 { font-size: 1.0em; }

p { 
	margin: 0 15px 10px 15px; 
	padding: 0; 
	line-height: 1.2em;
}
a { text-decoration: underline; color: #6E6D68; }
a:hover { text-decoration: underline; color: #464648; }
img { border: none; }
.clear { clear: both; }
div {
border: 0px solid #666;
}
input, textarea {
	font-family: arial, Helvetica, sans-serif;
}
.firstpara {
padding: 12px 0 0 0;
}
/* main wrapper (inc. top and bottom shadow container) */
#bottom,
#wrapper {
	position: relative;
	width: 760px; margin: 10px auto 0 auto; padding: 0 0 0 10px;
	background: #fff url(../images/wrapper-bg.gif) 0 0 repeat-y; }

/* bottom shadow */
#bottom {
	margin: 0 auto 0 auto; padding: 0 0 10px 10px; height: 1px;
	background: transparent url(../images/wrapper-bg-base.gif) 0 0 no-repeat; }

/* top shadow */
#top {
	position: absolute; top: 0; left: 0;
	padding: 0 0 10px 10px; height: 1px;
	background: transparent url(../images/wrapper-bg-top.gif) 0 0 no-repeat; }

/* Containers left and right */
#leftContainer {
position: relative;
border: 0px solid #00ff00;
width: 268px;
/* should be 380 */
float: left;
height: 600px;
}

#wrapper #rightContainer, #wrapper #rightContainer_home { 
position: relative;
border: 0px solid #ff0000;
width: 488px;
/* should be 380 */
float: right;
min-height: 600px;
background: transparent url(../images/dotted1.gif) bottom left repeat-y;
}
#rightContainer_home { 
background: transparent url(../images/dotted1.gif) bottom left repeat-y !important;
min-height: 600px;
}

/* header styles */
#header { 
	position: relative; margin-bottom: 9px;
	padding: 0 0 92px 0; height: 1px; width: 100%;
}

#header h1, #header h2 { margin: 0; padding:0;}
#header h1 {
position: absolute; 
top: 15px; 
left: 0px; 
text-indent: -9999px;
height: 50px; 
width: 236px;
border: 0px solid #0000ff; 
background: #fff url(../images/yaya-logo.gif) 0 0 no-repeat;}

#header #skip,
#header h1 span { display: none; }
#header h1 a { position: absolute; top: 8px; left: 0; width: 223px; height: 63px; display: block;}

/* for quotes */
#header h2{
position: absolute; 
top: 70px; 
left: 45px; 
height: 50px; 
width: 215px;
border: 0px solid #0000ff; 
color: #58595D;
font-size: 1.0em;
line-height: 1.1em;
}

/* main menu 0 */
#header .mainMenu0 {
position: relative; 
left: 10px; 
top: 199px; 
/*padding: 7px 0 0 5px; */
width: 230px;
margin: 10px;
/*border: 1px solid #ffcc00;*/
}

#header .mainMenu0 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

#header .mainMenu0 li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#header .mainMenu0 li a:link, #header .mainMenu0 li a:visited {
        color: #fff;
letter-spacing: 1px;
	font-weight: bold;
        display: block;
        background:  url(../images/menuBG2.gif);
        padding: 8px 0 0 10px;
        }

#header .mainMenu0 li a:hover, #header .mainMenu0 li #current { 
        color: #FFF;
        background:  url(../images/menuBG2.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }


/* main menu */
#header .mainMenu {
position: relative; 
left: 10px; 
top: 230px; 
/*padding: 7px 0 0 5px; */
width: 230px;
margin: 10px;
/*border: 1px solid #ffcc00;*/
}

#header .mainMenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

#header .mainMenu li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#header .mainMenu li a:link, #header .mainMenu li a:visited {
        color: #fff;
letter-spacing: 1px;
	font-weight: bold;
        display: block;
        background:  url(../images/menuBG2.gif);
        padding: 8px 0 0 10px;
        }

#header .mainMenu li a:hover, #header .mainMenu li #current { 
        color: #FFF;
        background:  url(../images/menuBG2.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }

/* header RH column */
#rightContainer_home #RHheader {
height: 238px;
background: transparent url(../images/hdr1.jpg) 0 0 no-repeat;
border: 0px solid #000;
}
#rightContainer #RHheader {
height: 238px;
background: transparent url(../images/hdr_eventManagment.jpg) 0 0 no-repeat;
border: 0px solid #000;
}
.delegate {
height: 238px;
background: transparent url(../images/hdr_eventDelegate.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.strategy {
height: 238px;
background: transparent url(../images/hdr_eventStrategy.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.marketing {
height: 238px;
background: transparent url(../images/hdr_eventMarketing.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.analysis {
height: 238px;
background: transparent url(../images/hdr_eventAnalysis.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.speaker {
height: 238px;
background: transparent url(../images/hdr_eventSpeaker.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.exhib {
height: 238px;
background: transparent url(../images/hdr_eventExhib.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.venue {
height: 238px;
background: transparent url(../images/hdr_eventVenue.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.preevent {
height: 238px;
background: transparent url(../images/hdr_eventPreevent.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.eventprod {
height: 238px;
background: transparent url(../images/hdr_eventEventprod.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.partnering {
height: 238px;
background: transparent url(../images/hdr_eventPartnering.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.contact {
height: 238px;
background: transparent url(../images/hdr_contact.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.quote {
height: 238px;
background: transparent url(../images/hdr_quote.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.eventPlus {
height: 238px;
background: transparent url(../images/hdr_eventPlus.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.designServices {
height: 238px;
background: transparent url(../images/hdr_designServices.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.team {
height: 238px;
background: transparent url(../images/hdr_team.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.links {
height: 238px;
background: transparent url(../images/hdr_temp1.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.services {
height: 238px;
background: transparent url(../images/hdr_temp1.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.caseStudies {
height: 238px;
background: transparent url(../images/hdr_caseStudies.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}
.terms {
height: 238px;
background: transparent url(../images/hdr_temp1.jpg) 0 0 no-repeat !important;
border: 0px solid #000;
}

/* RH overlay */
#overlay {
position:relative; 
height: 26px; 
width: 488px; 
left: 0px; 
top: 210px; 
z-index:2;
padding: 2px 0 0 0;
color: #fff;
}

#overlay a {
color: #fff; 
text-decoration: none;

}
#overlay p {
margin: 0 0 0 -4px;
}

#overlay a:hover {
color: #fff; text-decoration: underline;
}
div.transOFF {width: 100%; background-color: #80A228; border:0px; }
div.transON {width: 100%; background-color: #80A228; opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; border:0px; }
div.trans85 {width: 100%; background-color: #80A228; opacity:.85; filter: alpha(opacity=25); -moz-opacity: 0.85; border:0px; }
div.trans75 {width: 100%; background-color: #80A228; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; border:0px; }
div.trans75 a {text-decoration:none; color: #fff; }
div.trans75 a:hover {text-decoration:none; color: #fff; }
div.trans85 a:hover {text-decoration:none; color: #fff; }

/* RH Container */
#RHtextContainer h2 {
position: relative; 
	color: #fff;
	background: #C6EA7E;
	text-transform: uppercase;
width: 473px;
padding-top: 13px;
}
#RHtextContainer {
color: #58585A;
font-size: 1.3em;
line-height: 1.4em;
}

.greyhome {
padding: 22px 0 0 0;
font-weight: bold;
}
.greyhome1 {
color: #46454A;
font-size: 1.23em;
line-height: 1.23em;
}
.greyhome2 {
color: #818286;
font-size: 1.2em;
line-height: 1.2em;
}
.greyhome3 {
color: #58595B;
font-weight: bold;
}

/* box out */
#boxout {
	float: left;
	width: 150px;
	padding: 0;
	margin: 16px 10px 0 17px;
}
#boxout p, .col_boxout p {
margin: 0; 
padding: 0 0 7px 0;
font-size: 0.8em;
line-height: 1.4em;
color: #333;
}
.col_boxout {
	float: left;
	width: 130px;
	padding: 0;
	margin: 5px 5px 0px 17px;
}


/* footer styles */
#footer { 
position: relative; 
clear: both; 
padding: 10px 0 10px 0; 
border-top: 4px solid #5F8412; }
#footer ul,
#footer ul li { margin: 0; padding: 0; list-style: none; }
#footer ul { padding-left: 5px; }
#footer ul li {	display: inline; border-right: 1px solid #000; font-size: 0.9em; }
#footer ul li.last { border-right: none; }
#footer ul li span,
#footer ul li a { color: #000; padding: 0 5px 0 3px; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }
#footer ul.bottom li span,
#footer ul.bottom li a { color: #000; }
#footer ul.bottom li { border-right-color: #000; }

#footer p { margin: 0; padding: 0 8px 0 8px; font-size: 0.9em; }

/* boxout menu */
#boxout ul,.col_boxout ul {
margin: 0;
padding: 0 0 0 10px;
}
#boxout li, .col_boxout li {
list-style: url(../images/arrow_green.gif);
}
#boxout .current, .col_boxout .current {
list-style: url(../images/arrow_red.gif);
}

#boxout ul li, .col_boxout ul li {
font-size: 0.8em;
}

#boxout ul li a, .col_boxout ul li a {
font-size: 100%;
margin: 0px;
padding: 0px;
line-height: 1.2em;
text-decoration: none; 
color: #666;
}
#boxout ul li a:hover, .col_boxout ul li a:hover {
font-size: 100%;
padding: 0;
text-decoration: underline; 
color: #666;
}
#mugshots  {
float: left;
margin: 0px;
padding-left: 5px;
font-size: 0.7em;
line-height: 1.1em;
text-align: center;
}
#mugshots .pic a {
text-decoration: none;
}
#mugshots .pic a:hover {
text-decoration: underline;
}

#mugshots .pic {
float: left;
width: 84px;
height: 125px;
margin: 5px;
}
#teamblurb {
margin: 12px 0 0 0;
float: left;
width: 200px;
}
#teamblurb  p {
padding: 0;
font-size: 0.9em;
line-height: 1.1em;
margin: 0 0 10px 0;
}

.expl {

font-size: 0.8em;
line-height: 1.0em;
}
.team_detail {
	padding: 0px;
	width: 460px;
	margin: 10px;
	border-collapse: collapse;
}
.team_detail td {
	text-align: left;
	vertical-align: top;
	padding: 4px;
	font-size: 0.8em;
	line-height: 1.4em;
	border: 1px solid #8C8C8C;
}
.team_table_left {
	border: 1px solid #8C8C8C;
	width: 33%;
}
.team_table_right_top {
	border: 1px solid #8C8C8C;
	width: 43%;
}
.team_table_mid {
	border-bottom: 1px solid #8C8C8C;
	width: 23%;
}
.team_table_right {
	border: 1px solid #8C8C8C;
	border-top: 0px;
	width: 43%;
}
.team_table_mid_top {
	border-top: 1px solid #8C8C8C;
	border-bottom: 1px solid #8C8C8C;
	width: 23%;
}
.warning {
	color: #ff0000;
}
.contact_address {
	float: left;
	width: 240px;
}
.casestudy {
	text-align: center;
}
.casestudy a {
	text-decoration: none;
}