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

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

body {
	background: #024615 url(images/sliver_bg.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 10px;
	padding: 0;
	}

h1 {
	color: #0454AB;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 100;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	}

h2 {
	color: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 100;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	}

h3 {
        color: #000000;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 100;
        margin: 0 0 5px 0;
        padding: 0 0 0 90px;
}

p {
	margin: 0;
	padding: 0 0 8px 15px;
	}

a img {
	border: none;
	}

a {
	color: #0454AB;
	text-decoration: none;
	}

a:hover {
	color: #2B9D40;
	}

a.whitelink {
	color: #ffffff;
	text-decoration: none;
	}

a:hover whitelink {
	color: #ffffff;
	}

a, a:active, a:visited, a img {
	outline: none;
	}

.contentLinks {
	margin: 0;
	padding: 0 0 0 0;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;
}

ul {
	line-height: 20px;
	list-style-type: disc;
	}
			
	ul li ul {
		padding-left: 20px;
		}		

li#ManagedServicesLink {
	background: url(images/ManagedServicesIcon.png) right no-repeat;
	}
li#ProfessionalServicesLink {
        background: url(images/ProfessionalServicesIcon.png) right no-repeat;
        }
li#CustomDevelopmentLink {
        background: url(images/CustomDevelopmentIcon.png) right no-repeat;
        }	
li#CloudHostingLink {
        background: url(images/CloudHostingIcon.png) right no-repeat;
        }
li#WebsiteSolutionsLink {
	background: url(images/websitesolutionsIcon.jpg) right no-repeat;
	}
li#PartnerSolutionsLink {
	background: url(images/PartnerSolutionsIcon.png) right no-repeat;
	}
li#newsletterLink {
        background: url(images/newsletterIcon.gif) right no-repeat;
        position: relative;
        }
	li#newsletterLink a {}

	li#newsletterLink div {
		background: url(images/newsletterPopupBg.jpg) center no-repeat;
		height: 95px;
		left: 0;
		margin: 10px 0 0;
		position: absolute;
		top: 35px;
		width: 204px;
		z-index: 2;
		}
 
 		li#newsletterLink div table {
			margin: 10px auto 0;
			}
 
.aboutList {
	font-size: 14px;
	
}
.contactList {
	font-size: 14px;
}

div.clear {
	clear: both;
	height: 1px;
	margin: auto;
	}
	
.reqmrk {
	color: #F00;
	}

#pageTop {
	background: url(images/page_top.gif) bottom no-repeat;
	height: 9px;
	margin: auto;
	width: 897px;
	}

#header {
	background: #FFFFFF;
	height: 154px;
	margin: auto;
	width: 897px;
	}

	#header #headerTop {
		background: #FFFFFF;
		height: 44px;
		margin: auto;
		width: 865px;
		}
	
		#headerTop #topLeft {
			background: #FFFFFF;
			float: left;
			height: 34px;
			padding: 10px 0 0 0;
			width: 660px;
			}
		
		#headerTop #imageTop {
			background: url(images/header_imageTop.jpg) no-repeat;
			float: left;
			height: 44px;
			width: 205px;
			}

	#header #brand {
		height: 110px;
		margin: auto;
		width: 865px;
			}
	
		#brand #logo {
			background: url(images/header_sideLeft.jpg) no-repeat;
			float: left;
			height: 110px;
			width: 224px;
			}
		
		#brand #message {
			background: url(images/sliver_header.jpg) repeat-x;
			color: #FFFFFF;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 18px;
			float: left;
			height: 73px;
			padding: 37px 0 0 0;
			width: 362px;
			}
		
		#brand #circleEdge {
			background: url(images/header_circleEdge.jpg) no-repeat;
			float: left;
			height: 110px;
			width: 74px;
			}
		
		#brand #brandSideRight {
			background: url(images/header_sideRight.jpg) no-repeat;
			float: left;
			height: 110px;
			width: 205px;
			}

#topNav {
	background: #FFFFFF;
	height: 34px;
	margin: auto;
	width: 897px;
	}

	#topNav #navBar {
		height: 34px;
		margin: auto;
		width: 865px;
		}

		#navBar #navSideLeft {
			background: url(images/nav_sideLeft.gif) no-repeat;
			float: left;
			height: 34px;
			width: 6px;
			}
		
		#navBar #nav {
			background: url(images/sliver_nav.gif) repeat-x;
			float: left;
			height: 26px;
			padding: 8px 0 0 0;
			width: 654px;
			}
		
			#nav a {
				color: #FFFFFF;
				display: inline;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 16px;
				font-weight: bold;
				margin-left: 16px; 
				padding-left: 12px;
				text-decoration: none;
				}
		
			#nav a:hover {
				background: url(images/linkArrow2.gif) left no-repeat;
				}
		
		#navBar #navSideRight {
			background: url(images/nav_sideRight.jpg) no-repeat;
			float: left;
			height: 34px;
			width: 205px;
			}
		
