@charset "UTF-8";

body {
	margin: 0px;
	padding: 0px;
	background-color: #eff0f1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #455560;
	}

#clearBoth {
	clear: both;
	}
	
#main {
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 1028px;
	text-align: left;
	background: url(http://www.appirio.com/i2/images/bg_main.gif);
	}
	
#bgSides {
	width: 40px;
	float: left;
	}

#bgCenter {
	width: 948px;
	background: url(http://www.appirio.com/i2/images/bg_bodyCenter.jpg) no-repeat #FFF;
	float: left;
	}
#bgCenterPScloud {
	width: 948px;
	background: url(http://www.appirio.com/blog_images/bg_bodyCenterPScloud.jpg) no-repeat #FFF;
	float: left;
	}
#bgCenterTech {
	width: 948px;
	background: url(http://www.appirio.com/blog_images/bg_bodyCenterTech.jpg) no-repeat #FFF;
	float: left;
	}
#bgCenterPoduct {
	width: 948px;
	background: url(http://www.appirio.com/blog_images/bg_bodyCenterProduct.jpg) no-repeat #FFF;
	float: left;
	}
	
/* Top Header Styles */

#head {
	height: 75px;
	}

#headRight {
	float: right;
	padding: 20px 20px 0 0;
	color: #959ca1;
	font-size: 11px;
	text-align: right;
	}
#headRight img {
	margin-bottom: 5px;
	}
#headRight a {
	color: #959ca1;
	text-decoration: none;
	}
#headRight a:hover {
	color: #455560;
	text-decoration: underline;
	}

#navTop {
	height: 25px;
	padding: 10px 20px 0 20px;
	background: url(http://www.appirio.com/i2/images/navTop_bg.gif) repeat-x;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #dadddf;
	}
#navTop a {
	color: #dadddf;
	text-decoration: none;
	}
#navTop a:hover {
	color: #FFF;
	text-decoration: underline;
	}

#navTopSearch {
	float: right;
	padding: 8px 20px 0 0;
}
.navTopSearchBox {
	padding: 2px;
	margin: 0 5px 0 0;
	border: 1px solid #060708;
	background: url(http://www.appirio.com/i2/images/formSearchBG.gif) no-repeat;
	display: inline;
	font-size: 10px;
	color: #666;
	height: 14px;
	width: 150px;
}
.navTopSearchGo {
	display: inline;
	background: url(http://www.appirio.com/i2/images/formSearchGo.gif) no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 30px;
	height: 20px;
}

/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* Navigation drop-downs */

/* z-index will allow nav to appear */
#tNavDrop_container { 
position: relative; 
margin: 0 auto; 
width: 948px; 
height: 35px; 
z-index: 100;
background: url(http://www.appirio.com/i2/images/navTop_bg.gif) repeat-x;
padding: 0px;
}

/* Removes margin, padding and bullets in the unordered lists */
#tNavDrop, #tNavDrop ul {
padding: 0px; 
margin: 0px; 
list-style-type: none;
}

#tNavDrop a, #tNavDrop a:visited {
display:block;
}

#tNavDrop li ul li a, #tNavDrop li ul li a:visited {
width: 150px;  
line-height: 24px; 
text-decoration: none; 
font-size: 11px; 
color: #fff; 
padding: 7px 0 7px 13px;
line-height: 120%;
}
#tNavDrop li a.NavBtm, #tNavDrop li a.NavBtm:visited {
border: 0px;
}

#tNavDrop li {
float: left; 
background: #344048;
margin: 0px;
}
#tNavDrop li ul li {
background: #344048;
}

/* For Non-IE browsers and IE7 */
#tNavDrop li:hover {
position: relative;
}
#tNavDrop li:hover > a {
background: #455560; color: #FFF;
}
#tNavDrop li ul {
display: none;
}
/* Do not remove transparent GIF */
#tNavDrop li:hover > ul {
display: block; 
position: absolute; 
top: 0px; 
left: 80px; 
padding: 14px 30px 30px 30px; 
background: transparent url(http://www.appirio.com/i2/images/pixel.gif); 
width: 120px;
}
/* 2nd level nav Positioning */
#tNavDrop > li:hover > ul {
left:-30px; 
top:20px;
}

/* Removes table needed for IE6 */
#tNavDrop table {
position: absolute; 
border: 0px; 
top: 0px; 
left: 0; 
z-index: 100; 
margin: 0px; 
padding: 0px;
}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #tNavDrop li a:hover {
position: relative; 
background: #455560; 
color: #FFF;
}

/* For accessibility of the top level menu when tabbing */
#tNavDrop li a:active, #tNavDrop li a:focus {
background: #344048; 
color: #FFF;
}

