/*
Theme Name: Savtechnology 2010
Theme URI: http://savtechnology.com
Description: The 2010 SAV theme for wordpress 3.0
Author: Savplus
Version: 1.0
Tags: 
*/

body {
	font:normal 12px/19px 'Lucida Grande', Arial, Helvetica, sans-serif;
	color:#747474;
	width:100%;
	background:#00a7e0 url(images/header_bg.jpg) top center no-repeat;	
	/* letter-spacing:-0.01em; */
}

body#slideshow-page {
	background:#00a7e0 url(images/header_bg-slideshow.jpg) top center no-repeat;
}

a {
	color:#009edc;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin:0 0 20px 0;
}

small {
display:block;
font-size:85%;
line-height:140%;
margin:0 0 22px;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

h1 {
	font-weight:normal;
}

h2 {
	font-weight:normal;
}

h3 {
	font-weight:normal;
}

h4 {
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

h6 {
	font:normal 24px/32px Georgia, Times New Roman, serif;
}

.clear {
	clear:both;
}

.aligncenter {
	text-align: center;
}

body#slideshow-page #header, #header {
	margin:0;
}

#headerInner {
	width:960px;
	overflow:visible;
	margin:0 auto;
}

body#slideshow-page #headerInner {
	height:472px;
	width:960px;
	margin:0 auto;
}



#header h1 a {
	display:block;
	width:281px;
	height:71px;
	background:transparent url(../images/logo.gif) 0 0;
	text-indent:-9999px;
	margin:35px 0 0;
	float:left;
}


ul#nav {
	float:right;
	margin:29px 0 0 0;
}

ul#nav li {
	list-style:none;
	display:inline;
	float:left;
	margin:0;
}

ul#nav li a {
	font:bold 15px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

/*
#slideshow {
	margin:70px 0 101px 0;
}
*/

.anythingSlider .wrapper ul li div.slide {
	background:transparent url(images/feature-laptop.png) 0 0 no-repeat;
	width:479px;
	height:338px;
	display:block;
	float:right;
}

.anythingSlider .wrapper ul li div.slide img {
	display:block;
	width:347;
	height:212px;
	padding:18px 0 0 59px;
}

.anythingSlider .wrapper div.slideText h3 {
	font:normal 35px/60px Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	color:#fff;
	padding:104px 0 0 19px;
	text-shadow:1px 0px 0px #c1d959;
	z-index:100;
	height:35px;	
}

.anythingSlider .wrapper p {
	padding:35px 0 0 19px;
	color:#006983;
	text-shadow:0 1px 0 #d9edf5;
}

.anythingSlider .wrapper p a.learnmore {
	background:transparent url(images/work-with-us-btn.png) top left no-repeat;
	display:block;
	height:17px;
	width:118px;
	text-shadow:0 1px 0 #d9edf5;
	text-transform:uppercase;
	font-weight:bold;
	padding:0 0 0 10px;
	text-indent:-9999px;
	margin:10px 0 0 -3px;
}

.anythingSlider .wrapper p a.learnmore:hover {
	background-position:bottom left;
	text-shadow:0 1px 0 #0e728b;
	color:#fff;
}

/****************************************************************************/
/****************************************************************************/

/* Common Text Styles */

/****************************************************************************/
/****************************************************************************/

ul.blist {
	margin: 10px 0 20px 0;
}

.blist li {
	margin-left: 30px;
	padding-left: 3px;
	list-style-type: square;
}

.spaced li {
	margin-bottom: 15px;
}


/****************************************************************************/
/****************************************************************************/

/* Navigation */

/****************************************************************************/
/****************************************************************************/

li#nav-about a {
	background:transparent url(images/navigation.png) -13px -2px no-repeat;
	width:93px;
	height:45px;
	display:block;
	text-indent:-9999px;
}

li#nav-about a:hover, li#nav-about a:active, li#nav-about a.active {
	background-position: -13px -47px;
}

li#nav-services a {
	background:transparent url(images/navigation.png) -106px -2px no-repeat;
	width:108px;
	height:45px;
	display:block;
	text-indent:-9999px;
}

li#nav-services a:hover {
	background-position:-106px -99px;
	height:40px;
	cursor:pointer;
}

#services-nav-menu {
	background:transparent url(images/navigation.png) -106px -99px no-repeat;
	width:194px;
	height:217px;
	margin:63px -86px 0 398px;
	float:left;
	position:absolute;
	z-index:1000;
	cursor:pointer;
}

li#nav-services a:active, li#nav-services a.active {
	background-position: -106px -47px;
}

li#nav-testimonials a {
	background:transparent url(images/navigation.png) -214px -2px no-repeat;
	width:149px;
	height:45px;
	display:block;
	text-indent:-9999px;
}

li#nav-testimonials a:hover, li#nav-testimonials a.active {
	background-position: -214px -47px;
}

li#nav-support a {
	background:transparent url(images/navigation.png) -363px -2px no-repeat;
	width:106px;
	height:45px;
	display:block;
	text-indent:-9999px;
}

li#nav-support a:hover, li#nav-support a.active {
	background-position: -363px -47px;
}

li#nav-news a {
	background:transparent url(images/navigation.png) -469px -2px no-repeat;
	width:86px;
	height:45px;
	display:block;
	text-indent:-9999px;
}

li#nav-news a:hover, li#nav-news a.active {
	background-position: -469px -47px;
}

li#nav-contact a {
	background:transparent url(images/navigation.png) -555px -2px no-repeat;
	width:113px;
	height:45px;
	display:block;
	text-indent:-9999px;
}

li#nav-contact a:hover, li#nav-contact a.active {
	background-position: -555px -47px;
}

#services-nav-menu ul {
	margin:55px 0 0 0;
}

#services-nav-menu li a h4 {
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#9b9b9b;
}

#services-nav-menu li a {
	width:162px;
	padding:13px 8px 18px 16px;
	float:left;
	height:5px;
	margin:0 0 0 4px;
}

