/*
 *   
 *  Sticky Design Website CSS styles :: screen :: © 2008
 *   
 */

/*********************** GENERAL STYLES ***********************/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, input, form, fieldset {
	margin: 0;
	padding: 0;
}
body {
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100.01%;
	color:#666666;
}
a:link {
	color: #303470;
	cursor: pointer;
	text-decoration:underline;
}
a:visited {
	color: #303470;
	cursor: pointer;
	text-decoration:underline;
}
a:hover {
	color: #9b9e9f;
	cursor: pointer;
	background-color:#9b9e9f;
	cursor: pointer;
	text-decoration:none;
}

h1 {
	font-weight:normal;
	font-size:190%;
	margin:0px 0px 15px 0px;
}
h2 {
	font-weight:bold;
	font-size:150%;
}
h3 {
	font-weight:bold;
	font-size:120%;
}
h4 {
	font-weight:bold;
	font-size:100%;
}
p {
	margin:0;
	padding:5px 0px 5px 0px;
}
ul {
  margin: 8px 10px 15px 10px;
  padding: 0px 0px 0px 0px;
}
li {
  margin: 0px 0px 4px 12px;
  padding: 0px 0px 0px 5px;
  list-style-type: disc; 
}



/*********************** BUILD STYLES ***********************/

#mainWrapper {
	margin:0px auto 0px auto;
	padding:0;
	border:0;
	width:902px;
	position:relative;
}
#header {
	margin:0;
	padding:0;
	border:0;
	background-color:#FFF;
}
#navigation {
	margin:0;
	padding:0;
	border:0;
	background-color:#FFF;
}
#footer {
	margin:0;
	padding:0;
	border:0;
	background-color:#FFF;
	clear:both;
}
.copyright p {
	margin: 4px 0px 25px 10px;
	padding:0px 0px 0px 0px;
	font-size:68%;
	color:#9b9e9f;
	line-height:1.5em;
}
.copyright a:link {
	color: #303470;
	cursor: pointer;
}
.copyright a:visited {
	color: #303470;
	cursor: pointer;
}
.copyright a:hover {
	color: #FFF;
	cursor: pointer;
	background-color:#9b9e9f;
	cursor: pointer;
	text-decoration:none;
}
.clearit {
	clear:both;
}
.homeContent {
	padding:25px;
	font-size:80%;
}
.mainContent {
	padding: 25px;
	font-size: 80%;
}
.noShow {
	display: none;
}

p.notice{
	font-size:12px !important;
}


/*********************** PAGE BACKGROUNDS - HOMEPAGE ***********************/

.homeContent h1 {
	color:#FFF;
	font-weight:normal;
}
.homeContent p {
	color:#FFF;
}

#contentHome1 {
	margin:6px 0px 0px 0px;
	padding:0;
	border:0;
	background:url(/build/images/bg/home/home1.jpg) top left no-repeat;
	height:505px;
	overflow:hidden;
}
#contentHome1 .homeContent h1 {
	/*padding:25px 0px 8px 5px;*/
	padding:25px 0px 8px 5px;
	font-weight:normal;
	margin:0;
}
#contentHome1 .homeContent p {
	padding:5px 0px 3px 8px;
	width:310px;
	font-size:120%;
}

#contentHome2 {
	margin:6px 0px 0px 0px;
	padding:0;
	border:0;
	background:url(/build/images/bg/home/home2.jpg) top left no-repeat;
	height:505px;
	overflow:hidden;
}
#contentHome2 .homeContent h1 {
	padding:156px 0px 8px 5px;
	/*padding:262px 0px 8px 5px;*/
	font-weight:normal;
	margin:0;
}
#contentHome2 .homeContent p {
	padding:5px 0px 3px 8px;
	width:310px;
	font-size:120%;
}

