@charset "utf-8";
/* Master style sheet created on 06/03/2009 */

@media screen {
	/* All screen styles to go between these braces */
	/* reset the desired elements for best control */


/*# 001 GENERAL STYLES #*/

a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1,h2, h3, h4, h5, h6,
hr, html, i, img, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small,
span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

#clear {
	clear:both;
}


/* end reset */
/*************/

/*# 002 GENERIC STYLES #*/

#socialBar {
	width: 100%;
	background-color:#cccccc;
	height:30px;
	position: fixed;
	z-index: 50;
}

#socialPage {
	width: 625px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	color:#000000;
	font-weight:bold;
}

#socialPage a {
	color:#000000;
	text-decoration:none;
}

#socialPage a:hover {
	color:#000000;
	text-decoration: underline;
}

#socialPage #box {
	margin-right:40px;
	float:right;
	margin-top:3px;
	margin-bottom:3px;
}

#socialPage #box2 {
	float:right;
	margin-top:3px;
	margin-bottom:3px;
}

#page {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

/*# 003 FLOAT MENU #*/

#floatMenu {
	position:absolute;
	top:0px;
	width:125px;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#ccc;
}
		
#floatMenu ul {
	margin: 0 4px 0 11px;
	padding: 0;
	list-style: none;
}

#floatMenu ul li a {
	display:block;
	border-bottom:1px solid #000;
	background-color:#000000;
	text-decoration:none;
	color:#ccc;
	padding:6px 0;
	font-weight: normal;
	text-transform: uppercase;
}

#floatMenu ul li a:hover {
	color: #FFF;
}

#floatMenu li#ocu_LI_0_1_1 a:hover {
	border-bottom-color: #EC008C;
}

#floatMenu li#ocu_LI_0_2_1 a:hover {
	border-bottom-color: #F60;
}

#floatMenu li#ocu_LI_0_3_1 a:hover {
	border-bottom-color: #EC008C;
}

#floatMenu li#ocu_LI_0_4_1 a:hover {
	border-bottom-color: #D7203F;
}

#floatMenu li#ocu_LI_0_5_1 a:hover {
	border-bottom-color: #93C;
}

#floatMenu li#ocu_LI_0_6_1 a:hover {
	border-bottom-color: #EEB211;
}

#floatMenu li#ocu_LI_0_7_1 a:hover {
	border-bottom-color: #EC008C;
}

#floatMenu li#ocu_LI_0_8_1 a:hover {
	color:#fff;
	border-bottom-color: #FF6600;
}


#floatMenu li#ocu_LI_0_9_1 a:hover {
	color:#fff;
	border-bottom-color: #D7203F;
}

body#mobileOptimised #menuElem_LI_0_1_63 a, body#mobileStats #menuElem_LI_0_2_63 a, 
body#mobileReady #menuElem_LI_0_3_63 a, body#mobileDo #menuElem_LI_0_4_63 a, 
body#mobileCongress #menuElem_LI_0_5_63 a {
	padding: 7px 15px;
display: block;
	background-color: #EC008C;
	color: #FFF;
}

body#navBlog #ocu_LI_0_8_1 a  {
	color:#fff;
	background-color:#d7203f;
}

/*body#navContact #ocu_LI_0_9_1 a  {
	color:#fff;
	background-color:#d7203f;
}*/


			
/*End float menu; */


#sidebar {
	float: left;
	position: relative;
	width: 125px;
	padding-left: 0px;
	padding-right: 0px;
	background: #000;
	top: 10px;
	/*height:2000px;
	overflow: auto;*/
	/*margin-top:25px;*/
}

/*# 004 MAIN CONTENT #*/
/*
#content {
	width: 830px;
	margin-left: 150px;
	padding-top: 40px;
	margin-bottom: 10px;
	float: left;
}
*/

#main {
    margin: 0 2px 0 280px;
    width: 687px;
}

#home #main {
	padding: 0;
	background: none;
}

#infoBar {
	float:left;
	width: 184px;
}

h2, h3, h4, h5 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h2, h3, h4, h5, p {
	margin-bottom: 1.6em;
	line-height: 160%;
	font-family: Arial, sans-serif;
	color: #666;
}

h3 {
	color: #666;
	font-size: 140%;
	font-weight: normal;
	padding:0px;
	margin:0px;
}

h4 {
	color: #333;
	font-size: 110%;
	font-weight: normal;
	border-left: 5px solid #333;
	line-height: 100%;
	padding: 7px;
	background: #e9e9e9;
}

h5 {
	color: #333;
	font-size: 110%;
	margin-bottom: 0.6em;
}

p {
	font-style: normal;
	font-size: 14px;
}


/*** TABS ***/

.tabContainer {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}

.tabSection {
	background: #fff url(../images/mp_whtbot.jpg) bottom left no-repeat;
	margin-left:5px;
	margin-top: 0px;
	width:720px;
	overflow: auto;
}

.tabSection h1 {
	border-left: 12px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 21px;
	margin: 8px 12px 12px 12px;
	padding: 0 6px;
	vertical-align: text-top;
}

.tabSection h2 {
	text-indent: -9999px;
	background: #333333 url(../images/bg_h2.jpg) top left no-repeat;
	height: 50px;
	margin-bottom: 1.0em
}

.tabs {
	background: #fff url(../images/mp_whtbot.jpg) bottom left no-repeat;
}
.tabs .content {
	background-color: #fff;
	background-image: url(../images/tab_top_white.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.tab .content {
	background: #fff url(../images/tab_top_white.gif) top left no-repeat;
	padding: 10px 30px 15px;
}

.introPara {
	color: #C31C74;
	font-style: italic;
	font-weight: bold;
	line-height: 140%;
}

.quote {
	font-size: 120%;
	margin-bottom: 0;
	line-height: 140%;
}

.source {
	font-size: 90%;
	text-align: right;
	margin: 8px 0 20px;
}

.colLeft {
	float: left;
	width: 360px;
}

.colRight {
	float: left;
	width: 360px;
}

.colLeft p, .colRight p {
	margin: 12px;
	line-height: 140%;
}

.colLeft ul, .colRight ul {
	margin: 12px;
}

.colLeft li, .colRight li {
	padding: 0 0 0 12px;
	background: transparent url(../images/bullet_pink.gif) no-repeat 0 .35em;
	margin: 0 12px 5px 0;
	line-height: 140%;
}

.tabPageTitle {
	margin: 0 0 0 12px;
}

#mobilePhone {
	float: left;
	margin-right: 10px;
}

.footNote {
	clear: both;
	font-weight: bold;
	margin: 12px;
}

/** Header **/

	#slider img{border:none;}	

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width: 630px;
		height: 289px;
		overflow: hidden; 
		}											

/* // Easy Slider */


/*# 005 MAIN #*/


#expand {           
    display: none;      
}

.sectionWelcome, .sectionWelcomeCS {
	background: #fff url(../images/section_bottom_white.gif) bottom left no-repeat;
	padding-bottom: 15px;
	margin-top: 15px;
}

/*.sectionMobile, .sectionMobileCS {
	background: #fff url(../images/section_bottom_white.gif) bottom left no-repeat;
	padding-bottom: 15px;

}*/

.sectionWelcome .content, .sectionWelcomeCS .content {
	background: #fff url(../images/section_top_whiteWelcome.gif) top left no-repeat;
	padding: 20px 15px 0px 15px;
}

/*.sectionMobile .content, .sectionMobileCS .content {
	background: #fff url(../images/mobileweb_banner.jpg) top left no-repeat;
	padding: 90px 15px 0px 15px;
}*/

/* Orig
.section, .sectionCS {
	background: #fff url(../images/section_bottom_white.gif) bottom left no-repeat;
	padding-bottom: 15px;
	margin-top: 15px;
}

.section .content, .sectionCS .content {
	background: #fff url(../images/section_top_white.gif) top left no-repeat;
	padding: 20px 15px 15px;
}*/

