@charset "UTF-8";
/* CSS Document-------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #F5F5F5;
}
#MainContentAll {
	width:50em;
	height:auto;
	overflow: hidden;
	background-color: #FFFFFF;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	overflow:auto;
	padding: 0px;
}
#MainContentAll #footer {
	clear: both;
	float: none;
	width: 100%;
	height: 1em;
}
#privacyPol {
	text-align: left;
	float: none;
	width: 50em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	overflow:auto;
	clear: both;
	margin-top: 0.5em;
	padding: 0em;
}
#privacyPol ul {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-align: left;
} 
#privacyPol li {
	list-style-type: none;
	display: inline;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	margin-right: 1em;
}
#privacyPol li a {
	color: #999999;
	text-decoration: none;
}

#privacyPol li a.active, #privacyPol a:hover {
	text-decoration: none;
	color: #0095D4;
}

#specialistLogo {
	width: 50em;
	text-align: left;
	float: left;
}
#specialistLogo #Logo {
	float: right;
	width: 15em;
	text-align: right;
	padding-top: 0.5em;
	padding-right: 1em;
}
#specialistLogo #circles {
	float: left;
	width: 470px;
	padding: 0em;
	text-align: left;
}

/*Main navigation start------------------------------------------------*/

/*main nav list start*/

/* Remove all margin and padding from the unordered list in the main menu. */ 

#main-menu ul {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
} 

/* Remove bullets for each list item. Make each list item go horizontal instead of vertical. Add 5 pixels of margin to the left and right sides of each list item to space them away from eachother. */ 

#main-menu li {
	list-style-type: none;
	display: inline;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 7px;
}

/* Links within each list item will appear with white text and the text will not be underlined. */ 

#main-menu li a {
	color: #999999;
	text-decoration: none;
}

/* When the mouse hovers over a link, it will appear with brownish yellow text and the text will be underlined. Any links with a class of active will also appear the same way. */ 

#main-menu li a.active, #main-menu a:hover {
	text-decoration: none;
	color: #0095D4;
}
/*main nav list end*/

#mainNavBarIndex {
	width: 50em;
	padding-left: 0em;
}
#mainNavContent {
	width: 48em;
	padding-top: 1em;
	padding-left: 0em;
	float: left;
	padding-bottom: 1em;
	padding-right: 0px;
}
#NavContent {
	width: 48em;
	padding-left: 1em;
	padding-right: 0em;
	padding-bottom: 1em;
	float: left;
}

/*Main navigation END------------------------------------------------*/



/*Text styles----------------------------------------------------------*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #333333;
	margin: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0.1em;
	padding-left: 0em;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	margin: 0px;
	padding-top: 0.2em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	font-weight: lighter;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #0095D4;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 0px;
	font-weight: bold;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 0px;
	font-weight: bold;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #666666;
	margin: 0px;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
h7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0093D3;
	font-weight: bold;
}
.flashPlayerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FF0000;
	text-decoration: underline;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #666666;
	margin: 0em;
	padding-right: 0em;
	padding-bottom: 0.2em;
	padding-left: 0em;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	padding: 0em;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #0093D3;
	padding: 0em;
	text-decoration: none;
}
.linkSelected {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0093D3;
}
.linkSelectedSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0093D3;
}
.PinkTextMed {
	color: #000000;
	font-size: 0.7em;
}
.PinkTextLarge {
	color: #CC006B;
	font-size: 1.5em;
}
.PinkText {
	color: #CC006B;
	font-size: 10px;
}
b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	color: #0093D3;
	margin: 0em;
	padding-right: 0em;
	padding-bottom: 0.2em;
	padding-left: 0em;
}
.rightsReserved{font-size:9px;color:#999999;clear:left;}
/*Text styles END---------------------------------------------------*/


/*Client list start-------------------------------------------------*/
#SortByBox {
	width: 30em;
	float: left;
	padding-bottom: 1em;
	padding-top: 0em;
}

#ClientListAll {
	overflow: hidden;
	width: 32em;
	float: left;
}
#ClientListContent {
	width: 32em;
	float: left;
}

/*Sort by list start*/

/* Remove all margin and padding from the unordered list in the main menu. */ 

#sortbyMenu ul {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-align: left;
} 

/* Remove bullets for each list item. Make each list item go horizontal instead of vertical. Add 5 pixels of margin to the left and right sides of each list item to space them away from eachother. */ 

#sortbyMenu li {
list-style-type: none; 
display: inline;
margin: 0 5px 0 5px; 
}

/* Links within each list item will appear with white text and the text will not be underlined. */ 

#sortbyMenu li a {
	color: #999999;
	text-decoration: none;
}

