/******************************************************************************
 *
 *     COMPANY:  PIEmatrix
 *     WEBSITE:  www.piematrix.com
 *     DATE:     July 2007
 *     CONTACT:  info@piematrix.com
 *
 *     LAST MODIFIED BY: M Doyle Design, http://www.mdoyledesign.com, December 2009
 ******************************************************************************/

/******************************************************************************
 * Set all styles to default
 ******************************************************************************/

body, caption, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, img, input, textarea, p, blockquote, th, td {
	margin: 0px;
	padding: 0px;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

fieldset, img {
	border: 0px;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

dl, dt, dd, ul, li {
	list-style-type: none;
}

caption, th {
	text-align: left;
}

a, caption, h1, h2, h3, h4, h5, h6, p, li {
	font-size: 100%;
	font-weight: lighter;
}

a, a:hover, a:visited, a:active {
	border-style: none;
	outline: none;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0px;
}

/******************************************************************************
 * Fonts & Header Styles
 ******************************************************************************/ 

.amp {
    /*font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana;
}

a, caption, h3, h4, p, li, div {
	/*font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana;
	color: #323232;
}

h1, h2, h3, h4, h5 {
	color: #000;
}

.arial {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 36px;
	font-weight: bold;
	display: block;
	width: 195px;
	padding-left: 20px;
}

h2 {
	padding-left:20px;
}

h2.halfpadding {
	padding-top: 20px !important;
}

h2.nopadding {
	padding-top: 0 !important;
}

h1.no_main_text {
	width: 850px;
	padding-bottom: 20px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	padding-top:10px;
	padding-bottom:10px;
	font-size: 14px;
	font-weight: bold;
	color: #f3bc2b;
	width: 195px;
	padding-left: 20px;
	display: block;
	float: left;
}

h4 {
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	padding-top: 10px;
}

/******************************************************************************
 * Explore-By button styles
 ******************************************************************************/ 
 
#toutarea {
	padding-top:10px;
	width:940px;
	background-color:#fff;
	padding-bottom:20px
}

.tout {
	border:dotted 1px #CCC;
	margin-left:14px;
	margin-right:14px;
	margin-bottom: 20px;
	padding: 2px;
	width:199px;
	height:215px;
	display:block;
	float:left;
	background-color:#f5f5f5
}

.toutheader {
	color:#0268C9;
	font-size:1.1em;
	font-weight:bold
}

.tout p {
	font-size:.7em;
	padding: 0 10px 10px 10px !important;
	margin: 0;
}


.tout a {
	color:#0268c9
}

.touttext {
	padding:0px;
	display:inline;
	color:#99cc66
}

.tout #role a {
	background: url(../../images/home/tout/role.png) no-repeat;
	display:block;
	float:left;
	width:60px;
	height:60px
}

.tout #industry a {
	background: url(../../images/home/tout/industry.png) no-repeat;
	display:block;
	float:left;
	width:60px;
	height:60px
}

.tout #function a {
	background: url(../../images/home/tout/function.png) no-repeat;
	display:block;
	float:left;
	width:60px;
	height:60px
}

.tout #play1 a, .tout #play2 a {
	background: url(../../images/home/tout/play.png) no-repeat;
	display:block;
	float:left;
	width:60px;
	height:60px;
}

/******************************************************************************
 * General Layout Rules
 ******************************************************************************/

a {
	color: #017cb5;
	text-decoration: none;
}

a:hover {
	color: #000000;
}

body {
	background-color:#e1e1e1;
	background-image: url(../../images/background.png);
	background-repeat:repeat-x;
}

strong {
    font-weight: 700;
}

p, li {
	/*font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana;
	font-size: 0.8em;
	font-weight:100;
	line-height: 1.3em
}

blockquote {
	padding: 15px 5px 0px 105px;
	background: url(../../images/quote_left.gif) no-repeat 80px 5px;
}

blockquote p {
	font-size: 12px;
	line-height: 15px;
	background: url(../../images/quote_right.gif) no-repeat right bottom;
	padding-right: 25px;
	padding-bottom: 5px;
}

ul.bulleted_list {
	padding-left: 240px;
}

ul.bulleted_list li {
	background: url(../../images/bullet.gif) no-repeat left 6px;
	padding: 0px 0px 17px 15px;
}

#content {
	background: #fff url('../../images/navbg.png') 0 0 repeat-y;
	min-height:650px;
	border-bottom: 1px solid #999;
    *width: 920px;
}

#home #content, #privacypolicy #content {
	margin-top: 0;
	padding-left:10px;
	background-image: none;
}

#privacypolicy #content {
	padding-left: 0;
}

#privacypolicy p {
	padding: 0 30px 10px 25px;
}

.center_content {
	margin: 0px auto;
}

.bold {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana;
	font-weight:bold;
	color: #323232;
}

.italic {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana;
	font-style:italic;
	color: #323232;
}

/******************************************************************************
 * Header
 ******************************************************************************/
#top {
	width:100%;
	height: 112px;
	display:block;
	clear:both;
}

