body {
	
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: url("../images/bodyBg.png") repeat-x left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;

}

html {
	
	margin:0;
	padding:0;
	
}

/* Fonts and styles */

h1 {
	
	font-size:3.3em;
	font-weight:normal;
	font-family:Calibri, Arial;
	margin-top:0;
	padding-top:5px;
	color:#000;
}

h2 {

	font-size:2em;
	font-family:Calibri, Arial;

}

h3 {
	
	font-size:1.7em;
	font-family:Calibri, Arial;
	
}

a {
	
	color:#214481;
	
}

a:hover {
	
	color:#162F56;
	
}

/* Header */

#header {
	
	background:#1A315E;
	width:100%;
	height:65px;
	
}

#headerContent {
	
	width:980px;
	margin:0 auto 0 auto;
	
}

#logo {
	
	float:right;
	width:115px;
	height:42px;
	margin:12px 0 0 0;

}

/* Navigation Menu */

#siteNav {

	height:50px;
	width:660px;
	float:left;
	padding:30px 0 0 0;
}
#siteNav ul {

	margin:0 0 0 0;
	padding:0 0 0 0;

}
#siteNav li {
	display:inline;
	margin:0;
	line-height: normal;
}

#siteNav a {
	float:left;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	padding: 4px 10px;
	margin:2px 5px 0 0;

}

#siteNav a:hover {

	background:#234481;
}

#siteNav #pricingButton a {

	color: #FFCC00;
	font-size:1.3em;
	margin-top:0px;

}

#siteNav .currentListItem a {

	color: #fff;
	background:#234481;

}


/* Content */

#page {
	
	width:986px;
	margin:0 auto 0 auto;
	min-height:450px;
	
}

#pageText  {
	
	width:916px;
	margin:0 auto 0 auto;
	padding:20px 35px;
	background: url("../images/pageBg.png") center top no-repeat;
	font-size: 1.2em;
}

#pageText h2 {
	color: #1a315e;
	font-weight: normal;
}
#pageText h1 {
	margin-bottom: 1em;
}

#pageText p, #pageText li  {
 	line-height: 1.3;
}

/* Help */

.helpleft {
	width: 49.5%;
	float: left;
}
.helpright {
	width: 49.5%;
	float: right;
}

/* Demo request */

.demo {
	font-size:1.1em;
	font-weight:bold;
	color:#1A315E;
}

/* Contact us */

.address {
	
	font-weight:bold;
	font-size:1.2em;
	
}

#contactInformation {
	
	width:500px;
	float:left;
	
}

p.socialmedia {
	font-size:1.3em;
}
.socialmedia a {
	text-decoration:none;
	font-weight:bold;
}
a.facebook {
	background: transparent url("../images/facebook-icon.png") no-repeat 0 50%;
	padding-left: 25px;
	margin-right: 10px;
}
a.twitter {
	background: transparent url("../images/twitter-icon.png") no-repeat 0 50%;
	padding-left: 25px;
	margin-right: 10px;
}
a.linkedin {
	background: transparent url("../images/linkedin-icon.png") no-repeat 0 50%;
	padding-left: 25px;
	margin-right: 10px;
}

#pageTextContact  {
	
	width:856px;
	margin:0 auto 0 auto;
	padding:20px 65px;
	background: url("../images/pageBg.png") center top no-repeat;
	
}

#pageTextContact h2 {
	
	color:#1A315E;
	font-weight:normal;

}

/* Footer */

#footer {
	
	background:#1A315E;
	height:45px;
	padding:10px 0 0 0;
	margin:25px 0 0 0;
	
}

#footerContent {
	
	width:980px;
	margin:0 auto 0 auto;
	
}

/* Footer Menu */

#siteNavFooter {
	
	height:20px;
	width:700px;
	float:left;
	padding:0 0 0 0;
	font-size:0.85em;

}
#siteNavFooter ul {
	
	margin:0 0 0 0;
	padding:0 0 0 0;

}
#siteNavFooter li {
	display:inline;
	margin:0;
	line-height: normal;
}

#siteNavFooter a {
	float:left;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	padding: 4px 6px;
	margin:2px 2px 0 0;

}