#contentHome3 {
	margin:6px 0px 0px 0px;
	padding:0;
	border:0;
	background:url(/build/images/bg/home/home3.jpg) top left no-repeat;
	height:505px;
	overflow:hidden;
}
#contentHome3 .homeContent h1 {
	/*padding:262px 0px 8px 540px;*/
	padding:157px 0px 8px 540px;
	font-weight:normal;
	margin:0;
}
#contentHome3 .homeContent p {
	padding:5px 0px 3px 543px;
	width:310px;
	font-size:120%;
}

#contentHome4 {
	margin:6px 0px 0px 0px;
	padding:0;
	border:0;
	background:url(/build/images/bg/home/home4.jpg) top left no-repeat;
	height:505px;
	
}
#contentHome4 .homeContent h1 {
	/*padding:262px 0px 8px 5px;*/
	padding:153px 0px 8px 5px;
	font-weight:normal;
	margin:0;
}
#contentHome4 .homeContent p {
	padding:5px 0px 3px 8px;
	width:310px;
	font-size:120%;
}

#contentHome5 {
	margin:6px 0px 0px 0px;
	padding:0;
	border:0;
	background:url(/build/images/bg/home/home5.jpg) top left no-repeat;
	height:505px;
}
#contentHome5 .homeContent h1 {
	/*padding:275px 0px 8px 5px;*/
	padding:154px 0px 8px 5px;
	font-weight:normal;
	margin:0;
}
#contentHome5 .homeContent p {
	padding:5px 0px 3px 8px;
	width:310px;
	font-size:120%;
}


/*********************** PAGE BACKGROUNDS - GENERAL ***********************/

#bgGeneral {
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/general.jpg) top left no-repeat;
	height:505px;
	overflow:hidden;
}
#bgGeneral .contentIntro { width:520px; }


/*********************** PAGE BACKGROUNDS - ARTICLES ***********************/

#bgArticles {
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/article.jpg) top left no-repeat;
	height:505px;
	overflow:hidden;
}
#bgArticles .contentIntro { width:520px; }


/*********************** PAGE BACKGROUNDS - OUR APPROACH ***********************/

#bgApproach {
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/ourApproach.jpg) top left no-repeat;
	height:505px;
	overflow:hidden;
}

.mainContentApproach {
	padding: 20px;
	font-size: 75%;
}

#textRolloverDiv { 
	margin: 0;
	padding: 30px 0 0 497px;
	width: 325px; 
	height: 115px; 
	line-height: 145%; 
}

#textRollImageDiv { 
	padding: 0;
	margin: 75px 0 0 3px;
	width: 852px; 
	height: 230px; 
}

.defaultMessage {
	margin: 0;
	padding: 25px 0 0 0;
	line-height: 150%; 
}

.defaultMessage1 {
	padding: 0;
	margin: 10px 0 0 0;
	line-height: 150%; 
}

/*********************** PAGE BACKGROUNDS - ETHOS ***********************/

#bgDifferent {
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/ethos.jpg) top left no-repeat;
	height:505px;
	overflow:hidden;
}
#bgDifferent .contentIntro { 
	padding: 0;
	margin: 55px 0 0 2px;
	width: 550px; 
	line-height: 1.5em;
}


/*********************** PAGE BACKGROUNDS - SERVICES ***********************/

#bgServices {
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/services.jpg) top left no-repeat;
	height:505px;
	overflow:hidden;
}
#bgServices .contentIntro { width:520px; }


/*********************** PAGE BACKGROUNDS - CREATIVE ***********************/

#bgCreative {
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/creative.jpg) top left no-repeat;
	height:505px;
	overflow:hidden;
}
#bgCreative .contentIntro { 
	padding: 0;
	margin: 55px 0 0 2px;
	width: 500px; 
	line-height: 1.5em;
}

/*********************** PAGE BACKGROUNDS - CREATIVE ***********************/

#bgDeliverables {
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/deliverables.jpg) top left no-repeat;
	height:505px;
	overflow:hidden;
}
#bgDeliverables .contentIntro { 
	padding: 0;
	margin: 55px 0 0 2px;
	width: 500px; 
	line-height: 1.5em;
}