#header {
	width:964px;
	margin:0px auto;
	clear:both;
	display:block;
	height: 112px;
	background: url(../../images/header/bg_header.jpg) repeat-x left top;
	position: relative;
}

#header #link_login {
	float: left;
	padding: 0px 0px 0px 496px;
}

#header #link_create {
	float: left;
}

#header #link_login a {
	background-image: url(../../images/header/menu_login.gif);
	background-position: 0px 0px;
	display: block;
	height: 26px;
	width: 184px;
}

#header #link_login a span {
	display: block;
	text-indent: -9999px;
}

#header #link_create a {
	background-image: url(../../images/header/create.jpg);
	background-position: 0px 0px;
	display: block;
	height: 26px;
	width: 108px;
}

#header #link_login a:hover {
	background-position: 0px 26px;
}

#header #link_create a:hover {
	background-position: 0px 26px;
}

#header #main_menu {
	width: 968px;
	height: 36px;
	clear: left;
	padding-top: 14px;
	position:relative;
	top:0px;
	left:-1px
}

#header #main_menu a {
	display: block;
	height: 36px;
}

#header #main_menu li {
	float: left;
	height: 36px;
}

#header #main_menu #blog a {
    background-image: url(../../images/header/topnav/blog.gif);
    background-position: 0px 0px;
    width: 65px;
}

#header #main_menu #blog a:hover {
    background-position: 0px 36px;
}

#header #main_menu #about a {
	background-image: url(../../images/header/topnav/about.gif);
	background-position: 0px 0px;
	width: 81px;
}

#header #main_menu #about a:hover {
	background-position: 0px 72px;
}

#about_us #header #main_menu #about a {
	background-position: 0px 36px;
}

#header #main_menu #contact a {
	background-image: url(../../images/header/topnav/contact.gif);
	background-position: 0px 0px;
	width: 87px;
}

#header #main_menu #contact a:hover {
	background-position: 0px 72px;
}

#contact #header #main_menu #contact a {
	background-position: 0px 36px;
}

#header #main_menu #support a {
	background-image: url(../../images/header/topnav/support.gif);
	background-position: 0px 0px;
	width: 87px;
}

#header #main_menu #support a:hover {
	background-position: 0px 72px;
}

#support #header #main_menu #support a {
	background-position: 0px 36px;
}

#header #main_menu #solutions a {
	background-image: url(../../images/header/topnav/solutions.gif);
	background-position: 0px 0px;
	width: 102px;
}

#header #main_menu #solutions a:hover {
	background-position: 0px 72px;
}

#solutions #header #main_menu #solutions a {
	background-position: 0px 36px;
}

#header #main_menu #overview a {
	width: 122px;
	background: url(../../images/header/topnav/overview.gif) 0px 0px;
}

#header #main_menu #overview a:hover {
	background-position: 0px 72px;
}

#overview #header #main_menu #overview a {
	background-position: 0px 36px;
}
 
/******************************************************************************
 * Footer
 ******************************************************************************/
#footer a {
	color:#0268c9
}

#bottom {
	padding: 0px;
	width: 100%;
	background-color: #e1e1e1;
	clear: both;
}

#footer {
	padding: 0px;
	width:820px;
	margin: 0px auto;
	background-color: #e1e1e1;
	clear: both;
}

#footer div {
	float:left;
	display:block
}

#next {
	line-height:.01em;
	margin-right:20px
}

#footer div p {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	font-size:.75em;
	text-align:left;
	padding-left:0px;
}

#footer div a {
	font-size:.7em;
}

#footer div a:hover {
	color:#ff9900
}

#footbot {
	display:block;
	margin:0px auto;
	text-align:center;
	font-size: .6em;
	padding-bottom: 10px;
}

#footer #next #sales a {
	width: 138px;
	height:16px;
	display:block;
	background: url(../../images/footer/sales.gif) 0px 0px;
}

#footer #next #sales a:hover {
	background-position: 0px 16px;
}

#footer #next #request a {
	width: 138px;
	height:16px;
	display:block;
	background: url(../../images/footer/request.gif) 0px 0px;
}

#footer #next #request a:hover {
	background-position: 0px 16px;
}

/******************************************************************************
 * Home
 ******************************************************************************/

#home #feature {
    display: block;
    position: relative;
    background: transparent url('../../images/photo-home.jpg') top right no-repeat;
    height: 435px;
}