#siteNavFooter a:hover {
	
	background:#234481;
}

#siteNav .currentListItem a {

	color: #fff;
	background:#234481;

}

/* Home */

#home h1 {
	
	margin:0 0 0 80px;
	padding:0 0 20px 0;
	
}

#homeTop {
	
	height:200px;
	
}

.homeGraphic {
	
	margin:0 0 0 80px;
	
}

.pricingButtonImage {
	
	margin:120px 0 0 0;
	
}

#homeBoxes {
	
	margin:15px 0 0 0;
	
}

.homeBox {
	
	width:316px;
	float:left;
	min-height:272px;
	background: url("../images/homeBoxBg.png") no-repeat left top;
	
}

#homeBoxes h2 {
	
	font-size:1.7em;
	font-family:Calibri, Arial;
	width:200px;
	margin:20px 0 0 30px;
	float:left;
	
}

#homeBoxes h2 a {
	
	color:#000;
	text-decoration:none;
	
}

#homeBoxes h2 a:hover {
	
	color:#333;
	text-decoration:none;
	
}

#homeBoxes p {
	
	font-size:1.3em;
	margin:10px 30px 0 30px;
	line-height:1.6em;
	
}

#homeBoxes p a {
	
	font-weight:bold;
	color:#2C3F6B;
	border-bottom:2px dotted #2C3F6B;
	text-decoration:none;
	
}

#homeBoxes p a:hover {
	
	color:#000;
	
}

#homeBoxes ul {
	
	margin:10px 0 0 30px;
	padding:0 0 0 0;
	
}

#homeBoxes ul li {
	
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 0 0;
	padding:4px 0 4px 18px;
	list-style:none;
	background: url("../images/homeBoxBullet.png") no-repeat left;
	
}

.homeBoxArrow {
	
	margin:20px 22px 0 0;
	
}

#featuresGraphic {
	
	margin:10px 0 0 25px;
	
}

#featuresGraphic a img {
	
	text-decoration:none;
	
}

#websiteDesignGraphic {
	
	margin:10px 0 0 25px;
	
}

.homeBoxCenter {
	
	width:316px;
	float:left;
	margin:0 12px;
	min-height:272px;
	background: url("../images/homeBoxBg.png") no-repeat left top;
	
}

.testimonial {
	
	background: url("../images/testimonialBg.png") left top repeat-x;
	font-size:2.8em;
	font-family:Calibri, Arial;
	text-align:center;
	margin:20px 0 20px 0;
	
}

p.testimonialQuote {
	
	padding:10px 0 5px 0;
	margin:0 0 0 0;
	color:#19315E;

	
}

p.testimonialCustomer {
	
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:0.5em;
	font-style:italic;
	
}


.quote {
	

	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}

/* Tour */

#tourMenu {
	
	width:240px;
	float:left;
	background: url("../images/tourMenuBg.png") left top no-repeat;
	
}

#tourMenu ul {
	
	list-style:none;
	margin:35px 0 0 0;
	padding:0 0 0 0;
	
}

#tourMenu ul li {
	
	display:block;
	padding:0 0 0 0;
	margin:0 0 0 9px;
	font-size:1em;
	font-family:Calibri, Arial;

}

#tourMenu p {
	
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	padding:3px 0 0 0;
	
}


#tourMenu ul li a {
	
	color:#000;
	text-decoration:none;
	padding:10px 10px 0 65px;
	width:148px;
	display:block;
	
}



#tourMenu ul li.multiView a {
	
	background: url("../images/multiView.png") left no-repeat;
	height:65px;
	padding-top:15px;
	border-bottom:1px solid #CCCCCC;
	
}

#tourMenu ul li.multiView a:hover {
	
	background: url("../images/multiView.png") left no-repeat #E1EFF9;
	
}


#tourMenu ul li.applicants a {
	
	background: url("../images/applicants.png") left no-repeat;
	height:73px;
	padding-top:7px;
	border-bottom:1px solid #CCCCCC;
	
}

#tourMenu ul li.applicants a:hover {
	
	background: url("../images/applicants.png") left no-repeat #E1EFF9;
	
}

