html {height:100%;}
body {
	color:#333;
	font:14px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	margin:0;
	background:#6c747c url(../images/bg-main-right.jpg) repeat-x;
	height:100%;
	min-width:1000px;
}
/* common parts */
a {color:#f7941e;
text-decoration:none;}
a:hover { text-decoration:underline;}
.active {
	color: #999;
}
p {
	margin:0 0 18px;
	line-height:18px;
}
img {border-style:none;}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
input, select, label, textarea {vertical-align:middle;}
input.text,
select,
textarea {
	font:100% verdana, helvetica, sans-serif;
	color:#333;
}
ul {
	margin:0 0 15px 15px;
	padding:0;
}
ul ul {margin:2px 0 2px 15px;}


#content2 ul {
	list-style:none;
	margin-left:0px;
}
#content2 ul li {
	margin-bottom:20px;
}
#content2 ul li img{
	margin-left:75px!important;
	
}


/* main blocks */
#main {
	width:50%;
	float:left;
	background:url(../images/bg-main-left.jpg) repeat-x;
	min-height:100%;
	position:relative;
	z-index:0;
	padding:0 0 136px;
}
* html #main {height:100%;}
#main .inner {
	width:200%;
	float:right;
	margin:0 -100% 0 0;
	background:url(../images/gr-main.gif) repeat-y 50% 0;
	display:inline;
	position:relative;
}
.causeright {
	float:left;
width:440px;
}
.causeleft {
	float:left;
margin-right:30px;
width:440px;
}
.causeleft img {
border:1px solid #CCCCCC;
}
.causeright img {
border:1px solid #CCCCCC;
}
* html #main .inner {margin:0 -50% 0 0;}
#main .bg {
	background:url(../images/bg-main.jpg) no-repeat 50% 0;
	min-height:864px;
}
* html #main .bg {height:864px;}
/* footer */
#footer {
	margin:-136px 0 0;
	position:relative;
	background:url(../images/bg-footer-right.gif) repeat-x;
	float:left;
	width:100%;
	font-size:10px;
	text-transform:uppercase;
	color:#627482;
}
#footer .inner {
	width:50%;
	float:left;
	background:url(../images/bg-footer-left.gif) repeat-x;
}
#footer .inner div {
	width:200%;
	float:right;
	margin:0 -100% 0 0;
	background:url(../images/bg-footer.jpg) no-repeat 50% 0;
	height:40px;
	display:inline;
	position:relative;
	padding:96px 0 0;
}
* html #footer .inner div {margin:0 -50% 0 0;}
#footer p {
	margin:0 auto;
	width:970px;
	padding:0 15px;
}
#footer span a {
color:#afb1b0;
}

/* page box */
#page-box {
	width:980px;
	margin:0 auto;
	padding:205px 10px 0;
	position:relative;
	min-height:650px;
}
* html #page-box {height:650px;}
#page-box:after {
	content:"";
	clear:both;
	display:block;
}
/* logo */
#logo {
	position:absolute;
	width:197px;
	height:111px;
	top:77px;
	left:29px;
	text-indent:-9999em;
	overflow:hidden;
	background:url(../images/logo.gif) no-repeat;
	margin:0;
}
#logo a {
	display:block;
	height:100%;
}
/* navigation */
#nav {
	position:absolute;
	top:128px;
	right:0px;
	margin:0;
	list-style:none;
}
#nav li {
	float:left;
	margin:0 0 0 1px;
	display:inline;
}
#nav a {
	display:block;
	height:26px;
	background:url(../images/bg-items.gif) no-repeat;
	width:124px;
}
#nav span {
	text-indent:-9999em;
	overflow:hidden;
	display:block;
}
#nav .welcome a:hover, #nav .welcome a.active {background-position:0 100%;}

#nav .story a {background-position:-125px 0;}
#nav .story a:hover, #nav .story a.active {background-position:-125px 100%;}

#nav .work a {background-position:-250px 0;}
#nav .work a:hover, #nav .work a.active {background-position:-250px 100%;}

#nav .team a {background-position:-375px 0;}
#nav .team a:hover, #nav .team a.active {background-position:-375px 100%;}

#nav .what-say a {
	width:124px;
	background-position:-500px 0;
}
#nav .what-say a:hover, #nav .what-say a.active {background-position:-500px 100%;}

#nav .ourpress a {background-position:-625px 0;}
#nav .ourpress a:hover, #nav .ourpress a.active {background-position:-625px 100%;}