#services-nav-menu ul li a:hover {
	background:#e7e7e7;
	color:#454545;
	text-shadow:0 2px 0 #f8f8f8;
		text-decoration: none;
}

#services-nav-menu ul li a:hover h4 {
	color:#454545;
	text-shadow:0 2px 0 #f8f8f8;
	background:#e7e7e7;
}
/****************************************************************************/
/****************************************************************************/

/* Top Bar */

/****************************************************************************/
/****************************************************************************/

#topbar #box {
	height:25px;
margin:0 auto;
width:960px;
}

#topbar {
	background:transparent url(images/topbar.png) repeat-x top left;
	height:5px;
	width:100%;
}

#topbar #box ul {
width:550px;
float:right;
}

#topbar ul li {
	display:inline;
	float:right;
}

#topbar ul li#webmail {
	background:url(images/topbar-box.png) no-repeat top left;
	height:24px;
	margin:5px 0 0;
	padding:4px 15px 7px 23px;
    width:123px;
}

#topbar ul li#webmail img {
	float:left;
	margin:-3px 7px 0 -3px;
	height:15px;
}

#topbar ul li#support_request {
	background:url(images/topbar-box.png) no-repeat -40px top;
	height:24px;
	margin:5px 0 0;
	padding:4px 15px 7px 20px;
    width:120px;
}

#topbar ul li#phone_number {
	background:url(images/topbar-box.png) no-repeat top right;
	height:24px;
	margin:5px 0 0;
	padding:4px 15px 7px 16px;
	width:196px;
	font-size: 11px;
	font-weight: bold;
}

#topbar ul li#phone_number h4, #topbar ul li#phone_number h5 {
	float:left;
	height:24px;	
}

#topbar ul li#phone_number h5 {
	margin:-4px 5px 0 8px;	
	background:transparent url(images/mapleleaf-white.png) no-repeat right 1px;
	float:right;
	padding:0 23px 0 0;
}

body #topbar h4, body #topbar a {
	color:#ddf7ff;
	float:left;
	height:24px;
}


 body #topbar h5 {
	 color:#fff;
 }

body #topbar a:hover {
	color:#fff !important;
}

#topbar ul li span.divider {
	background:transparent url(images/vert-divider.png) no-repeat top left;
	width:2px;
	height:19px;
	display:block;
	margin:-10px -18px 0 0;	
	float:right;
}


/****************************************************************************/

/* Contact Page */



img.contact-sidebar-pic {
	margin:-41px 0 35px 0;
	float:left;
}

#contact-left-sidebar {
	width:250px;
	height:auto;
	float:left;
	padding:0 50px 0 0;
}

#contact-left-sidebar .top {
	width:250px;
	background:transparent url(images/contact-sidebar-top.png) no-repeat top left;
	height:20px;
	display:block;
		float:left;
}

#contact-left-sidebar .mid {
	width:250px;
	background:transparent url(images/contact-sidebar-mid.png) repeat-y top left;
		float:left;
		padding:0 0 0 20px;
}

#contact-left-sidebar .bottom {
	width:250px;
	background:transparent url(images/contact-sidebar-bottom.png) no-repeat bottom left;
	height:20px;
	display:block;
		float:left;
}

#contact-left-sidebar ul {
	padding:0 0 25px;
}

#contact-left-sidebar ul li {
	padding:0 0 3px;
}

#contact-left-sidebar em {
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}


#contact-content-column h2 {
color:#1BAFDB;
font:42px/58px Arial,Helvetica,sans-serif;
text-transform:lowercase;
}

#contact-content-column form#contact-form input.textbox {
	background:#fff url(images/contact-form-input.jpg) no-repeat top left;
border:0 none;
color:#777777;
font:13px/36px Arial;
height:39px;
margin:0 100px 11px 0;
padding:0 0 0 11px;
width:322px;
vertical-align:middle;
}

#contact-content-column form#contact-form textarea {
	background:#fff url(images/contact-form-textarea.jpg) no-repeat top left;
border:0 none;
color:#777777;
font:13px/18px Arial;
height:39px;
margin:0 100px 11px 0;
padding:0 0 0 11px;
width:500px;
height:183px;
overflow: hidden;
overflow-y: hidden;
overflow-x: hidden;
overflow:-moz-scrollbars-none;

}

#contact-content-column .contact-btn {
	background:	#fff url(images/submit-btn.jpg) no-repeat top left;
border:0 none;
height:34px;
width:144px;
display:block;
text-indent:-9999px;
cursor:pointer;
}

#contact-content-column .contact-btn:hover {
background-position:bottom left;
}


/****************************************************************************/
/****************************************************************************/

/* News Page */

#news-content-column {
	width:600px;
	float:left;
}

div.post-title {
	display:block;
	margin:0 0 20px 0;
}

span.date {
	width:100%;
	float:left;
	margin-bottom:15px;
}

span.date a {
	background:transparent url(images/date-bg.png) no-repeat top left;
	height:19px;
	float:left;
	padding:4px 0 0 10px;
	margin-right:18px;
	color:#fff;
	font-size:9px;
}

span.date a h4 {
	background:transparent url(images/date-bg.png) no-repeat top right;
	padding:4px 10px 4px 0;
	margin:-4px -27px 0 0;
}

.post h2 {
color:#1bafdb;
font:36px/52px Arial,Helvetica,sans-serif;
text-transform:lowercase;
}

img.small {
	float:left;
	max-width:150px;
	border:1px solid #e9e9e9;
	clear:left;
}

img.medium {
	float:left;
	max-width:240px;
	border:1px solid #e9e9e9;
	clear:left;	
}

img.large {
	float:left;
	max-width:580px;
	border:1px solid #e9e9e9;	
	clear:left;	
}