#main {
	background: #FFFFFF;
	margin: auto;
	padding: 0 0 5px 0;
	position: relative;
	width: 897px;
	}

	#main #content {
		float: left;
		padding: 15px 18px 0 17px;
		position: relative;
		width: 632px;
		}

	form#contact {
		display: block;
		float: left;
		position: relative;
		width: 350px;
		}
	
	form#contact table {
		width: 330px;
		}
	
	form#contact table tr td {
		padding: 0 0 10px;
		position: relative;
		}
	
	form#contact label {
		text-transform: uppercase;
		}
	
	form#contact input[type=text],
	form#contact textarea {
		border: solid 1px #ddd;
		margin: 0 10px 0 0;
		width: 300px;
		}
		
	form#contact label.error {
		color: #ff0000;
		}

	label.success {
		background: url(images/checkmark.png) center no-repeat;
		margin: -15px 0 0;
		display: block;
		height: 14px;
		left: 320px;
		position: absolute;		
		width: 14px;
		}

	div.window {
		background: url(images/repeatXBoxFeature.jpg) repeat-x;
		height: 152px;
		padding: 0;
		position: relative;
		width: 613px;
		}

		a.arrowLeft,
		a.arrowRight {
			display: block;
			float: left;
			height: 152px;
			position: relative;
			width: 30px;
			}

		a.arrowLeft {
			background: url(images/arrowLeft.png) 0 0 no-repeat;
			}
			
		a.arrowLeft:hover {
			background: url(images/arrowLeft.png) -30px 0 no-repeat;
			}
			
		a.arrowRight {
			background: url(images/arrowRight.png) -30px 0 no-repeat;
			}

		a.arrowRight:hover {
			background: url(images/arrowRight.png) 0 0 no-repeat;
			}

		div#slideshow {
			float: left;
			}
		
		#content div.features {
			overflow: hidden;
			padding: 0;
			position: relative;
			width: 553px;
			}

			#content div.features ul#solutions {
				display: block;
				height: 152px;
				line-height: 140%;
				list-style: none;
				margin: 0;
				overflow: hidden;
				padding: 0;
				width: 5600px;
				}

				#content div.features ul#solutions li {
					display: inline-block;
					float: left;
					height: 132px;
					margin: 10px 0;
					padding: 0;
					width: 553px;
					}

					#content div.features ul#solutions li p,
					#content div.features ul#solutions li h1 {
						padding: 0;
						}

		
		
		#content div#featuresList {
			background: url(images/featuresListBg.jpg) top no-repeat;
			padding: 10px 0 0;
			position: relative;
			width: 613px;
			}

                #content div#teamList {
                        background-color: #f5f5f5; 
                        padding: 10px 0 0;
                        position: relative;
                        width: 620px;
			margin-left: 15px
                        }


		#content div.dividerBox {
			background: url(images/repeatYDividerBox.gif) repeat-y center;
			padding: 5px 15px 0 1px;
			position: relative;
			width: 616px;
			}

		#content div.dividerBoxTop {
			background: url(images/dividerBoxTop.gif) bottom center no-repeat;
			height: 4px;
			line-height: 0;
			width: 632px;
			}
			
		#content div.dividerBoxBottom {
			background: url(images/dividerBoxBottom.gif) top center no-repeat;
			height: 4px;
			width: 632px;
			}

/* Website Solutions */

table.custom {
	border-collapse: collapse;
	}

.serviceName {
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
	}

.serviceSlogan {
	font-size: 13px;
	font-weight: normal;
	margin-left: 15px;
	}

table#services {
	font-weight: normal;
	}

	table#services a {
		line-height: 20px;
		}

	table#services tr td#serviceSummary {
		padding: 10px 0 0 0;
		vertical-align: top;
		}
	
	table#services div#svc_scroll {
		height: 180px;
		overflow: hidden;
		padding: 0 20px 0 0;
		width: 311px;
		}

	table#services tr td#serviceSummary a:hover {
		background: url(images/) right no-repeat;
		text-decoration: underline;
		}

	table#services tr td a#webAppAnimation {
		background: url(images/graphics.jpg) 10px 45px no-repeat;
		display: block;
		height: 92px;
		padding: 0 0 0 30px;
		}

	table#services tr td a#shopCartAnimation {
		background: url(images/onlinePayments.jpg) 10px 45px no-repeat;
		display: block;
		height: 92px;
		padding: 0 0 0 30px;
		}

	table#services tr td a#cmsAnimation {
		background: url(images/cmsBlog.jpg) 10px 45px no-repeat;
		display: block;
		height: 92px;
		padding: 0 0 0 30px;
		}

	p#svc1,
	p#svc2,
	p#svc3 {
		height: 180px;
		vertical-align: middle;
		}

	td#dwContact {
		padding: 0 0 0 30px;
		}
	
	td#dwContact span {
		display: inline-block;
		float: right;
		margin: 0 0 0 40px;
		}