/* IE5.5 and IE6 sublevel fixes */
* html #tNavDrop li ul {
visibility: hidden; 
display: block; 
position: absolute; 
top: 0px; 
left: 80px; 
padding: 15px 30px 30px 30px; 
background: transparent url(http://www.appirio.com/i2/images/pixel.gif); 
}
#tNavDrop li a:hover ul {
visibility: visible; 
left:-30px; 
top:20px;
}

/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */

/* Body Styles */

#bodyLeft, #bodyCenterSM, #bodyCenterReg {
	float: left;
	line-height: 150%;
	}
#bodyLeft h1, #bodyCenterSM h1, #bodyRight h1, #bodyCenterReg h1 {
	font-size: 20px;
	padding-bottom: 20px;
	margin: 0px;
	line-height: 110%;
	}
#bodyLeft h2, #bodyCenterSM h2, #bodyRight h2, #bodyCenterReg h2 {
	font-size: 16px;
	color: #669ac9;
	margin: 0px;
	padding: 5px 0;
	}
#bodyLeft h3, #bodyCenterSM h3, #bodyRight h3, #bodyCenterReg h3 {
	font-size: 14px;
	color: #455560;
	margin: 0px;
	padding: 0 0 5px 0;
	text-transform: uppercase;
	}
#bodyLeft h5, #bodyCenterSM h5, #bodyRight h5, #bodyCenterReg h5 {
	font-size: 11px;
	color: #999;
	margin: 0px;
	padding: 5px 0;
	font-weight: normal;
	}
#bodyLeft p, #bodyCenterSM p, #bodyRight p, #bodyCenterReg p {
	padding: 5px 0;
	margin: 0px;
	}
#bodyLeft a, #bodyCenterSM a, #bodyRight a, #bodyCenterReg a {
	color: #669ac9;
	text-decoration: none;
	}
#bodyLeft a:hover, #bodyCenterSM a:hover, #bodyRight a:hover, #bodyCenterReg a:hover {
	text-decoration: underline;
	}
#bodyLeft hr, #bodyCenterSM hr, #bodyRight hr, #bodyCenterReg hr {
	border: 0px;
	color: #669ac9;
	background-color: #669ac9;
	height: 1px;
	margin: 20px 0;
	padding: 0px;
	}
#bodyLeft ul, #bodyCenterSM ul, #bodyRight ul, #bodyCenterReg ul {
	margin: 0px;
	padding: 0 0 5px 30px;
}

#bodyLeft {
	width: 160px;
	padding: 20px 0 0 20px;
	}

#bodyCenterSM {
	width: 728px;
	padding: 20px 20px 0 20px;
	}

#bodyCenterBnnr {
	padding-bottom: 30px;
}

#bodyCenterReg {
	width: 708px;
	margin-top: 20px;
	float: left;
}

#bodyRight {
	float: right;
	width: 200px;
	padding: 0 0 20px 20px;
	font-size: 11px;
	}

#bodyLeftNav {
	float: left;
	margin: 20px 20px 20px 0;
	width: 200px;
	padding: 0px;
}

#bodyLeftNavTop {
	background: url(http://www.appirio.com/i2/images/leftNavTopBG.gif) no-repeat;
	padding: 8px 14px 4px 14px;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	margin-left: 20px;
}

#bodyLeftNavMid, #bodyLeftNavMidOn, #bodyLeftNavMidSub, #bodyLeftNavMidSub2 {
	background: url(http://www.appirio.com/i2/images/leftNavBG.gif) repeat-y #679ac9;
	color: #FFF;
	margin-left: 20px;
}

#bodyLeftNavMid {
	padding: 7px 13px 0 14px;
	font-size: 13px;
}

#bodyLeftNavMidOn {
	padding: 7px 13px 0 14px;
	font-weight: bold;
	font-size: 13px;
}

#bodyLeftNavMidSub {
	padding: 7px 13px 0 28px;
	font-size: 12px;
}

#bodyLeftNavMidSub2 {
	padding: 7px 13px 0 43px;
	font-size: 11px;
}

#bodyLeftNavBttm {
	background: url(http://www.appirio.com/i2/images/leftNavBttmBG.gif) repeat-y;
	width: 180px;
	height: 15px;
	margin-left: 20px;
}

#bodyLeftNavTop a, #bodyLeftNavMid a, #bodyLeftNavMidOn a, #bodyLeftNavMidSub a, #bodyLeftNavMidSub2 a {
	color: #FFF;
	text-decoration: none;
}
#bodyLeftNavTop a:hover, #bodyLeftNavMid a:hover, #bodyLeftNavMidOn a:hover, #bodyLeftNavMidSub a:hover, #bodyLeftNavMidSub2 a:hover {
	text-decoration: underline;
}