span.image-border {
	padding:15px;
	background-color:#f6f6f6;
	border:1px solid #e6e6e6;
	float:left;
	margin:0 30px 30px 0;
	display:block;
	overflow:hidden;
}

span.divider {
	background:#fff url(images/horz-divider.jpg) no-repeat top left;
	float:left;
height:79px;
margin:-13px 0 -52px;
width:100%;
}

span.author {
	display:block;
	float:left;
	margin:0 45px 0 0;
}

div.categories {
		display:block;
}

div.categories span.link {
		background:transparent url(images/news-category-bg.png) no-repeat top left;
	height:19px;

margin:-10px 18px 0 0;
padding:2px 0 4px 10px;
	color:#fff;
	font-size:10px;
	text-transform:lowercase;
}


div.categories span.link a {
	background:transparent url(images/news-category-bg.png) no-repeat top right;
	font-size:10px;
font-weight:bold;
margin:-10px -10px 0 0;
padding:2px 12px 4px 0;
	color:#fff;
	font-weight:bold;
	
}

.post {
	padding:0 0 40px;
}


.news-categories ul, .news-archives ul {
	background-color:	#efefef;
	font:italic 13px/21px Georgia;
	text-shadow:0 1px 0 #FFFFFF;
	padding:0 0 20px 0;
}

.news-categories ul li, .news-archives ul li {
	width:100%;

}

#right-sidebar .news-archives {
	margin:35px 0 0 0;
}

.news-categories ul, .news-archives ul {
background:url("images/testimonial_bottom.gif") no-repeat scroll left bottom #EFEFEF;
display:block;
}

.news-categories ul li a, .news-archives ul li a{
		padding:3px 17px 6px 23px;
		width:260px;
		display:block;
}

.news-categories ul li a:hover, .news-archives ul li a:hover {
		background-color:#ddd;
}


/****************************************************************************/
/****************************************************************************/

/* Header Slider */

/****************************************************************************/
/****************************************************************************/


/*
    This stuff is for the TitleBlock Plugin

.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


    For Specific Slides

#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }
*/



.anythingSlider                         { width: 960px; height: 335px; position: absolute; margin: 133px auto 15px; }
.anythingSlider .wrapper                { width: 960px; overflow: auto; height: 341px; margin: 0; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; overflow:hidden;}
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 350px; width: 960px; margin: 5px 0 0 0; }
.anythingSlider .forward                { display: block; height: 41px; width: 19px; background: url(images/right-arrow.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 138px; cursor: pointer; left:911px;}
.anythingSlider .back                   { display: block; height: 41px; width: 19px; background: url(images/left-arrow.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 138px; cursor: pointer; left:494px;}
.anythingSlider .forward:hover          { background-position:  0 -40px; }
.anythingSlider .back:hover             { background-position: 0 -40px; }

#thumbNav                               { 

height:130px;
position:relative;
text-align:left;
top:278px;
z-index:100;
padding:0 0 0 11px;
}

#thumbNav a                             { 
background:transparent url(images/slideshow-nav.png) no-repeat top left; 
width:30px;
height:30px;
display:block;
font-size:0;
text-indent:-9999px;
float:left;
}

#thumbNav a:hover                       { background-position:bottom left; }
#thumbNav a.cur                         { background-position:bottom left; }

#start-stop                             { display:none;}

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.anythingSlider .sliderText {
	position:absolute;
}



/****************************************************************************/
/****************************************************************************/

/* Content */

/****************************************************************************/
/****************************************************************************/



#contentwrapper {
	background:#ffffff url(images/content_bg.jpg) 0 0 repeat-x;
	width:100%;
	clear:left;
	float:left;
	padding:38px 0 50px 0;
	margin:80px 0 0 0;
}

body#slideshow-page #contentwrapper {
	margin:0;

}

#content {
	width:960px;
	margin:0 auto;
}

/****************************************************************************/
/* Left Sidebar */
/****************************************************************************/


#left-sidebar {
	float:left;
	margin:0 48px 0 0;
}

#left-sidebar .top {
	background:transparent url(images/left-sidebar-top.png) no-repeat top left;
	width:181px;
	height:14px;
	display:block;
	height:14px;
}

#left-sidebar .bottom {
	background:transparent url(images/left-sidebar-bottom.png) no-repeat bottom left;
	width:181px;
	height:116px;
	display:block;
}

#left-sidebar ul {
	background:transparent url(images/left-sidebar-mid.png) repeat-y top left;
	width:181px;
	border-top:1px solid #b8b8b8;
}

#left-sidebar ul li{
	border-bottom:1px solid #b9b9b9;
	border-top:1px solid #f3f3f3;	
	width:100%;
}

#left-sidebar ul li a {
	padding:17px 17px 16px 16px;
	display:block;
	color:#595959;
	text-decoration: none;
}

#left-sidebar ul li.selected {
	border-bottom:1px solid #499eb9;
	border-top:1px solid #b1ebfb;	
	width:100%;
}

#left-sidebar ul li.selected a, #left-sidebar ul li a:hover {
	background:#5bc5e7 url(images/left-sidebar-selected.jpg) repeat-x top left;
	padding:17px 17px 16px 16px;
	display:block;
	color:#ffffff;
}	

#left-sidebar ul li.selected a span.icon-computers, #left-sidebar ul li.selected a span.icon-email, #left-sidebar ul li.selected a span.icon-websites, #left-sidebar ul li.selected a span.icon-phone, #left-sidebar ul li.selected a span.icon-hosting  {
	background-position:bottom left;
}

#left-sidebar ul li.selected a h4, #left-sidebar ul li a:hover {
	color:#ffffff !important;
	text-decoration: none;
}



#middle-content-column {
	width:367px;
	float:left;	
	padding-top:8px;	
}

#left-content-column {
	width:606px;
	float:left;
}

#left-wide-column {
	width:722px;
	float:left;
}

#right-sidebar {
	margin:19px 0 0 54px;
	float:left;
	width:300px;
}