.section, .sectionCS {
	background: #fff url(../images/content_box_bot.jpg) bottom left no-repeat;
	padding: 0 15px 15px;
	margin-top: 15px;

}

/*
.section .content, .sectionCS .content {
	background: #fff url(../images/section_top_white.gif) top left no-repeat;
	padding: 20px 15px 15px;
}*/


#home #mainPanel {
	background: #fff url(../images/content_box_top.jpg) left top no-repeat;
	padding: 14px 0 0 0;
}

#home .content {
	background: #fff url(../images/content_box_bot.jpg) left bottom no-repeat;
	padding: 0 15px 15px;
}

.grey {
	background-color: #333333;
	background-image: url(../images/section_bottom_grey.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.grey .content {
	background-color: #333333;
	background-image: url(../images/section_top_grey.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.section#home {
	background-color: transparent;
	background-image: none;
	padding-bottom: 0;
}

/*.section h2 {
	text-indent: -9999px;
	background: #FFF url(../images/bg_h2.jpg) top left no-repeat;
	height: 41px;
	margin-bottom: 0.5em
}*/

.sectionWelcome h2 {
	text-indent: -9999px;
	background: #FFF url(../images/bg_h2.jpg) top left no-repeat;
	height: 41px;
	margin-bottom: 0.5em;
	margin-top: 0;
}

.grey h2 {
	background-color: #404040;
}

.section#home h2 { background-position: 0 -0px; }
.section#work h2 { background-position: 0 -40px; }
.section#case h2 { background-position: 0 -84px; }
/*.section#aboutus h2 { background-position: 0 -122px; }*/
/*.section#capabilities h2 { background-position: 0 -163px; }*/
.section#mobile h2 { background-position: 0 -204px; }
/*.section#training h2 { background-position: 0 -245px; }*/
.sectionCS#blog h2 { background-position: 0 -286px; }
.section#contact h2 { background-position: 0 -327px;}



/*h3.intro {
	font-size: 120%;
	padding: 0 0 15px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	border-bottom: 1px dotted #000;
}*/

h3.intro {
	font-size: 100%;
	padding: 0 0 15px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	border-bottom: 1px dotted #000;
}


.sectionWelcome h3 {
	font-size: 120%;
	font-family: "Palatino", Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	line-height: 22px;
}

h3.introhiglight a {
	font-size: 150%;
	font-family: "Palatino", Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	color:#ec008e;
}

/*h3.subhead {
	font-size: 150%;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
}*/

/*ul.checkList {
	list-style-type: none;
	margin: 0 0 15px 15px;
	font-style: italic;
	font-family: Arial, sans-serif;
}*/

/*ul.checkList li {
	background: transparent url(../images/bg_checkList.gif) 0 .3em no-repeat;
	padding-left: 20px;
	margin: 0 0 6px;
	line-height: 140%;
	color: #666;
}
*/

h3.subhead {
	font-size: 150%;
	color:#666;
	font-family: "Palatino", Georgia, "Times New Roman", Times, serif;
	font-style: normal;
}

ul.checkList, ul.CMSSiteMapList {
    font-family: Arial,sans-serif;
    font-style: italic;
    list-style-type: none;
    margin: 0 0 15px 7px;
}

ul.checkList li, ul.CMSSiteMapList li {
    background: url("../bg_listArrow.gif") no-repeat scroll 0 0.2em transparent;
    color: #666666;
    font-size: 13px;
    line-height: 140%;
    margin: 0 0 6px;
    padding-left: 19px;
}


.hidden {
	display: none;
}

img.framed {
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom: 10px;
}

/*# 006 SIDEBAR #*/

/*#sidebar h2, #sidebar h3, #sidebar p {
	margin-bottom: 0.7em;
}

#sidebar h2 {
	color: #fff;
	border-bottom: 1px solid #fff;
	font-size: 120%;
	font-weight: normal;
	padding-bottom: 0.3em;
}*/

/* New ### */

#twitterPanelTop, .blogPanelTop {
	margin: 29px 0 0;
}

#twitterPanelContent, .blogPanelContent {
	padding: 1px 0 12px;
	background: transparent url(../images/twitterPanel_bot.png) no-repeat left bottom;
}

#twitterBtn {
	margin: 8px 15px 8px;
}

.tweetWhen {
	margin: 10px 15px 10px;
	padding: 8px 0 0;
	border-top: 1px dotted #999;
	color: #86C6DE; 
}

.tweetText {
	margin: 10px 15px 10px;
	color: #FFF;
}

.tweetSource {
	margin: 10px 15px 10px;
	color: #86C6DE;
}

/*#panelsHolderTwitter {
	margin: 15px 0 0 0;
	overflow: auto;
}

#panelsHolderTwitter .hpanel {
	width: 184px
}

#panelsHolderTwitter .gutter {
	margin: 0;
}

#panelsHolderTwitter h6 {
	margin: 0;
	color: #F10794;
	font-size: 160%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-bottom:10px;
	padding-top:20px;
}

#panelsHolderTwitter h2 {
	background:url("../images/sidebar_panel_top.jpg") no-repeat scroll left top transparent;
	color:#F10794;
	font-family:Arial,Helvetica,sans-serif;
	font-size:160%;
	font-weight:normal;
	margin:0;
	padding:6px 10px 0;
}

.panelBotTwitter {
	padding: 0 10px 10px;
	background: #434343 url(../images/sidebar_panel_bot.jpg) no-repeat left bottom;
	min-height: 176px;
}

.panelBotTwitter p {
	color: #CCCCCC;
	font-size: 100%;
	margin: 0;
}

#panelsHolderTwitter h3 {
	color: #ccc;
	font-size: 110%;
	border: none;
	padding:0 3px;
}

#tweets p {
	color: #aad037;
	font-size: 90%;
	padding:0 3px;
}

#twitter {
	padding-left: 20px;
}

#tweets {
	margin-top: 5px;
	/*height: 200px;
	overflow: hidden;*/
}

.tweet {
	word-wrap: break-word;
	/*height: 200px;*/
}

*/

#kenticoGold {
	margin: 20px 0 0 20px;
}


/*** NAVIGATION ***/


#nav ul {
	padding-bottom: 15px;	
}


/*** COLUMNS ***/

.cols {
	overflow: auto;
	margin-top: 15px;
}

.cols .col420 {
	float: left;
	padding-right: 10px;
	width: 354px;
}

.cols .col310 {
	float: left;
	padding-right: 20px;
	width: 290px;
}

.cols .col540 {
	float: left;
	padding-right: 20px;
	width: 540px;
}

.cols .col290 {
	float: left;
	padding-right: 20px;
	width: 290px;
}

.cols .col200 {
	float: left;
	padding-right: 20px;
	width: 200px;
}

.cols .col145 {
	float: left;
	padding-right: 20px;
	width: 145px;
}

.cols .last, #workNav .last {
	padding-right: 0;
}


/*** CONTENT AREA ***/

.contentNav {
	padding-top: 10px;
	margin-bottom: 10px;
}

.contentNav p {
	margin-bottom: 2px;
	font-size: 90%;
	font-style: normal;
	font-family: Tahoma, Arial, sans-serif;
	color: #000000;
	text-align: right;
	font-weight: bold;
}

p.nextLink {
	text-align: right;
}

.separated {
	border-bottom: 1px solid #ec008c;
	margin-bottom: 25px;
	padding-bottom: 5px;
}

.content li {
	line-height: 140%;
	margin-bottom: 0.4em;
}


/*# 007 ABOUT #*/

p.teamName {
	margin-bottom: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	margin-top: 5px;
}
p.teamTitle {
	font-size: 90%;
	font-family: Tahoma, Arial, sans-serif;
	margin-bottom: 8px;
}
p.teamQuote {
	background: #e3e3e3 url(../images/bg_teamQuote.gif) top left no-repeat;
	color: #333;
	padding: 18px 7px 5px 7px;
	margin-bottom: 8px;
	font-size: 86%;
}