#home #feature h1 {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 22px;
	font-weight: normal;
	position: absolute;
	top: 90px;
	left: 35px;
	letter-spacing: -1px;
}

#home #feature h3 {
	color: #000;
	width: 578px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 35px;
	left: 35px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: -1px;
}

#home #feature h2 {
	margin: 0;
	padding: 0;
	color: #7d7d7d;
	font-size: 18px;
	font-weight: normal;
	position: absolute;
	top: 150px;
	left: 35px;
	width: 597px;
	height: 90px;
}

#home #feature h4.alive {
	color: #94cd40;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 383px;
	left: 835px;
}

#home #content p {
	color: #434343;
	padding-bottom:20px
}

#home #content span {
	font-size: 1.2em;
	color: #0088c6;
	font-weight: normal;
}

#home #kao {
	position: absolute;
	top: 250px;
	left: 13px;
	height: 90px;
}

#home #cust {
	position: absolute;
	left: 10px;
	top: 340px;
}

#home #cust img {
	position: absolute;
	top: 0;
	left: 0;
}

/******************************************************************************
 * Contact page
 ******************************************************************************/
 
#contact #contactus {
	border-left: 1px solid #fff;
	position: relative;
    height: 431px;
    background: transparent url('../../images/contact/photo-contact-girl.jpg') 0 0 no-repeat;
}

#contact #contactus h1 {
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 112px;
    left: 23px;
    font-weight: bold;
}

#contact #contactus h1.info {
    font-size: 22px;
    margin: 0; padding: 0;
    position: absolute;
    top: 190px;
    left: 25px;
    font-weight: normal;
}

#contact #contactus h2 {
    font-size: 22px;
    margin: 0; padding: 0;
    position: absolute;
    top: 363px;
    left: 25px;
    width: 450px;
}

#contact #reqCall {
    color: #fff;
    position: relative;
    height: 456px;
    background: transparent url('../../images/contact/photo-callbackform1.jpg') 0 0 no-repeat;
}

#contact #reqCall h2 {
	color: #fff;
	margin: 0; padding: 0;
    position: absolute;
    top: 105px;
    left: 30px;
}

#contact #reqCall table {
	position: absolute;
	top: 150px;
	left: 30px;
	width: 430px;
}

#contact #reqCall td {
	font-size: 13px;
	padding: 5px 15px 10px 5px;
}

#contact #reqCall td.ft {
	padding-bottom: 0;
}

#contact #reqCall td.end {
	padding-right: 0;
}

#contact #reqCall textarea, #contact #reqCall input.f {
    width: 100%;
    padding: 2px;
    border: 3px solid #0873ba;
}

#contact #reqCallThankYou {
    color: #fff;
    position: relative;
    height: 450px;
    background: transparent url('../../images/contact/photo-callbackform2.jpg') 0 0 no-repeat;
}

#contact #reqCallThankYou h2 {
    color: #fff;
    margin: 0; padding: 0;
    position: absolute;
    top: 140px;
    left: 396px;
    width: 255px;
}

/******************************************************************************
 * About page
 ******************************************************************************/
 
#about_us #aboutUsImg {
    position: relative;
    height: 450px;
    background: transparent url('../../images/about/image-about.jpg') 0 0 no-repeat;
}

#about_us #aboutUsImg h1 {
    font-size: 42px;
    margin: 0; padding: 0;
    position: absolute;
    top: 65px;
    left: 25px;
    font-weight: bold;
    color: #fff;
}

#about_us #aboutUsImg h2 {
	color: #fff;
	margin: 0;
	padding: 0;
	width: 374px;
	position: absolute;
	top: 200px;
	left: 25px;
	font-size: 18px;
	height: 98px;
}

/******************************************************************************
 * Support page
 ******************************************************************************/

#support #pieSupport {
	position: relative;
	height: 449px;
	background: transparent url('../../images/support/photo-support-PIEmatrix.jpg') 0 0 no-repeat;
}

#support #pieSupport h1 {
	font-size: 48px;
	font-weight: bold;
	margin: 0; padding: 0;
	position: absolute;
	top: 63px;
	left: 22px;
}

#support #pieSupport h1.info {
    font-size: 22px;
    font-weight: normal;
    margin: 0; padding: 0;
    position: absolute;
    top: 150px;
    left: 25px;
}

#support #pieSupport h2 {
	font-size: 13px;
	margin: 0; padding: 0;
    position: absolute;
    top: 235px;
    left: 27px;
}

#support #solutionPartners {
	position: relative;
	height: 450px;
	background: transparent url('../../images/support/photo-support-partners.jpg') 0 0 no-repeat;
}

