/*  ----- GENERAL SETTINGS ----- */

body {
	background-color : #fff;
	text-align: center;
	margin: 0 0 30px 0;
	padding-left: 20px;
	padding-right: 20px;
}


a:link, a:visited, a:active { 
text-decoration: none;
color: #900;
 }

a:hover { 
text-decoration: underline;
color: #900;
 }

#everything {
margin:0px auto;
width: 719px;
text-align: left;
}


/* ----- HEADER AREA ----- */

#titleholder { 
 }
 
#title_and_slogan { 
padding: 0 0 0 0;
width: 552px;
 }

#title {
	width: 222px;
	padding: 0 0 0 0;
	margin: 65px 0 0 328px;
	height: 81px;
}

#slogan_container { 
	width: 541px;
	padding: 0 0 0 0;
	overflow: hidden;			
	background-repeat : no-repeat;	
	text-indent: -5000px;
	height: 25px;
 }

#slogan_01 #slogan_container { background-image: url("../../images/slogans/slogan01.gif");  }
#slogan_02 #slogan_container { background-image: url("../../images/slogans/slogan02.gif");  }
#slogan_03 #slogan_container { background-image: url("../../images/slogans/slogan03.gif");  }
#slogan_04 #slogan_container { background-image: url("../../images/slogans/slogan04.gif");  }
#slogan_05 #slogan_container { background-image: url("../../images/slogans/slogan05.gif");  }
#slogan_06 #slogan_container { background-image: url("../../images/slogans/slogan06.gif");  }
 
 /* -- MAIN MENU -- */


 
 #mainmenu { 
 width: 169px;
 padding-top: 61px;
 padding-bottom: 26px;
}

#mainmenu a { 
text-decoration: none;
 }
   
#mainmenu ul { 
	padding: 0 0 0 0;
	margin: 0 0 0 0;
 }

 #mainmenu ul li { 
    width: 169px;
    list-style: none;
    display: block;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
 	height: 18px;   
 	width: 169px;	
	padding: 0 0 0 0;
	margin: 0 0 0 0;
 	list-style: none;
	background-repeat : no-repeat;	
}


#mainmenu ul li a { 
	display: block;
	background-repeat : no-repeat;
	padding: 20px 0 0 0;
	overflow: hidden;		
	height: 0px !important;
	height /**/:20px; /* ie5/win */
 }
   
#mainmenu_about  { background: url("../../images/mainmenu/aboutus_on.gif") top left no-repeat; }   
#mainmenu_about a            { background: url("../../images/mainmenu/aboutus_off.gif") top left no-repeat; }
#mainmenu_about a:hover { background-image: none; }

#mainmenu_approach  { background: url("../../images/mainmenu/ourapproach_on.gif") top left no-repeat; }   
#mainmenu_approach a            { background: url("../../images/mainmenu/ourapproach_off.gif") top left no-repeat; }
#mainmenu_approach a:hover  { background-image: none; }

#mainmenu_communication  { background: url("../../images/mainmenu/communication_on.gif") top left no-repeat; }   
#mainmenu_communication a             { background: url("../../images/mainmenu/communication_off.gif") top left no-repeat; }
#mainmenu_communication a:hover { background-image: none; }

#mainmenu_process  { background: url("../../images/mainmenu/process_on.gif") top left no-repeat; }   
#mainmenu_process a            { background: url("../../images/mainmenu/process_off.gif") top left no-repeat; }
#mainmenu_process a:hover { background-image: none; }

#mainmenu_challenges  { background: url("../../images/mainmenu/challenges_on.gif") top left no-repeat; }   
#mainmenu_challenges a             { background: url("../../images/mainmenu/challenges_off.gif") top left no-repeat; }
#mainmenu_challenges a:hover { background-image: none; }

#mainmenu_contact  { background: url("../../images/mainmenu/contactus_on.gif") top left no-repeat; }   
#mainmenu_contact a             { background: url("../../images/mainmenu/contactus_off.gif") top left no-repeat; }
#mainmenu_contact a:hover { background-image: none; }

#mainmenu ul li a.mainmenu_active { background-image: none; }
 
 /* ----- MARKETING AREA ----- */
 
 #marketingboxleftcell,
 #marketingboxrightcell {
 background-color: #900;
}
 
 #marketingboxleft {
 	width: 281px;
	background : #900 url("../../images/marketingboxleft01.gif") no-repeat top left;
	text-indent: -5000px;
	overflow: hidden;	
	height:270px; 	
	padding: 0 0 0 0;
}

 #marketingboxright { 
 	width: 440px;
	background : #900 url("../../images/marketingboxright01.jpg") no-repeat top left;
	height:270px;
	text-indent: -5000px;
	overflow: hidden;	
	padding: 0 0 0 0;	
  } 
 
 
 /* ----- CONTENT AREA ----- */
 
#bodyarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
 	width: 440px;
	line-height: 13px;
}

#homepage #bodyarea {
	padding-top: 27px;
}

#bodycontent { 
	width: 394px;
	margin-right: 26px;
	margin-left: 20px;
	margin-bottom: 20px;
 }

#bodyarea p { 
margin: 0 0 10px 0;
 }
 
 #bodyarea ul { 
 margin-top: 14px;
  }
  
  #bodyarea h2 { 
  font-size: 1em;
   }
   
   
#bodyarea ul {
	margin-left: 15px;
	padding-left: 0px;
	list-style-image : url("../../images/flame.gif");
}

#bodyarea ul li { 
margin-bottom: 14px;
 }
 
#bodyarea ul.decorated {
	font-family: Arial;
	font-size: 14px;
	color: #900;
	line-height: 18px;
}

#bodyarea ul.decorated li {
	margin-bottom: 0px;
}


/* ----- SIDEBAR ----- */

#sidebar { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
 	width: 281px;
	line-height: 14px;	
}

#homepage #sidebar { 

}

#sidebar p { 
	padding: 0 0 13px 0;
	margin: 0 0 0 0;
 }

h2#case_study {
	height: 15px;
	margin-bottom: 10px;
	background-image: url("../../images/sidebar/sidebar_casestudy.gif");
	background-repeat : no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}

.sidebarsection { 
	margin-left:  21px;
	margin-right: 60px;
	width: 200px;
	padding-top: 27px;	
 }

 /* ----- SIDE BAR TITLES ----- */
 
 .titlecontainer { 
 	width: 266px;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 320px;
  }
  
   
.titlecontainer h1 { 
	color: #900;
	font-size: 1px;
	overflow: hidden;	
	background-repeat: no-repeat;	
 	width: 266px;
	margin: 0 0 0 0;
	padding: 100px 0 0 0;
	height: 0px !important;
	height /**/:100px; /* ie5/win */
 }

.titlecontainer h1#about {	background-image: url("../../images/sidebar/titleboxen/about.gif");  }
.titlecontainer h1#approach { background-image: url("../../images/sidebar/titleboxen/approach.gif");  }
.titlecontainer h1#communication { background-image: url("../../images/sidebar/titleboxen/communication.gif");  }
.titlecontainer h1#process { background-image: url("../../images/sidebar/titleboxen/process.gif");  }
.titlecontainer h1#challenges { background-image: url("../../images/sidebar/titleboxen/challenges.gif");  }
.titlecontainer h1#contact { background-image: url("../../images/sidebar/titleboxen/contact.gif");  } 
.titlecontainer h1#casestudy { background-image: url("../../images/sidebar/titleboxen/casestudy.gif");  } 
.titlecontainer h1#legalterms { background-image: url("../../images/sidebar/titleboxen/legalterms.gif");  } 
.titlecontainer h1#privacy { background-image: url("../../images/sidebar/titleboxen/privacy.gif");  } 

.photocontainer01 { background-image: url("../../images/sidebar/photos/photo01.jpg");  }
.photocontainer02 { background-image: url("../../images/sidebar/photos/photo02.jpg");  }
.photocontainer03 { background-image: url("../../images/sidebar/photos/photo03.jpg");  } 
.photocontainer04 { background-image: url("../../images/sidebar/photos/photo04.jpg");  }
.photocontainer05 { background-image: url("../../images/sidebar/photos/photo05.jpg");  }
.photocontainer06 { background-image: url("../../images/sidebar/photos/photo06.jpg");  }
.photocontainer07 { background-image: url("../../images/sidebar/photos/photo07.jpg");  }
.photocontainer08 { background-image: url("../../images/sidebar/photos/photo08.jpg");  }
.photocontainer09 { background-image: url("../../images/sidebar/photos/photo09.jpg");  }
.photocontainer10 { background-image: url("../../images/sidebar/photos/photo10.jpg");  }

 
 /* ----- FOOTER ----- */

 #footerleft,
 #footerright { 
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	padding-left: 18px;
	padding-top: 10px;
  }
  
 #footerleft a:link, 
#footerleft a:visited, 
#footerleft a:active { 
text-decoration: none;
color: #666;
 }

 #footerleft a:hover { 
text-decoration: underline;
color: #900;
 }
 
 /* --- FORM ELEMENTS --- */
 
input, textarea { 
border: 1px solid #999;
background-color: #eee;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #900;
width: 200px;
}

textarea {
width: 200px;
}
 
.submitbutton { 
border: none;
background-color: #900;
color: #fff;
font-weight: bold;
font-size: 12px;
width: 75px;
 }