/*# 008 MEET THE TEAM #*/

#teamNav {
	margin-bottom: 15px;
	overflow: auto;
	/*display: none;*/
}
#teamNav.dynamic {
	display: block;
	margin-bottom: 15px;
	overflow: auto;
}

#teamNav a {
	border-bottom: none;
	padding-right: 7px;
	padding-bottom: 7px;
	display: block;
	float: left;
}

#teamFrame {
	width: 600px;
	overflow: auto;
	clear: both;
}
#teamFrame.dynamic {
	overflow: hidden;
	position: relative;
	height: 229px;
}

#teamSet {
	width: 7200px;
}
#teamSet.dynamic {
	position: absolute;
	top: 0;
	left: 0;
}

.teamMember {
	float: left;
	width: 600px;
	/*margin-right: 20px;*/
	overflow: visible;
}

#teamSet .last {
	margin-right: 0;
}

.teamMemberPhoto {
	float: left;
	width: 145px;
}

.teamMemberInfo {
	float: left;
	width: 445px;
	overflow: visible;
	margin-left: 10px;
}

.teamMemberDescription {
	float: left;
	width: 255px;
}

.teamMemberSkills {
	float: left;
	width: 180px;
	padding-left: 5px;
}

.teamMemberSkills .checkList {
	margin-bottom: 0;
}

.teamMemberSkills .checkList li {
	background: transparent url(../images/bg_listArrow.gif) 0 3px no-repeat;
}


/*# 009 SERVICES #*/

/*#services, #methodology{
	margin-bottom: 20px;
}*/

#servicesNav, #methodologyNav, #kenticoNav {

	margin: 5px 0 0;
	/*display: none;*/
	overflow: hidden;
	background: transparent url(../images/bg_servicesNav.gif) bottom right no-repeat;
}
#servicesNav.dynamic, #methodologyNav.dynamic {
	display: block;
}

#servicesNav li, #methodologyNav li, #kenticoNav li {
	float: left;
	padding-right: 3px;
	margin-bottom: 0;
}

#servicesNav a, #methodologyNav a, #kenticoNav a {
	font-size: 70%;
	font-family: Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	display: block;
	border-bottom: none;
	background: #eeb211 url(../images/bg_servicesNav.gif) bottom right no-repeat;
	color: #333;
	padding: 6px 6px 14px;
}
#servicesNav a:hover, #methodologyNav a:hover {
	background: #c2b700 url(../images/bg_servicesNav.gif) bottom right no-repeat;
	color: #fff;
}
#servicesNav a.selected, #methodologyNav a.selected {
	background: #333 url(../images/bg_servicesNav.gif) bottom left no-repeat;
	color: #fff;
}

#servicesFrame, #methodologyFrame, #kenticoFrame {
	width: 600px;
	overflow: auto;
}
#servicesFrame.dynamic, #methodologyFrame.dynamic, #kenticoFrame.dynamic {
	overflow: hidden;
	position: relative;
	height: 320px;
}
#methodologyFrame.dynamic {
	height: 198px;
}

#servicesSet {
	width: 4200px;
}
#methodologySet {
	width: 3000px;
}
#kenticoSet {
  width: 4200px;
}
#servicesSet.dynamic, #methodologySet.dynamic, #kenticoSet.dynamic {
	position: absolute;
	top: 0;
	left: 0;
}

.servicesItem, .methodologyItem, .kenticoItem {
	float: left;
	width: 600px;
	overflow: visible;
}

/*#services h4, #methodology h4 {
	border: none;
	padding: 15px 0 0;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0;
	background: #fff;
}*/


#services h4, #methodology h4 {
	border: none;
	padding: 15px 0 0;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0;
	background: #fff;
color: #666;
}


.servicesItemDescription {
	float: left;
	width: 540px;
	margin: 20px 0 0 0;
}

.servicesItemFeatures {
	float: left;
	width: 220px;
}

#services .servicesItemFeatures, #methodology .methodologyItemFeatures {
	display: none;
	margin: 20px 0 0 0;
	background-color: #e3e3e3;
	padding: 5px;
}

#services .servicesItemFeatures li, #methodology .methodologyItemFeatures li {
	background: transparent url(../images/bg_listArrow2.gif) 0 0.2em no-repeat;
}

/*# 010 MOBILE WEB #*/

#mobileOptimised #main, #mobileStats #main, #mobileReady #main, 
#mobileDo #main, #mobileCongress #main {
	padding: 15px 0 0 0;
}

#mobile {
	background: #FFF url(../images/content_box_bot.jpg) no-repeat left bottom;
}

#mobileweb {
	margin: 0;
	padding: 0;
}

#mobileIntro {
	margin-top: 15px;
	background: transparent url(../images/mobile_main_bckgd.jpg) no-repeat;
	background: url(../images/Mobilebanner3.jpg) no-repeat;
	padding: 1px 0;
	height:256px;
}


/*#mobileIntro {
	margin-top: 15px;
	background: transparent url(../images/mobileBanner.jpg) no-repeat;
	padding-bottom: 107px;
}

#mobileIntro h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0 0 0 10px;
	margin: 25px 0 20px 186px;
	border-left: 10px solid #FFF;
	line-height: 100%;
}

#mobileIntro p {
	font-size: 130%;
	line-height: 140%;
	font-weight: bold;
	margin: 0 0 0 186px;
}*/

#mobileIntro p {
	font-size: 130%;
	line-height: 140%;
	font-weight: bold;
	margin: 0 0 0 186px;
}


#mobileweb .cols {
	margin: 15px 15px 0;
}

/*#mobileweb h3, #mobileweb h3.intro  {
	color:#000;
	font-size:130%;
	padding-bottom: 20px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

#mobileweb h3.intro {
	padding: 0 0 0 290px;
	font-family: "Palatino", Georgia, "Times New Roman", Times, serif;	
	font-weight: normal;
	border: none;
}*/

#mobileweb h3, #mobileweb h3.intro  {
	color:#666;
	font-size:130%;
	padding-bottom: 20px;
	font-family: "Palatino", Georgia, "Times New Roman", Times, serif;
}

#mobileweb h3.intro {
	padding: 0 0 0 290px;
	font-family: "Palatino", Georgia, "Times New Roman", Times, serif;	
	font-weight: normal;
	border: none;
}


.pinkUL {
	list-style:disc;
	color: #333333;
	padding-left:15px;
}

#mobileweb ul.bulletList {
	margin: 0 0 1.6em;
}

/*#mobileweb ul.bulletList li {
	margin: 0 0 8px 0;
	padding: 0 0 0 13px;
	background: transparent url(/images/bullet_pink.gif) no-repeat 0 .5em;
}*/

#mobileweb ul.bulletList li {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0 0 8px 0;
	padding: 0 0 0 17px;
	background: transparent url(/images/bg_listArrow.gif) no-repeat 0 .2em;
}


#menuElem {
	margin: 110px 0 10px 15px;
}


#mobileweb #menuElem li {
	margin: 0 0 0 0;
}

#mobileweb a {
	border-bottom: 1px solid #DDD;
}

#mobileweb a:hover {
	border-bottom: 1px solid #EC008E;
}

/*#menuElem a {
	color: #000;
	display: block;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 7px 15px;
	width: 260px;
}

#menuElem a:hover {
	background-color: #EC008C;
	color: #FFFFFF;
}*/

#menuElem a {
	color: #FFF;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 5px 0 12px;
	width: 256px;
	height: 22px;
	background: transparent url(../images/mobileweb_btnbckgd2.png) no-repeat;
	margin: 0 0 5px 10px;
	border: none;
}

#menuElem a:hover {
	text-decoration: underline;
	border: none;
}