#support #solutionPartners h1 {
    font-size: 48px;
    font-weight: bold;
    margin: 0; padding: 0;
    position: absolute;
    top: 105px;
    left: 290px;
    color: #fff;
}

#support #solutionPartners h1.info {
    font-size: 22px;
    font-weight: normal;
    margin: 0; padding: 0;
    position: absolute;
    top: 187px;
    left: 292px;
    color: #fff;
    display: block;
    width: 350px;
}

#support #solutionPartners h2 {
    font-size: 16px;
    font-weight: normal;
    margin: 0; padding: 0;
    position: absolute;
    top: 364px;
    left: 292px;
    color: #fff;
    display: block;
    width: 390px;
}

#support #partnersList {
	position: relative;
	height: 449px;
	background: transparent url('../../images/support/photo-support-PartnerList.jpg') 0 0 no-repeat;
	margin-bottom: 1em;
}

#support #partnersList h1 {
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 71px;
    left: 25px;
    font-weight: bold;
}

#support #partnersList h1.info {
    font-size: 22px;
    margin: 0; padding: 0;
    position: absolute;
    top: 300px;
    left: 25px;
    font-weight: normal;
}

#support #partnersList h2 {
    font-size: 13px;
    margin: 0; padding: 0;
    position: absolute;
    top: 350px;
    left: 25px;
    width: 450px;
}

/******************************************************************************
 * Solutions & Overview pages
 ******************************************************************************/

h1 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-left:25px;
	padding-top:10px;
	padding-bottom:15px;
	color:#000;
	font-size:1.5em;
	width:711px;
	margin-left:0px;
}

h2 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-left:25px;
	padding-top:50px;
	padding-bottom:10px;
	color:#000;
	font-size:16px;
	margin-left:0px;
}

#solcon {
	 float:right;
	 width:677px;
}

#solcon p {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:.78em;
	color:#444;
	line-height:17px;
}

hr {
    height: 1px;
    background-color: #ccc; 
    border: 0px solid #ccc; 
    margin-left: 25px;
}

hr.margintop {
    margin-top: 54px;
}

.rightimage {
	float:right;
	position:relative; 
	top:0px; 
	left:12px; 
	padding-top:30px;
	padding-bottom:	40px
}

.leftimage {
	float:left;
	padding-top:30px;
	padding-right: 20px; 
	padding-bottom: 20px
}

br {
	/*clear:both;*/
}

#mid_column {
	padding-bottom: 40px;
}

#mid_column p {
    padding-top: 0;
    padding-right: 10px;
}

#mid_column table p {
    padding-right: 0;
    padding-left: 0;
}

#mid_column a {
    font-family: inherit;
}

#mid_column h2 {
	padding-bottom: 15px;
	padding-right: 30px;
}

#solutions .splash {
	padding-bottom:20px
}

#downwhitecase {
	margin-bottom: 10px
}

#solutions .headpar {
 	width:150px;
 	float:left;
 	display:block; 
 	padding-left:40px; 
 	position:relative; 
 	top:-10px
}

#solutions .headmenu {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#0873ba;
	font-size:1.3em
}

#solutions #sidebord {
	float:left; 
	padding-top:40px; 
	position:relative; top:0px; left:-10px; 
	padding-right:0px
}

#solutions .landing {
    background: transparent url('../../images/solutions/photo-solutions-landing.jpg') 0 0 no-repeat;
    height: 488px;
    position: relative;
}

#solutions .landing h1 {
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 123px;
    left: 430px;
    font-weight: bold;
}

#solutions .landing h2 {
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 190px;
    left: 433px;
    font-weight: normal;
    width: 290px;
}

#solutions .roleExecutive {
    background: transparent url('../../images/solutions/photo-role-executive.jpg') 0 0 no-repeat;
    height: 462px;
    position: relative;
}

#solutions .roleExecutive h1 {
	color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 287px;
    left: 37px;
    font-weight: bold;
}

#solutions .roleExecutive h2 {
	color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 350px;
    left: 38px;
    font-weight: normal;
    width: 200px;
}

#solutions .roleProcex {
    background: transparent url('../../images/solutions/photo-role-processexpert.jpg') 0 0 no-repeat;
    height: 462px;
    position: relative;
}

#solutions .roleProcex h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 319px;
    left: 22px;
    font-weight: bold;
}

#solutions .roleProcex h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 382px;
    left: 25px;
    font-weight: normal;
}

#solutions .rolePm {
    background: transparent url('../../images/solutions/photo-role-pm.jpg') 0 0 no-repeat;
    height: 462px;
    position: relative;
}

#solutions .rolePm h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 327px;
    left: 321px;
    font-weight: bold;
}

#solutions .rolePm h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 392px;
    left: 276px;
    font-weight: normal;
    text-align: right;
    width: 390px;
}