/* /website solutions */

	#main #sidebar {
		float: left;
		width: 230px;
		}

		#sidebar p {
			padding: 0;
			}

		#sidebar #services {
			width: 230px;
			}
		
			#services ul#servicesList {
				list-style-type: none;
				margin: 0;
				padding: 0;
				}
		
				ul#servicesList li {
					color: #0454AB;
					display: block;
					font-weight: bold;
					height: 26px;
					margin: 0;
					padding: 18px 0 0 0;
					width: 205px;
					}

		#sidebar #extraSpacing {
			width: 1px;
			padding-top: 5px;
			}
		
		#sidebar #login {
			width: 230px;
			}

		#sidebar h1 {
			color: #2B9D40;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 18px;
			font-weight: 100;
			margin: 12px 0 5px 0;
			padding: 0;
			}

#footer {
	background: #FFFFFF;
	clear: both;
	margin: auto;
	padding: 11px 0 0;
	width: 897px;
	}

	#footerBar {
		color: #FFFFFF;
		height: 38px;
		margin: auto;
		position: relative;
		width: 865px;
		}

		#footerBar #footerLinks {
			height: 28px;
			left: 0;
			top: 0;
			margin: auto;
			padding: 10px 0 0 0;
			position: absolute;
			width: 865px;
			z-index: 1;
			}

			#footerLinks a {
				color: #FFFFFF;
				display: inline;
				margin: 0 20px 0 10px;
				text-decoration: none;
				}
	
			#footerLinks a:hover {
				color: #B5D0E8;
				}

		#footerBar #footerSideLeft {
			background: url(images/footer_sideLeft.jpg) no-repeat;
			float: left;
			height: 38px;
			width: 209px;
			}
		
		#footerBar #footerMiddle {
			background: url(images/sliver_footer.jpg) repeat-x;
			float: left;
			height: 38px;
			width: 388px;
			}
		
		#footerBar #footerSideRight {
			background: url(images/footer_sideRight.jpg) no-repeat;
			float: left;
			height: 38px;
			width: 268px;
			}

#pageBottom {
	background: url(images/page_bottom.gif) top no-repeat;
	height: 9px;
	margin: auto;
	width: 897px;
	}

/* --------------  Group Photo Page ------------------------*/

table#groupPhoto {
	 height: 347px;
	 width: 632px;
	 }
	 
	 table#groupPhoto tr {}
	 
	 	table#groupPhoto tr td {
			padding: 0;
			}
			
			table#groupPhoto tr td a {}
			
				table#groupPhoto tr td a span {
					background: url(images/gpBubble.png) no-repeat;
					color: #000;
					height: 67px;
					display: none;
					padding: 7px 0 0;
					position: absolute;
					text-align: center;
					width: 150px;
					}

				table#groupPhoto tr td a span.bubbleLong {
					background: url(images/gpBubbleLong.png) no-repeat;
					width: 190px;
					}
					
				table#groupPhoto tr td a:hover span {
					display: block;
					position: absolute;
					}
					
				table#groupPhoto tr td a#markJordan span {
					left: 71px;
					top: 41px;
					}
					
				table#groupPhoto tr td a#alexanderRyseff span {
					left: 140px;
					top: 66px;
					}
					
				table#groupPhoto tr td a#georgeThornton span {
					left: 224px;
					top: 46px;
					}
					
				table#groupPhoto tr td a#dustinFrost span {
					left: 316px;
					top: 55px;
					}
					
				table#groupPhoto tr td a#davidThomson span {
					left: 372px;
					top: 46px;
					}
					
				table#groupPhoto tr td a#gabeFrost span {
					left: 411px;
					top: 52px;
					}
	
		/* --------------  NewsLetter ------------------------*/




#newspageTop {
	background: url(images/newsPageTopLong.jpg) bottom no-repeat;
	height: 9px;
	margin: auto;
	width: 897px;
}

