/* 
================================
Skin style, 5 pane layout
================================
*/
html, body {
    height: 100%;
}
body
{
    /* set default font size for skin (Titles etc. will then use a percentage to specify their sizes) */
    padding: 0px;
	margin: 0px auto;  
	text-align: center;
    line-height: 1.1;
    font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
    background:url(CI_home_pageBg.gif);
    background-repeat:repeat-x;
    background-color: #7a7a7b;
   	color:#737375;

    /*margin-left:-8px; */
}

#loginlinks
{
	clear: both;
    float: none;
    text-align: left;
    padding-right:8px;
   
}

#logo p
{
    clear: both;
    padding: 0px 0px 0px 0px; /*margin: 0 0 15px 0; */
}
#logo h1
{
    font: bold 300% Verdana, Tahoma, Helvetica, Arial, sans-serif;
    color: #C00;
    letter-spacing: 0.1em; /* adjusts how close the title is to the top tag line */
    margin-top: 0px;
}
/* Main Layout */
#thePage
{
    width: 987px;
    margin: 0px auto;        
    padding: 0px;
    text-align: center;
	min-height: 100%;
	height: auto;
	background-image:url(CI_home_backGrayLR.gif);
    background-repeat:repeat-y;
    background-position:0px 0px; 
    border:solid 0px red;
	/* new styles to encourage footer to stick to bottom
	display: block;
	position: absolute;
	top: 0px;
	z-index: 0px; */
	
	}

/* Hack for IE, Reset to 100% height */
* html #thePage {
	height: 100%;
}
/* End IE Hack */



/* Hack for IE, Reset to 100% height */
* html #leftGutter {
	height:auto;
}

/* End IE Hack */

#mainBody /* container for all content */
{
	width: 987px;
	/*text-align: left;*/
	vertical-align:top;
	padding-left:13px;
	padding-bottom: 60px; /* ensure footer does not overlap the bottom of our content */
	margin: 0 auto;
	min-height: 100%;
	height: auto;

}


/* Hack for IE, Reset to 100% height */
* html #mainBody {
	height: 100%;
}

#leftEdge
{
width:12px;
position:relative;
float:left;
left:-13px;

}
#rightEdge
{
width:12px;
position:relative;
float:right;
left:-13px;
	
}
#leftBody /* container for all left column items within MainBody */
{
	float: left;
	background-color: #dcdcdc;
	vertical-align: top;
    width: 220px; 
    margin-top:0px;
    margin-left:-13px;
    border:solid 0px red;
}
#rightBody /* container for all right column items within MainBody */
{
	float: left;
	text-align:left;
	background-color: #ffffff;
	vertical-align: top;
    width: 743px;
    margin:0px auto;
    padding:0px;
	
    
}

#leftNav /* primary site navigation within LeftBody */
{
	float: left;
	width: 220px;
	vertical-align: top;
	background-color:#E6E6E6;	
	text-align: right;
	font-weight: bold;
	position:relative;
	top:0px;
}
/* End IE Hack */
#leftGutter
{
	float: left;
	width: 30px;
	background-image: url(edge_lt.gif);
    background-repeat:repeat-y;
    clear:both;  
    height:auto;
    height:100%;
    /*height:1000px; */
}

/* Hack for IE, Reset to 100% height */
* html #rightGutter {
	height: auto;
}
/* End IE Hack */

#logo
{	height: 143px;
    width:220px;    	
	position:relative;
	top:0px;
	
	/*Change made for Left Nav Control on 20-Dec :Begins*/
	border-bottom:solid 0px #FFFFFF;	
	/*Change made for Left Nav Control on 20-Dec :Ends*/
}