#solutions .roleTeam {
    background: transparent url('../../images/solutions/photo-role-team.jpg') 0 0 no-repeat;
    height: 462px;
    position: relative;
}

#solutions .roleTeam h1 {
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 236px;
    left: 31px;
    font-weight: bold;
}

#solutions .roleTeam h2 {
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 300px;
    left: 35px;
    font-weight: normal;
    width: 420px;
}

#solutions .funcFinance {
    background: transparent url('../../images/solutions/photo-function-finance.jpg') 0 0 no-repeat;
    height: 450px;
    position: relative;
}

#solutions .funcFinance h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 140px;
    left: 362px;
    font-weight: bold;
}

#solutions .funcFinance h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 207px;
    left: 365px;
    font-weight: normal;
    width: 375px;
}

#solutions .funcHR {
    background: transparent url('../../images/solutions/photo-function-HR.jpg') 0 0 no-repeat;
    height: 456px;
    position: relative;
}

#solutions .funcHR h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 105px;
    left: 88px;
    font-weight: bold;
}

#solutions .funcHR h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 173px;
    left: 91px;
    font-weight: normal;
    width: 330px;
}

#solutions .funcInnonpd {
    background: transparent url('../../images/solutions/photo-function-innovation.jpg') 0 0 no-repeat;
    height: 450px;
    position: relative;
}

#solutions .funcInnonpd h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 13px;
    left: 178px;
    font-weight: bold;
}

#solutions .funcInnonpd h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 295px;
    left: 28px;
    font-weight: normal;
    width: 250px;
}

#solutions .funcIt {
    background: transparent url('../../images/solutions/photo-function-IT.jpg') 0 0 no-repeat;
    height: 450px;
    position: relative;
}

#solutions .funcIt h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 74px;
    left: 397px;
    font-weight: bold;
}

#solutions .funcIt h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 141px;
    left: 399px;
    font-weight: normal;
    width: 310px;
}

#solutions .funcMa {
    background: transparent url('../../images/solutions/photo-function-M&A.jpg') 0 0 no-repeat;
    height: 449px;
    position: relative;
}

#solutions .funcMa h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 114px;
    left: 230px;
    font-weight: bold;
}

#solutions .funcMa h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 185px;
    left: 233px;
    font-weight: normal;
    width: 290px;
}

#solutions .funcOperations {
    background: transparent url('../../images/solutions/photo-function-Operations.jpg') 0 0 no-repeat;
    height: 450px;
    position: relative;
}

#solutions .funcOperations h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 165px;
    left: 26px;
    font-weight: bold;
}

#solutions .funcOperations h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 235px;
    left: 29px;
    font-weight: normal;
}

#solutions .funcPMO {
    background: transparent url('../../images/solutions/photo-function-PMO.jpg') 0 0 no-repeat;
    height: 450px;
    position: relative;
}

#solutions .funcPMO h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 91px;
    left: 335px;
    font-weight: bold;
}

#solutions .funcPMO h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 161px;
    left: 338px;
    font-weight: normal;
    width: 350px;
}

#solutions .funcProfServ {
    background: transparent url('../../images/solutions/photo-function-PS.jpg') 0 0 no-repeat;
    height: 456px;
    position: relative;
}

#solutions .funcProfServ h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 286px;
    left: 21px;
    font-weight: bold;
}

#solutions .funcProfServ h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 181px;
    left: 26px;
    font-weight: normal;
    width: 340px;
}

#solutions .funcMarkSales {
    background: transparent url('../../images/solutions/photo-function-sales.jpg') 0 0 no-repeat;
    height: 450px;
    position: relative;
}

#solutions .funcMarkSales h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 256px;
    left: 159px;
    font-weight: bold;
}

#solutions .funcMarkSales h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 163px;
    left: 373px;
    font-weight: normal;
    width: 345px;
}

#solutions .funcOther {
    background: transparent url('../../images/solutions/photo-function-xandmore.jpg') 0 0 no-repeat;
    height: 450px;
    position: relative;
}

#solutions .funcOther h1 {
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 113px;
    left: 21px;
    font-weight: bold;
}

#solutions .funcOther h2 {
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 190px;
    left: 24px;
    font-weight: normal;
}

#solutions .industryAcanonp {
    background: transparent url('../../images/solutions/photo-industry-acad.jpg') 0 0 no-repeat;
    height: 450px;
    position: relative;
}

#solutions .industryAcanonp h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 84px;
    left: 414px;
    font-weight: bold;
    line-height: 100%;
}

#solutions .industryAcanonp h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 222px;
    left: 415px;
    font-weight: normal;
    width: 280px;
}

