@import url('common.css');

body#services_overview div#page_header {
	background-image: url('../images/bg_services_overview.jpg');
}

body#services_events div#page_header {
	background-image: url('../images/bg_services_events.jpg');
}

body#services_interactive div#page_header {
	background-image: url('../images/bg_services_interactive.jpg');
}

body#services_video div#page_header {
	background-image: url('../images/bg_services_video.jpg');
}

div#content {
	overflow:hidden;
	width:980px;
}

h3 {
	margin-bottom:10px;
}

h4 {
	margin-bottom:10px;
}

div#content p.tagline {
	font-size:14px;
	width:118px;
	min-height:85px;
	color:#888888;
	line-height:20px;
}

.img_left {
	margin-right:20px;
}

.img_right {
	margin-left:20px;
}

div.article {
	margin-bottom:25px;
}

div.two_column {
	float:left;
	width:225px;
}

div.two_column.secondary {
	float:right;
}

div.two_column.secondary img {
	float:right;
}

div#content p.img_tagline_right,
div#content p.img_tagline_left {
	font-size:10px;
	color:#999999;
}

div#content p.img_tagline_right {
	text-align:right;
}

div.in_delivery,
div.want_to_be {
	width:300px;
	display:block;
	float:right;
}

div.know_you,
div.honeymoon {
	width:370px;
	display:block;
	float:right;
}

div.pretty_interface {
	width:225px;
	display:block;
	float:right;
	margin-left:20px;
}

div.experience_everything {
	width:225px;
	display:block;
	float:left;
	margin-right:20px;
}

div.loveyou_tomorrow {
	width:200px;
	display:block;
	float:left;
	margin-right:20px
}

div.is_it_working {
	width:140px;
	display:block;
	float:right;
	margin-left:20px;
}

div.small_event {
	width:210px;
	display:block;
	float:left;
}

div.presentation {
	width:220px;
	display:block;
	float:right;
	margin-left:20px;
}

button.btn_more {
	width:76px;
	height:40px;
	background:none;
	background-image:url('../images/btn_more.png');
	background-position:0 5px;
	background-repeat:no-repeat;
	border:none;
	outline:none;
	display:inline;
	cursor:pointer;
	font-size:16px;
	font-weight:bold;
	color:#F67B30;
	padding:0;
}

button.btn_more span {
/*display:block;
	margin-top:-15px;*/
}

button.btn_more:hover {
	color:#B85625;
}

/*overview in page nav*/

ul.overview_inpage_nav {
	list-style:none;
	padding:0;
	margin:45px 0 20px 0;
}

ul.overview_inpage_nav li {
	float:left;
	width:300px;
	margin:0;
	padding:0;
}

ul.overview_inpage_nav li.video {
	background:url('../images/i_services_video.jpg');
	background-repeat:no-repeat;
	width:260px;
	height:150px;
	padding:50px 20px 20px 20px;
}

ul.overview_inpage_nav li.interactive {
	background:url('../images/i_services_interactive.jpg');
	background-repeat:no-repeat;
	width:260px;
	height:150px;
	padding:50px 20px 20px 20px;
}

ul.overview_inpage_nav li.events {
	background:url('../images/i_services_events.jpg');
	background-repeat:no-repeat;
	width:260px;
	height:150px;
	padding:50px 20px 20px 20px;
}

div#content ul.overview_inpage_nav li h3 {
	margin-bottom:20px;
	padding-bottom:0
}

div#content ul.overview_inpage_nav li.video p,
div#content ul.overview_inpage_nav li.interactive p,
div#content ul.overview_inpage_nav li.events p {
	font-size:16px;
	line-height:20px;
	height:75px;
	padding:0;
	margin:0;
}

div#content ul.overview_inpage_nav div.learn_more a {
	width:135px;
	height:32px;
	float:right;
	text-indent:-9999px;
	background:url('../images/btn_learn_more.png') 0 0;
	outline:none;
}

div#content ul.overview_inpage_nav div.learn_more a:hover {
	background-position:0 -32px;
}

ul.overview_inpage_nav {
	width:940px;
	clear:both;
	overflow:hidden;
}

ul.overview_inpage_nav li.secondary {
	margin-left:15px;
}

ul.overview_inpage_nav.secondary {
	margin:0 0 0 0;
}

ul.overview_inpage_nav ul {
	list-style:none;
	margin:0;
}

ul.overview_inpage_nav ul li {
	margin:0px 0 0 5px;
	padding:0;
	width:225px;
}

h3.secondary {
	font-size:19px;
	margin:20px
}

/*sliding panels*/


div#panel_container {
	width:1920px;
	margin-left:20px;
	overflow:hidden;

}

div.service_panel {
	float:left;
	overflow:hidden;
	border-left:1px solid #cccccc;
	padding-left:1px;
}

div.service_panel#define_panel {
	border:0px solid #ffffff;
	position:relative;
}

div.panel_content {
	width:640px;
}

div.service_panel button {
	display:none;
}

ul.overview_inpage_nav:after,
div.wrapper:after,
div.article:after,
div.service_panel:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#content div.service_panel div.section {
	float:left;
	margin:0;
	padding:50px 0 0 14px;
	width:460px;
	overflow:hidden;
}

div#content div.service_panel div.section.primary {
	width:117px;
	background:url('../images/bg_services_side_panel.jpg') 0 -1px no-repeat;
	min-height:300px;
	padding:0 10px 0 14px;
}

div#content div.service_panel#define_panel div.section.primary {
	background:none;
	padding:0 14px 0 0;
	width:135px;
	position:relative;
}

/*Secondary nav tabs*/

ul#secondary_navigation li a {
	background-image: url('../images/bg_sprites.png');
	background-repeat: no-repeat;
	display:block;
	height:16px;
	text-indent:-10000px;
	line-height:0.1px;
	outline:none;
}

ul#secondary_navigation li#overview a {
	width:79px;
}

ul#secondary_navigation li#overview a {
	background-position:0 -167px;
}

ul#secondary_navigation li#video a {
	width:48px;
}

ul#secondary_navigation li#video a {
	background-position:-87px -167px;
}

ul#secondary_navigation li#interactive a {
	width:92px;
}

ul#secondary_navigation li#interactive a {
	background-position:-140px -167px;
}

ul#secondary_navigation li#events a {
	width:57px;
}

ul#secondary_navigation li#events a {
	background-position:-240px -167px;
}