.introText {
	color: #000;
	font-size: 130%;
	padding-bottom: 20px;
	font-family: "Palatino", Georgia, "Times New Roman", Times, serif;	
	font-weight: normal;
}

.seperator {
	border-bottom: 1px dotted #000;
}


/*# 010a `VIDEO #*/

#videoOptimised #main, #videoStats #main, #videoReady #main, 
#videoDo #main, #videoCongress #main {
	padding: 15px 0 0 0;
}

#video {
	background: #FFF url(../images/content_box_bot.jpg) no-repeat left bottom;
}

#videoweb {
	margin: 0;
	padding: 0;
}

#videoIntro {
	margin-top: 15px;
	background: transparent url(../images/video_main_bckgd.jpg) no-repeat;
	background: url(../images/Video-Digital-Banner_wide.jpg) no-repeat;
	padding: 1px 0;
	height:256px;
}


/*#videoIntro {
	margin-top: 15px;
	background: transparent url(../images/Video-Digital-Banner_wide.jpg) no-repeat;
	padding-bottom: 107px;
}

#videoIntro h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0 0 0 10px;
	margin: 25px 0 20px 186px;
	border-left: 10px solid #FFF;
	line-height: 100%;
}

#videoIntro p {
	font-size: 130%;
	line-height: 140%;
	font-weight: bold;
	margin: 0 0 0 186px;
}*/

#videoIntro p {
	font-size: 130%;
	line-height: 140%;
	font-weight: bold;
	margin: 0 0 0 186px;
}


#videoweb .cols {
	margin: 15px 15px 0;
}

/*#videoweb h3, #videoweb h3.intro  {
	color:#000;
	font-size:130%;
	padding-bottom: 20px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

#videoweb h3.intro {
	padding: 0 0 0 290px;
	font-family: "Palatino", Georgia, "Times New Roman", Times, serif;	
	font-weight: normal;
	border: none;
}*/

#videoweb h3, #videoweb h3.intro  {
	color:#666;
	font-size:130%;
	padding-bottom: 20px;
	font-family: "Palatino", Georgia, "Times New Roman", Times, serif;
}

#videoweb h3.intro {
	padding: 0 0 0 290px;
	font-family: "Palatino", Georgia, "Times New Roman", Times, serif;	
	font-weight: normal;
	border: none;
}


.pinkUL {
	list-style:disc;
	color: #333333;
	padding-left:15px;
}

#videoweb ul.bulletList {
	margin: 0 0 1.6em;
}

/*#videoweb ul.bulletList li {
	margin: 0 0 8px 0;
	padding: 0 0 0 13px;
	background: transparent url(/images/bullet_pink.gif) no-repeat 0 .5em;
}*/

#videoweb ul.bulletList li {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0 0 8px 0;
	padding: 0 0 0 17px;
	background: transparent url(/images/bg_listArrow.gif) no-repeat 0 .2em;
}


#menuElem {
	margin: 110px 0 10px 15px;
}


#videoweb #menuElem li {
	margin: 0 0 0 0;
}

#videoweb a {
	border-bottom: 1px solid #DDD;
}

#videoweb a:hover {
	border-bottom: 1px solid #EC008E;
}

/*#menuElem a {
	color: #000;
	display: block;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 7px 15px;
	width: 260px;
}

#menuElem a:hover {
	background-color: #EC008C;
	color: #FFFFFF;
}*/

#menuElem a {
	color: #FFF;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 5px 0 12px;
	width: 256px;
	height: 22px;
	background: transparent url(../images/videoweb_btnbckgd2.png) no-repeat;
	margin: 0 0 5px 10px;
	border: none;
}

#menuElem a:hover {
	text-decoration: underline;
	border: none;
}


.introText {
	color: #000;
	font-size: 130%;
	padding-bottom: 20px;
	font-family: "Palatino", Georgia, "Times New Roman", Times, serif;	
	font-weight: normal;
}

.seperator {
	border-bottom: 1px dotted #000;
}



/*# 011 WORK #*/



/*** GALLERY ***/


/*# 012 CONTACT FORM #*/

#contact .col420 { padding-right: 0; }

#contact .col200 { width: 210px; margin-top: 10px; }

#contact #formHolder { margin-top: 10px; } 

#contact ul {
	margin: 15px 0 0 0;
}

#contact li {
	padding: 0;
	margin: 0 0 15px 0;
	overflow: auto;
}

#contact fieldset, #kenticoPanels fieldset {
	border-top: 1px solid #CCC;
	margin: 0  10px 0 0;
	padding: 0 0 0 15px;
}

#kenticoPanels fieldset { margin: 0; padding: 0 0 0 1px; }

#contact legend, #kenticoPanels legend {
	color: #666;
	padding: 0 5px;
}
#kenticoPanels legend {
	margin-left: 15px;
}
#contact label, #seminar label, #kenticoPanels label, #kenticoPanels .EditingFormLabel {
	display: inline-block;
	width: 90px;
	padding: 0 10px 0 0;
	text-align: right;
	cursor: pointer;
	color: #666;
	vertical-align: top;
}
#kenticoPanels label, #kenticoPanels .EditingFormLabel { width: 140px; }

#contact input, #contact select, #contact textarea {
	
}

#formHolder .simpleText {
	margin: 10px 0;
}

#contact .simpleText input, #seminar .simpleText input, #kenticoPanels input {
	width: 205px;
	border: 1px solid #ccc;
	padding: 6px;
	color: #505050;
	font-family: Arial, Helvetica, sans-serif;
}
#kenticoPanels input { width: 190px; background-color: #EEE; }

#contact textarea, #seminar textarea, #kenticoPanels textarea {
	border: 1px solid #ccc;
	color: #505050;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 8px;
	width: 200px;
	background: #fff;
	vertical-align: top;
}

#kenticoPanels textarea { width: 215px; background-color: #EEE; }

#contact input:active, 
#contact input:focus, 
#contact textarea:active, 
#contact textarea:focus,
#contact input.send:active,
#contact input.send:focus,
#seminar input:active, 
#seminar input:focus, 
#seminar textarea:active, 
#seminar textarea:focus,
#seminar input.send:active,
#seminar input.send:focus

{
	border: 1px solid #999;
}

#contact input.FormButton {
	float: none;
	color: #666;
	background: #fff;
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 6px;
	cursor: pointer;
	border: 1px solid #ccc;
	margin: 10px 0 10px 118px;
}

#seminar input.FormButton {
	margin: 20px 0 0 100px;
	width: 215px;
	height: 47px;
	background: transparent url(../images/btn_seminar.gif) no-repeat;
	border: none;
	color: #FFF;
	font-weight: bold;	
}

#contact input.FormButton:hover {
	border: 1px solid #999;
	background: #999;
	color: #fff;	
}

#seminar input.FormButton:hover {

}

.ErrorLabel {
	color: #F00;
	margin-right: 30px;
	display: inline-block;
}

.EditingFormErrorLabel {
	color: #F00;
}

#contact .EditingFormControlNestedControl, #seminar .EditingFormControlNestedControl,
#kenticoPanels .EditingFormControlNestedControl {
	margin: 0;
	padding: 0;
	display: inline;
}

#contact .FormPanel, #seminar .FormPanel, #kenticoPanels .FormPanel {
	font-family: Arial, Helvetica, sans-serif;
}

#seminar #seminarChoice .EditingFormControlNestedControl {
	display: block;
}

#seminar #seminarChoice table {
	width: 100%;
	margin-left: 100px;
}

#seminar #seminarChoice td  {
	padding-bottom: 8px;
}

#seminar #seminarChoice input {
	vertical-align: top
}

#seminar #seminarChoice label {
	width: 225px;
	vertical-align: top;
	text-align: left;
	padding: 2px 0 0;
}

.EditingFormInfoLabel {
	font-family: Arial, sans-serif;
	color: #F10794;
	display: block;
	padding: 15px;
	border: 1px dashed #CCC;
	font-weight: bold;
	text-align: center;
	width: 311px;
}