/*********************** PAGE BACKGROUNDS - OUR WORK ***********************/

.mainContentOurWork {
	/* padding: 25px 25px 25px 290px; */
	padding: 25px 25px 25px 20px;
}

#bgOurWork {
	padding: 0;
	margin: 6px 0px 0px 0px;
	border: 0;
	background:url(/build/images/bg/ourWork.jpg) top left no-repeat;
	height: 505px;
	overflow:hidden;
}

#bgOurWork .sideNavigation {
	float: left;
	margin: 110px 0 0 3px; 
	padding: 0; 
	width: 267px; 
	font-size: 90%; 
	line-height: 140%; 
	/* background-color: #edf660; */ 
}

#bgOurWork .sideNavigation ul {
}

#bgOurWork .sideNavigation li {
	margin: 2px 0px 0px -9px;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	list-style: none;
	/* color: #272727; */ 
}

#bgOurWork .sideNavigation li a:link {
	color: #272727;
	cursor: pointer;
	text-decoration: none;
	background-color: transparent;
}

#bgOurWork .sideNavigation li a:visited {
	color: #272727;
	cursor: pointer;
	text-decoration: none;
	background-color: transparent;
}

#bgOurWork .sideNavigation li a:hover {
	color: #272727;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
}

#bgOurWork .contentOurWorkInfo { 
	float: left;
	margin: 3px 0; 
	padding: 0; 
	width: 520px; 
	font-size: 95%; 
	line-height: 140%; 
	/* background-color: #acfdaf; */ 
}

#bgOurWork .contentIntro { 
	float: left;
	margin: 0; 
	padding: 0; 
	float: left;
	width: 580px; 
	font-size: 73%; 
	line-height: 140%; 
	/* background-color: #f99af1; */ 
}

#bgOurWork .contentHomeImages { 
	float: left;
	margin: 5px 0 0 0; 
	padding: 0; 
	float: left;
	width: 580px; 
}

/*********************** PAGE BACKGROUNDS - EXPERIENCE ***********************/

.mainContentExperience {
	padding: 146px 25px 25px 25px;
	font-size: 80%;
}

#bgExperienced1 {						/* Education */
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/experienced_1.jpg) top left no-repeat;
	height:505px;
	/* overflow:hidden; */ 
}
#bgExperienced1 .contentIntro { width: 430px; line-height: 150%; }

#bgExperienced2 {						/* Energy */ 
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/experienced_2.jpg) top left no-repeat;
	height:505px;
	/* overflow:hidden; */ 
}
#bgExperienced2 .contentIntro { width: 460px; line-height: 150%; }

#bgExperienced3 {						/* Financial Services */
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/experienced_3.jpg) top left no-repeat;
	height:505px;
	/* overflow:hidden; */ 
}
#bgExperienced3 .contentIntro { width: 430px; line-height: 150%; }

#bgExperienced4 {						/* Public */
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/experienced_4.jpg) top left no-repeat;
	height:505px;
	/* overflow:hidden; */ 
}
#bgExperienced4 .contentIntro { width: 430px; line-height: 150%; }

#bgExperienced5 {						/* Recruitment */
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/experienced_5.jpg) top left no-repeat;
	height:505px;
	/* overflow:hidden; */ 
}
#bgExperienced5 .contentIntro { width: 430px; line-height: 150%; }

#bgExperienced6 {						/* Digital Media */
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/experienced_6.jpg) top left no-repeat;
	height:505px;
	/* overflow:hidden; */ 
}
#bgExperienced6 .contentIntro { width: 430px; line-height: 150%; }


.experiencedCol1 {
	width:350px;
	float:left;
	margin-top:10px;
}

.experiencedCol2 {
	width: 350px;
	float: left;
	margin-top: 10px;
}