#solutions .industryAero {
    background: transparent url('../../images/solutions/photo-industry-aerospace.jpg') 0 0 no-repeat;
    height: 471px;
    position: relative;
}

#solutions .industryAero h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 283px;
    left: 185px;
    font-weight: bold;
}

#solutions .industryAero h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 355px;
    left: 187px;
    font-weight: normal;
    width: 420px;
}

#solutions .industryConsult {
    background: transparent url('../../images/solutions/photo-industry-consulting.jpg') 0 0 no-repeat;
    height: 467px;
    position: relative;
}

#solutions .industryConsult h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 18px;
    left: 22px;
    font-weight: bold;
}

#solutions .industryConsult h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 91px;
    left: 24px;
    font-weight: normal;
}

#solutions .industryEnergy {
    background: transparent url('../../images/solutions/photo-industry-energy.jpg') 0 0 no-repeat;
    height: 455px;
    position: relative;
}

#solutions .industryEnergy h1 {
    color: #d7ff00;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 127px;
    left: 20px;
    font-weight: bold;
}

#solutions .industryEnergy h2 {
    color: #d7ff00;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 201px;
    left: 22px;
    font-weight: normal;
    width: 320px;
}

#solutions .industryFinance {
    background: transparent url('../../images/solutions/photo-industry-financial.jpg') 0 0 no-repeat;
    height: 464px;
    position: relative;
}

#solutions .industryFinance h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 39px;
    left: 21px;
    font-weight: bold;
}

#solutions .industryFinance h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 112px;
    left: 25px;
    font-weight: normal;
    width: 340px;
}

#solutions .industryHealth {
    background: transparent url('../../images/solutions/photo-industry-hc.jpg') 0 0 no-repeat;
    height: 450px;
    position: relative;
}

#solutions .industryHealth h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 79px;
    left: 21px;
    font-weight: bold;
}

#solutions .industryHealth h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 154px;
    left: 25px;
    font-weight: normal;
    width: 310px;
}

#solutions .industryHitech {
    background: transparent url('../../images/solutions/photo-industry-hightech.jpg') 0 0 no-repeat;
    height: 455px;
    position: relative;
}

#solutions .industryHitech h1 {
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 37px;
    left: 23px;
    font-weight: bold;
}

#solutions .industryHitech h2 {
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 364px;
    left: 400px;
    font-weight: normal;
    width: 270px;
}

#solutions .industryLifesci {
    background: transparent url('../../images/solutions/photo-industry-life.jpg') 0 0 no-repeat;
    height: 454px;
    position: relative;
}

#solutions .industryLifesci h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 187px;
    left: 18px;
    font-weight: bold;
}

#solutions .industryLifesci h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 260px;
    left: 22px;
    font-weight: normal;
    width: 280px;
}

#solutions .industryPubsec {
    background: transparent url('../../images/solutions/photo-industry-public.jpg') 0 0 no-repeat;
    height: 455px;
    position: relative;
}

#solutions .industryPubsec h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 193px;
    left: 20px;
    font-weight: bold;
}

#solutions .industryPubsec h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 268px;
    left: 25px;
    font-weight: normal;
    width: 345px;
}

#solutions .industryOther {
    background: transparent url('../../images/solutions/photo-industry-xandmore.jpg') 0 0 no-repeat;
    height: 479px;
    position: relative;
}

#solutions .industryOther h1 {
    color: #fff;
    font-size: 48px;
    margin: 0; padding: 0;
    position: absolute;
    top: 36px;
    left: 333px;
    font-weight: bold;
}

#solutions .industryOther h2 {
    color: #fff;
    font-size: 24px;
    margin: 0; padding: 0;
    position: absolute;
    top: 108px;
    left: 333px;
    font-weight: normal;
    width: 360px;
}

/******************************************************************************
 * 2 Column Page Styles
 ******************************************************************************/

#left_column {
	background: #efefef url('../../images/navbgfade.png') 0 0 no-repeat;
	width: 216px;
	float:left;
	min-height: 400px;
}

#sidenav {
	padding-top: 20px;
	padding-left: 20px;
}

#mid_column {
	/*border-left: 1px solid #b1b1b1;*/
	margin-left: 216px;
}

#overview.saas #mid_column
{
	padding-left: 0;
}

/*#overview #mid_column {
    padding-top: 16px;
}

#solutions #mid_column img.header_img, #overview #mid_column img.header_img, #support #mid_column img.header_img
{
	margin-left: -25px;
}

#overview #mid_column img.header_img {
    margin-top: -16px;
}*/

#mid_column img
{
	max-width: 734px;
}

#mid_column #sectionhead {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color:#bbbbbb
}
	

#mid_column p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana;
	font-size: 0.8em;
	color: #323232;
	padding:15px 0;
	margin: 0 30px 0 25px;
}