/* When the mouse hovers over a link, it will appear with brownish yellow text and the text will be underlined. Any links with a class of active will also appear the same way. */ 

#sortbyMenu li a.active, #sortbyMenu a:hover {
	text-decoration: none;
	color: #0095D4;
}
/*Sort by list list end*/




/*Client list END------------------------------------------------*/




/*CASE STUDY STYLES START---------------------------------------------*/


#backButton     {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	float: left;
	height: 1.5em;
	width: 10em;
	padding-left: 1.5em;
	padding-top: 1em;
	font-weight: normal;
	font-style: normal;
}

#backButton a    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #0093D3;
}

/*both sides start*/
#middleContentContainer {
	width: 100%;
	text-align:left;
	float: left;
	height: auto;
}
#backButtonContent {
	width: 30em;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	padding-bottom: 2em;
	font-size: 0.8em;
}
/*both sides end*/


/*left side start*/
#middleContentContainer #leftContent {
	float: left;
	width: 16em;
	margin-bottom: 1em;
}
#LeftWhiteContent {
	width: 13em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 1.5em;
	padding-right: 1em;
	float: left;
}
#LeftBlogPost {
	width: 19em;
	padding-top: 0em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	padding-right: 1em;
	float: left;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.78em;
	text-align: left;
	color: #666666;
	line-height:25px;
}
#LeftBlogPost ul {
	list-style-type: none;
	display: block;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}

.LeftHeader {
	float: left;
	padding: 0.2em;
}

/*left side end*/



/*right side start*/
#middleContentContainer #rightContent {
	float: left;
	overflow: hidden;
	height: auto;
	width: 32em;
	border-left-width: 0.1em;
	border-left-style: solid;
	border-left-color: #999999;
	padding-left: 1em;
}
#middleContentContainer #teamContent {
	float: left;
	height: 580px;
	width: 790px;
	margin-bottom: 1em;
	padding-left: 0px;
	margin-left: 6px;
	overflow: hidden
}
#SortByBoxCase {
	width: 47em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC006B;
	line-height: 1.5em;
	font-weight: bold;
	float: left;
	padding-bottom: 1em;
}
.caseH2Title {
	float: left;
	width: 30em;
	padding-top: 0.5em;
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #FFFFFF;
}
.caseTextContent {
	float: left;
	width: 13.5em;
}
.imageMagCase {
	float: left;
	width: 16.5em;
}
.iframeSpryTextBox {
	float: left;
	width: 30em;
}
.caseTitle {
	float: left;
	padding-bottom: 0.4em;
}
.caseContainerMag {
	float: left;
	width: 30em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	padding-top: 0.8em;
}
.caseContainer {
	float: left;
	width: 30em;
	padding-bottom: 1em;
	background-color: #FFFFFF;
	margin-bottom: 40px;
}
.caseWidgetIntro {
	float: left;
	width: 30em;
	padding-top: 0.5em;
	background-color: #FFFFFF;
}
/*right side end*/

/*CASE STUDY STYLES END-----------------------------------------------*/



/*video styles-----------------------------------------------------------*/
#videoFlashContent {
	width: 31em;
	float: left;
}

#videoContent {
	width: 32em;
	float: left;
}
#videoContent .rightsReserved{margin-top:100px;}
/*end video styles-----------------------------------------------------*/



/*body content for slider starts here------------------------------------*/
.imageLeft {
	float: left;
	width: 255px;
}

.SlidingPanels {
	width: 500px;
	height: 250px;
}
.SlidingPanelsContent {
	width: 300px;
	height: 250px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
iframe {
	padding-top: 10px;
	float: left;
}
.caseH2TitleText {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #0095D4;
	font-weight: bold;
}
.p1 {
	background-color: #FFFFFF;
}
.p2 {
	background-color: #FFFFFF;
}
.p3 {
	background-color: #FFFFFF;
}
.p4 {
	background-color: #FFFFFF;
}
.p5 {
	background-color: #FF99CC;
}
.p6 {
	background-color: #339933;
}
.p7 {
	background-color: #9933FF;
}
.p8 {
	background-color: #669966;
}
.p9 {
	background-color: #00FFCC;
}
.slidingSpryContentText {
	float: left;
	width: 200px;
	padding-left: 10px;
	padding-top: 5px;
	height: 200px;
}
.SpryNextLinkBox {
	width: 450px;
	float: right;
	padding-top: 15px;
	padding-right: 10px;
}
.SpryPreviousLinkBox {
	width: 470px;
	float: left;
	padding-top: 15px;
	padding-left: 10px;
}
#example2.SlidingPanels {
	float: left;
}
#example2 .SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}
#example2 .SlidingPanelsContent {
	float: left;
	width: 500px;
}
.flashCaseImage {
	float: left;
	width: 480px;
}
.SpryNextLinkBoxFlash {
	width: 100px;
	float: right;
	padding-right: 10px;
}
.SpryPreviousLinkBoxFlash {
	width: 200px;
	float: left;
	padding-left: 10px;
}
/*body content for slider ends here----------------------------------------*/