#middle-content-column h2,#left-wide-column h2 {
	font:normal 42px/58px Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	color:#1bafdb;
}

#left-content-column h2 {
	font:normal 42px/58px Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	color:#a4cc11;
}

#contentwrapper h6 {
	font:normal 24px/32px Georgia, Times New Roman, serif;
	color:#747474;
	font-style:italic;
	margin:10px 0 20px 0;	
}	

#testimonials-content-column h2 {
	font:normal 42px/58px Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	color:#a4cc11;
}

#testimonials-content-column {
	width:600px;
	float:left;
}


#testimonials-content-column ul li blockquote {
	background:transparent url(images/blockquote-big.png) no-repeat top left;
	padding:0 0 0 90px;
	font:italic 14px/22px Georgia, "Times New Roman", Times, serif;
	color:#747474;
}

#testimonials-content-column ul li blockquote p.name {
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:25px;
	font-size:12px;
}

#testimonials-content-column ul li.even {
	background-color:#f4f4f4;
}
	
#right-sidebar .testimonial-page ul li {
	border-bottom:1px solid #d7d7d7;
	border-top:1px solid #fff;
	background-color:#efefef;
	padding:20px 15px 0;
}

#testimonials-content-column ul li {
	padding:20px;
}

#right-sidebar .testimonial-page ul li.first {
	border-top:0 none;
}

#right-sidebar .testimonial-page ul li.last {
	border-bottom:0 none;
}

#right-sidebar .testimonial-page ul li img {
	background-color:#fff;
	border:1px solid #d7d7d7;
	padding:5px;
	float:left;
	margin:0 12px 8px 0;
}

#right-sidebar .testimonial-page ul {
background:url(images/testimonial_bottom.gif) no-repeat scroll left bottom #EFEFEF;
display:block;
padding:0 0 20px;
}



#testimonials, .testimonialBox {
	margin:15px 0 0 0;
}

#testimonials h4, .testimonialBox h4 {
	margin:0 0 12px 0;
}

#testimonials .link-testimonials, #testimonialFull .link-testimonials, .testimonialBox .link-testimonials {
	font:normal 10px/14px Arial, Helvetica, sans-serif;
	float:right;
	margin:-25px 0 0;
}

#testimonials .top, .testimonialBox .top {
	background:#efefef url(images/testimonial_top.gif) top left no-repeat;
	height:13px;
	width:300px;
	/*margin:-13px -15px -13px -15px;*/
}



#testimonials blockquote, #testimonialFull blockquote, .testimonialBox blockquote {
	background:	#efefef url(images/blockquote-open.png) 10px top no-repeat;
	font:italic 13px/21px Georgia;
	padding:7px 17px 27px 23px;
	text-shadow:0 1px 0 #FFFFFF;
	border-bottom:1px solid #d7d7d7;
}

#testimonials blockquote .blockquote-bottom, #testimonialFull blockquote .blockquote-bottom, .testimonialBox blockquote .blockquote-bottom {
	background:transparent url(images/blockquote-close.png) bottom right no-repeat;
	width:55px;
	height:36px;
	float:right;
	margin:0 -6px 0 0;
}

#testimonials p.attrib, .testimonialBox p.attrib {
	background:#efefef url(images/testimonial_bottom.gif) bottom left no-repeat;
	border-top:1px solid #fff;
	padding:10px 21px 17px;
}

#testimonialFull {
background:url(images/testimonial-bottom-wide.gif) bottom left no-repeat;
padding-bottom:12px;
}
#testimonialFull .top {
	background:transparent url(images/testimonial-top-wide.gif) top left no-repeat;
	height:12px;
	width:724px;
}
#testimonialFull p.attrib {
	background:#efefef;
	border-top:1px solid #fff;
	padding:10px 21px 17px;
    margin:0;
}

.testimonial-logo {
	float:right;
	margin:-14px 15px 0 0;
}

img.home-feature-image {
	margin:-40px 0 0 -40px;
	float:left;
	display:block;
}


ul.buttons li {
	margin-left:10px;
}

.pagecontent a.green-btn {
background-image:url("images/green-btn.jpg");
background-position:left top;
background-repeat:no-repeat;
color:#669900;
display:block;
float:left;
font-size:12px;
height:34px;
margin-right:22px;
padding-left:16px;
text-decoration:none;
width:auto;
}

.pagecontent a.green-btn h4 {
color:#669900;
padding:13px 30px 10px 0;
width:117px;
text-transform:uppercase;
background-image:url("images/green-btn.jpg");
background-position:right top;
background-repeat:no-repeat;
float:left;
text-shadow:0 1px 0 #deef97;
margin:0;
font-size: 12px;
}

.pagecontent a.green-btn h4 span.arrow {
background:transparent url("images/green-btn-arrow.png") no-repeat top right;
width:15px;
height:15px;
display:block;
text-shadow:0 1px 0 #deef97;
float:right;
margin:-6px -22px -4px 0;
padding:0 5px 6px 11px;
}

.pagecontent a.green-btn:hover {
background-position:left bottom;
}

.pagecontent a.green-btn:hover h4 {
background-position:right bottom;
}



.pagecontent a.blue-btn {
background-image:url("images/blue-btn.jpg");
background-position:left top;
background-repeat:no-repeat;
color:#198eb3;
display:block;
float:left;
font-size:12px;
height:34px;
margin-left:-6px;
padding-left:16px;
text-decoration:none;
width:auto;

}

.pagecontent a.blue-btn h4 {
color:#198eb3;
padding:13px 30px 10px 0;
width:117px;
text-transform:uppercase;
background-image:url("images/blue-btn.jpg");
background-position:right top;
background-repeat:no-repeat;
float:left;
text-shadow:0 1px 0 #deef97;
margin:0;
font-size: 12px;
}