.seminarFormLink {
	text-decoration: underline;	
}

.seminarFormLink:hover {
	text-decoration: underline;	
}

#kenticoPanels input.CalendarIcon { width: 16px; vertical-align: top; background: none; }

/*# sem #*/


#mapHolder {
	margin: 15px 0;
	overflow: auto;
	width: 600px;
}

.mapHeight {
	height: 400px;
}

#infoWindowContent {
	display: none;
}

.mapDetailHeader, .mapDetailText, #ocumapDetails h4, #ocumapDetails p {
	color: #7A868E;
	font-family: Arial,sans-serif;	
}

#ocumapDetails p {
	margin: 0;
}

.mapDetailHeader, #ocumapDetails h4 {
	background: none;
	margin: 8px 0 3px;
	border: none;
	padding: 0;
}

#ocumapDetails p.mapDetailLink {
	margin: 10px 0;
}

.mapDetailText {
	padding-bottom: 8px;
	margin-bottom: 0;
}

.streetViewer {
	height: 250px;
	margin: 10px;
	width: 350px;
}

/* End contact form */



/*# 013 TRAINING FORM and pages #*/

#courseDetails {
	background: #F5F5F5;
	margin: 18px 0 15px;
	padding: 5px;
}

#courseDetails p {
	border-bottom: 1px dotted #CCCCCC;
	clear: both;
	margin: 6px;
	overflow: auto;
	padding: 0 0 6px;
}

#courseDetails .topic {
	float: left;
	padding: 0 10px 0 0;
	text-align: left;
	width: 110px;
}
	
#courseDetails .theDetail {
	float: left;
	margin: 0;
	width: 380px;
}

#courseDetails .last {
	border: medium none;
}

#training ul {
	margin-bottom: 1.6em;
}

/*#training ul li {
	background: transparent url(../images/bullet_pink.gif) no-repeat 0 0.5em;
	margin: 0 0 8px;
	padding: 0 0 0 13px;
}*/


#training ul li {
	background: transparent url(../images/bg_listArrow.gif) no-repeat 0 0.2em;
	margin: 0 0 8px;
	padding: 0 0 0 17px;
}

/* End training form */

/*# 014 FOOTER #*/


.copyright{
	color: #888;
	margin: 5px 0;
	font-size: x-small;
}

.frmValidate {
	cursor:pointer;
	float:left;
	padding-top:5px;
	width:300px;	
}

.sectionCS h2 {
	text-indent: -9999px;
	background: #333333 url(../images/bg_h2.jpg) top left no-repeat;
	height: 41px;
	margin-bottom: 1.0em
}

/*body#emarketing .sectionCS h2 { background-position: 0 -50px; }
body#animation .sectionCS h2 { background-position: 0 -100px; }
body#web .sectionCS h2 { background-position: 0 -150px; }*/

/*.caseStudy h3 {
	margin-bottom: 15px;
}*/

.workSummary {
	margin: 0 0 20px;
	font-size: 100%;
	font-family: Tahoma, Arial, sans-serif;
}

.workSummary li {
	line-height: 140%;
	padding-left: 20px;
	background: transparent url(../images/bg_listArrow.gif) 0 .3em no-repeat;
	color: #333;
	margin-bottom: .5em;
}
.clientList {
	margin-bottom: 12px;
}

/*.quote {
	margin: 0;
	padding: 0;
	font-size: 100%;
}*/

p.quoteText {
	color: #333;
	font-size: 140%;
	font-style: italic;
	margin: 0 0 6px 0;
}

p.quoteRef {
	color: #666;
	font-family: Tahoma, Arial, sans-serif;
	text-align: right;
	margin-bottom: 0;
}

.divider {
	padding-top: 25px;
	border-top: 1px dotted #333;
}

#panelsHolder {
	overflow: auto;
	margin: 15px 0 0 0;
/*	padding: 0 0 10px 0;*/
}

#panelsHolder h2 {
	background: #434343 url(../images/hbox_top.jpg) no-repeat left top;
	margin: 0;
	padding: 6px 10px 0;
	color: #F10794;
	font-size: 160%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#panelsHolder h3 {
	margin: 0;
	color: #F10794;
	font-size: 160%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.panelsLine {
	border-bottom: 1px;
	border-bottom-color:#FFF;
	border-bottom-style:solid;
	padding-bottom:20px;
}

.hpanel {
	float: left;
	width: 196px;
}

.panelBot {
	padding: 0 10px 10px;
	background: transparent url(../images/hbox_bot.jpg) no-repeat left bottom;
	min-height: 176px;
}

.panelBot p {
	color: #DEDEDE;
	font-size: 100%;
	margin: 0 0 15px 0;
}

#panelsHolder ul {
	list-style: disc;
	margin: 0 0 15px 17px;
}

#panelsHolder li {
	color: #DEDEDE;
	font-size: 100%;
	line-height: 160%;
}

.gutter {
	margin-right: 21px;
}

#panelsHolder a {
	color: #FFF;
}

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

/* Utility styles */

.highlight {
	color: #EC008C;
}

.first {
	margin-top: 0;
}


/*# 015 CASE STUDY STYLES #*/
body#casestudies .content h2, #case h2 {
    border-bottom: 1px dotted #CCCCCC;
    border-top: 2px solid #E1772F;
    color: #666666;
    font-family: century gothic,arial;
    font-size: 180%;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 8px 0;
}

.cols .col210 {
	float: left;
	padding-right: 30px;
	width: 270px;
}

.cols .col350 {
	float: left;
	padding-right: 0;
	width: 355px;
	padding: 6px 0 0;	
}

#caseStudies h4 {
	font-family: Arial, sans-serif;
	font-size: 120%;
	color: #666;
	border: none;
	background: none;
	padding: 0;
	margin: 0 0 15px;
}

#caseStudies h2 {
	background-position:0 -82px;
}

#caseStudies .subhead {
	margin: 15px 0 15px;
	font-weight: normal;
	color: #666;
}

#caseStudies p, #caseStudies li {
	color: #666;
}

#csContainer {
	/*width: 576px;*/
	overflow: auto;
	margin: 15px auto 0;
}

#csImagesHolder {
	position: relative;
}

a.noJS {
	padding: 0;
	background: none;
	height: 96px;
	width: 96px;
	display: block;
	float: left;
}

.csItem {
	/*margin: 0 0 12px;*/
	border-bottom: 2px dotted #CCC;
	padding: 0 0 12px;
	overflow: auto;
	position: relative;
}

.csItem a.csImageLink {
	position: relative;
	display: block;
	height: 204px;
	width: 204px;
	overflow: hidden;
	padding: 0;
	float: left;
}

.csItem a.csImageLink:hover span {
	position: absolute;
	height: 204px;
	width: 204px;
	top: 0;
	left: 0;
}

.csDetail {
	float: left;
	width: 357px;
	margin: 10px 0 0 15px;	
}

.csDetail img {
	margin: 0 0 15px;
}

.csDetail .csText {
	/*font-style: italic;*/
	color: #666;
}

.csDetail .csLink {
	margin: 0 0 0 0;	
}

.csDetail .csLink a {
	font-weight: bold;
	border-bottom: 1px solid #CDCDCD;
}

.csDetail .csLink a:hover {
	color: #000;
	border-bottom: 1px solid #000;
}

#theCSWindow {
	position: relative;
	margin: 0 auto;
}

#theCSWindowJS {
	width: 576px;
}

#csContainer .csWindowJS {
	overflow: hidden;
	/*height: 300px;*/
	margin: 30px 0 0;
	width: 576px;
}

.csHolderJS {
	width: 4032px;
	/*height: 270px;*/
	position: relative;
}

.csItemJS {
	float: left;
	width: 576px;
	border-top: 20px solid #F3F3F3;
	padding: 15px 0 20px;
}

.csItemJS a.csImageLink {
	display: none;
}