#tourMenu ul li.marketing a {
	
	background: url("../images/marketing.png") left no-repeat;
	height:73px;
	padding-top:7px;
	border-bottom:1px solid #CCCCCC;
	
}

#tourMenu ul li.marketing a:hover {
	
	background: url("../images/marketing.png") left no-repeat #E1EFF9;
	
}

#tourMenu ul li.track a {
	
	background: url("../images/track.png") left no-repeat;
	height:73px;
	padding-top:7px;
	border-bottom:1px solid #CCCCCC;
	
}

#tourMenu ul li.track a:hover {
	
	background: url("../images/track.png") left no-repeat #E1EFF9;
	
}

#tourMenu ul li.trackLettings a {
	
	background: url("../images/trackLettings.png") left no-repeat;
	height:73px;
	padding-top:7px;
	border-bottom:1px solid #CCCCCC;
	
}

#tourMenu ul li.trackLettings a:hover {
	
	background: url("../images/trackLettings.png") left no-repeat #E1EFF9;
	
}

#tourMenu ul li.admin a {
	
	background: url("../images/admin.png") left top no-repeat;
	height:73px;
	padding-top:12px;
	
}

#tourMenu ul li.admin a:hover {
	
	background: url("../images/adminHover.png") left top no-repeat;
	
}
#tourMenu ul li.accounts a {

	background: url("../images/admin.png") left top no-repeat;
	height:73px;
	padding-top:12px;

}

#tourMenu ul li.accounts a:hover {

	background: url("../images/adminHover.png") left top no-repeat;

}


#tourMenu ul li#currentItem a {
	
	background-color:#E1EFF9;
	
}

#tourMenu ul li#currentItemPortal a {
	
	background: url("../images/portalsHover.png") left no-repeat #E1EFF9;
	
}

#tourMenu ul li#currentItemAdmin a {


	background: url("../images/adminHover.png") left top no-repeat;
	
}
	

#tourRight {
	
	width:725px;
	float:right;
	margin:0 0 0 10px;
	position:relative;
	
}

#tour {
	
	position:absolute;
	left:0;
	top:50px;
	
}

#demoButton {
	
	width:117px;
	height:18px;
	position:absolute;
	top:387px;
	left:562px;
	
}

#previousButton {
	
	width:62px;
	height:62px;
	position:absolute;
	background: url("../images/previousButton.png") no-repeat;
	top:200px;
	left:30px;
	z-index:1;
	
}

#tourRight h1 {
	
	font-size:2.3em;
	margin:0 0 5px 0;
	padding:0 0 0 0;

}

ul.tourList  {
	
	padding:0 0 0 0;
	margin:400px 0 0 5px;
	list-style:none;
	width:48%;
	float:left;
	font-size:1.5em;
	font-family:Calibri, Arial;
	
}

ul.tourList li {
	
	background: url("../images/tourBullet.png") left top no-repeat;
	padding:0 0 0 15px;
	margin:3px 0;
	
}

ul.tourListPortal  {
	
	padding:0 0 0 0;
	margin:10px 0 0 5px;
	list-style:none;
	width:90%;
	float:left;
	font-size:1.3em;
	font-weight:bold;
	font-family:Calibri, Arial;
	
}

ul.tourListPortal li {
	
	background: url("../images/tourBullet.png") left top no-repeat;
	padding:0 0 0 15px;
	margin:3px 0;
	
}

.caption { height:18px; font-weight:bold; width:668px; text-align:right; padding-right:5px; }



/* Tour Slideshow */

/*preload classes*/

.svw {
	width: 50px;
	height: 20px;
	background: #fff;
}

.svw ul {
	position: relative;
	left: -999em;
}

/*core classes*/