/*********************** PAGE BACKGROUNDS - RESPONSIVE - CONTACT ***********************/

#bgContact {
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/contact.jpg) top left no-repeat;
	height:505px;
	overflow:hidden;
}
#bgContact .contentIntro { 
	padding: 0;
	margin: 55px 0 0 2px;
	width: 450px; 
	line-height: 1.5em;
}

#bgContact .contentIntro a:link, .contentIntro a:visited { color: #272727; }
#bgContact .contentIntro a:hover { color: #FFF; background-color:#272727; } 


/*********************** PAGE BACKGROUNDS - RESPONSIVE - LOCATION ***********************/

#bgLocation {
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/location.jpg) top left no-repeat;
	height:505px;
	overflow:hidden;
}
#bgLocation .contentIntro {
	padding: 0;
	margin: 55px 0 0 2px;
	width: 500px; 
	line-height: 1.5em;
}


/*********************** PAGE BACKGROUNDS - SEARCH RESULTS ***********************/

#bgSearchResults {
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/general.jpg) top left no-repeat;
	height:505px;
	overflow:hidden;
}
#bgSearchResults .searchTitle {
	margin:0;
	padding:5px 0px 0px 0px;
}
#bgSearchResults .searchText {
	padding:5px 0px 15px 0px;
}
#bgSearchResults .contentIntro { width:550px; }

#bgSearchResults .contentIntro a:link, .contentIntro a:visited { color: #303470; }
#bgSearchResults .contentIntro a:hover { color: #FFF; background-color:#303470; } 

/*********************** PAGE BACKGROUNDS - PRIVACY ***********************/

#bgPrivacy {
	margin:6px 0px 0px 0px;
	border:0;
	background:url(/build/images/bg/general.jpg) top left no-repeat;
	height:505px;
	overflow:hidden;
}

#bgPrivacy h1 {
	font-weight:normal;
	font-size:190%;
	margin:0px 0px 15px 0px;
}

.mainContentPrivacy {
	margin: 0;
	padding: 25px;
	font-size: 70%;
	line-height: 135%; 
}

#bgPrivacy .contentIntro { float: left; width: 410px; margin: 0; padding: 0; }
#bgPrivacy .contentIntro2 { float: left; width: 410px; margin: 0 0 0 30px; padding: 0; }


/*********************** LIGHT / DARK MOD ***********************/