#FTleft {
	float: left;
	width: 15px;
	height: 39px;
	background: url(http://www.appirio.com/i2/images/FTleft.gif) no-repeat;
	margin-top: 20px;
	}
	
#FTcenter {
	float: left;
	height: 39px;
	background: url(http://www.appirio.com/i2/images/FTcenter.gif) repeat-x;
	font-size: 11px;
	color: #959ca1;
	padding: 8px 0 0 0;
	margin-top: 20px;
	}
#FTcenter a {
	color: #959ca1;
	text-decoration: none;
	}

#FTcenter a:hover {
	color: #333;
	text-decoration: underline;
	}

#FTright {
	float: left;
	width: 15px;
	height: 39px;
	background: url(http://www.appirio.com/i2/images/FTright.gif) no-repeat;
	margin-top: 20px;
	}

/* Home Page Styles */

#homeHero {
	height: 220px;
}

#homeHeroSolution {
	float: right;
	width: 220px;
	height: 220px;
	margin-right: 20px;
	background: url(http://www.appirio.com/i2/images/HPsolutionsBg.gif) repeat-y;
	}

#homeHeroSolutionT {
	padding: 8px 15px;
	text-transform: uppercase;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	background: url(http://www.appirio.com/i2/images/HPsoltionsTop.gif) no-repeat;
	}
	
#homeHeroSolutionB {
	padding: 10px 15px 0 15px;;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
	}
#homeHeroSolutionC {
	padding: 20px 15px 0 15px;;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	}
#homeHeroSolutionC a {
	color: #FFF;
	}
#homeHeroSolutionB a {
	color: #FFF;
	text-decoration: none;
	}
#homeHeroSolutionB a:hover {
	text-decoration: underline;
	}
	
#homeDNA {
	margin: 20px;
	background: url(http://www.appirio.com/i2/images/HPdnaBg.gif) repeat-y;
	line-height: 150%;
	}
#homeDNA h1 {
	font-size: 12px;
	color: #3f4b00;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	}
#homeDNA p {
	padding: 5px 0 0 0;
	margin: 0px;
	font-size: 11px;
	}
#homeDNA a {
	color: #3f4b00;
	}
	
#homeContContainer {
	padding: 0 0 0 20px;
	float: left;
	}
	
#homeCont {
	line-height: 150%;
	margin-bottom: 15px;
	}
#homeCont2 {
	background: url(http://www.appirio.com/i2/images/HPhighBg.gif) repeat-y;
	margin-bottom: 15px;
	}
#homeCont3 {
	margin-bottom: 15px;
	}
#homeCont h1, #homeCont2 h1, #homeCont3 h1 {
	font-size: 12px;
	color: #679ac9;
	text-transform: uppercase;
	margin: 0px;
	padding: 0 0 5px 0;
	}
#homeCont h2 {
	font-size: 11px;
	color: #959ca1;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	}
#homeCont p, #homeCont2 p, #homeCont3 p {
	font-size: 11px;
	padding: 0 0 10px 0;
	margin: 0px;
	line-height: 150%;
	}
#homeCont a {
	color: #455560;
	text-decoration: none;
	}
#homeCont2 a {
	color: #679ac9;
	}
#homeCont3 a {
	color: #8a1e04;
	text-decoration: none;
	font-weight: bold;
	}
#homeCont a:hover, #homeCont3 a:hover {
	text-decoration: underline;
	}
	
/* Quotes */

#quote {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	color: #669ac9;
	padding: 5px 40px 5px 40px;
	}
#quotesource {
	text-align: right;
	color: #669ac9;
	font-style: italic;
	font-weight: bold;
	padding: 0 40px 0 0; 
	}

/* Footer Styles */
	
#footer {
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 1028px;
	background: url(http://www.appirio.com/i2/images/footer.gif) no-repeat;
	text-align: center;
	padding: 40px 0 20px 0;
	color: #999;
	font-size: 11px;
	}
#footer a {
	color: #999;
	text-decoration: none;
	}
#footer a:hover {
	color: #666;
	text-decoration: underline;
	}

/* Blogger Footer Styles */
	
#Appiriofooter {
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 1028px;
	background: url(http://www.appirio.com/i2/images/footer.gif) no-repeat;
	text-align: center;
	padding: 40px 0 20px 0;
	color: #999;
	font-size: 11px;
	}
#Appiriofooter a {
	color: #999;
	text-decoration: none;
	}
#Appiriofooter a:hover {
	color: #666;
	text-decoration: underline;
	}