.pagecontent a.blue-btn h4 span.arrow {
background:transparent url("images/blue-btn-arrow.png") no-repeat top right;
width:15px;
height:15px;
display:block;
text-shadow:0 1px 0 #aae2f7;
float:right;
margin:-6px -22px -4px 0;
padding:0 5px 6px 11px;
}

.pagecontent a.blue-btn:hover {
background-position:left bottom;
}

.pagecontent a.blue-btn:hover h4 {
background-position:right bottom;
}




a.blue-btn {
background-image:url("images/blue-btn.jpg");
background-position:left top;
background-repeat:no-repeat;
color:#669900;
display:block;
float:left;
font-size:12px;
height:34px;
margin-left:-6px;
padding-left:16px;
text-decoration:none;
width:auto;
}



/****************************************************************************/
/* Subpage Content Additional Styles */
/****************************************************************************/


ul#iconList {
	margin:-5px 0 20px 0;
	display:block;
	float:left;
}

ul#iconList li {
	border-bottom:1px solid #e5e5e5;
	display:block;
	width:100%;
	float:left;
	padding:15px;
}

ul#iconList li img {
	float:left;
	margin-right:20px;
}

ul#iconList li h4 {
	margin:-8px 0 0;
	padding-top:15px;
	padding-bottom:15px;	
}

/* Previous + Next Buttons */

.page-nav-buttons {
	width:100%;
}

.page-nav-buttons .prev-btn {
	float:left;
	text-align:left;
}

.page-nav-buttons .next-btn {
	float:right;
	text-align:right;
}

.page-nav-buttons .prev-btn .arrow {
	width:21px;
	height:21px;
	background:#fff url(images/green-circle-arrows.gif) no-repeat top left;
	display:block;
	float:left;
}

.page-nav-buttons .next-btn .arrow {
	width:21px;
	height:21px;
	background:#fff url(images/green-circle-arrows.gif) no-repeat top right;
	display:block;
	float:right;
}

.pagecontent .page-nav-buttons a h4 {
	color:#accf41;
	float:left;
	padding:5px 10px;
	font-size: 12px;
}


/* Subpage Second Nav - Left */

#left-sidebar ul li ul li a, #left-sidebar ul li ul li.selected a, #left-sidebar ul li ul li a:hover {
	padding:10px;
	background-color:#cdcdcd;
}

#left-sidebar ul li ul li a h4 {
	font-size:10px;
}

#left-sidebar ul.accordion li a h4 {
	margin:3px 0 0 24px;
}

#left-sidebar ul.accordion li ul li a h4 {
	margin:0 0 0 5px;
}

span.icon-websites {
background:transparent url(images/icon-sidebar-websites.png) no-repeat top left;
width:14px;
height:14px;
display:block;
float:left;
}

span.icon-email {
background:transparent url(images/icon-sidebar-email.png) no-repeat top left;
width:14px;
height:14px;
display:block;
float:left;
}

span.icon-computers {
background:transparent url(images/icon-sidebar-computers.png) no-repeat top left;
width:14px;
height:14px;
display:block;
float:left;
}

span.icon-phone {
background:transparent url(images/icon-sidebar-phone.png) no-repeat top left;
width:14px;
height:14px;
display:block;
float:left;
}

span.icon-hosting {
background:transparent url(images/icon-sidebar-tech.png) no-repeat top left;
width:14px;
height:14px;
display:block;
float:left;
}

ul.accordion li a:hover span.icon-websites, ul.accordion li a:hover span.icon-email, ul.accordion li a:hover span.icon-phone, ul.accordion li a:hover span.icon-hosting, ul.accordion li a:hover span.icon-computers {
background-position:bottom left;
}

/* Portfolio - Services Type + Layout */

#left-wide-column #services-top {
	width:100%;
	display:block;
	height:40px;
}

#left-wide-column #services-top h4 {
	color:#505050;
	float:left;
}

#left-wide-column #services-top h6 {
	float:right;
	margin:-5px 0 0 0;
}

#left-wide-column #services-top h4 span.icon-websites, #left-wide-column #services-top h4 span.icon-email, #left-wide-column #services-top h4 span.icon-computers, #left-wide-column #services-top h4 span.icon-phone, #left-wide-column #services-top h4 span.icon-hosting {
	margin:-2px 10px 0 0;
}

#services-title-bar {
	background:transparent url(images/services-title-bar.png) no-repeat top left;
	width:722px;
	height:85px;
	display:block;
	margin:-5px 0 0 -5px;
	padding:24px 0 0 24px;
}

#services-title-bar h2 {
	font:normal 42px/56px Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	color:#fff;
	float:left;
	padding:4px 0 0 20px;
}

#services-title-bar img {
	float:left;
}

.tabs {
	display:block;
	float:left;
	margin: 12px 0 30px -2px;
}

.tabs ul.tabNavigation a h2 {
	font:normal 14px/22px Arial, Helvetica, sans-serif !important;
	text-transform:uppercase !important;
	color:#acacac !important;
}

.tabs ul.tabNavigation li.active a h2, .tabs ul.tabNavigation a:hover h2 {
	color:#009ecd;
	margin:-17px -40px 0 0;
}

.tabs ul.tabNavigation li {
	float:left;
	margin:0 10px 0 0;
}

.tabs ul.tabNavigation a {
	display:block;
	float:left;
	height:51px;
	padding:17px 38px 0 25px;
	margin:0;
	position:relative;
	text-decoration: none;
}

.tabs ul.tabNavigation li a.selected, .tabs ul.tabNavigation li a:hover {
	background:transparent url(images/tab.png) no-repeat top left;
display:block;
float:left;
height:51px;
margin:0;
position:relative;
z-index:100;
}

.tabs ul.tabNavigation li.portfolioTab {
	width:124px;
}

.tabs ul.tabNavigation li.featuresTab {
	width:113px;
}

.tabs ul.tabNavigation li.pricingTab {
	width:105px;
}

.tabs ul.tabNavigation li.howitworksTab {
	width:200px;
}