#smallImages .smlImage {
	margin: 20px 0 0 0;
	cursor: pointer;
}

.popItHolder {
	width: 188px;
	height: 200px;
	position: absolute;
	z-index: 100;
}

.popIt {
	width: 168px;
	height: 168px;
	background-position: -18px -18px;
	border: 10px solid #555;
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .25);
}

.pointer {
	height: 13px;
	background: transparent url(../images/popit_pointer.gif) no-repeat 50% 0;
}

#smallImages {
	width: 476px;
	margin: 0 auto;
	text-align: center;
}

.csItemJS div {
	width: 561px;
}

#csInstruction {
	width: 526px;
	background: #F7F7F7 url(../images/rollover_icon.gif) no-repeat 15px 15px;
	padding: 15px;
	margin: 0 10px;
	float: left;
}

#csInstruction p {
	margin: 0 0 0 22px;
}

#thumbsHolder {
	text-align: right;
	margin: 12px 0 0;
	overflow: auto;
	padding: 0 0 0 60px;
}

#whatTheySay {
	margin: 20px 0 0 36px; 
	padding: 15px 0 0;
}

.thumbsJS a {
	height: 96px;
	width: 96px;
	float: left;
	display: block;
	cursor: pointer;
}

.largeImagesNoJS {
	width: 355px;
	height: 386px;
}


/* case studes large image background appears when JS is turned off */
#casestudies1 .largeImagesNoJS { background: #FFF url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp1_l01.jpg) no-repeat; }
#casestudies2 .largeImagesNoJS { background: #FFF url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp2_l01.jpg) no-repeat; }
#casestudies3 .largeImagesNoJS { background: #FFF url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp3_l01.jpg) no-repeat; }
#casestudies4 .largeImagesNoJS { background: #FFF url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp4_l01.jpg) no-repeat; }
#casestudies5 .largeImagesNoJS { background: #FFF url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp5_l01.jpg) no-repeat; }
#casestudies6 .largeImagesNoJS { background: #FFF url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp6_l01.jpg) no-repeat; }
#casestudies7 .largeImagesNoJS { background: #FFF url(../case_olm1.jpg) no-repeat; }
#casestudies8 .largeImagesNoJS { background: #FFF url(../csp8_l01.jpg) no-repeat; }
#casestudies9 .largeImagesNoJS { background: #FFF url(../csp9_l01.jpg) no-repeat; }

#casestudies1 #thumbsHolder a#tn01 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp1_t01.jpg) no-repeat; }
#casestudies1 #thumbsHolder a#tn02 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp1_t02.jpg) no-repeat; }
#casestudies1 #thumbsHolder a#tn03 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp1_t03.jpg) no-repeat; }
#casestudies1 #thumbsHolder a#tn01:hover, #casestudies1 #thumbsHolder a#tn01.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp1_t01_o.jpg) no-repeat; }
#casestudies1 #thumbsHolder a#tn02:hover, #casestudies1 #thumbsHolder a#tn02.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp1_t02_o.jpg) no-repeat; }
#casestudies1 #thumbsHolder a#tn03:hover, #casestudies1 #thumbsHolder a#tn03.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp1_t03_o.jpg) no-repeat; }

#casestudies2 #thumbsHolder a#tn01 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp2_t01.jpg) no-repeat; }
#casestudies2 #thumbsHolder a#tn02 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp2_t02.jpg) no-repeat; }
#casestudies2 #thumbsHolder a#tn03 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp2_t03.jpg) no-repeat; }
#casestudies2 #thumbsHolder a#tn01:hover, #casestudies2 #thumbsHolder a#tn01.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp2_t01_o.jpg) no-repeat; }
#casestudies2 #thumbsHolder a#tn02:hover, #casestudies2 #thumbsHolder a#tn02.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp2_t02_o.jpg) no-repeat; }
#casestudies2 #thumbsHolder a#tn03:hover, #casestudies2 #thumbsHolder a#tn03.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp2_t03_o.jpg) no-repeat; }

#casestudies3 #thumbsHolder a#tn01 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp3_t01.jpg) no-repeat; }
#casestudies3 #thumbsHolder a#tn02 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp3_t02.jpg) no-repeat; }
#casestudies3 #thumbsHolder a#tn03 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp3_t03.jpg) no-repeat; }
#casestudies3 #thumbsHolder a#tn01:hover, #casestudies3 #thumbsHolder a#tn01.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp3_t01_o.jpg) no-repeat; }
#casestudies3 #thumbsHolder a#tn02:hover, #casestudies3 #thumbsHolder a#tn02.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp3_t02_o.jpg) no-repeat; }
#casestudies3 #thumbsHolder a#tn03:hover, #casestudies3 #thumbsHolder a#tn03.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp3_t03_o.jpg) no-repeat; }

#casestudies4 #thumbsHolder a#tn01 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp4_t01.jpg) no-repeat; }
#casestudies4 #thumbsHolder a#tn02 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp4_t02.jpg) no-repeat; }
#casestudies4 #thumbsHolder a#tn03 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp4_t03.jpg) no-repeat; }
#casestudies4 #thumbsHolder a#tn01:hover, #casestudies4 #thumbsHolder a#tn01.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp4_t01_o.jpg) no-repeat; }
#casestudies4 #thumbsHolder a#tn02:hover, #casestudies4 #thumbsHolder a#tn02.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp4_t02_o.jpg) no-repeat; }
#casestudies4 #thumbsHolder a#tn03:hover, #casestudies4 #thumbsHolder a#tn03.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp4_t03_o.jpg) no-repeat; }

#casestudies5 #thumbsHolder a#tn01 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp5_t01.jpg) no-repeat; }
#casestudies5 #thumbsHolder a#tn02 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp5_t02.jpg) no-repeat; }
#casestudies5 #thumbsHolder a#tn03 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp5_t03.jpg) no-repeat; }
#casestudies5 #thumbsHolder a#tn01:hover, #casestudies5 #thumbsHolder a#tn01.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp5_t01_o.jpg) no-repeat; }
#casestudies5 #thumbsHolder a#tn02:hover, #casestudies5 #thumbsHolder a#tn02.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp5_t02_o.jpg) no-repeat; }
#casestudies5 #thumbsHolder a#tn03:hover, #casestudies5 #thumbsHolder a#tn03.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp5_t03_o.jpg) no-repeat; }

#casestudies6 #thumbsHolder a#tn01 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp6_t01.jpg) no-repeat; }
#casestudies6 #thumbsHolder a#tn02 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp6_t02.jpg) no-repeat; }
#casestudies6 #thumbsHolder a#tn03 { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp6_t03.jpg) no-repeat; }
#casestudies6 #thumbsHolder a#tn01:hover, #casestudies6 #thumbsHolder a#tn01.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp6_t01_o.jpg) no-repeat; }
#casestudies6 #thumbsHolder a#tn02:hover, #casestudies6 #thumbsHolder a#tn02.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp6_t02_o.jpg) no-repeat; }
#casestudies6 #thumbsHolder a#tn03:hover, #casestudies6 #thumbsHolder a#tn03.activeSlide { background: url(../OculusDigital/media/Main-Image-Library/Case%20Studies/csp6_t03_o.jpg) no-repeat; }

#casestudies7 #thumbsHolder a#tn01 { background: url(../csp7_t01.jpg) no-repeat; }
#casestudies7 #thumbsHolder a#tn02 { background: url(../csp7_t02.jpg) no-repeat; }
#casestudies7 #thumbsHolder a#tn03 { background: url(../csp7_t03.jpg) no-repeat; }
#casestudies7 #thumbsHolder a#tn01:hover, #casestudies7 #thumbsHolder a#tn01.activeSlide { background: url(../csp7_t01_o.jpg) no-repeat; }
#casestudies7 #thumbsHolder a#tn02:hover, #casestudies7 #thumbsHolder a#tn02.activeSlide { background: url(../csp7_t02_o.jpg) no-repeat; }
#casestudies7 #thumbsHolder a#tn03:hover, #casestudies7 #thumbsHolder a#tn03.activeSlide { background: url(../csp7_t03_o.jpg) no-repeat; }