.stripViewer {
	position: relative;
	overflow: hidden;
	margin: 0 0 0 0;
	padding:2px;
	border: 1px solid #E1EFF9;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

/* this is the UL of images */
.stripViewer ul {
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
	height: 330px;
}

.stripViewer ul li {
	float:left;
}

/* this is the UL of navigation numbers */
.stripTransmitter {
	overflow: auto;
	background-color: #1A315E;
	padding:5px 0 5px 5px;
	margin:0 0 0 0;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.stripTransmitter ul {
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	list-style-type: none;
}

.stripTransmitter ul li {
	width: 19px;
	float:left;
	margin-right: 6px;
}

.stripTransmitter a {
	font-size: 15px;
	text-align: center;
	line-height:19px;
	background: #7394AD;
	color: #fff;
	text-decoration: none;
	display: block;
	border-radius: 3px;
}

.stripTransmitter a.current, .stripTransmitter a.current a:hover {
	background: #fff;
	color: #1A315E;
	border-radius: 3px;
}

/*tooltips formatting*/

.tooltip {
	padding: 0.5em;
	background: #fff ;
	color: #000 ;
	border: 5px solid #1A315E;
}


/* Web design */

#webDesign h1 {
	
	text-align:center;
	margin-top:0;
	padding-top:5px;
	
}

#webDesign h2 {
	
	margin:5px 0 0 0;
	padding:0 0 0 0;
	
}

#webDesign h3 {
	
	text-align:center;
	margin-top:5px;
	
}


#webDesign {
	
		background: url("../images/websiteDesignBg.jpg") no-repeat center top;
		min-height:400px;
		
}

#websiteDesignBox {
	
	width: 300px;
	margin:20px auto 0 auto;
	height:290px;
	padding:0 8px 0 0;
	text-align:center;
	position:relative;
	
}

#portfolioButton {
	
	position:absolute;
	top:240px;
	left:30px;
	width:241px;
	height:56px;
	
}

#websiteDesignBox p {
	
	font-size:4.5em;
	font-family:Calibri, Arial;
	color:#FFCC33;
	font-weight:normal;
	margin:0 0 0 0;
	padding:0 0 0 0;
	
}

#websiteDesignBox ul {
	

	list-style-type:none;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 15px 0 15px;
	
}

#websiteDesignBox li {
	
	margin:0 0 4px 0;
	padding:0 0 6px 0;
	background: url("../images/dot.png") repeat-x left bottom;
	
}

#websiteDesignBox ul li#bottom {
	
	background:none;
	
}

.pages {
	
	font-size:0.7em;
	font-weight:normal;
	
}

/* Web Products */

#webProducts {
	width:890px;
	margin:0 auto 0 auto;
}

#webProducts h3 {
	font-size:1.7em;
	font-family:Calibri, Arial;
	color:#19315E;
	text-align: left;
	margin:0 0 0 0;
	padding:0 0 6px 0;
}
.productHeading a {
	text-decoration:none;
}
.webProductRight p {
	font-size: 0.9em;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.webProduct {
	width: 415px;
	height:110px;
	float:left;
	margin: 25px 10px;
}
.webProductLeft {
	width:140px;
	float:left;
	text-align:center;
}
.webProductRight {
	width:275px;
	float:left;
	/*text-align:justify;*/
}

p.price {
	
	font-size:2.4em;
	font-family:Calibri, Arial;
	color:#19315E;
	margin:0 0 0 0;
	padding:0 0 0 0;
	
}
a.zoom img {
cursor:url('../images/zoom.png'), pointer;
}
.productPic {
  float: left;
}
.productPic img {
	padding: 1px;
	border: solid 1px #ccc;
}
	
/* Portfolio */	

#portfolio {
	
	text-align:center;
	
}

#portfolio h1 {
	
	text-align:center;
	margin-bottom:0;
	padding-bottom:5px;
	
}

#portfolio h2 {
	
	text-align:center;
	font-size:1.4em;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	
}

#portfolio h2 a {
	
	text-decoration:none;
	border-bottom:2px dotted;
	padding-bottom:3px;
	
}
	
	

#customers {
	
	width:820px;
	margin:0 auto 10px auto;
	
}

.customerPic {
	
	float:left;
	margin:10px;
	
}

.customerPic a img {
	padding: 1px;
	border: solid 1px #ccc;
}

.customerPic a, .customerPic a:link, .customerPic a:visited {
	
	text-decoration:none;
}


	
/* Pricing */

#pricingBoxes {
	
	width:599px;
	margin:0 auto 0 auto;
	text-align:center;
	
}

#pricingBoxesHeader {
	
	height:33px;
	background: url("../images/pricingBoxesTop.png") no-repeat top left;
	
}

