@charset "UTF-8";
/* CSS Document */

/* Browser Reset CSS, Eric Meyer.  */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: 100;
	font-style: inherit;
	font-size: 100%;
	font-family:"Myriad Pro","Trebuchet MS", Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	text-decoration:none;
}
body {
	line-height: 1.2em;
	color: black;
	background: white;
}

html, body {
height:100%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* FF3 DONT SHOW DOTTED BORDER ON LINKS */


a:active{outline: none;}
a:focus{-moz-outline-style: none;}

a:hover {
color:#ccc;
}

/* END FF3 DONT SHOW DOTTED BORDER ON LINKS */


/* ///////////////////////////
APP SERVE STYLE SHEET 
Frontend Design Ltd 2009
////////////////////////////// */


/* GENERAL */

.clear {
clear:both;
}

hr.clear {
display:none;
clear:both;
}

.white-text {
color:#fff !important;
}


.greyhighlight {
color:#6E6E6E !important;
}

.underline {
text-decoration:underline !important;
}

.float-left {
float:left;
}

h1 {
color:#149AD7;
font-size:2.15em;
letter-spacing:.04em;
margin-bottom:.2em;
line-height:1.1em;
}

h2 {
color:#149AD7;
line-height:1.3em;
font-size:1.1em;
margin-bottom:0.3em;
margin-top: 0.4em;
letter-spacing:.02em;
}

h6 {
color:#149AD7;
line-height:1.3em;
font-size:1.1em;
margin-bottom:-.5em;
letter-spacing:.02em;
}

h2 strong, h6 strong {
color:#111;
display:block;
}

.content h2.person {
padding-left:35px;
background:url("../images/person-icon.gif") top left no-repeat;
margin-top:1.1em;
padding-top:0;
margin-bottom:.2em;
line-height:1.5;
display:block;
height:46px;
}

	.content h2.person span {
		font-size:0.8em;
		color:#149AD7;
		line-height:1.2;
	}

.content h2.minor-h2 {
margin-top:1.5em;	
margin-bottom:.2em;

}

p {
font-size:.95em;
margin-bottom:.6em;
line-height:1.3em;
}

h4 {
font-weight:bold;
margin-bottom:12px;
}

h5 {
font-family:Georgia, Garamond, Palatino, "Times New Roman", Times, serif;
font-style:italic;
color:#fff;
line-height:1.2em;
font-size:1.05em;
margin-top:.9em;
}

.blue-bg .imagine-home h5{
font-family:Georgia, Garamond, Palatino, "Times New Roman", Times, serif;
font-style:italic;
line-height:1.25em;
font-size:1em;
margin-top:0;
margin-bottom:.9em;
color: #989A9B;
}

.blue-bg h5 {
color:#C4E6F5;
}

.green-bg h5 {
color:#E6F5CC;
}

.grey-bg h5 {
color:#E6E6E6;
}

h5 span{
font-family: Georgia, Garamond, Palatino, "Times New Roman", Times, serif;
}

a {
color:#149AD7;
}

/*END GENERAL */

/* NAVIGATION */


.blue-bg {
	background:url("../images/blug-background.gif") left top repeat-x;	
	background-color:#72C2E7;
}
.grey-bg {
	background:url("../images/grey-background.gif") left top repeat-x;	
	background-color:#A9ABAC;
}
.green-bg {
	background:url("../images/green-background.gif") left top repeat-x;
	background-color:#ADD082;	
}

.wrap {
	width:1000px;
	margin:0 auto;
}

.main-body, .home-page {
	width:775px;
	background:#fff;
	float:left;
	min-height:550px;
	height:auto !important;
	height:550px;
}

.home-page {
	width:980px;
	min-height:300px;
	height:300px;
}

.right-side-panel {
	padding-top:22px;
	width:220px;
	float:right;
}

.Appserv-graphic {
margin-top:10px;	
}

.Appserv-graphic a {
color:#fff;	
}

.Appserv-graphic a:hover {
color:#e7e7e7;
}

.rhs-caption {
font-size:.8em;
display:block;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding-top:2px;
padding-bottom:3px;
}

.rhs-caption-home {
font-size:.8em;
display:block;
border-top:1px solid #989A9B;
border-bottom:1px solid #989A9B;
padding-top:4px;
color:#989A9B;
padding-bottom:3px;
}

.topNavigation {
min-height:100px;
height:auto !important;
height:100px;
font-size:1.2em;
margin-top:50px;
}

ul.navigation {
padding-top:4px;
padding-left:30px;
}

ul.navigation li{
float:left;
border:8px solid #ccc;
margin-right:12px;
padding:0px;
min-height:50px;
position:relative;
}

.logo {
float:left;	
padding-left:36px;
padding-top:20px;
margin-right:50px;
}

ul.navigation li p{
	/*float:left;*/
	position:absolute;
	left:5px;
}

ul.navigation li a {
	display:block;
	padding-top:33px;
	line-height:.9em;
	color:#000;
	text-align:right;
	padding:33px 6px 6px 6px;
}

ul.navigation li a:hover, ul.navigation li a.over {
color:#fff;
}

ul.navigation .contact-us a.over {
	color:#000;
}

ul.navigation .contact-us{
	border:none;
	color:#000;
	font-size:.8em;
}

ul.navigation .contact-us a {
	background:url("../images/contact-phone.gif") 5px 50px no-repeat;
	padding-left:20px;
	padding-top:60px;
}

ul.navigation .login a.over {
	color:#A5A7A7 !important;
}

ul.navigation .login{
	border:none;
	color:#000;
	font-size:.8em;
}

ul.navigation .login a {
	background:url("../images/login-keyboard.gif") 5px 50px no-repeat;
	padding-left:35px;
	padding-top:60px;
}


.greybox, .greybox_on {
	border-color:#A5A7A7 !important;
}

.greenbox, .greenbox_on {
	border-color:#5AA005 !important;
	min-width:167px;
}

.bluebox, .bluebox_on {
border-color:#149AD7 !important;
min-width:167px;
}

.greybox_on, ul.navigation .greybox_on a, ul.navigation li.greybox a:hover,  ul.navigation .greyover {
	background:#A5A7A7;
	color:#fff;
}

.greenbox_on, ul.navigation .greenbox_on a, ul.navigation li.greenbox a:hover,  ul.navigation .greenover {
	background:#5AA005;
	color:#fff;

}

.bluebox_on, ul.navigation .bluebox_on a, ul.navigation li.bluebox a:hover,  ul.navigation .blueover {
background:#149AD7;
	color:#fff;

}


ul.navigation .greybox a:hover, ul.navigation .greenbox a:hover, ul.navigation  .bluebox a:hover {
color:#fff;
}

ul.navigation .contact-us a:hover, ul.navigation .contact-us:hover, ul.navigation a:hover{
	color:#A5A7A7;
}

ul.navigation .login a:hover, ul.navigation .login:hover, ul.navigation a:hover{
	color:#A5A7A7;
}

/* END NAVIGGATION */

.main-body {
padding-top:15px;
background:#fff;
}


.home-page .firstColumn, .home-page .singleColumn,.home-page .lastColumn, .singleColumnh400, .singleColumn2h400 {
float:left;
padding:20px 10px 0 14px;
background:#fff;
}

.singleColumnh400 {
border-left:1px solid #B6B6B6;
}

.singleColumn2h400 {
border-left:1px solid #B6B6B6;
border-right:1px solid #B6B6B6;
}

.home-page .firstColumn {
width:295px;
padding-left:35px;
}

.footer {
width:775px;
float:left;
}

.home-page .firstColumn h2 {
margin-bottom:0.3em;
}

.home-page .firstColumn h3 {
margin-bottom:.4em;
}

.home-page .singleColumn {
width:180px;
position:relative;
}

.home-page .singleColumnh400, .home-page .singleColumn2h400 {
width:180px;
height:400px;
padding-bottom:70px;
position:relative;
overflow:hidden;
}


.home-page .singleColumn h2 {
min-height:116px;
height:auto !important;
height:116px;

}


.home-page .lastColumn {
width:190px;
padding-right:25px;
}

.home-page .lastColumn img {
clear:right;
}

.home-page .lastColumn h2 {
height:auto !important;
min-height:20px;
}

.main-body ul {
list-style:disc;
font-size:.9em;
padding-left:20px;
margin-bottom:43px;
}

.main-body ul li {
margin-bottom:7px;
}

.main-body ul.news-list {
padding:0;
list-style:none;
}

.main-body ul.news-list li {
padding-top:.3em;
border-top:1px solid #b6b6b6;
margin-bottom:3px;
}

.main-body ul.news-list .more-news {
text-align:right;
}

.grey-arrow, .blue-arrow, .green-arrow {
clear:both;
color:#fff;
min-height:30px;
display:block;
width:175px;
font-size:.9em;
position:absolute;
left:12px;
padding-bottom:23px;
bottom:0;
padding-top:-5px;

}

.blue-arrow span {
	background:#139ad6 url("../images/blue-arrow-graphic.gif") -15px 2px no-repeat;
}

.blue-arrow {
background:url("../images/blue-shadow-short.png") bottom right repeat-x;
}

.green-arrow span{
background:#439418 url("../images/green-arrow-graphic.gif") -15px 2px no-repeat;
}

.green-arrow {
	background:url("../images/green-shadow-short.png") bottom right repeat-x;
}

.grey-arrow span {
	background:#474747 url("../images/grey-arrow-graphic.gif") -15px 2px no-repeat;
}

.grey-arrow {
	background:url("../images/grey-shadow-short.png") bottom right repeat-x;
}

.blue-arrow span, .green-arrow span, .grey-arrow span {
	display:block;
	padding:5px 22px 4px 10px;
}


.grey-arrow:hover, .blue-arrow:hover, .green-arrow:hover {
/*background-position:right 38px;*/
color:#eee;
}

/*.green-arrow:hover span {
background:#3c8616 url("../images/green-arrow-graphic.gif") right bottom no-repeat;
}*/





/** MAIN CONTENT **/

.left-hand-nav {
width:210px;
float:left;
padding-top:58px;
}

.left-hand-nav ul {
margin-left:35px;
list-style:none;
}

.left-hand-nav ul li{
margin-bottom:9px;
line-height:1.3em;
}

.left-hand-nav ul li.on a{
color:#000;
}

.content {
width:340px;
float:left;
padding:13px 0 0px 23px;
position:relative;
}

.threeColumnLayout .content {
padding-top:65px;
float:none;
clear:both;
}

.threeColumnLayout .change-area .content {
padding-top:13px;
float:left;
}

.content h2 {
margin-bottom:.2em;
}

.content h2 strong {
display:inline;
}

.content-right-panel {
width:200px;
float:left;
}

.features {
color:#149AD7;
margin-top:1em;
width:327px;
position:relative;
margin-bottom: 1em;
}


.change-area ul {
list-style:none;
padding-left:0;
margin-bottom:0;
}

.change-area ul li {
background:url("../images/features-bullet.gif") left 1px no-repeat;
background-color:#E2F2FA;
padding:5px 15px 5px 24px;
margin-bottom:2px;
}

.change-area .features ul li.last-item {
padding-bottom:30px;
}

.change-area ul.bluebg-nobullets-large {
font-size:1.1em;
}

.change-area ul.bluebg-nobullets-medium {
font-size:.95em;
margin-top:15px;
}

.features ul.bluebg-nobullets-large li {

padding:15px 20px;
background:#E2F2FA;
display:block;

}

.features ul.bluebg-nobullets-medium li {
	padding:13px 16px;
background:#E2F2FA;
margin-bottom:.4em;
}

.threeColumnLayout a.drop-link {
position:absolute;
top:-20px;
left:145px;
display:block;
width:174px;
height:30px;

}

.threeColumnLayout a.drop-link-next {
position:absolute;
top:10px;
left:175px;
display:block;
width:174px;
height:30px;
}

.green-info, .blue-info, .grey-info {
width:125px;
color:#fff;
background:url("../images/green-shadow.gif") bottom left no-repeat;
background-color:#5AA005;
padding:18px 16px 40px 16px;
margin:61px 0 0 13px;
position:relative;
}

.blue-info {
background:url("../images/blue-shadow.gif") bottom left no-repeat;
background-color:#149AD7;
}

.grey-info {
background:url("../images/grey-shadow.gif") bottom left no-repeat;
background-color:#919191;
}


.green-info p, .blue-info p, .grey-info p {
font-size:.85em;
line-height:1.45em;
margin-bottom:2.1em;
display:inline;
}

.green-info .align-right, .blue-info .align-right, .grey-info .align-right {
color:#fff;
float:right; 
font-size:.9em;
margin-top:10px;
}

.green-info a:hover, .blue-info a:hover, .grey-info a:hover {
text-decoration:underline;
}

.imagine {
margin-top:55px;
width:175px;
margin-bottom:3em;
} 

.imagine-home{
margin-top:0px;
width:175px;
margin-bottom:3em;
} 

.right-side-panel .module {
margin-left:20px;
}


.right-side-panel .list {
border-bottom:1px solid #fff;
font-size:.8em;
}

.right-side-panel .list li {
padding:3px 0;
border-top:1px solid #fff;
}

.right-side-panel .list a{
color:#fff;
}

.list li a:hover, .right-side-panel .list a:hover{
color:#e7e7e7;
}

.change-area {
float:left;
}

.threeColumnLayout {
float:left;
}

.appserve-graphic {
padding-top:.6em;
}

.appserve-graphic img {
padding-left:10px;
z-index:100;
}

.appserve-graphic .list {
margin-top:-7px;
position:relative;
z-index:120;
}

.right-side-panel h2 {
color:#fff;
margin-bottom:.2em;
}

.footer .left-hand-nav {
padding-top:1.9em;
font-family:Garamond, Palatino, Georgia, "Times New Roman", Times, serif;
color:#fff;
font-size:.75em;
}

.footer .left-hand-nav p{
padding-left:2px;
}

.footer .content {
padding-top:1.8em;
}

.content-right-panel ul {
	margin-top:43px;
	font-size:.85em;
	margin-left:22px;
}

.content-right-panel ul li {
	margin-bottom:.5em;
}

.content-right-panel li a {
	color:#fff;
}

.content-right-panel li a:hover {
text-decoration:underline;
}

.content-right-panel a.white-bullet, .content-right-panel a.blue-bullet, .content-right-panel a.green-bullet {
padding-left:20px;
}

.content-right-panel a.white-bullet {
background:url("../images/white-square-bullet.gif") left 1px no-repeat;
}

.content-right-panel a.blue-bullet {
background:url("../images/blue-square-bullet.gif") left 1px no-repeat;
}

.content-right-panel a.green-bullet {
background:url("../images/green-square-bullet.gif") left 1px no-repeat;
}


a.simplify-it {
width:327px;
height:95px;
background:url("../images/simplify-your-it.gif") top left no-repeat;
margin-top:20px;
display:block;
}

a.simplify-it span {
display:none;
}

a.simplify-it:hover {
background-position:bottom left;
}

.contact-box {
background:#E2F2FA; 
color:#149AD7;
padding:15px;
margin-bottom:45px;
}

.contact-box table {
border-collapse:collaspe;
margin-bottom:.8em;

}

.contact-box table tr td:first-child {
width:130px;
}

.contact-box table td {
padding-bottom:5px;
}

.contact-box strong {
color:#000;
}

.contact-box .google {
padding:8px;
background:#149AD7;
width:270px;
margin:0 auto;
}

.contact-box a:hover {
text-decoration:underline;
color:#139ad6;
}

.read-more {
text-align:right;	
display:block;
margin-top:5px;
font-size:.8em;
}

/* END MAIN CONTENT **/

.toolboxtable { margin: 1em; background-color: #fff; border: solid 4px black; }
.toolboxtable th { padding: 0.5em; font-weight: bold; }
.toolboxtable th label { font-weight: bold; }
.toolboxtable td { padding: 0 0.5em; }

div.left-hand-nav li img { padding-right: 5px; }

/* END MAIN CONTENT **/

.walkthrough {
width:480px;	
}

.walkthrough-text {
color:#707174;
padding:0 19px;
font-size:.8em;
}

.threeColumnLayout .solebanner {
padding-top:30px;
}

body #box #exlarge {
position:absolute;
right:-35px;
top:8px;
width:80px;
height:80px;
background:url(../images/reduce.png) no-repeat 0 0;
}


/* -------------------------- ADDED BY JAMES FOR WALKTHROUGH ---------------------------------- */

.walkthrough-advert {
margin-left:13px;
}

.walkthrough-advert span{
margin-left:10px;
}

.walkthrough-advert span, .walkthrough-home-advert span {
padding:4px;
border-top:1px solid #149AD7;
border-bottom:1px solid #149AD7;
font-size:.9em;
}

.walkthrough-home-advert, .walkthrough-home-advert span {
display:block;
}

.walkthrough-home-advert {
padding-bottom:15px;
}

.walkthrough-home-advert span {
margin-right:10px;
}

.walkthrough-advert:hover span, .walkthrough-home-advert:hover span{
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
}

.walkthrough-home-advert img {
clear:right;
display:block;
}

#flashcontent h3 {
margin:10px 0 15px 10px;
}

.editing div { min-height: 300px; }