#casestudies8 #thumbsHolder a#tn01 { background: url(../csp8_t01.jpg) no-repeat; }
#casestudies8 #thumbsHolder a#tn02 { background: url(../csp8_t02.jpg) no-repeat; }
#casestudies8 #thumbsHolder a#tn03 { background: url(../csp8_t03.jpg) no-repeat; }
#casestudies8 #thumbsHolder a#tn01:hover, #casestudies8 #thumbsHolder a#tn01.activeSlide { background: url(../csp8_t01_o.jpg) no-repeat; }
#casestudies8 #thumbsHolder a#tn02:hover, #casestudies8 #thumbsHolder a#tn02.activeSlide { background: url(../csp8_t02_o.jpg) no-repeat; }
#casestudies8 #thumbsHolder a#tn03:hover, #casestudies8 #thumbsHolder a#tn03.activeSlide { background: url(../csp8_t03_o.jpg) no-repeat; }

#casestudies9 #thumbsHolder a#tn01 { background: url(../csp9_t01.jpg) no-repeat; }
#casestudies9 #thumbsHolder a#tn02 { background: url(../csp9_t02.jpg) no-repeat; }
#casestudies9 #thumbsHolder a#tn03 { background: url(../csp9_t03.jpg) no-repeat; }
#casestudies9 #thumbsHolder a#tn01:hover, #casestudies9 #thumbsHolder a#tn01.activeSlide { background: url(../csp9_t01_o.jpg) no-repeat; }
#casestudies9 #thumbsHolder a#tn02:hover, #casestudies9 #thumbsHolder a#tn02.activeSlide { background: url(../csp9_t02_o.jpg) no-repeat; }
#casestudies9 #thumbsHolder a#tn03:hover, #casestudies9 #thumbsHolder a#tn03.activeSlide { background: url(../csp9_t03_o.jpg) no-repeat; }
/* case studies large image rollovers these will be written to the page via the webpart transformation */
#thumbsHolder a span {
	display: none;
}

#thumbsHolder a:hover span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 386px;
	width: 355px;
}

#otherCSLinks {
	margin: 10px 0;
	padding: 15px 0 0;
	border-top: 1px dotted #CCC;
	overflow: auto;
}

#otherCSLinks p {
	margin: 7px 0 15px;
}


/*#otherCSLinks p {
	margin: 0 0 15px;
}*/

#otherCSLinks li {
	float: left;
	width: 40%;
	padding: 0 15px 3px 40px;
}


#otherCSLinks ul img {
	float: left;
}

#otherCSLinks a {
	font-family: Arial;	
    color: #666666;
    text-decoration: none; 
}

#quote p {
	font-style: italic;
}

/*# 016 NEW HOME PAGE STYLES #*/

#home .homeContent h3 {
	color: #cccccc;
	font-size: 160%;
	font-weight: normal;
	padding:0px;
	margin:0px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#home .homeContent {
	padding: 0 0 20px 0;
}

#latestNews {
	width:608px;
}

#latestNews p {
	font-family:Arial, Helvetica, sans-serif; 
	color:#cccccc;
}

.latestNews {
	width:274px; 
	float:left; 
	margin:10px 30px 0px 0; 
	border-top:1px dashed #999; 
	padding-top:10px;
}

.latestNewsTitle{
	font-family:Arial, Helvetica, sans-serif; 
	padding-bottom:5px; 
	font-size:12px;
	font-weight:bold;
	margin:0;
	color:#AAD037;

}

.latestNewsHeading{
	font-family:Arial, Helvetica, sans-serif; 
	padding:0px; 
	font-size:14px;
	font-weight:bold;
	margin:0;

}

.section#aboutus { 
	background:url(../images/aboutBanner.jpg) #FFF no-repeat top; 
	padding-top: 289px;
}

.section#capabilities { 
	background:url(../images/capabilitiesBanner.jpg) #FFF no-repeat top; 
	padding-top: 289px;	
}

.section#training { 
	background:url(../images/trainingBanner.jpg) #FFF no-repeat top; 
	padding-top: 289px;
}

.section#contact { 
	background: #FFF url(../images/content_box_top.jpg) no-repeat left top;
	padding-top: 20px;
}

.section#case { 
	background: #FFF url(../images/content_box_top.jpg) no-repeat left top;
}

.section#contact { 
	background: #FFF url(../images/content_box_top.jpg) no-repeat left top;
	padding-top: 20px;
}

.section#sitemap{ 
	background: #FFF url(../images/content_box_top.jpg) no-repeat left top;
	padding-top: 20px;
}

body#contact .content h2, #contact h2, #kenticoSeminarText h2 {
    border-bottom: 1px dotted #CCCCCC;
    border-top: 2px solid #D7203F;
    color: #666666;
    font-family: "Utopia Std",Georgia,"Times New Roman",serif;
    font-size: 180%;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 8px 0;
}
#kenticoSeminarText h2 { margin-top: 15px; border-top: none; }

/*
body#home #ocu_LI_0_1_1 a {
	background-color: #EC008C;
	color: #FFFFFF;
}

body#navCase #ocu_LI_0_2_1 a {
	background-color: #9933CC;
	color: #FFFFFF;
}

body#navAbout #ocu_LI_0_3_1 a {
	background-color: #D7203F;
	color: #FFFFFF;
}

body#navCap #ocu_LI_0_4_1 a {
	background-color: #EEB211;
	color: #FFFFFF;
}

body#mobileOptimised #ocu_LI_0_5_1 a {
	background-color: #EC008C;
	color: #FFFFFF;
}

body#navTrain #ocu_LI_0_6_1 a {
	background-color: #FF6600;
	color: #FFFFFF;
}

body#navContact #ocu_LI_0_7_1 a {
	background-color: #D7203F;
	color: #FFFFFF;
}
*/

#latestNews p.latestNewsTitle {
	color: #86C6DE;
}

.latestNews p a {
	color: #FFF;
}

.latestNews p a:hover {
	color: #EC008C;
}

#mobileweb .highlight {
	color: #666;
}


/* NEW ### */

#homeIntro h1 {
	color: #C8C8C8;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", serif;
	line-height: 130%;
	padding: 0 90px 0 0;
	letter-spacing: 1px;
}

#homeIntro {
	margin: 0 20px 0 0;
	padding:  0 0 25px 0;
	border-bottom: 2px solid #EC008C;
}

#newsContainer {
	padding: 25px 0 0 0;
}

#newsContainer h2 {
	color: #C8C8C8;
	font-size: 116%;
	font-weight: bold;
	margin-bottom: 10px;
}

#newsContainer p {
	line-height: 130%;
	color: #E8E8E8;
}
	
.newsItem {
	float: left;
	width: 290px;
	margin-right: 30px
}

.altCol {
	margin-right: 0;
}

.newsItem h3 {
	color: #FFF;
	font-size: 100%;
	font-weight: bold;
	padding: 8px 0 0;
	margin: 0 0 5px 0;
	border-top: 1px dotted #C8C8C8;
}

.newsItem p {
	font-family: Arial, sans-serif;
	margin: 0 0 15px;
	color: #FFF;
}

.newsItem a {
	color: #86C6DE;
}

#partners {
	margin: 20px 0;
}

#partners img {
	margin-right: 50px;
}


/* New main nav styles these to replace sitewide ### */

#homeNew #ocu {
	margin: 0 4px 0 11px;
}

#homeNew #sidebar li a {
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #000;
	padding: 6px 0;
}

#homeNew #sidebar li a:hover {
	background: none;
}

#homeNew #sidebar li a.CMSListMenuLinkHighlighted {
	border-bottom-color: #EC008C;
}