.tabs ul.tabNavigation li.portfolioTab a.selected h2, .tabs ul.tabNavigation li.portfolioTab a:hover h2 {
	background:#fff url(images/tab.png) no-repeat top right;
	display:block;
height:28px;
margin:-17px -40px 0 0;
padding:17px 25px 0 0;
}

.tabs ul.tabNavigation li.featuresTab a.selected h2, .tabs ul.tabNavigation li.featuresTab a:hover h2 {
	background:#fff url(images/tab.png) no-repeat top right !important;
	display:block !important;
height:28px !important;
margin:-17px -40px 0 0 !important;
padding:17px 25px 0 0 !important;
}

.tabs ul.tabNavigation li.pricingTab a.selected h2, .tabs ul.tabNavigation li.pricingTab a:hover h2 {
	background:#fff url(images/tab.png) no-repeat top right;
	display:block;
height:28px;
margin:-17px -40px 0 0;
padding:17px 25px 0 0;
}

.tabs ul.tabNavigation li.howitworksTab a.selected h2, .tabs ul.tabNavigation li.howitworksTab a:hover h2 {
	background:#fff url(images/tab.png) no-repeat top right;
	display:block;
height:28px;
margin:-17px -40px 0 0;
padding:17px 25px 0 0;
}

.tabs div#portfolio, .tabs div.TabBox {
	margin:-27px 0 0 -2px;
	float:left;
	display:block;
}

.tabs div span.mid {
	background:transparent url(images/tab-box-mid.png) repeat-y top left;
	width:731px;
	min-height:167px;
	float:left;
	display:block;
}

.tabs div span.top {
	background:transparent url(images/tab-box-top.png) no-repeat top left;
	width:731px;
	height:20px;
	float:left;
	display:block;
}

.tabs div span.bottom {
	background:transparent url(images/tab-box-bottom.png) no-repeat bottom left;
	width:731px;
	height:20px;
	float:left;
	display:block;
}

/****************************************************************************/
/* Tabs Slideshow */

.tabs .anythingSlider {
	width:720px;
	margin:0 auto 15px;
	position:relative;
	height:auto;

}

.tabs .anythingSlider .wrapper {
width:720px;
position:relative;
z-index:1000;
padding:30px 0 0 0;
height:205px;
}

.tabs .anythingSlider .wrapper ul li {
width:720px;
}

.tabs .anythingSlider .wrapper ul li .slide {
float:left;
background:none;
width:402px;
}

.tabs .anythingSlider .wrapper ul li .slide a img {
background-color:#999999;
margin:10px 0 0 20px;
padding:4px;
}

.tabs .anythingSlider .wrapper div.slideText h3 {
	font:normal 24px/32px Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	text-transform:lowercase;
	padding:28px 0 0 0;
}

.tabs .anythingSlider .wrapper div.slideText {
width: 300px; float: left;
}

.tabs .anythingSlider .wrapper div.slideText p {
	color:#999;
	text-shadow:none;
	padding:20px 0 0 0;
}

.tabs .anythingSlider .forward, .tabs .anythingSlider .back {
	display:none;
}

.tabs #thumbNav {
	padding:10px 0 0 11px;
	top:0;
	height:25px;
}

.tabs #thumbNav a {
	background:transparent url(images/tab-slideshow-nav.png) no-repeat top left;
}

.tabs #thumbNav a.cur {
	background-position:bottom left;
}

.tabs .anythingSlider .slideText a.blue-btn {
	margin-left:-2px;
}

/* Inner Content */

.leftInfo {
	width:372px;
	float:left;
	padding:12px 20px 20px 28px;
}

.rightInfo {
	width:250px;
	float:left;
	padding:40px 0 0 25px;
}

.rightInfoNTP {
	width: 250px;
	float: left;
	padding: 12px 20px 20px 28px;	
}

.rightInfo a.blue-btn {
	margin:0 12px 20px;
}

.leftInfo span.blue {
	color:#88d0ed;
}

.leftInfo ul li em{
font-family:Georgia, "Times New Roman", Times, serif;
}

.leftInfo ul.priceList li {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
}

.leftInfo ul.priceList {
	margin-bottom:30px;
}

.leftInfo h4, .rightInfoNTP h4 {
	margin:16px 0 8px;
}

.leftInfo ul.productInfo {
	margin:-6px 0 60px;
	border-top:1px solid #ddd;
	padding-top:10px;
}

.leftInfo ul.productInfo li {
	padding:3px 0 3px 15px;
	list-style:inside disc #ddd;
}


.pagecontent h3 {
	font:normal 24px/32px Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	text-transform:lowercase;
	width:100%;
	padding-bottom:20px;
}

.pagecontent .halfLeft {
	width: 330px;
	float: left;
	padding: 0 25px 0 0;
}

.pagecontent .halfRight {
	width: 330px;
	float: left;
	padding:0 0 0 25px;

}

.pagecontent .fullAcross {
	padding: 0 5px 0 5px;
}

.pagecontent span.left-image {
	float:left;
	padding:2px 2px 2px 2px;
	border:1px solid #ddd;
	margin:20px 20px 20px 0;
	background-color:#fff;
}

.pagecontent span.left-image img {
	border:1px solid #eee;
}

.pagecontent span.right-image {
	float:right;
	padding:2px 2px 2px 2px;
	border:1px solid #ddd;
	margin:20px 0 20px 20px;
	background-color:#fff;
}

.pagecontent span.right-image img {
	border:1px solid #eee;
}

.pagecontent ul li h4 {
	font:normal 15px/28px Arial, Helvetica, sans-serif;
	padding:15px 0 3px;
	color:#009edc;
}

.pagecontent .notabswrap { 
	padding: 0 5px 0 5px;
	margin: 0 0 25px 0;
}

.tabs table {
	margin-bottom:30px;
}

.tabs table .tableTop td {
	font-weight:bold;
}