#mid_column li {
	position:relative;
	top:0px;
	left:20px;
	list-style-type:disc;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana;
	font-size: .8em;
	color: #323232;
}

#mid_column ul {
	padding-bottom:10px;
}

#left_column #sidenav a {
	display:block;
	width:170px;
	height:20px
}

#submenu, .submenu {
	padding-top:5px
}

#left_column #sidenav #submenu a, #left_column #sidenav .submenu a {
	padding-left:20px;
	background-image:none;
	border:0px;
	height:15px;
	font-size:1em
}

#left_column #sidenav li {
	padding-top: 15px;
	font-size:.8em
}

#left_column #sidenav #submenu li, #left_column #sidenav .submenu li {
	padding:0px;
	font-size:.9em
}

#left_column #sidenav a span {
	position:relative;
	top:-3px;
	left: 0px
}

/******************************************************************************
 * Overview pages
 ******************************************************************************/

#transform {
    position: relative;
    height: 393px;
    background: transparent url('../../images/overview/photo-overview-1.jpg') 22px 0 no-repeat;
}

#transform h1 {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50px;
    left: 25px;
    font-size: 48px;
    font-weight: bold;
}

#transform h2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 250px;
	left: 25px;
	width: 296px;
}

#transform div {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana;
	font-size: 13px;
	color: #323232;
	width: 607px;
	position: absolute;
	bottom: 0;
	left: 25px;
}

#transform div span {
	font-size: 16px;
}

#coaDesc {
	position: relative;
	height: 930px;
	background: transparent url('../../images/overview/image-overview-1-ChaosOrderAlive.jpg') 0 0 no-repeat;
	margin-top: 1em;
	padding-left: 380px;
	margin-left: 25px;
}

#coaDesc .innerWrapper {
	position: relative;
	height: 930px;
}

#coaDesc h2 {
	padding-top: 0;
	padding-left: 0;
	margin-right: 15px;
}

#coaDesc p {
	margin-left: 0;
	padding: 0 10px 15px 0;
}

#coaDesc #alive {
	position: absolute;
	top: 44px;
	left: 0;
}

#coaDesc #order {
	position: absolute;
	top: 375px;
	left: 0;
}

#coaDesc #order p.hand {
	background: transparent url('../../images/overview/image-overview-1-HandPointLeft-White.png') 0 5px no-repeat;
	margin-left: -48px;
	padding-left: 48px;
}

#coaDesc #chaos {
	position: absolute;
	top: 730px;
	left: 0;
}

#MadeForBP p, #MadeForHumans p, #MadeForGov p {
	margin-left: 0;
}

#MadeForBP {
	/*margin: -16px 0 0 -25px;*/
    position: relative;
    height: 431px;
    background: transparent url('../../images/overview/image-overview-2madeforBP.jpg') 0 0 no-repeat;
}

#MadeForBP h1 {
    font-size: 36px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    left: 240px;
}

#MadeForBP h2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 105px;
	left: 240px;
	width: 470px;
}

#MadeForBP div {
    margin: 0;
    padding: 0 15px 0 0;
    position: absolute;
    top: 190px;
    left: 370px;
}

#MadeForHumans {
    position: relative;
    height: 418px;
    margin-left: 25px;
    background: transparent url('../../images/overview/image-overview-2madeforhumans.jpg') top right no-repeat;
}

#MadeForHumans h1 {
    font-size: 36px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    left: 0px;
}

#MadeForHumans h2 {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100px;
    left: 0px;
    width: 400px;
}

#MadeForHumans div {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 180px;
    left: 0px;
    width: 355px;
}

#MadeForGov {
    position: relative;
    height: 417px;
    /*margin-left: -25px;*/
    background: transparent url('../../images/overview/image-overview-2madeforgovern.jpg') 0 0 no-repeat;
}

#MadeForGov h1 {
    font-size: 36px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    left: 270px;
}

#MadeForGov h2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 105px;
	left: 270px;
	padding-right: 20px;
	width: 419px;
}

#MadeForGov div {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 190px;
    left: 390px;
    padding-right: 20px;
}

#overview #model {
	position: relative;
    height: 449px;
    background: transparent url('../../images/overview/screen-overview-3-1.png') 100% 0 no-repeat;
}

#overview #model h1 {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50px;
    left: 25px;
    font-size: 48px;
    font-weight: bold;
}

#overview #model h2.nopad {
	padding-top: 0;
}

#overview #model div {
	width: 399px;
	position: absolute;
	top: 145px;
}

#overview #model p {
	font-size: 16px;
}

#overview #model p span {
	/*color: #91cf41;*/
	font-size: 22px;
}

#overview p span {
	font-size: 18px;
}