/*#homeNew #ocu #ocu_LI_0_1_1 a:hover, #homeNew #ocu_LI_0_5_1 a:hover { border-bottom-color: #EC008C; }
#homeNew #ocu #ocu_LI_0_2_1 a:hover, #homeNew #ocu #ocu_LI_0_8_1 a:hover { border-bottom-color: #93C; }
#homeNew #ocu #ocu_LI_0_3_1 a:hover, #homeNew #ocu_LI_0_7_1 a:hover { border-bottom-color: #D7203F; }
#homeNew #ocu #ocu_LI_0_4_1 a:hover { border-bottom-color: #EEB211; }
#homeNew #ocu #ocu_LI_0_6_1 a:hover { border-bottom-color: #F60; }*/

#homeNew #sidebar li a.CMSListMenuLinkHighlighted { border-bottom-color: #EC008C; }
#navAbout #sidebar li a.CMSListMenuLinkHighlighted { border-bottom-color: #D7203F; }
#navCase #sidebar li a.CMSListMenuLinkHighlighted { border-bottom-color: #93C; }
#navCap #sidebar li a.CMSListMenuLinkHighlighted { border-bottom-color: #EEB211; }
#mobileOptimised #sidebar li a.CMSListMenuLinkHighlighted { border-bottom-color: #EC008C; }
#navTrain #sidebar li a.CMSListMenuLinkHighlighted { border-bottom-color: #F60; }
#navContact #sidebar li a.CMSListMenuLinkHighlighted { border-bottom-color: #D7203F; }
#seminar #sidebar li a.CMSListMenuLinkHighlighted { border-bottom-color: #EC008C; }
#kenticoPanels #sidebar li a.CMSListMenuLinkHighlighted { border-bottom-color: #F60; }

/*# 017 Seminar #*/
#kenticoSeminar, #kenticoSeminarText {
	background:url(../images/unwrapped_bckgd.jpg) #FFF no-repeat top; 
	padding-top: 289px;	
}

#kenticoSeminar h3, #kenticoSeminarText h3 {
	color: #666666;
  	font-family: "Palatino",Georgia,"Times New Roman",Times,serif;
  	font-size: 130%;
	padding-bottom: 20px;
	margin-top: 30px;
}

#kenticoSeminar ul.bulletList, #kenticoSeminarText ul.bulletList {
  margin: 0 0 1.6em;
}

#kenticoSeminar ul.bulletList li, #kenticoSeminarText ul.bulletList li {
  background: url(/images/bg_listArrow.gif) no-repeat scroll 0 0.2em transparent;
  color: #666666;
  font-family: Arial,Helvetica,sans-serif;
  margin: 0 0 8px;
  padding: 0 0 0 22px;
}

#seminarAgenda {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 98%;
margin-bottom: 15px;
}

#seminarAgenda td {
	padding: 8px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#seminarAgenda td.agCol1 {
	width: 15%;
}

.seminarDetail {
	color: #F10794;
}

#main {
	position: relative;
}

#ribLeft {
	position: absolute;
	top: 500px;
	left: -12px;
	z-index: 1000;
}

#ribHolder {
	position: relative;
	padding-bottom: 40px
}

#ribRight {
	position: absolute;
	bottom: -25px;
	right: -35px;
	z-index: 1000;
}

#kenticoSeminarText #ribHolder { padding-bottom: 0; }
#kenticoSeminarText { padding-bottom: 1px; }

/*# 018 New kentico pages #*/
#kenticoCMS {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0;
}
#kenticoBanners {
    background: url("/images/banner_sprite.jpg") no-repeat scroll 0 0 #FFFFFF;
    height: 273px;
}
#main .ban0 { background-position: 0 0; }
#main .ban1 { background-position: 0 -275px; }
#main .ban2 { background-position: 0 -550px; }
#main .ban3 { background-position: 0 -825px; }
#main .ban4 { background-position: 0 -1100px; }
#main .ban5 { background-position: 0 -1375px; }
#main .ban6 { background-position: 0 -1650px; }
#kentico {
	padding: 5px 15px 0;
}
#kenticoNav {
	margin: 0 0 15px;
}
#kenticoNav li {
	font-family: Arial, sans-serif;
	padding: 0;
	border-right: 3px solid #FFF;
	background: url(../images/ktsub_bckgd.jpg) repeat-x;
}
#kenticoNav a {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 90%;
	text-transform: none;
	background: url(../images/ktsubpointer.jpg) no-repeat -24px bottom;	
}
#kenticoNav a.selected, #kenticoNav a:hover {
	color: #000;
	background: #FE9223 url(../images/ktsubpointer.jpg) no-repeat 0 bottom;
}

.col280 ul {
	margin-bottom: 1.6em;
}
#kenticoFrame.dynamic { height: 955px; }
#highlightBox {
	padding: 10px;
	background: #EAEAEA;
	margin: 15px 0;
}
#highlightBox li { margin-bottom: 6px; }
.intro {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 130%;
	margin-bottom: 15px;
}
.kenticoInfo { background: #EAEAEA url(/images/info_pointer.gif) no-repeat -160px 0; padding: 19px 0 0; margin: 0 0 15px; }
#kenticoFrame a { border-bottom: 1px solid #CCC; }
#kenticoFrame .kenticoInfo a { border-bottom: 1px solid #AAA; }
#kenticoFrame a:hover, .kenticoInfo a:hover { border-bottom-color: #666; }
#kenticoFrame .infoSignOff { margin: 20px 0 0; border-top: 1px dotted #666; padding-top: 14px; }
.kenticoItem .clear { clear: both; }
#kenticoFrame h1 { color: #FE860E; font-style: italic; font-size: 180%; border-bottom: 1px dotted #666; padding-bottom: 4px; font-weight: normal; margin: 15px 0; }
#kenticoFrame .kenticoInfo h1 { margin: 15px; }
#kenticoFrame h2 { font-size: 140%; margin: 0 15px 8px 15px; }
#kenticoFrame .checkList { list-style-type: disc; margin: 0 50px 15px 15px; }
#kenticoFrame .checkList li { margin: 0 0 4px; background: none; padding: 0; } 
#kenticoFrame .kenticoInfo .checkList { list-style-type: disc; margin: 0 0 15px 30px; }
#kenticoFrame .kenticoInfo .checkList li { margin: 0 0 4px; background: none; padding: 0; }
#kenticoFrame .kenticoInfo p { margin: 0 15px 15px; }
#kenticoFrame p { margin: 0 0 15px; }
#rotBanner1, #rotBanner2 { width: 522px; height: 300px; overflow: hidden; margin: 0 auto 20px; }
.kenticoItem ul { margin: 0 0 15px; }
.kenticoItem li a { font-family: Arial, sans-serif; }
.kenticoItem .kenticoDemoForm .col310 { width: 420px; }
.kenticoItem .kenticoDemoForm .last { width: 160px; }
#kenticoFrame .kenticoDemoForm .last p { padding-left: 30px; background: url(/OculusDigital/media/Main-Image-Library/General/form_arrow.jpg) no-repeat 0 2px; }
#kenticoFrame #btnHolder input { cursor: pointer; color: #FFF; font-size: 100; font-weight: bold; width: 262px; height: 47px; border: none; background: url(/images/btn_kenticodemo.jpg) no-repeat;}
#kenticoFrame #btnHolder { margin: 15px 0; padding: 0 6px 0; text-align: right; }
#kenticoFrame #formHolder p { margin-bottom: 0; }


/*# news list #*/
.newsItem ul {
	color: #fff;
	font-family: Arial,sans-serif;
	margin-bottom: 15px;
}

.newsItem ul li {
	margin-left: 25px;
	list-style-type: disc;
}


} /* Closing brace for @media screen rule -- do not delete */


@media print {  
	/* All print styles to go between these braces */

} /* Closing brace for @print screen rule -- do not delete */