#leftpaneOuter
{
	/*Change made for Left Nav Control on 20-Dec :Begins*/
	margin-top:-15px;	
	background-color:#737375;
	border-bottom:solid 2px #FFFFFF;
	border-top:solid 2px #FFFFFF;
	/*Change made for Left Nav Control on 20-Dec :Ends*/
}
#leftSecondaryNav /* secondary navigation elements within LeftBody */
{
	background-color:#CCCCCC;	
	text-align: right;	
}
#leftBottomBlock
{
	background-color:#E6E6E6;
	width:220px;
	text-align:right;
	margin-top:0px;
	margin-left:0px;
	border:solid 0px red;
}

#leftSearch
{
	margin-top: 40px;
	margin-bottom: 20px;
	margin-right:0px;
	padding-left:41px;
	padding-right:10px;
	border:solid 0px red;
}

.headerpane
{
	position:relative;
	left:0px;
	clear:both;
	
}
.rightpane
{

	float:right;
	margin-top:0px;
	
}
#rightBk
{
	background-color:#eeeeee;
	width:213px;
}
#Latest_news
{
	font: arial;	
	font-size:12px;
	width:180px;
	text-align:left;
	padding-left:20px;
}
#rightcontent
{
	text-align:left;
}
.contentpane
{
	width:469px;
	float:left;
	position:relative;
	
	
}

.contenthome
{
	margin-left:39px;
	
}
.searchText
{
	font:arial;
	font-size:12px;
	height:22px;	
	position:relative;
	left:8px;	
}

#positionSearchBtn
{
	position:relative;
	top:3px;
	left:0px;
}

.toolText
{
	line-height: 2.5;
}


A.toolText:link, A.toolText:visited, A.toolText:active, A.SkinItem:hover
{
	font:arial;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration: none;
}

#leftNavTools
{
	margin-right: 15px;
	margin-top: 20px;
}
#leftNavTools a.tooltext
{
	height: 200px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#heightLeftblock
{
	height:200px;
}

/* End Left Column */



#spacer_verti
{
	width:2px;
	clear:both;
}

#wht_gutter_hr
{
	background-color:#ffffff;
	width:auto;
	height:1px; 
}

#hori_space
{
	float:left;
	
}
#contentImage
{
	margin-left:34px;
	margin-top:0px;
}


#learn{

	position:relative;
	height:15px;
	width:671px;
	float:left;
	padding-top:0px;
	top:-40px;
	padding-bottom: 20px;


	
}
#learnOne
{
	padding-left:45px;
}

#learnTwo
{
	
	padding-left:150px;
}
#learnThree
{
	
	margin-left:140px;
}

#centerSection
{
	width:449px;
	padding-left:40px;
	
}

#hori_dotline1
{
	position:relative;
	left:6px;
	
}
#hori_dotline2
{
	position:relative;
	left:6px;
	clear:both;
}

#cad_int
{	
	width:429px;
	height:170px;
	margin-left:35px;
	
}

#cad_int1
{
	font-family:Verdana;
	font-size:10px;
	width:180px;	
	float:left;
	text-align:left;
	margin-left:20px;
	color:#666666;
	margin-top:10px;
	
}
#cad_int2
{
	width:8px;
	float:left;	
	margin-left:15px;
}
#cad_int3
{
	font-family:Verdana;
	font-size:10px;
	width:170px;
	float:right;	
	color:#666666;
	margin-top:10px;
	
}

.cad_intComp_text1
{	
	color:#666666;
	font-size:small;
	padding-left:5px;
}
#a_comp
{
	color:#5d1501;
	font-size:small;
}

.location_text
{	
	font:Arial;
	padding-left:5px;
	color:#666666;
	font-size:small;
}

#content_quest
{
	margin-left:40px;
	position:static;
	top:20px;
}

#content
{
	width:745px;
	float:left;
	margin-top:-2px;
	
}

#leftContent
{
	width:741px;
	float:left;
	
}
#footerLogo
{
	margin-left:-1px;
	

}
#logosFooter{
	float:left;
	padding-left:10px;
}

