/* App-X version 2.0   |   mikem@sliceoflime.com */

* {
	margin:0;
	padding:0;
	line-height:1.3;
}


body {
	width:100%;
	background:#2e5d8b url(../images/bck_main.gif) top left repeat-x;
	text-align:center;
	font:small Arial, Helvetica, sans-serif;
	color:#333;
}

p, ul, ol {
	font-size:100%;
}

ul, ol {
	padding-left: 2em;
}

li {
	padding-top: 4px;
	padding-bottom: 4px;
}


a, a:visited, a:hover {
	color:#2e5d8b;
}

a:hover {
	color:#5697c6;
}

a img {
	border:none;
}

.halfp {
	margin-top:5px;
}
.doublep {
	margin-top:10px;
}
/* --- Base Structure --- */

#header {
	position:relative;
	width:811px;
	height:88px;
	display:block;
	margin:0 auto 10px auto;
	text-align:left;
}

#appx_logo {
	margin-top:8px;
}

#main_nav {
	position:absolute;
	bottom:0;
	right:0;
	font-size:86%;
	text-transform:uppercase;
}

#content {
	width:826px;
	margin:0 auto;
	text-align:left;
	background:#fff url(../images/content_bck.jpg) top center repeat-y;
}

#left_col {
	float:left;
	display:inline;
	margin-left:20px;
	width:180px;
	padding:0;
}

#right_col {
	float:right;
	display:inline;
	width:575px;
	margin: 0 18px 2em 0;
	padding:0 0 2em 15px;
	border-left:1px solid #bbbdc0;
}

#right_col_request {
	float:right;
	display:inline;
	width:525px;
	height:400px;
	margin: 0 18px 2em 0;
	padding:0 0 2em 15px;
	border-left:1px solid #bbbdc0;
}

#footer {
	clear:both;
	text-align:center;
	font-size:86%;
	color:#fff;
	background:#bbbdc0 url(../images/footer.jpg) bottom center no-repeat;
	padding:1em 0 5em 0;
}

/* main nav */

#main_nav li {
	display:inline;
	list-style-type:none;
}

#main_nav li a, #main_nav li a:visited, #main_nav li a:hover {
	float:left;
	width:106px;
	height:25px;
	margin-left:2px;
	display:block;
	overflow:hidden;
	text-indent:-99999px;
}

#main_nav .home, #main_nav .home a, #main_nav .home a:visited, #main_nav .home a:hover { background:url(../images/home_static.gif) top left no-repeat; }
#main_nav .home_current, #main_nav .home_current a, #main_nav .home_current a:visited, #main_nav .home_current a:hover { background:url(../images/home_current.gif) top left no-repeat; }

#main_nav .services, #main_nav .services a, #main_nav .services a:visited, #main_nav .services a:hover { background:url(../images/services_static.gif) top left no-repeat; }
#main_nav .services_current, #main_nav .services_current a, #main_nav .services_current a:visited, #main_nav .services_current a:hover { background:url(../images/services_current.gif) top left no-repeat; }

#main_nav .solutions, #main_nav .solutions a, #main_nav .solutions a:visited, #main_nav .solutions a:hover { background:url(../images/solutions_static.gif) top left no-repeat; }
#main_nav .solutions_current, #main_nav .solutions_current a, #main_nav .solutions_current a:visited, #main_nav .solutions_current a:hover { background:url(../images/solutions_current.gif) top left no-repeat; }

#main_nav .about, #main_nav .about a, #main_nav .about a:visited, #main_nav .about a:hover { background:url(../images/about_static.gif) top left no-repeat; }
#main_nav .about_current, #main_nav .about_current a, #main_nav .about_current a:visited, #main_nav .about_current a:hover { background:url(../images/about_current.gif) top left no-repeat; }

#main_nav .contact, #main_nav .contact a, #main_nav .contact a:visited, #main_nav .contact a:hover { background:url(../images/contact_static.gif) top left no-repeat; }
#main_nav .contact_current, #main_nav .contact_current a, #main_nav .contact_current a:visited, #main_nav .contact_current a:hover { background:url(../images/contact_current.gif) top left no-repeat; }

#main_nav .client, #main_nav .client a, #main_nav .client a:visited, #main_nav .client a:hover { background:url(../images/client_static.gif) top left no-repeat; }
#main_nav .client_current, #main_nav .client_current a, #main_nav .client_current a:visited, #main_nav .client_current a:hover { background:url(../images/client_current.gif) top left no-repeat; }



/* left col */

#left_col h3, #left_col ul, #left_col blockquote {
	border-bottom:1px solid #bbbdc0;
}

#left_col ul {
	padding:5px 0 5px 10px;
	font-size:90%;
}

#left_col ul li {
	padding:.2em 0 .2em 10px;
	margin:.5em 0;
	list-style-type:none;
	background:url(../images/sub_current.gif) left center no-repeat;
}

