body { background:url(../images/background.gif) repeat-y; font:12px/18px arial; margin:0px; background-position:center; background-position:top; color:#707070; }

.MainHolder { width:1055px; margin:0 auto; background:#fff; }

#header { background:url(../images/header.gif) no-repeat; width:1055px; height:37px; padding-top:58px;}

#Navigation { margin:0px 0px 0px 410px; height:37px;}
#Navigation a { background:url(../images/button_up.png) no-repeat; width:132px; height:37px; display:block; font-size:17px; color:#0065b3; font-weight:bold; text-decoration:none; line-height:37px; position:absolute; margin-left:-40px; padding-left:40px;}
#Navigation a:hover { background:url(../images/button_over.png) no-repeat; color:#fff; }
#Navigation table { width:100%; }

#MainPic { margin-left:15px; }

#map { margin-left:100px; }

#Content { width:659px; margin:43px 0px 0px 15px; min-height:550px; }
#Content-Small { width:659px; margin:43px 0px 0px 15px; min-height:550px; }
#RightContent { width:320px; margin:0px 0px 0px 700px; position:absolute; }
#LowerContent { width:639px; margin:0px 0px 10px -5px; padding-left:20px; }

#PurpleHolder { margin-left:15px; height:239px; background:url(../images/purple_main.gif) no-repeat; color:#fff; }
#PurpleHolder Div{ position:absolute; width:230px; height:200px; }
#PurpleHolder a { margin-left:140px; background:url(../images/read_more.gif) no-repeat; display:block; width:86px; height:28px;}
#PurpleHolder a:hover { background:url(../images/read_more_over.gif) no-repeat;}

#TextSection1 { margin:-10px 0px 0px 20px; #margin:40px 0px 0px 20px; }
#TextSection2 { margin:-10px 0px 0px 280px; #margin:40px 0px 0px 280px;  }
#TextSection3 { margin:-10px 0px 0px 530px; #margin:40px 0px 0px 530px; }
#TextSection4 { margin:-10px 0px 0px 780px; #margin:40px 0px 0px 780px; }



h1 { font-size:18px; color:#0066b3;  background:url(../images/dotted_line.png) repeat-x; padding-bottom:9px; display:inline; height:35px; margin-bottom:5px;}

/*h2 { font-size:14px; font-weight:normal; color:#4a92c9;}*/

h2 { font-size:14px; color:#0066b3; background:url(../images/dotted_line.png) repeat-x; padding-bottom:12px; display:inline; height:35px; font-weight:normal;  }
h4 { font:14px normal Arial, Helvetica, sans-serif; color:#0066b3; background:url(../images/dotted_line.png) repeat-x; height:28px; padding-bottom:5px; display:block; width:280px;}

h6 { font-size:17px;}

.PurpleHeader {font: 22px bold #542b79; }
.PurpleText {color:#0066b3; }
.PurpleTextBlog {font:14px #542b79;}


.orangeheader {color:#f78b31; }

.bluesubhead {font-size:17px; color:#6599d2; line-height:22px;}
.bluesubheadsmall {font-size:14px; color:#0066b3; line-height:22px;}
.bluesubheadxsmall {font-size:12px; color:#0066b3; line-height:22px;}
.orangesubhead {font-size:17px; color:#f7941e; line-height:22px;}

.HighlightText {font:14px #2d2d2d;}

.casestudy { margin:20px 0px 27px; }
.casestudy a {background:url(../images/bulb.gif) no-repeat; color:#757575; text-decoration:none; font-weight:bold; padding-left:20px; }


a.bloglink:link, a.bloglink:active, a.bloglink:visited { text-decoration:none; background:url(../images/dotted_line.gif) repeat-x; height:28px; display:block; color:#707070; line-height:28px}

a:link, a:active, a:visited { text-decoration:none; color:#4a92c9;}  

a.bloggrey:link, a.bloggreye:active, a.bloggrey:visited { text-decoration:none; color:#707070;}


.youtube { margin-top:2px;}


/***** FLOATING BUTTON CODE ********* NOTE CURRENTLY HIDDEN SO CAN BE USED AGAIN IN FUTURE! **/

#page-wrap {  position: relative;float: left; margin: 10px 0;}

#box{position: absolute;left: 100%; visibility:hidden;}

/***** IMPORTANT CMS PLACEHOLDER CSS *********/

#TestimonialPlaceHolder {width:320px; height:187px; border:dashed 1px #cccccc; background:#f6f6f6 url(../images/placeholder_testimonial.gif) no-repeat ;}
#BloggingsysPlaceHolder {width:320px; height:110px; border:dashed 1px #cccccc; background:#f6f6f6 url(../images/placeholder_blog.gif) no-repeat ;}
#CaseStudysyPlaceHolder {width:1000px; height:250px; border:dashed 1px #cccccc; background:#f6f6f6 url(../images/placeholder_casestudies.gif) no-repeat ;}



/***** REDESIGN STYLES *********/

#Footer { width: 1025px; height:110px; background:#0066b3;  padding:15px 0px 0px 30px; color:#fff; line-height:30px;}
#Footer a { color:#a3c8e4; text-decoration:none; }

#credit{position:absolute; width:250px; margin-left:800px;}

#casestudies {width:1015px; height:232px; background:url(../images/casebg.jpg); padding:10px 0px 0px 40px;}

.SeperatorRow {background:url(../images/dotted_line.gif) repeat-x bottom; height:1px;}


@media screen and (-webkit-min-device-pixel-ratio:0) {

#TextSection1 { margin:-10px 0px 0px 20px; }
#TextSection2 { margin:-10px 0px 0px 280px; }
#TextSection3 { margin:-10px 0px 0px 530px; }
#TextSection4 { margin:-10px 0px 0px 780px; }

}

.alsosee { margin-left:25px; margin-bottom:20px;}

.redtext { color:#542b79; font-weight:bold; line-height:17px;}

.TextCell {
	padding-left:4px;
	padding-right:4px;
	font-size:11px;
}

a.linkRedA:link, a.linkRedA:visited, a.linkRedA:active {font-weight:bold; color:#542b79; text-decoration:none}
a.linkRedA:hover {color:#542b79; text-decoration:underline}

.cellthree { width:627px; background-image:url(../images/bg_repeat.png);_background-image:url(../images/cell_BG_ie6.gif); background-position:top; background-repeat:repeat-y; padding:0px 25px 25px 150px;	}

.portfoliothumb { background-image: url(../images/portfolio_graphics/thumb_bg.gif); background-repeat: no-repeat; width:196px; height:141px;}
	
.thumbnail {margin:5px;}

.TextRow {padding-bottom:10px;}

.TextCell { padding:0px 4px 0px 4px; font-size:11px;}

.portfoliothumbLarge { background-image:url(../images/portfolio_graphics/description_bg.jpg); background-repeat: no-repeat; padding:11px 11px 11px 12px;}
	
	.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;}

a.bloglink2:link, a.bloglink2:visited, a.bloglink2:active { font: bold 18px Arial, Helvetica, sans-serif; color:#0066b3; text-decoration:none;}
a.bloglink2:hover { color:#35acd4;}



/* Tiny Carousel */
#slider1 { height:225px; overflow:hidden; padding: 0 0 10px;}
#slider1 .viewport { float: left; width:905px; height: 225px; overflow: hidden; position: relative; margin-left:-2px;}
#slider1 .viewport p {margin:0; line-height:14px;}
#slider1 .buttons { background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 80px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#slider1 .next { background-position: 0 0; margin: 80px 0 0 15px; }

#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding-right: 30px;  margin: 0; width: 240px; left: 0 top: 0; }
#slider1 .overview li{ float: left;  margin: 0 20px 5px 25px; height: 121px; border: 0px solid #dcdcdc; width: 236px; padding: 4px 4px 4px 4px;}

.casetitle {color:#4a92c9; font-weight:bold; padding-top:5px;}

#MainBannerContent {width:673px; height:160px;}
#MainBannerContent div {position:absolute;}
#MainBannerContent img {border:none;}

#MainTestimonial {width:373px; height:160px;}
#MainTestimonial div {position:absolute;}
#MainTestimonial img {border:none;}

#homeleft {float:left; width:308px; margin-top:10px;}
#homeright {float:right; width:308px; margin-top:10px;}

#offerleft {width:386px; margin-bottom:30px; margin-top:20px;}
#offerright {position:absolute; width:229px; margin-left:400px;}
#offer {width:320px; height:151px; background:#f6f5f5; 	
border-radius: 10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
 -webkit-border-radius:10px 10px 10px 10px;
 padding:15px 10px 0px 10px;
 }
 .quote {position:absolute; margin:-17px 0px 0px 430px;}

#teamleft {float:left; width:302px; height:167px;  background:#f6f5f5; border-radius: 15px 15px 15px 15px; padding:0px 0px 0px 20px; margin:20px 0px 20px 0px;-moz-border-radius: 15px;}
#teamright {float:right; width:302px; height:167px; background:#f6f5f5; border-radius: 15px 15px 15px 15px; padding:0px 0px 0px 20px; margin:20px 0px 20px 0px;-moz-border-radius: 15px;}

						
/* callback tabbed area */						
ul.tabs {
	margin: 0; padding: 0; float: left; list-style: none; height: 32px; /*--Set height of tabs--*/
	width:100%; margin-bottom: -2px; margin-left:-20px;
}

ul.tabs li {
	float: right; margin: 0; padding: 0; height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border-left: none; margin-bottom: -3px; /*--Pull the list item down 1px--*/
	overflow: hidden; position: relative; width:48px;
}

ul.tabs li a {text-decoration: none; color: #000; display: block; outline: none;}

ul.tabs li a:hover {background: #ccc;}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}						

.tabheader {color:#0066b3; font-size:22px; font-weight:bold;}

div.box {background:url(../images/formbg.jpg); height:115px; width:264px; margin-top:15px; color:#FFF; padding:10px 0px 0px 15px;}


div.box label span { display: block; color:#FFF; font-size:12px; float:left; width:100px; text-align:left;}

div.box .input_text {  height:24px; width:145px; #width:143px; border:0; margin-bottom:3px;  -moz-border-radius: 4px; border-radius: 4px 4px 4px 4px;}

.box_submit {margin:10px 0px 0px 120px;}


.tab_container {overflow: hidden; clear: both; float: left; margin-bottom:20px; background:url(../images/tab-bg.jpg); width:321px; height:217px;}
.tab_content { padding: 20px; font-size: 11px; line-height:18px; }

a.bloglink2:link, a.bloglink2:visited, a.bloglink2:active { font-family:Arial; font-size:18px; text-decoration:none; color:#0066b3;}
a.bloglink2:hover { color:#35acd4;}

a.blogtitle:link, a.blogtitle:active, a.blogtitle:visited {text-decoration:none; color:#6599d2;}

a.bloggrey:link, a.bloggreye:active, a.bloggrey:visited { text-decoration:none; color:#707070;}

.bloggrey{color:#707070;}
.blogblue {color:#6599d2;}

.coffee {margin-bottom:10px;}

.product-title {font-size:18px; color:#0066b3;}
.productsub {color:#88aaca; font-weight:bold; }
.buybutton {margin-top:15px;}

#footerproduct1 {width:315px; height:220px;}

#detail1 {width:331px; height:80px; background:#f6f5f5;
margin:30px 0px 0px 105px; position:absolute;
border-radius: 20px 20px 20px 20px;
-moz-border-radius:20px 20px 20px 20px
;
-webkit-border-radius:20px 20px 20px 20px;
color:#0066b3;
padding:15px 0px 0px 20px;
}
#detail1 p {margin:0;}

#buydiv {margin-left:200px; margin-top:-40px;}

#homeheight {height:440px;}

.collapsable { padding-bottom: 20px; border:none; background:#fff; } 

.eventsleftcolumn {  vertical-align:top }
.eventsrightcolumn {  padding-left:10px;vertical-align:top }

.CMSEvents {width:100%; font-size:12px; margin-top:30px;}
.CMSEvents a { text-decoration:none; color:#1475a7; }
.CMSEvents a:hover { text-decoration:none; color:#53bbe1; }
.CMSEvents img {margin-right:15px; border-radius:5px;}
.CMSEvents b {color:#1475a7;}
.CMSEvents table {width:100%;}

.EventsSubTitle { color:#1475a7; line-height:30px; font-size:17px; font-weight:bold;}
#whendiv {border:solid 1px #ccc; padding:10px; background:#eff5fb; border-radius:5px;}

.SeperatorRow {background:url(../images/dotted_line.gif) repeat-x bottom; height:1px; padding-bottom:30px;}
.BlogTitle {color:#1475a7; font-size:26px; font-weight:bold; background:url(../images/dotted_line.gif) repeat-x bottom; padding-bottom:5px; display:inline; height:35px; margin-bottom:15px;}