#footerContentLogo
{
	/*float:left;
	width:965px;
	clear:both;
	background-repeat:repeat-y;   
	padding-bottom:60px;
	padding-top:250px;
    	height:60px;
    	margin-left:-1px;
   	padding-left:1px;
*/    
	clear:both;
	text-align: left;
	position: relative;
	height: 60px;
	width: 987px;
	vertical-align:bottom;
	padding-left:13px;
	margin: 0	 auto;
	
	/* below is used to manage footer sticking to bottom of page
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
	z-index: 999; */
}

#homePageText
{
	margin:0px;
	padding: 30px 22px 10px 0px;
}
#footerContent
{
	font: 10px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #666666;
	padding: 15px 0px 0px 260px;
	
}
#footerContent .SkinItem
{
	font: 10px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #666666;
}
#footerContent A:link, #footerContent A:visited, #footerContent A:active
{
    text-decoration: underline;
    color: #666666;
}
#footerContent A:hover
{
    text-decoration: underline;
    color: #cccccc;
}
/* -----------------
Set default font for modules
--------------------
 */
.Normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
}

/* -----------------
Print Media start
--------------------
 */

@media print
{
	
	#thePage
	{
		left:150px;
		
	}

	#ControlPanel
	{
		display:none;
	
	}

	#loginlinks
	{
		display:none;
	}
	#contentheader
{
	width:743px;
    /*float:left;
	position:relative;*/
	border:solid 0px red;
	/*height:250px;*/
	
}
	#leftBody 
	{
	font-family:times,serif;
	display:none;
	}
	#leftContent
	{

	margin-left:-75px;
	}
	#content
	{
	font-family:times,serif; 

	}
	#contentImage
	{
	font-family:times,serif;
	float:right;
	}
	#centerSection
	{
	font-family:times,serif,50px;
	float:right; 

	}
	#footerContent
	{
	font-family:times,serif; 
	}
	#rightContent
	{
		font-family:times,serif;
		float:right; 
		position:relative;

		left:-330px;		
	} 

	#footerContentLogo
	{
	display:none;
	} 
	#Immerse_logo
	{
		position:relative;
		left:-100px;
		clear:both;
		
		
		
	}
	#Immerse_content
	{
		position:relative;
		right:100px;
		
	}
}

/* -----------------
Print Media ends
--------------------
 */



/* 
----------------------------
Class for resize text :Begins
----------------------------
*/
/*
.resizetext10
{
	font-size:small;
}

.resizetext12
{
	font-size:medium;
}

.resizetext14
{
	font-size:large;
}

*/
/* 
----------------------------
Class for resize text :Ends
----------------------------
*/


/* ================================
style for module titles
================================ */
.Head
{
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 170%;
    font-weight: bold;
    color: #C00; /* letter-spacing: 2; */
}
/* style of item titles on edit and admin pages */
.SubHead    {
    font-size:  85%;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-size:  85%; 
}

/* ===============
button style for standard HTML buttons 
================== */
.StandardButton
{
	font-size: 90%;
}