/* container */
#container {
	margin:0 0 -77px;
	position:relative;
	overflow:hidden;
	width:100%;
}
.wrap {
	float:left;
	width:938px;
	padding:20px 20px 100px 20px;
	border:1px solid #c8c8c8;
	background:#fff url(../images/bg-page-box.gif) repeat-x;
	min-height:690px;
}
* html .wrap {height:690px;}
/* titles */
.our-story, .our-team, .press, .our-work, .our-whattheysay, .our-contactus, .events h2, .news h2, .television h2 {
	height:36px;
	margin:0 0 20px;
	background-repeat:no-repeat;
	overflow:hidden;
}
.our-partners,.our-clients,.our-story span, .our-team span, .our-work span, .our-whattheysay span, .our-contactus span, .press span, .events h2 span, .news h2 span, .television h2 span {
	height:36px;
	text-indent:-9999em;
	display:block;
	overflow:hidden;
}
.our-story {
	background-image:url(../images/title_capabilities.gif);
	width:320px;
}
.our-clients {
	background-image:url(../images/title_ourclients.gif);
	width:287px;
}
.our-partners {
	background-image:url(../images/title_partners.gif);
	width:400px;
}
.our-team {
	background-image:url(../images/text-our-team.gif);
	width:210px;
}
.our-work {
	background-image:url(../images/text-our-work.gif);
	width:210px;
}
.our-whattheysay {
	background-image:url(../images/title_press.gif);
	width:287px;
}
.our-contactus {
	background-image:url(../images/title_contactus.gif);
	width:287px;
}
h2 {
	margin-bottom:18px;
	display:block;
	color:#8D2093;
	line-height:28px;
}

.press {
	background-image:url(../images/text-press.gif);
	width:102px;
}
.events h2 {
	background-image:url(../images/text-latest.gif);
	width:195px;
}
.news h2 {
	background-image:url(../images/text-news.gif);
	width:111px;
}
.television h2 {
	background-image:url(../images/text-television.gif);
	width:200px;
}
#container h3 {
	color:#8d2093;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	margin:0 0 2px;
	letter-spacing:2px;
	text-transform:uppercase;
}
.post {
	display:block;
	letter-spacing:4px;
	margin:0 0 2px;
	font-weight:normal;
}
/* content */
#content {
	float:left;
	width:596px;
}
#content2 {
	float:left;
	width:100%;
}
/* sidebar */
#sidebar {
	float:right;
	width:310px;
}
#sidebar .logoimage{
	border:solid 1px #CCC;
}

#sidebar h3{
	font-size:14px;
	color:#666;
	margin:18px 0 18px;
}
#sidebar p {
	margin:0px 0px 18px;
}

#sidebar hr{
	padding:0px;
	margin:0 0 18px 0;
	border:none;
	background:#CCC;
	height:1px;
}
/* news */
.news ul, .news-list {
	margin:0;
	list-style:none;
}
.news li, .news-list li {
	margin:0 0 10px;
	vertical-align:middle;
	height:1%;
}
.news p, .news-list p {margin:0 0 3px;}
.news span, .news-list span {
	display:block;
	color:#420b40;
	margin:0 0 2px;
}
 

.more {
	color:#fbab3a !important;
	text-decoration:none;
}
.more:hover {text-decoration:underline;}
/* image holder */
.img-holder {
	border:1px solid #dde9fd;
	margin:0 -1px 25px;
	position:relative;
	background:#bcc3cd;
	/*background-image: url(../images/img-01.jpg);*/
	background-repeat: no-repeat;
	width:980px;
	height:430px;
}
.img-holder img {display:block;}
/* general info */
/*.general-info {
	width:100%;
	overflow:hidden;
	background:url(../images/bg-general-box.gif) no-repeat 316px 36px;
	color:#fff;
	margin:0 0 -33px;
	position:relative;
}*/
.general-info a {color:#fff;}
.general-info img {
	float:left;
	margin:0 20px 20px 0px;
	border:1px solid #DDE9FD;
}
.general-info h2 {margin:0 0 7px !important;}
.general-info h3 {margin:0 0 7px !important; font-size:16px; color:#CCC;}
.general-info p {margin:0; color:#FFF; padding-right:50px;line-height:18px; font-size:14px;}
.general-info a {color:#f7941e;
text-decoration:none;}
.general-info a:hover { text-decoration:underline;}
/* events */
.events {
		float:left;
	width:295px;
	margin:0 40px 0 0;
}
/* television */
.television {
	float:left;
	width:300px;
}
/* news */
.news {
	float:right;
	width:315px;
}
.text-box {
	display:table;
	height:1%;
	color: #FFF;
}
/* our work */
.showrow {
	clear:both;
	margin-bottom:40px;
	height:310px;
	
}
.pane-list {
	margin: 0;
	padding: 0;
	list-style: none;

	
	float:left

}
.pane-list li {
		width:205px;
		height:310px;
	background: #e9e9e9;
	padding: 10px;
	border: solid 1px #e9e9e9;
	cursor: pointer;
	margin-right:6px;
	
}
.pane-list li:hover {
	background: #FFF;
}
.pane-list p {
	font-size:11px; margin:3px 0 3px 0;
}

.workleft {
	width:458px; height:350px; float:left; text-align:center; padding-top:50px;
}
.workright {
	width:480px; float:left;
}
.TabbedPanelsContent h2 {
	margin-left:20px;
}
p.brief  {
	margin-left:20px;
	width:650px;
}
.showphoto {
	list-style-image:none;
list-style-position:outside;
list-style-type:none;

margin:0;
}
.showphoto li{
	display: inline;
}
.showphoto li img {
		border:solid 1px #FFF;
	
	
}
.showphoto li img:hover{
	border:solid 1px #F7941E;
	width:96px;
	height:63px;
}