#saasOverview {
    position: relative;
    height: 963px;
    background: transparent url('../../images/overview/photo-overview-4.jpg') 0 0 no-repeat;
}

#saasOverview h1 {
    font-size: 48px;
    position: absolute;
    top: 87px;
    left: 65px;
    font-weight: bold;
    margin: 0; padding: 0;
}

#saasOverview h1.intro {
    font-size: 18px;
    position: absolute;
    top: 210px;
    left: 67px;
    width: 400px;
    font-weight: normal;
    margin: 0; padding: 0;
}

#saasOverview #arch {
	width: 450px;
	position: absolute;
	margin: 0; padding: 0;
	top: 390px;
	left: 175px;
}

#saasOverview #gresults {
    width: 270px;
    position: absolute;
    margin: 0; padding: 0;
    top: 600px;
    left: 420px;
}

#saasOverview #minfo {
	width: 299px;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 820px;
	left: 280px;
}

#overview #modelChecklist {
    position: relative;
    height: 667px;
    background: transparent url('../../images/overview/screen-overview-3-2.png') 0 0 no-repeat;
}

#overview #roi {
	position: relative;
    height: 448px;
    background: transparent url('../../images/overview/screen-overview-5-1.png') 0 0 no-repeat;
}

/******************************************************************************
 * dropshadow page style
 ******************************************************************************/

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 padding: 0 0px;
 width:964px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(../../images/dsbg.png) no-repeat top right;
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 7px 0px 7px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:0px; /* top slice width */
 margin-left:0px;
 height:100%;
 _height:3981px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:964px;
}

.dialog .b,
.dialog .b div {
 height:7px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:7px; /* bottom corner width */
 margin-left:0px;
 background-position:bottom left;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:3981px;
 overflow:hidden; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

/******************************************************************************
 * Box
 ******************************************************************************/

.clear {
	clear: both;
}

.box {
	padding: 10px;
	margin-bottom: 1em;
}

#left_column .box {
	margin-bottom: 0;
}

.box .header .l {
    margin: 0; padding: 0;
    background: transparent url('../../images/box_left.png') top left no-repeat;
    height: 32px;
    width: 5px;
    float: left;
}

.box .header .r {
    margin: 0; padding: 0;
    background: transparent url('../../images/box_right.png') top left no-repeat;
    height: 32px;
    width: 5px;
    float: right;
}

.box .header .c {
    background: transparent url('../../images/box_bg.png') top left repeat-x;
    margin: 0 5px;
}

.box .header .c div {
    height: 32px;
}

.box .header .c div span {
    display: block;
    padding: 8px 0 0 5px;
    *padding-left: 3px;
    font-weight: bold;
}

.box .header .c div span a {
	font-weight: bold;
}

.box .bcontent {
    border: 1px solid #dad9d9;
    border-top: none;
    padding: 10px;
    background-color: #fff;
}

.box div, .box p, .box span {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana;
	font-size: 13px;
}

#videoBox {
	padding-top: 3px;
	padding-left: 3px;
}

#videoBox span {
	display: block;
	width: 40px;
	height: 40px;
	float: left;
	background: url('../../images/home/tout/play_small.png') 0 0 no-repeat;
}

#videoBox a {
	font-size: 18px;
}

#videoDiv .video {
	height: 480px;
	width: 640px;
	border: 1px solid #000;
	margin-right: 5px;
	float: left;
}

#videoDiv .video div {
	display: none;
}

#videoDiv .list {
	width: 250px;
	height: 490px;
	overflow: auto;
	float: left;
}

#videoDiv .list div {
	color: #00f;
	height: 92px;
	margin-bottom: 10px;
	padding: 5px;
	cursor: pointer;
	font-size: 13px;
    background-color: #efefef;
    border: 1px solid #efefef;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#videoDiv .list div.video2 {
	height: 80px;
}

#videoDiv .list div.selected {
	border: 1px solid #666;
}

#videoDiv .list div img {
	float: left;
	margin-right: 5px;
	border: 1px solid #999;
}

#videoDiv .list div.hover {
	text-decoration: underline;
}

/******************************************************************************
 * Chaos, Order, Alive!
 ******************************************************************************/

#ChaosOrderAlive {
	height: 100px;
}

#ChaosOrderAlive div {
	float: left;
	width: 190px;
	padding-right: 30px;
	margin-left: 10px;
	background: #fff url('../../images/Green-Arrow.png') top right no-repeat;
}

#ChaosOrderAlive div.first {
	margin-left: 25px;
}

#ChaosOrderAlive div.last {
	background-image: none;
	padding-right: 0;
}

#ChaosOrderAlive p {
    margin: 0;
    padding: 0 !important;
}