/* =======================
 HTML Tag Styles 
=========================== */
H1, H2, H3, H4, H5, DT, H6
{
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
H1
{
    font-size: 80%;
    font-weight: bold;
    color: #999;
}
H2
{
    font-size: 150%;
    font-weight: bold;
    color: #C00;
}
H3
{
    font-size: 120%;
    font-weight: bold;
    color: #999;
}
H4
{
    font-size: 110%;
    font-weight: normal;
    color: #999;
    margin: 0;
}
H5, DT
{
    font-size: 90%;
    font-weight: normal;
    color: #999;
    margin: 0;
}
H6
{
    font-size: 80%;
    font-weight: normal;
    color: #999;
    margin: 0;
}



/* ------------------------
Links format added for opera browser
----------- */
.Normal A:link, .Normal A:visited, .Normal A:active
{
    text-decoration: none;
    color: #F37421;
}
.Normal A:hover
{
    text-decoration: underline;
    color: #F37421;
}

/* This is the Date eg. any items that are not links */
.SkinItem
{
    text-decoration: none;
    color: #036;
}
/* This sets the style for all skin items that are links */
A.SkinItem:link, A.SkinItem:visited, A.SkinItem:active
{
    text-decoration: none;
    color: #036;
}
A.SkinItem:hover
{
    text-decoration: underline;
    color: #F00;
}
/* Layouts for the Text/HTML module */
#imageleftside
{
}
#imageleftside img
{
    border: 1px solid #CCC;
    margin-right: 15px;
    margin-bottom: 20px;
    float: left;
}
#imagerightside
{
}
#imagerightside img
{
    border: 1px solid #CCC;
    margin-left: 15px;
    margin-bottom: 20px;
    float: right;
}
.clear
{
    clear: both;
}
.quoteleft {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 105%;
	font-style: italic;
	padding: 0 10px 0 0;
	margin: 10px 10px 10px 0;
	width: 220px;
	float: left;
	text-align: right;
	border-right: 10px solid #C8CDD0;
	color:#75818A;
}
.quoteright {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 105%;
	font-style: italic;
	padding: 0 0 0 10px;
	margin: 10px 0 10px 10px;
	width: 220px;
	float: right;
	text-align: left;
	border-left: 10px solid #C8CDD0;
	color:#75818A;
}

#home_hdrText
{
	font-family:Verdana;
	color:#666666;
	font-size:11px;
	text-align:left;
	padding-left:0px;
	padding-right:20px;
	border:solid 0px red;
}


/* Classes for Content pane section */
.MedAdCadientMedia
{
	width:444px;
	text-align:center;
}
/*
----------------------------
Class for Solution Page :Starts
----------------------------
*/

#DootedLine_solution
{
	
	left:40px;
	top:0px;
	
		
}
.solution_contentTextSecond
{
	/*margin-left:40px; */
	float: left;
	position:relative;
	top: 10px;
	left: 40px;
	width:671px;
}
#solution_event
{
	float:left;
	position:relative;
	top:100px;
	left:80px;
	
}

#solution_text1
{
	float:left;	
	width:375px;
	position:relative;
	top:-10px;
	left:300px;
	clear:both;
	
}
#solution_text2
{
	float:left;	
	width:375px;
	position:relative;
	top:-20px;
	left:300px;
	clear:both;
}
#solution_text3
{
	float:left;	
	width:375px;
	position:relative;
	top:-10px;
	left:300px;
	clear:both;
}
#DootedLine_solution1
{
	
	margin-left:40px;
	
}
#DootedLine_solution2
{
	margin-left:40px;
	
	
}
#solution_launch
{
	float:left;
	position:relative;
	top:100px;
	left:80px;
}


.solution_contentText
{
	width:662px;
	float:left;
	text-align:left;
	position:relative;
}
#solution_immerse
{
	float:left;
	position:relative;
	top:100px;
	left:80px;
}

/* ================================
Class for Solution Page :Ends
================================ */

/* ================================
Class for Solution Immerse :Strats
================================ */
/*
----------------------------
Class for Solution Coneve :Starts
----------------------------
*/

#DootedLine_convence
{
	
	float:left;
	position:relative;
	top:20px;
	left:40px;
	
		
}

#convence_event
{
	float:left;
	position:relative;
	top:100px;
	left:80px;
	
	
}

#Convence_text
{
	float:left;	
	width:375px;
	position:relative;
	top:-10px;
	left:340px;
	clear:both;
	
	
	
	
}
#DootedLine_convence1
{
	float:left;
	position:relative;
	left:40px;
	
	
}
#DootedLine_convence2
{
	margin-left:40px;
	
	
}


.convene_contentText
{
	width:662px;
	float:left;
	text-align:left;
	position:relative;
}


/* ================================
Class for Solution Coneve :Ends
================================ */

/* ================================
Class for Solution Immerse :Strats
================================ */
.immerse_contentText
{
	width:662px;
	float:left;
	text-align:left;
	position:relative;
}

#DootedLine_Immerse
{
	/* float:left;	margin-left:40px;
	margin-top:10px;*/
	position:relative;
	float:left;
	top:10px;
	left:40px;
}

#Immerse_text
{
	/* float:left;
	width:650px;	
	margin:10px 0px 0px 60px;*/
	position:relative;
	float:left;
	top:10px;
	left:40px;
}

#Immerse_logo
{
	/* float:left;
	margin:100px 0px 0px 75px;*/
	position:relative;
	float:left;
	left:50px;
	top:250px;
}

#Immerse_content
{
	/* float:left;
	width:375px;
	margin:20px 0px 0px 30px;	
	float:left;
	text-align: left;	
	width:400px;
	position:relative;
	top:15px;
	right:-10px;*/
	float:right;	
	width:400px;
	position:relative;
	top:15px;
	right:-10px;

}
#DootedLine_Immerse1
{
	/*clear:both;
	border:solid 0px red;
	margin-top:10px;
	margin-left:40px;*/
	position:relative;
	float:left;
	top:10px;
	left:40px;
}

/* ================================
Class for Solution Immerse :Ends
================================ */


/* ------------------------
Classes for About Gel- Starts
----------- */

#content_Aboutgel
{
	width:663px;
	margin:10px 0px 0px 40px;
	border:solid 0px red;
	
}



/* ------------------------
Classes for About Gel- end
----------- */

/* ------------------------
Classes for Onevoice- Starts
----------- */
#contentheaderHome
{
	width:743px;
	position:relative;
	border:solid 0px red;
	left:0px;
	height:400px;
	margin:0px;
	padding:0px;
	text-align:right;	
}

#contentheaderwrap
{
	margin:0px;
	padding:0px;
	text-align:right;
}
#contentheader, #contentheader embed
{
	width:743px;
	position:relative;
	border:solid 0px red;
	background-color: #ffffff;
	left:0px;
	margin:0px;
	padding:0px;
	text-align:right;
	vertical-align:top;
}
#contentheaderunderline, #contentheaderunderline img
{
	background-color:#ffffff;
	position: relative;
	margin:0px;
	padding:0px;
	text-align:right;
	height:4px;
	width:743px;
	vertical-align:top;
}
#contentheaderunderline img
{
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	height:4px;
	width:703px;
	vertical-align:top;
}


#contentheader1
{
	width:742px;
    float:left;
	position:relative;
	border:solid 1px red;
	height:302px;
	
}
#DotLine_onevoice
{
	position:relative;
	float:left;
	top:10px;
	left:40px;	
}
#DotLine_onevoice1
{
	position:relative;
	float:left;
	top:10px;
	left:40px;
}

#onevoice_event
{
	float:left;
	position:relative;
	left:50px;
	top:150px;
}

#onevoice_text
{
	float:right;	
	width:400px;
	position:relative;
	top:15px;
	right:-30px;
	border:solid 0px red;
}

#onevoice_hrdText
{
	font-family:Verdana;
	color:#666666;
	text-align:left;
	padding-left:50px;
	border:solid 0px red;
}


#onevoice_launch
{
	float:left;
	margin: 50px 0px 0px 75px;	
	width:201px;
}
.onvoice_contentText
{
	width:662px;
	float:left;
	text-align:left;
	position:relative;
}
#contentText
{
	width:452px;
	margin:0px;
	padding:0px;
	padding-left:41px;
	border:solid 0px red;
	vertical-align:top;
}
#contentTextHome
{
	width:429px;
	margin:0px;
	padding:0px;
	padding-left:41px;
	border:solid 0px red;
	vertical-align:top;
}
/* ------------------------
Classes for Onevoice- end
----------- */
/* ------------------------
Classes for Contact US Starts
----------- */
#contactus_dotted
{
	position:relative;
	float:left;
	top:10px;
	left:40px;
	/*float:left;
	margin:10px 0px 0px 40px;	*/
}

#contactus_content
{
	width:600px;
	border:solid 0px red;
	float:left;
	position: relative;
	top:20px;
	left:60px;
	/*margin:20px 0px 0px 40px;*/
}


/* ------------------------*/
Classes for Contact US Ends
/*----------- */
/* ------------------------*/
Classes for CI Home page
/*----------- */

#rightpeople
{
	width:274px;
}
#contentCI
{
	padding:20px 10px 0px 10px;
	margin:0px;
	width:409px;
	height:175px;
	border:solid 0px red;
}

/*#horiCI{
	margin:0px;
	padding:0px;
	position:relative;
	top:33px;
	left:3px;
	}*/
#horiCI, #horiCI img
{
	background-color:#ffffff;
	position: relative;
	margin:0px;
	padding:0px;
	text-align:left;
	height:4px;
	width:429px;
	vertical-align:top;
}
#horiCI img
{
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	height:4px;
	width:429;
	vertical-align:top;
}
/* ------------------------
Classes for Site Map Starts
----------- */

#SiteMapHeading
{	 
	font: small Arial, Helvetica, sans-serif;
	padding-left: 0;
    margin-left: 0px;   
    font-weight: bold;
    font-size:12px;    
    color:#4a4a4a;  
}
#SiteMapSubHeading
{	 
	font: small Arial, Helvetica, sans-serif;
	padding-left: 0;
    margin-left: 0px;   
    font-weight: normal;
    font-size:11px;    
    color:#747474;  
}
#SiteMapSubSubHeading
{	 
	font: small Arial, Helvetica, sans-serif;
	padding-left: 0;
    margin-left: 0px;   
    font-weight: normal;
    font-size:10px;    
    color:#dadada;  
}

/* ------------------------
Classes for Site Map Ends
----------- */

/* ================================
Class for Hatch Consulting :Begins
================================ */

/* Home page of Hatch Consulting tab :Beings */ 
#hatchHomeContent
{
	width:690px;	
	border:solid 0px black;
	
}

#hatchHomeLeftContent
{
	padding:20px 10px 10px 0px;
	width:429px;	
	border:solid 0px red;
	float:left;
}

#hatchHomeDotVerticalLine
{
	background-image:url(/portals/0/Hatch/hatch_vert_divider.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	height:210px;
	width:4px;	
	float:left;
	border:solid 0px blue;
}

#hatchHomeRightContent
{
	width:230px;	
	float:left;	
	padding:20px 0px 10px 10px;
	border:solid 0px green;
}

#hatchHomeDotHoriLine
{
	background-image:url(/portals/0/Hatch/hatch_hori_dotted.gif);
	background-repeat:no-repeat;
	height:4px;
	width:690px;	
	float:left;
}

/* Home page of Hatch Consulting tab :Ends */ 

/*Sub pages of Hatch Consulting tab: Beings*/
#emergingMediaSection
{	
	background-image:url(/portals/0/Hatch/hatch_contentJim_bk.jpg);
	background-repeat:no-repeat;
	height:304px;
	width:477px;	
	float:left;
	position:relative;
	top:15px;	
	left:-4px;
	border:solid 0px red;
}

#emergingMediaTxt
{
	width:442px;
	height:280px;
	position:relative;
	left:18px;
	top:12px;
	border:solid 0px green;
}

#emergingMediaTxt p
{
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 5px;
}

#emergingMediaBlog
{
	padding:30px 0px 0px 10px;
	width:442px;
	height:30px;
	float:left;
	border:solid 0px green;
}

#emergingMediaBlog p
{
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 5px;
}

#hatchRightNavUL
{
	width:202px;
	border:solid 0px green;
	float:left;
	list-style-type:none;
	text-align:left;
	margin:0px 0px 0px 0px;	
	line-height:250%;
}

#hatchRightNavUL li a
{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	padding-left:20px;	
	width:196px;
	border-bottom:solid 1px #6a6a6a;	
	position:relative;
	left:3px;
}






/*Sub pages of Hatch Consulting tab: Ends*/

/* ================================
Class for Hatch Consulting :Ends
================================ */