/******* CRICAVA CSS STYLESHEET ******/

/******* SHARED FOUNDATION CLASSES ******/


body
{
 	margin:0;
 	padding:0 0 50px 0;
    	font-family: Tahoma, Verdana;
    	color: #666666;
}
 
body>div.footer
{
 	position: fixed;
}
 
 
 * html body
{
	overflow:hidden;
}
 
 * html div.frame
{
	height:100%;
	overflow:auto;
	font-family: Tahoma;
}
 

div.header
{
	float: left;
	width: 100%;
	height: 70px;
	border-bottom: 5px solid #a5a5a5;
	background: #f2f2f2;
}

div.logo
{
	position: relative;
	top: -75px;
}

div.slogan
{
	position: relative;
	top: -80px;
	width: 300px;
}

div.bpm
{
	position: relative;
	top: -125px;
	left: 500px;
	width: 365px;
}


div.content
{
	float: left;
	width: 100%;
	height: 50%;
	min-width: 850px;
	padding-bottom: 80px;
}

div.inner
{
	float: none;
	width: 850px;
	margin: auto;
	min-height: 100%;
	clear:both;
}


div.menu
{
	margin-top: -100px;
}

div.menuLinks
{
	float: none;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	text-align: left;
	position: relative;
	left: -20px;
}

div.menuLinks a
{
	margin-left: 30px;
}

div.section
{
	text-align: justify;
	margin-top: 40px;
	min-height: 100%;
	clear:both;
	font-family: "Tahoma";
	font-size: 12px;
	line-height: 25px;
}

div.section a, div.section a:link, div.section a:visited
{
	font-weight: bold;
	color: #88b82c;
	border-bottom: 1px dashed;
	text-decoration: none;
}

div.section a:hover
{
	text-decoration: underline;
}

div.sectionTitle
{
	clear: both;
}

div.footer
{
	position:absolute;
	bottom: 0;
	left:0;
	width:100%;
	height: 40px;
	background: #838181;
	border-top: 10px solid #dfdede;	
	border-bottom: 30px solid #e7e7e7;	
}

div.footerLinks
{
	float: none;
	width: 850px;
	text-align: right;
	margin: auto;
	padding-top: 10px;
	color: #ffffff;
	font-size: 18px;
}

div.footerLinks a, div.footerLinks a:link, div.footerLinks a:visited
{
	text-decoration: none;
	font-size: 18px;
	color: #ffffff;
	margin-right: 6px;
}

div.footerLinks a:hover
{
	color: #90ca05;
}


div.flash
{
	height: 480px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}	


/****** PAGE SPECIFIC CLASSES ******/


div.intro a, div.intro a:link, div.intro a:visited
{
	border: 0px dashed;
}


/***** WHAT WE DO *****/

div.left
{
	float: left;
	width: 400px
}

div.left
{
	margin-top: 35px;
	font-size: 12px;
	color: #666666;
	line-height: 30px;
}

div.right
{
	font-size: 12px;
	color: #666666;
	line-height: 20px;
}

div.right
{
	float: right;
	width: 400px;
	border-left: 1px solid #d2d2d2;
	padding-left: 25px;
}

div.right ul 
{
	padding-left: 30px;
	margin: 0px;
	color: #89ae4c;
}

div.right ul li
{
	margin-bottom: 8px;
}



/***** HOW WE DO IT ****/


div.phases
{
	float: left;
	font-size: 12px;
	line-height: 24px;
	background: url(../images/how_we_do-backdrop.gif) no-repeat -18px 180px;
	margin-top: -35px;
	padding-bottom: 25px;
	width: 850px;
}

div.phases h2
{
	background: transparent;
	border: 0px solid;
	color: #cc992c;
	font-size: 20px;
	font-weight: normal;
	padding-left: 0px;
	margin-left: 0px;
}

div.define
{
	float: left;
	width: 250px;
}

div.measure
{
	float: left;
	width: 250px;
	margin-left: 30px;
}

div.manage
{
	float: left;
	width: 250px;
	margin-left: 30px;
}

div.phases ul
{
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	margin-left: 0px;
	margin-top: 20px;
}

div.phases ul li
{
	list-style-position: inside;
	list-style-type: none;
	background: url(../images/bullet-arrow-red.gif) no-repeat 0px 7px;
	padding: 0px;
	margin: 0px;
	padding-left: 15px;
}