.tabs table tr.even {
	background-color:#fafafa;
}

.tabs table td {
	padding:8px;
}

.tabs table td.even {
	background-color:#fafafa;
}

.tabs table tr.even td.even {
	background-color:#f6f6f6;
}

.tabs table td.leftCol {
	width:120px;
	font-style:italic;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	vertical-align:middle;
}

.tabs table tr.bottom {
	border-top: 1px solid #999;
}

.tabs table tr.bottom td {
	margin-top:20px;
	border-top:1px solid #ddd;
}

.tabs table a.blue-btn {
	margin:12px 5px 0 0;
}

.tabs .leftInfo table h4 {
	margin:0;
}

/****************************************************************************/
/****************************************************************************/

/* Services Box */

/****************************************************************************/
/****************************************************************************/

#our-services {
	width:100%;
	height:240px;
	margin:-55px 0 0;
}

#our-services h4 {
	background:transparent url("images/our-services-tag.png") no-repeat top left;
	width:180px;
	height:52px;
	display:block;
	text-indent:-9999px;
}

#our-services ul {
	/*background:transparent url("images/our_services-box.png") no-repeat top left;*/
	width:984px;
	height:160px;
	display:block;
	margin:-10px 0 0 -11px;
}

#our-services ul li {
	float:left;
	margin:0;
	height:126px;
}

#our-services ul li a h2 {
	font:normal 25px/33px Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	color:#356f88;
	margin:0 0 5px 0;
}

#our-services ul li a { text-decoration: none;}
#our-services ul li a:hover { text-decoration: none;}
#our-services ul li a h2 {	color:#619db7;}
#our-services ul li a:hover h2 { color:#fff;}
#our-services ul li a p {	color:#619db7; padding:35px 3px 0 0; margin:0 0 8px 0;}
#our-services ul li a:hover p {	color:#fff;}

#our-services ul li a span.learn-more {
	background:transparent url("images/services-learn_more-btn.png") no-repeat 0 0;
	width:104px;
	height:16px;
	display:block;
	text-indent:-9999px;
	margin:5px 0 0 -2px;
}

#our-services ul li a:hover span.learn-more {
	background-position:0 -16px;	
}

#our-services ul li a.computers {
	background:transparent url("images/our_services-box.png") no-repeat 0 -6px;	
	width:169px;
	height:126px;
	display:block;
	padding:25px 10px 0 72px;
}


#our-services ul li a.computers:hover {
	background-position:0 -158px;	
	z-index:1000;
}

#our-services ul li a.websites {
	background:transparent url("images/our_services-box.png") no-repeat -251px -6px;	
	width:166px;
	height:126px;
	display:block;
	padding:25px 14px 0 60px;
}


#our-services ul li a.websites:hover {
	background-position:-251px -158px;	
	z-index:1000;
}

#our-services ul li a.phone {
	background:transparent url("images/our_services-box.png") no-repeat -491px -6px;	
	width:169px;
	height:126px;
	display:block;
	padding:25px 14px 0 57px;
}


#our-services ul li a.phone:hover {
	background-position:-491px -158px;	
	z-index:1000;
}

#our-services ul li a.email {
	background:transparent url("images/our_services-box.png") no-repeat -731px -6px;	
	width:172px;
	height:126px;
	display:block;
	padding:25px 14px 0 59px;
}


#our-services ul li a.email:hover {
	background-position:-731px -158px;	
	z-index:1000;
}



/****************************************************************************/
/****************************************************************************/

/* Did You Know? */

/****************************************************************************/
/****************************************************************************/

#didyouknow {
	clear:left;
	width:822px;
	margin:88px 0 -35px;
	float:left;
}

#didyouknow .iphone {
	float:left;
	margin:-49px 0 0 -71px;
	position:absolute;
} 

#didyouknow .top {
	background:#f1fbff url(images/news-box_top.gif) no-repeat top left;
	width:822px;
	height:12px;
	margin:0 0 0 129px;
}

#didyouknow .mid {
	width:731px;
	background-color:#f1fbff;
	border-left:#dbebf2 solid 1px;
	border-right:#dbebf2 solid 1px;
	padding:10px 0 41px 218px;
	margin:0;
}

#didyouknow .bottom {
	background:#f1fbff url(images/news-box_bottom.gif) no-repeat top left;
	width:822px;
	height:12px;
	margin:0 0 0 129px;	
}

#didyouknow .mid h3 {
	font:normal 24px/32px Arial, Helvetica, sans-serif;
	color:#00a5e0;
	margin:0 0 15px 0;
}

#didyouknow .mid h6 {
	margin:0 0 5px;
}


/****************************************************************************/
/****************************************************************************/

/* Partners - Logo Bar */

/****************************************************************************/
/****************************************************************************/

#logobar {
	clear:left;
	float:left;
	background-color:#fcfcfc;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #d5d5d5;
	margin:0 auto;
	text-align:center;
	height:90px;
	width:100%;
}

ul#partners {
	border-top:1px solid #fff;
	margin:0 auto;
	text-align:center;
	width:960px;
	vertical-align:middle;
	padding:0 0 0 130px;
	height:90px;
}

ul#partners li {
	float:left;
	padding-left:35px;
}

ul#partners li#partners-bbb a {
	background:#fcfcfc url(images/partners-bbb.jpg) top left no-repeat;
	display:block;
	width:96px;
	height:36px;
	text-indent:-9999px;
	margin:24px 0 0 0;
}

ul#partners li#partners-microsoft a {
	background:#fcfcfc url(images/partners-microsoft.jpg) top left no-repeat;
	display:block;
	width:98px;
	height:17px;
	text-indent:-9999px;
	margin:33px 0 0 0;
}

ul#partners li#partners-apple a {
	background:#fcfcfc url(images/partners-apple.jpg) top left no-repeat;
	display:block;
	width:24px;
	height:30px;
	text-indent:-9999px;
	margin:25px 0 0 0;
}