#newsheader {
	background: #FFFFFF;
	height: 116px;
	margin: auto;
	width: 897px;
	}

	#newsheader #newsheaderTop {
		background: #FFFFFF;
		height: 44px;
		margin: auto;
		width: 897px;
		}
	
		#newsheaderTop #newstopLeft {
			background: #FFFFFF;
			float: left;
			height: 34px;
			/* Top, Left, Right, Bottom */
			padding: 0px 0px 0 0;
			width: 896px;
			}
		
		#newsheaderTop #newsimageTop {
			background: url(images/header_imageTop2.jpg) no-repeat;
			float: left;
			height: 44px;
			width: 1px;
			}

	#newsheader #newsbrand {
		height: 110px;
		margin: auto;
		width: 897px;
			}
	
		#newsbrand #newslogo {
			background: url(images/header_sideLeft.jpg) no-repeat;
			float: left;
			margin-top: 5px;
			margin-left: 16px;
			padding: 0px 0px 0px 0px;
			height: 110px;
			width: 224px;
			}
		
		#newsbrand #newsmessage {
			background: url(images/sliver_header.jpg) repeat-x;
			color: #FFFFFF;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 18px;
			float: left;
			margin-top: 5px;
			height: 73px;
			padding: 37px 0 0 10px;
			width: 347px;
			}
		
		#newsbrand #newscircleEdge {
			background: url(images/newsheader_circleEdge.jpg) repeat-x;
			color: #FFFFFF;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 18px;
			float: left;
			margin-top: 5px;
			height: 73px;
			padding:37px 0px 0px 0px;
			width: 74px;
			}
		
		#newsbrand #newsbrandSideRight {
			background: url(images/newsheader_sideRight.jpg) repeat-x;
			color: #FFFFFF;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 18px;
			float: left;
			margin-top: 5px;
			padding: 37px 0px 0px 0px;
			height: 73px;
			width: 210px;
			}

		
		
	#newsTopNav {
			background: #FFFFFF;
			height: 34px;
			margin: auto;
			width: 897px;
			}

			#newsTopNav #newsNavBar {
			height: 34px;
			margin: auto;
			width: 897px;
			}

			#newsNavBar #newsNavSideLeft {
			background: url(images/nav_sideLeft.gif) no-repeat;
			float: left;
			margin-left: 15px;
			padding: 0px 0px 0px 0px;
			height: 34px;
			width: 6px;
			}
		
		#newsNavBar #newsNav {
			background: url(images/sliver_nav.gif) repeat-x;
			float: left;
			margin-left: 0px;
			padding: 8px 0px 0px 0px;
			height: 26px;
			width: 576px;
			}
		
			#newsNav {
				color: #FFFFFF;
				display: inline;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 13px;
				font-weight: bold;
				margin-left: 16px; 
				padding-left: 12px;
				text-decoration: none;
				}
		
			#newsNav a:hover {
				background: url(images/linkArrow2.gif) left no-repeat;
				}
		
		#newsNavBar #newsNavSideRight {
			background: url(images/newsnav_sideRight2.jpg) repeat-x;
			color: #FFFFFF;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: bold;
			float: left;
			margin-left: 0px;
			padding: 8px 0px 0px 0px;
			height: 26px;
			width: 285px;
			}
.whitelink {
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: none;
} /* This is used in the digux newsletter to change the nave bar link to white */


		#newsfooter {
	background: #FFFFFF;
	clear: both;
	margin: auto;
	padding: 11px 0 0;
	width: 897px;
	}

	#newsfooterBar {
		color: #FFFFFF;
		height: 38px;
		margin: auto;
		position: relative;
		width: 897px;
		}

		#newsfooterBar #newsfooterLinks {
			height: 28px;
			left: 0;
			top: 0;
			margin: auto;
			padding: 10px 0 0 0;
			position: absolute;
			width: 897px;
			z-index: 1;
			}

			#newsfooterLinks a {
				color: #FFFFFF;
				display: inline;
				margin: 0 20px 0 10px;
				text-decoration: none;
				}
	
			#newsfooterLinks a:hover {
				color: #B5D0E8;
				}

		#newsfooterBar #newsfooterSideLeft {
			background: url(images/footer_sideLeft.jpg) no-repeat;
			float: left;
			margin-left: 15px;
			height: 38px;
			width: 209px;
			}
		
		#newsfooterBar #newsfooterMiddle {
			background: url(images/sliver_footer.jpg) repeat-x;
			float: left;
			height: 38px;
			width: 390px;
			}
		
		#newsfooterBar #newsfooterSideRight {
			background: url(images/footer_sideRight.jpg) no-repeat;
			float: left;
			height: 38px;
			width: 268px;
			}

#newspageBottom {
	background: url(images/newsPageBottom.jpg) top no-repeat;
	height: 9px;
	margin: auto;
	width: 897px;
	}
	
	#newsmain {
	background: #FFFFFF;
	margin: auto;
	padding: 0 0 0px 0;
	position: relative;
	width: 897px;
	}

	#newsmain #content {
		float: left;
		padding: 15px 18px 0 17px;
		position: relative;
		width: 841px;
		}