/****** SOLUTIONS *****/

#div1 h2, #div2 h2, #div3 h2, #div4 h2, #div5 h2
{
	margin: 0px;
	padding: 0px;
	border: 0px solid;
	background: transparent;
	margin-bottom: 20px;
	text-transform: none;
}


#div1, #div2, #div3, #div4, #div5
{
	background: #e6e3dc;
	z-index: 2;
}

div.cycle-box
{
	float: right;
	width: 585px;
	height: 313px;
	background: url(../images/cycle-box.gif) no-repeat -5px -1px;
}


#div-intro, #div1, #div2, #div3, #div4, #div5
{
	float: left;
	visibility: hidden;
	width: 490px;
	margin-top: -280px;
	line-height: 20px;
	font-size: 12px;
	margin-left: 300px;
	display: inline;
	
}

#div1
{
	visibility: visible;
}

#div-intro
{
	font-weight: bold;
	line-height: 25px;
	color: #b0b0b0;
}

#div1 a:hover, #div2 a:hover, #div3 a:hover, #div4 a:hover, #div5 a:hover
{
	text-decoration: none;
}

#div1 ul, #div2 ul, #div3 ul, #div4 ul, #div5 ul
{
	margin-top: 0px;
}


#div-intro
{
	visibility: visible;
	z-index: 1;
	font-size: 12px;
}

div.cycle-steps
{
	float: left;
	padding-left: 78px;
}

div.cycle-steps a, div.cycle-steps a:link, div.cycle-steps a:visited
{
	border: 0px dashed;
}

a.cycle-1
{
	float: left;
	clear: both;
	display: block;
	background: url(../images/cycle-1-normal.gif) no-repeat 0px 1px;
	width: 187px;
	height: 53px;
}

a.cycle-1:hover,
a.cycle-1-selected
{
	float: left;
	background: url(../images/cycle-1-selected.gif) no-repeat 0px 1px;
	width: 187px;
	height: 53px;
}

a.cycle-2
{
	float: left;
	clear: both;
	display: block;
	background: url(../images/cycle-2-normal.gif) no-repeat 0px 0px;
	width: 187px;
	height: 53px;
}

a.cycle-2:hover,
a.cycle-2-selected
{
	float: left;
	background: url(../images/cycle-2-selected.gif) no-repeat 0px 0px;
	width: 187px;
	height: 53px;
}

a.cycle-3
{
	float: left;
	clear: both;
	display: block;
	background: url(../images/cycle-3-normal.gif) no-repeat 0px 0px;
	width: 187px;
	height: 53px;
}

a.cycle-3:hover,
a.cycle-3-selected
{
	float: left;
	background: url(../images/cycle-3-selected.gif) no-repeat 0px 0px;
	width: 187px;
	height: 53px;
}

a.cycle-4
{
	float: left;
	clear: both;
	display: block;
	background: url(../images/cycle-4-normal.gif) no-repeat 0px 0px;
	width: 187px;
	height: 53px;
}

a.cycle-4:hover,
a.cycle-4-selected
{
	float: left;
	background: url(../images/cycle-4-selected.gif) no-repeat 0px 0px;
	width: 187px;
	height: 53px;
}

a.cycle-5
{
	float: left;
	clear: both;
	display: block;
	background: url(../images/cycle-5-normal.gif) no-repeat 0px 0px;
	width: 187px;
	height: 53px;
}

a.cycle-5:hover,
a.cycle-5-selected
{
	float: left;
	background: url(../images/cycle-5-selected.gif) no-repeat 0px 0px;
	width: 187px;
	height: 53px;
}

/***** THE PROBLEMS WE SOLVE *****/

div.problem
{
	margin-top: 0px;
	margin-bottom: 40px;
}

div.problem p
{
	font-size: 12px;
	line-height: 25px;
	margin-top: 20px;
}

div.stripe
{
	border-bottom: 1px solid #d1d1cf;
	float: left;
	width: 100%;
}


/***** ABOUT *****/

div.about
{
	font-size: 13px;
	color: #666666;
	margin-top: 20px;
}

/***** ALLIANCES *****/