.darkText { color:#303470; } /* -- #303470 -- Sticky Purple -- */
.darkText a:link, .darkText a:visited { color: #303470; } 
.darkText a:hover { color: #FFF; background-color: #303470; } 

.darkText .enlarge_image {
	width:20px;
	height:9px;
	border:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 8px 2px;
	background:url(/build/images/icon_enlarge_blu.gif) bottom right no-repeat;
}

.darkText .workLink {
	width: 60px;
	height: 9px;
	border: none;
	padding: 0px 12px 0px 0px;
	margin: 0px 0px 8px 4px;
	background:url(/build/images/icon_enlarge_blu.gif) bottom right no-repeat;
}

.darkText2 { color: #272727; } /* -- #303470 -- Black -- */
.darkText2 a:link, .darkText a:visited { color: #272727; }
.darkText2 a:hover { color: #FFF; background-color:#272727; } 

.darkText2 .enlarge_image {
	width:20px;
	height:9px;
	border:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 8px 2px;
	background:url(/build/images/icon_enlarge_black.gif) bottom right no-repeat;
}

.darkText2 .workLink {
	width: 60px;
	height: 9px;
	border: none;
	padding: 0px 12px 0px 0px;
	margin: 0px 0px 8px 4px;
	background:url(/build/images/icon_enlarge_black.gif) bottom right no-repeat;
}

.darkText2 .enlarge_image2 {
	width:20px;
	height:9px;
	border:none;
	padding:0px 0px 0px 0px;
	margin:0px 10px 8px 2px;
	background:url(/build/images/icon_enlarge_black.gif) bottom right no-repeat;
}

.lightText { color:#FFF; }
.lightText a:link, .lightText a:visited { color: #FFF; }
.lightText a:hover { color: #303470; background-color: #FFF; } 

.lightText .enlarge_image {
	width:20px;
	height:9px;
	border:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 8px 2px;
	background:url(/build/images/icon_enlarge_wht.gif) bottom right no-repeat;
}

.lightText .workLink {
	width: 60px;
	height: 9px;
	border: none;
	padding: 0px 12px 0px 0px;
	margin: 0px 0px 8px 4px;
	background:url(/build/images/icon_enlarge_wht.gif) bottom right no-repeat;
}

/*********************** NAVIGATION ***********************/

#navContainer {
	width:661px;
	float:left;
	margin:5px 0px 0px 0px;
	padding:0px;
	background-color:#FFF;
}


#navContainer a:link, a:visited { color: #9b9e9f; }
#navContainer a:hover { color: #FFF; background-color:#9b9e9f; }

.navTop {
	background:url(/build/images/navigation/box_nav_top.gif.png) top left no-repeat;
	height:41px;
}

.navContent {
	background:url(/build/images/navigation/box_nav_bg.gif.png) top left repeat-y;
	height:89px;
	padding:0px 0px 0px 24px;
}

.navContent ul {
}

.navContent li {
	margin: 3px 0px 0px 0px;
	padding:0;
	font-size:72%;
	color:#CC0000;
	line-height:1.5em;
	list-style:none;
}

.navContent li a:link {
	color: #9b9e9f;
	cursor: pointer;
	text-decoration:none;
}

.navContent li a:visited {
	color: #9b9e9f;
	cursor: pointer;
	text-decoration:none;
}

.navContent li a:hover {
	color: #FFF;
	background-color:#9b9e9f;
	cursor: pointer;
	text-decoration:none;
}

.navBottom {
	background:url(/build/images/navigation/box_nav_bottom.gif.png) top left no-repeat;
	height:20px;
}

.navColOne {
	width:80px;
	float:left;
	margin:3px 0px 0px 0px;
	background-color:#FFF;
}

.navColTwo {
	width:98px;
	float:left;
	margin:3px 0px 0px 20px;
	background-color:#FFF;
}

.navColThree {
	width:115px;
	float:left;
	margin:3px 0px 0px 22px;
	background-color:#FFF;
}

.navColFour {
	width:163px;
	float:left;
	margin:3px 0px 0px 0px;
	background-color:#FFF;
}

.navColFive {
	width:95px;
	float:left;
	margin:3px 0px 0px 22px;
	background-color:#FFF;
}
	

/*********************** TESTIMONIAL ***********************/

#testimContainer {
	width:230px;
	float:right;
	margin:5px 5px 0px 0px;
	padding:0;
	border:0;
	background-color:#FFF;
}

.testimTop {
	background:url(/build/images/navigation/box_testim_top.gif.png) top left no-repeat;
	height:20px;
	padding:0px 0px 0px 0px;	
	margin:0px 0px 0px 0px;	
	background-color:#FFF;
}

.testimContent {
	background:url(/build/images/navigation/box_testim_bg.gif.png) top left repeat-y;
	height:110px;
	padding:0px 0px 0px 0px;	
	margin:0px 0px 0px 0px;	
	background-color:#FFF;
	overflow:hidden;
}
.testimBottom {
	background:url(/build/images/navigation/box_testim_bottom.gif.png) top left no-repeat;
	height:20px;
	padding:0px 0px 0px 0px;	
	margin:0px 0px 0px 0px;	
	background-color:#FFF;
}

.testimContent p {
	margin: 0px 0px 0px 0px;
	padding:0px 10px 8px 15px;
	font-size:72%;
	color:#FFF;
	line-height:1.5em;
}

.testimContent p a:link {
	color: #FFF;
	cursor: pointer;
	text-decoration:none;
}

.testimContent p a:visited {
	color: #FFF;
	cursor: pointer;
	text-decoration:none;
}

.testimContent p a:hover {
	color: #F36C24;
	background-color:#FFF;
	cursor: pointer;
	text-decoration:none;
}

/*********************** LOGO ***********************/

#logoContainer {
	float:left;
	width:160px;
}

.logo {
	margin:30px 0px 0px 0px;
	padding:0;
	border:0;
}

/*********************** SEARCH ***********************/

#searchContainer{
	float:right;
	width:135px;
	margin:70px 3px 0px 0px;

}

.custSearchInput {
	width:108px;
	font-size:60%;
	border:0px;
	padding:0;
	margin:4px 0px 0px 0px;
	color:#6E6D71;
	
}
.custSearchButton {
	border:0px;
	padding:0;
	margin:0;
	
}
.custSearchBg {
	vertical-align:top;
	background:url(/build/images/search/search_bg.gif) top left no-repeat;
	height:25px;
	width:135px;
	padding:0px 0px 0px 4px; 
}

.one {
	float:left;
	width:110px;
}

.two{
	float:left;
	width:19px;
}


/*********************** SPECIFIC WEBEDITION EDITING STYLES ***********************/

#testimContainerEdit {
	width: 230px;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 0;
	border: 0;
	background-color: #efefef;
}

.editTableWrapPromo {
	margin:0px;
	padding:0px;
	color:#FFF;
	width:230px;
	background-color:#F36C24;
}
.testimContentEdit {
	height:110px;
	width:230px;
	padding:0px 0px 0px 0px;	
	margin:0px 0px 0px 0px;	
	background-color:#F36C24;
}

.testimContentEdit p {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 8px 0px;
	font-size:72%;
	width:200px;
	color:#FFF;
	line-height:1.5em;
}

.testimContentEdit p a:link {
	color: #FFF;
	cursor: pointer;
	text-decoration:none;
}

.testimContentEdit p a:visited {
	color: #FFF;
	cursor: pointer;
	text-decoration:none;
}

.testimContentEdit p a:hover {
	color: #F36C24;
	background-color:#FFF;
	cursor: pointer;
	text-decoration:none;
}

.editTableWrap {
	margin: 0;
	color: #333;	
}
.editTableWrap h1 {
	padding: 10px 0px 0px 0px;
	color: #000;

}
.editTableWrap p {
	padding: 5px 0px 13px 33px;
	width: 310px;
}

.editTableWrap span {
	background-color: #FFF;
	padding: 2px 10px 2px 10px;
	width: 300px;
}


.navContentEdit {
	height:145px;
	padding:0px 0px 0px 24px;
}
.navContentEdit li {
	margin: 3px 0px 0px 0px;
	padding:0;
	font-size:72%;
	color:#9b9e9f;
	line-height:1.5em;
	list-style:none;
}
.navColOneEdit {
	float:left;
	margin:20px 0px 0px 0px;
	background-color:#FFF;
}

.navColTwoEdit {
	float:left;
	margin:20px 0px 0px 25px;
	background-color:#FFF;
}

.navColThreeEdit {
	float:left;
	margin:20px 0px 0px 25px;
	background-color:#FFF;
}

.navColFourEdit {
	float:left;
	margin:20px 0px 0px 25px;
	background-color:#FFF;
}

.navColFiveEdit {
	float:left;
	margin:20px 0px 0px 25px;
	background-color:#FFF;
}


/*********************** OUR WORK IMAGE FADER ***********************/

.fadeWrapper {
	position: relative;
	background-color: transparent;
	padding: 0;
	margin: 0;
	width: 582px;
	height: 440px;
}

#ourWorkImageFade li {
	position: absolute;
	top: 0;
	left: 0;
	width: 582px;
	height: 440px;
	background-color: #e7eaea;
	visibility: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

li img {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
}

a {
  outline: none;
}