#pricingBoxesBottom {
	
	background: url("../images/pricingBoxesBg.png") no-repeat bottom left;
	min-height:380px;
	
}
	
#leftPricingBox {
	
	width:260px;
	float:left;
	min-height:200px;
	margin:0 0 0 18px;

	
}

#leftPricingBox h2 {
	
	color:#fff;
	font-size:2.5em;
	font-family:Calibri, Arial;
	margin:5px 0 0 0;
	padding:0 0 0 0;
	font-weight:normal;
	
}

#leftPricingBox h3 {
	
	color:#FFCC33;
	font-size:3.8em;
	font-family:Calibri, Arial;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-weight:normal;
	line-height:0.8em;
	
}

#rightPricingBox {
	
	width:296px;
	float:left;
	min-height:200px;
	margin:0 0 0 7px;
	
}

#rightPricingBox h2 {
	
	color:#fff;
	font-size:3.4em;
	font-family:Calibri, Arial;
	margin:0 0 5px 0;
	padding:0 0 0 0;
	font-weight:normal;
	line-height:0.8em;
	
}


#rightPricingBox h3 {
	
	color:#FFCC33;
	font-size:4.3em;
	font-weight:normal;
	font-family:Calibri, Arial;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:0.8em;
	
}

p.frequency {
	
	font-size:1.5em;
	color:#FFCC33;
	margin:4px 0 0 0;
	padding:0 0 0 0;
	
}

#leftPricingBox ul {
	

	list-style-type:none;
	color:#fff;
	font-size:1.25em;
	font-weight:bold;
	margin:15px 0 0 0;
	padding:0 10px 0 10px;
	
}

#leftPricingBox li {
	
	margin:0 0 7px 0;
	padding:0 0 11px 0;
	background: url("../images/dot.png") repeat-x left bottom;
	
}

#leftPricingBox ul li#bottom {
	
	background:none;
	margin-bottom:0;
	padding-bottom:4px;
	
}

#rightPricingBox ul {
	

	list-style-type:none;
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:0 15px 0 15px;
	
}

#rightPricingBox li {
	
	margin:0 0 5px 0;
	padding:0 0 6px 0;
	background: url("../images/dot.png") repeat-x left bottom;
	
}

#rightPricingBox ul li#bottom {
	
	background:none;
	
}
.productlist {
	border-collapse: collapse;
	padding: 5px 20px;
}
.productlist th {
	background: #1a315e;
	color: #fff;
	padding: 5px 20px;
	text-align: left;
}
.productlist td {
	border: 1px solid #e0e0e0;
	padding: 5px 20px;
}
.currency {
	text-align: right;
}
.lettingaccounts {
	font-size: 1.2em;
}
.comingsoon {
	color:#ffcc33;
}
.featurelist {
	border-collapse: collapse;
}
.featurelist td, .featurelist th {
	border: 1px solid #e0e0e0;
	padding: 5px 20px;
}
.featurelist h2 {
	margin: 0;
}
.featurebullet {
	text-align: center;
}

/******* NEWS ARTICLES ********/
.article {
	width: 710px;
	padding-bottom: 1em;
}
.articleposted {
	font-size: 0.95em;
	color: #707070;
}
.articleleader {
}
.sharelinks {
	text-align: right;
}
.sharelinks a {
	border: none;
	margin-right: 10px;
}
.sharelinks img {
	border: none;
}
.new {
	color: #f00;
	font-weight: bold;
}

/******* FORMS ********/

#demoForm {
	width:740px;
	font-size:1.2em
}
.editfield {
	width: 100%;
	clear: both;
	margin: 8px 0;
}
.editfield input {
	font-size:1em
}
.editfield select {
	font-size:1em
}
.editfield#startDate {
	padding-top: 8px;
}
.editfield label {
	width: 260px;
	padding-left: 10px;
	float: left;
}
fieldset {
	margin-bottom: 20px;
}
legend {
	font-weight:normal;
	font-size: 1.5em;
	color:#1A315E;
	padding: 0;
}
.editactions {
	text-align: right;
}
.error {
	color: #CC0000;
}