div.alliances
{
	float: left;
	width: 100%;
	background: #f5f4f2;
	border-top: 10px solid #e1e1e1;
	border-bottom: 10px solid #e1e1e1;
	margin-top: 2px;
	margin-bottom: 2px;
}	

div.logos
{
	float: left;
	width: 150px;
	margin-top: 15px;
	margin-left: 20px;
}

div.alliances div.description
{
	width: 520px;
	float: right;
	margin-left: 0px;
	margin-right: 25px;
	margin-top: 30px;
	font-size: 13px;
}

div.description p
{
	margin-bottom: 20px;
	color: #6e6e6e;
}


/**** CONTACT PAGE ****/

div.contact-info
{
	clear: both;
	float: left;
	width: 100%;
	color: #333333;
	font-size: 12px;
	
}

div.icon
{
	float: left;
}

div.address
{
	float: left;
	padding-top: 30px;
	margin-left: 80px;
}


/**** NEWS *****/


div.news
{
	float: left;
	margin-bottom: 20px;
}

div.dateBox
{
	float: left;
	width: 200px;
	height: 125px;
	background: #e8f0ca;
	text-align: center;
}

div.dateBox div.date
{
	font-size: 20px;
	color: #333333;
	padding-top: 20px;
}

div.dateBox div.place
{
	font-size: 15px;
	margin-top: 10px;
	font-weight: bold;
}

div.news div.description
{
	float: right;
	width: 625px;
	height: 124px;
	border: 1px solid #e4e4e4;
	border-left: 20px solid #e4e4e4;
}

div.news div.description p
{
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
}


/****** COLLATERALS AND BPM **********/


div.collateral, div.bpmdemo
{
	float: left;
	margin-top: 20px;
}

div.collateral div.title, div.collateral div.title a, div.collateral div.title a:link, div.collateral div.title a:visited, div.bpmdemo div.title, div.bpmdemo div.title a, div.bpmdemo div.title a:link, div.bpmdemo div.title a:visited
{
	font-weight: bold;
	color: #88b82c;
	border: 0px solid;
}

div.collateral div.description
{
	border-left: 10px solid #decfb6;
	margin-left: 15px;
	padding-left: 10px;
	margin-top: 10px;
}

div.bpmdemo div.description
{
	background: #f6f2f1;
	margin-left: 15px;
	padding: 5px;
	padding-left: 10px;
	margin-top: 10px;
	
}


/***** MENU *****/

a.menu-what_we_do
{
	float: left;
	background: url(../images/menu-what_we_do.gif) no-repeat;
	width: 120px;
	height: 75px;
}


a.menu-what_we_do-selected, a.menu-what_we_do:hover
{
	float: left;
	background: url(../images/menu-what_we_do-selected.gif) no-repeat;
	width: 120px;
	height: 75px;
	
}

a.menu-how_we_do_it
{
	float: left;
	background: url(../images/menu-how_we_do_it.gif) no-repeat;
	width: 120px;
	height: 75px;
}


a.menu-how_we_do_it-selected, a.menu-how_we_do_it:hover
{
	float: left;
	background: url(../images/menu-how_we_do_it-selected.gif) no-repeat;
	width: 120px;
	height: 75px;
	
}

a.menu-who_we_work_with
{
	float: left;
	background: url(../images/menu-who_we_work_with.gif) no-repeat;
	width: 150px;
	height: 75px;
}


a.menu-who_we_work_with-selected, a.menu-who_we_work_with:hover
{
	float: left;
	background: url(../images/menu-who_we_work_with-selected.gif) no-repeat;
	width: 150px;
	height: 75px;
	
}

a.menu-solutions
{
	float: left;
	background: url(../images/menu-solutions.gif) no-repeat;
	width: 90px;
	height: 75px;
}


a.menu-solutions-selected, a.menu-solutions:hover
{
	float: left;
	background: url(../images/menu-solutions-selected.gif) no-repeat;
	width: 90px;
	height: 75px;
	
}

a.menu-the_problems_we_solve
{
	float: left;
	background: url(../images/menu-the_problems_we_solve.gif) no-repeat;
	width: 210px;
	height: 75px;
}


a.menu-the_problems_we_solve-selected, a.menu-the_problems_we_solve:hover
{
	float: left;
	background: url(../images/menu-the_problems_we_solve-selected.gif) no-repeat;
	width: 210px;
	height: 75px;
	
}