#left_col ul li a, #left_col ul li a:visited, #left_col ul li a:hover {
	display:block;
}

#left_col blockquote {
	padding:20px 0 20px 25px;
	color:#bbbdc0;
	background:url(../images/open_quote.gif);
	background-position:left 15px;
	background-repeat:no-repeat;
	font-weight:bold;
}


.open_quote {
	display:none;
}

.quote {
	line-height:1.6;
	font-size:100%;
}

.quotee {
	margin-top:1em;
	font-size:86%;
}

#left_col #salesforce_logo {
	margin:2em auto 0 auto;
	text-align:center;
	display:block;
}

#left_col ul #sub_current {
	list-style-type:none;
	margin-left:-10px;
	background:#ddeaf4 url(../images/sub_current.gif) 10px center no-repeat;
	font-weight:bold;
}

#sub_current a, #sub_current a:visited, #sub_current a:hover {
	text-decoration:none;
	padding-left:10px;
}

#left_col address {
	padding:2em 10px;
	border-bottom:1px solid #bbbdc0;
}



/* right_col */

#right_col p {
	margin-bottom:1.5em;
}



/* footer */

#footer ul {
	padding:10px 0;
	font-weight:bold;
}

#footer ul li {
	display:inline;
	list-style-type:none;
	padding:0 5px;
	border-right:1px solid #fff;
}

#footer ul .footer_last {
	border-right:none;
}

#footer a, #footer a:visited, #footer a:hover {
	color:#fff;
}



/* --- home page --- */

#home #masthead {
	padding:50px 20px 3em 230px;
	background:url(../images/masthead_home.jpg) top center no-repeat;
}

#home #masthead h1 {
	font-size:220%;
	font-weight:bold;
	line-height:1.1;
}

#home #masthead p {
	margin:1em 0 1em 3.5em;
	font-weight:bold;
	font-size:110%;
	line-height:1.4;
}


#salesforce_logo {
	margin-left:4em;
}

#learn_more {
	margin-left:7.5em;
}


#home #right_col p {
	margin-bottom:1.5em;
	line-height:1.5;
}

#home #right_col ul {
	border-top:2px solid #bbbdc0;
	border-bottom:2px solid #bbbdc0;
	padding:2px 0;
	width:100%;
}

#home #right_col ul li {
	position:relative;
	list-style-type:none;
	display:block;
	padding:8px 5px;
}


#home #right_col ul li a, #home #right_col ul li a:visited, #home #right_col ul li a:hover {
	position:absolute;
	right:5px;
	color:#ab5930;
	font-size:74%;
}

.blue_row {
	background:#ddeaf4 url(../images/rule.gif) bottom left repeat-x;
	margin:2px 0;
}

.grey_row {
	background:#f1f2f2 url(../images/rule.gif) bottom left repeat-x;
	margin:2px 0;
}

.last_row {
	background:#ddeaf4;
	margin:2px 0;
}

.last_row_2 {
	background:#f1f2f2;
	margin:2px 0;
}

.small_line {
	margin-top:-5px;
	border-bottom:1px solid:#bbbdc0;
	border-collapse:collapse;
	
}
/* --- Services -- */

#services #masthead {
	padding:60px 50px 4em 200px;
	background:url(../images/masthead_services_overview.jpg) top left no-repeat;
}

/* --- Solutions --- */

#solutions #masthead, #solutions #masthead_overview {
	padding:60px 50px 4em 260px;
	background:url(../images/masthead_solutions.jpg) top left no-repeat;
}

/* --- About --- */

#about #masthead {
	padding:50px 50px 4em 200px;
	background:url(../images/masthead_about.jpg) top left no-repeat;
}


/* --- contact & client --- */

#contact #masthead {
	padding:80px 50px 5em 220px;
	background:url(../images/masthead_contact_new.jpg) top left no-repeat;
}

#client #masthead {
	padding:80px 50px 5em 200px;
	background:url(../images/masthead_login.jpg) top left no-repeat;
}

#blank_masthead {
	height:40px;
	background:url(../images/masthead_login_blank.jpg) top left no-repeat;
}

#contact table, #client table {
	width:100%;
	border-collapse:collapse;
}

#contact table td, #client table td {
	padding:1em 0 .5em 0;
	border-bottom:1px solid #bbbdc0;
}

#contact table .col_1, #client table .col_1 {
	width:25%;
}

#contact form input, #contact form textrea, #client form input {
	width:70%;
}

#contact form #submit, #client form #submit {
	width:auto;
}

/* --- support --- */
#support #masthead {
	padding:80px 50px 5em 220px;
	background:url(../images/masthead_contact_new.jpg) top left no-repeat;
}

#support table {
	width:100%;
	border-collapse:collapse;
}

#support table td {
	padding:1em 0 .5em 0;
	border-bottom:1px solid #bbbdc0;
}

#support table .col_1 {
	width:25%;
}

#support form input, #support form textrea {
	width:70%;
}

#support form #submit {
	width:auto;
}