/*ezine start--------------------------------------------------------*/
#ezineContent {
	float: left;
	width: 30em;
	height: auto;
}
/*ezine END--------------------------------------------------------*/



/*interactive magazine styles-------------------------------------------------*/
#iMagazineContent {
	width: 48em;
	float: left;
	padding-left: 1em;
}
#mainContentImag {
	width: 49.5em;
	padding-bottom: 2em;
	height: 25em;
}
#headerImag {
	width: 49em;
	margin-bottom: 1em;
}
/*interactive magazine styles END------------------------------------------*/


#iMagYellowBoxCopy {
	background-color: #FEED00;
	padding-left: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-top: 0.2em;
}
#MainContentAll #middleContentContainer #rightContent #ClientListAll p #addressContent {
}
#MainContentAll #middleContentContainer #rightContent #ClientListAll #addressContent #left {
	float: left;
	width: 50%;
	padding-top: 1em;
}
#MainContentAll #middleContentContainer #rightContent #ClientListAll #addressContent #right {
	float: left;
	width: 50%;
	margin-top: 0em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}
.pContactDetails {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}
#phoneAndFax {
	width: 30em;
	float: left;
	padding-top: 0.7em;
}

/*BLOG START -----------------------------------------------*/
#middleContentContainer #blogRightContent {
	float: left;
	height: auto;
	width: 500px;
	margin-bottom: 1em;
	border-left-width: 0.1em;
	border-left-style: solid;
	border-left-color: #999999;
	padding-left: 1em;
}
.blogHeader {
	float: left;
	width: 30em;
}
.blogText {
	float: left;
	width: 30em;
	padding-top: 0.5em;
	padding-bottom: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 1em;
}
.blogTextWider {
	float: left;
	width: 31em;
	padding-top: 0.5em;
	padding-bottom: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 1em;
}
.blogTextWider img , blogTextWider a{padding:0px;float:left;border:none;}
.blogTextNoLine {
	float: left;
	width: 30em;
	padding-top: 0.5em;
}


.blog-list  {
	float: left;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 30em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDDFDE;
	margin-top: 0.8em;
	margin-bottom: 1em;
} 
.blog-list 

 ul {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: left;
	color: #666666;
} 
.blog-list 

 li {
	list-style-type: none;
	display: inline;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
}
.blog-list 

 li  a {
	color: #999999;
	text-decoration: none;
}
.blog-list  
li   a.active, .blog-list  {
	text-decoration: none;
	color: #0095D4;
}

#blogFlashContainer {
	float: left;
	width: 500px;
}
.blogStoryMiddleSectionAddOn {
	float: left;
	width: 479px;
	padding-top: 10px;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
.blogHeaderAddOn {
	width: 479px;
	float: left;
	padding-bottom: 10px;
}
.blogStoryAddOnLeft {
	float: left;
	padding-right: 10px;
}

/*charity list*/
#listMain {
	width: 95%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-left: 2%;
} 

#listMain ul {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.78em;
	text-align: left;
	color: #666666;
} 


#listMain li {
	list-style-type: disc;
	display: list-item;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 10px;
	list-style-position: outside;
}


#listMain li a {
	color: #999999;
	text-decoration: none;
}


#listMain li a.active, #listMain a:hover {
	text-decoration: none;
	color: #0095D4;
}

/*BLOG END*/


#apaPpaLogos {
	float: left;
	width: 100%;
	padding-top: 10px;
}
.technicalDiv {
	width: 460px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #CCC;
}

.technicalDiv p{
	font-size: 11px;	
}

/*SERVICES LIST*/

.services {
	text-align: left;
	width: 30em;
	overflow:auto;
	padding: 0em;
	float: left;
}
.services a{
	color: #0093D3;	
}

.services h2{
	color: #0093D3;
	float: left;
	width: 25em;	
}

.services ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	color: #666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	overflow: hidden
} 
.services li {
	list-style-type: none;
	display: list-item;
	margin-top: 0.3em;
	margin-bottom: 0em;
	margin-left: 0em;
	margin-right: 1em;
	overflow: hidden
}
.services li a {
	color: #999999;
	text-decoration: none;
}

.services li a.active, .services a:hover {
	text-decoration: none;
	color: #0095D4;
}
.jobList ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
}

.jobList li{
	padding-bottom: 5px;
}