ul#partners li#partners-van a {
	background:#fcfcfc url(images/partners-van.jpg) top left no-repeat;
	display:block;
	width:63px;
	height:60px;
	text-indent:-9999px;
	margin:10px 0 0 0;
}

ul#partners li#partners-mysql a {
	background:#fcfcfc url(images/partners-mysql.jpg) top left no-repeat;
	display:block;
	width:96px;
	height:50px;
	text-indent:-9999px;
	margin:15px 0 0 0;
}

ul#partners li#partners-php a {
	background:#fcfcfc url(images/partners-php.jpg) top left no-repeat;
	display:block;
	width:62px;
	height:33px;
	text-indent:-9999px;
	margin:26px 0 0 0;
}

ul#partners li#partners-zimbra a {
	background:#fcfcfc url(images/partners-zimbra.jpg) top left no-repeat;
	display:block;
	width:93px;
	height:22px;
	text-indent:-9999px;
	margin:29px 0 0 0;
}

ul#partners li#partners-bbb a:hover, ul#partners li#partners-microsoft a:hover, ul#partners li#partners-apple a:hover, ul#partners li#partners-van a:hover, ul#partners li#partners-mysql a:hover, ul#partners li#partners-php a:hover, ul#partners li#partners-zimbra a:hover {
	background-position:bottom left;
}


/****************************************************************************/
/****************************************************************************/

/* Footer */

/****************************************************************************/
/****************************************************************************/


#footer {
	background:#ededed url(images/footer-gradient.jpg) no-repeat left -1px;
	width:100%;
	float:left;
	border-top:1px solid #fff;
}

#footerlinks {
	width:960px;
	margin:0 auto;
}

#footerleft {
	width:645px;
	float:left;
	padding:15px 0 15px 0;
}

#footer #footerlinks h1 {
	background:transparent url(images/footer-logo.png) no-repeat top left;
	width:166px;
	height:43px;
	display:block;
	text-indent:-9999px;
}

#footer ul#footernav li {
	display:inline;
	float:left;
	margin-right:15px;
}

#footer #links-list-one {
	clear:left;
	float:left;
	margin:20px 30px 0 0;
}

#footer #links-list-two, #footer #links-list-three {
	float:left;
	margin:20px 30px 0 0;
}

#footer #links-list-one li, #footer #links-list-two li, #footer #links-list-three li {
	font:bold 10px/16px Arial, Helvetica, sans-serif;
	padding:0 0 4px;	
}

#footer #links-list-one li a, #footer #links-list-two li a, #footer #links-list-three li a {
	color:#6b6b6b;
	text-shadow:0 2px 0 #fff;
}

#footer #links-list-three li a {
	background:transparent url(images/maple_leaf.jpg) no-repeat top left;
	padding-left:23px;
}

#footer #copyright {
	clear:left;
	float:left;
	margin:20px 0 0 0;
}

#footer #copyright li {
	float:left;
	margin:0 15px 0 0;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#565656;
}

#footer #mailinglist {
	float:left;
	width:300px;
	padding:35px 0;
}

#mailinglist form#subscribe-form {
	margin:15px 0 0 0;
}

#mailinglist form#subscribe-form .textbox {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#9d9d9d;
	height:11px;
	margin:0 0 10px;
	padding:10px 0 10px 10px;
	width:291px;
}

#mailinglist form#subscribe-form .subscribe-btn {
	background:transparent url(images/subscribe-btn.jpg) no-repeat top left;
	width:151px;
	height:34px;
	display:block;
	font-size:0;
	text-indent:-9999px;
	border:0;
	cursor:pointer;
}

#mailinglist form#subscribe-form .subscribe-btn:hover {
	background-position:bottom left;
}


div#footerleft #footernav li ul {background-color:#e4e4e4; float:left; margin:-4px 0 0; padding:4px 0 4px 7px; border-color:#E1E1E1 #E1E1E1 #F6F6F6; border-style:solid; border-width:1px;}
div#footerleft #footernav li ul li {display:inline; float:left;}
div#footerleft #footernav li ul li.facebook a {background:transparent url(images/facebook.png) no-repeat top left; width:16px; height:16px; display:block; }
div#footerleft #footernav li ul li.twitter a {background:transparent url(images/twitter.png) no-repeat top left; width:16px; height:16px; display:block;}
div#footerleft #footernav li ul li.youtube a {background:transparent url(images/youtube.png) no-repeat top left; width:16px; height:16px; display:block;}

div#footerleft #footernav li ul li.facebook, div#footerleft #footernav li ul li.twitter, div#footerleft #footernav li ul li.youtube {margin:2px 9px 0 -3px;}



/****************************************************************************/
/****************************************************************************/

/* Wordpress post styles */

/****************************************************************************/
/****************************************************************************/

.fl { float: left; }
.fr { float: right; }
.m15t { margin-top: 15px; }
.m30r { margin-right: 30px; }
.m30t { margin-top: 30px; float:left;}
.m40t { margin-top: 40px; }
.m50t { margin-top: 50px; }
.m30b { margin-bottom: 30px; }
.m30l { margin-left: 30px; }
.alignright { text-align: right; }
.nomp { margin:0;padding:0; }
#h4leftnotop { margin-top:0; }

.logmein { background: #eee; padding: 25px; text-align: center; margin: 15px 0 15px 0; }

.featureList {
	text-align: center;
	margin-left: 30px;
}

.featureList li {
	margin-bottom: 15px;
}
.featureList li a {
	display: block;
}
.featureList li span {
		display: block;
}

/****************************************************************************/
/****************************************************************************/

/* Terms of service */

/****************************************************************************/
/****************************************************************************/

.tos ol { counter-reset: item }
.tos ol li { display: block;margin-left:20px; }
.tos ol li before { content: counters(item, "."); counter-increment: item }

.tos p { margin-top: 10px; line-height; 1.2; }