/****** TITLES, INPUTS AND HRS *******/


h1
{
	text-align: right;
	font-family: Arial, Verdana, Courier New, Courier, Helvetica;
	font-size: 20px;
	color: #a6b500;
	border-bottom: 1px solid #ffffff;
	background: url(../images/h1-background.gif) no-repeat 30px 0px;
	height: 80px;
	padding: 0px;
	padding-top: 18px;
	padding-right: 30px;
	margin-bottom: 0px;
	margin-top: -10px;
}

h2
{
	text-align: left;
	font-family: Arial;
	font-size: 17px;
	color: #88b82c;
	text-transform: capitalize;
	margin: 0px;
	padding: 0px;
	border-left: 5px solid #88b82c;
	border-right: 15px solid #d2d1d1;
	background: #ede9df;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	margin-top: 25px;
}

h3
{
	text-align: left;
	font-family: Arial, Verdana, Courier New, Courier, Helvetica;
	font-size: 18px;
	color: #cb8b21;
	text-transform: capitalize;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #c0c0c0;
}

h4
{
	text-align: left;
	font-family: Arial;
	font-size: 17px;
	color: #88b82c;
	text-transform: capitalize;
	margin: 0px;
	padding: 0px;
	border-left: 5px solid #88b82c;
	background: #ede9df;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}

input.textInput
{
 	border: 1px solid #909090; 
 	margin-bottom: 2px;
 	font-family: Tahoma;
 	font-size: 11px;
 	height: 18px;
 	background: #e1e1e1;
 	margin-top: 5px;
}

textarea.textInput
{
	border: 1px solid #909090; 	
	font-family: Tahoma;
 	font-size: 11px;
 	overflow: auto;
 	background: #e1e1e1;
 	margin-top: 5px;
}

input.submitButton
{
	float: left;
	clear: both;
	border: 0px solid;
	font-size: 18px;
	color: #505050;
	background: #FFFFFF;
	text-align: right;
	width: 455px;
	margin-bottom: 20px;
	padding: 0px;
	text-align: right;
	
} 

hr 
{	
	height: 3px;	
	color: #3F4945;
	background-color: #3F4945;
	border: 0;
	padding: 0px;
}

img
{
	border: 0px solid;
}

p
{
	margin-top: 5px;
	margin-bottom: 15px;
}

ul
{
	list-style-type: square;
	list-style-position: inside;
}

form
{

}

label
{
	float: left;
	clear: both;
	width: 130px;
	color: #000000;
	font-size: 12px;
}

a, a:link, a:visited
{
	text-decoration: underline;
}



/***** IMAGE WRAPPING *****/

a img 
{
	border: 0px;
}

p img 
{ 
	padding: 0; 
	max-width: 100%; 
}


img.right 
{
	padding: 0px; 
	margin: 0px; 
	display: inline; 
}

img.left
{
	padding: 0px; 
	margin: 0px; 
	display: inline; 
}

div.right 
{ 
	float: right; 
}

div.left 
{
	float: left; 
}

div.caption 
{ 
	margin: 0px; 
	padding: 0px;
	margin-right: 8px; 
	font-size:90%; 
	color: black 
} 

div.caption img
{
	border: 6px solid #c0c0c0;
}




/**** OTHERS ****/


span.stroke
{
	font-weight: bold;
	color: #56b906;
}

img.topPadded
{
	margin-top: 5px;
}

img.topPaddedRelative
{
	position: relative;
	top: 2px;
}

img.topPaddedRelativeMore
{
	position: relative;
	top: 4px;
	left: 10px;
}

span.link-name
{
	float: left;
	width: 230px;
}

span.link-website
{
	
}

span.contact-method
{
	float: left;
	width: 70px;
	margin-left: 5px;
}


img.footer
{
	position: relative;
	top: -5px;
}

img.contact
{
	position: relative;
	top: 10px;
}

span.emphasize
{
	color: #ce7728;
	font-weight: bold;
}

span.emphasize-blue
{
	color: #030067;
	font-weight: bold;
}

span.list
{
	color: #666666;
}

img.hiddenPic 
{
	display:none;
}

span.company
{
	color: #000068;
	font-weight: bold;
}