td, body {
  font-family: helvetica, arial, Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif;
  font-size: 12px;
  color: #454545;
  line-height: 18px;
}

#articles_categories_title {font-size: 13px; color: #1a1f24; font-weight: bold; padding-bottom: 6px;text-transform: uppercase;}
.articles_heading {#e2e7ec;display:block;line-height: 0px;font-size: 12px; color: #1a1f24; font-weight: bold; text-transform: uppercase;}
.articles_subheading {font-weight: bold; padding-left: 10px;}
.articles_list_title {font-size: 13px; color: #276496; font-weight: bold;}
.white {#ffffff;}

body { 
  background-color: #1A1F24; 
  margin-top: 0px; 
}
body.emailBody {
  background-color: #FFFFFF;
  color: #454545;
  margin: 35px 40px;
}
/* hotmail full screen background color fixes */
.ReadMsgBody { width: 100%;}
.ExternalClass {width: 100%;}

TD#news_footer a {
color:#afbd21
}
TD#news_footer a:visited {
color:#afbd21
}
TD#news_footer a:hover {
color:#afbd21
}


input,select {
  font-family: helvetica, Lucida Grande, Lucida Sans Unicode, Lucida Sans, trebuchet ms, verdana, sans-serif;
  font-size: 11px;
}
textarea {
  font-family: helvetica, Lucida Grande, Lucida Sans Unicode, Lucida Sans, trebuchet ms, verdana, sans-serif;
  font-size: 11px;
}

form {
  margin: 0px;
}

hr {
  border-style: solid;
  border-width: 0px;
  height: 1px;
  color: #B4B4B4;
  background-color: #B4B4B4;
}

ul.flatlist {
  text-indent: 0.0em;
  margin-left: 0.8em;
  padding-left: 0.7em;
  margin-top: 2px;
  margin-bottom: 2px;
  /*line-height: 1.5em;*/
  list-style-type: square;
}

ul.whitearrowlist {
  text-indent: 0.0em;
  margin-left: 0.8em;
  padding-left: 0.7em;
  margin-top: 2px;
  margin-bottom: 2px;
  list-style-type: square;
  list-style-image: URL(../images/img/img_bullet_arrow.gif);
}


/* Links */

a {
	color: #276496;
	text-decoration: none;
}
a:visited {
	color: #276496;
	text-decoration: none;
}
a:hover {
	color: #181d21;
	text-decoration: none;
}


a.redButtonLink {
	background-image: URL(../images/btn/btn_bg1.gif);
	background-repeat: no-repeat;
	display: block;
	width: 165px;
	height: 21px;
	text-align: center;
	padding-top: 2px;
	font-size: 13px;
	font-weight: bold;
	font-family: arial, helvetica;
	color: #FFFFFF;
	text-decoration: none;
}
a.redButtonLink:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.redButtonLink:hover {
	background-image: URL(../images/btn/btn_bg2.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-decoration: none;
}



a.bulletLink {
	background-image: URL(../images/btn/btn_bullet1.gif);
	background-repeat: no-repeat;
	text-align: left;
	margin-left: 10px;

	font-family: arial, helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 26px;
	padding-bottom: 6px;
}
a.bulletLink:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.bulletLink:hover {
	background-image: URL(../images/btn/btn_bullet2.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-decoration: none;
}

a.orderNowLink:hover {
	background-image: URL(../images/pictures/large/onlinestore_packages/btn_order_now-over.gif);
}


/* Headings */

span.largeheading, h1 {
font-family: arial, helvetica;
	font-size: 18px;
	color: #646464;
	padding-bottom: 6px;
	font-weight: normal;
line-height: 3px;
	
}

h2 {
font-family: arial, helvetica;
	font-size: 18px;
	color: #646464;
	padding-bottom: 6px;
	font-weight: normal;
line-height: 3px;
	
}

h3 {
	font-size: 27px;
font-style:italic;
font-family:Georgia,serif;
	color: #a7a9ab;
	margin:0px;
	padding-bottom: 0px;
	font-weight: normal;
}

.newsletterhding {
	font-size: 27px;
font-style:italic;
font-family:Georgia,serif;
	color: #a7a9ab;
	margin:0px;
	padding-bottom: 0px;
	font-weight: normal;
	line-height: 1.0em
	
}

.headingServices{
font-family: arial, helvetica;
	font-size: 18px;
	color: #a7a9ab;
	padding-bottom: 6px;
	font-weight: normal;
line-height: 2em;
}
.phonelink {
	font-size: 27px;
font-family: arial, helvetica;
	color: #b0b900;
	margin:0px;
	padding-top: 10px;
	font-weight: bold;
	text-decoration: none;

}


.phonelink:hover, .phonelink:visited, .phonelink:active, .phonelink:link {
text-decoration: none;
color: #b0b900;
}
/* Misc */

.greytext, .greytext A, .greytext A:hover, .greytext A:visited {
	color: #a7a9ab;
}

.star {font-family: arial, helvetica; 
font-size: 12pt;
font-weight: bold;
	color: #d90008;
}

.white , a.white, .white:hover, .white:visited, .white A, .white A:visited, .white A:hover {
	color: #FFFFFF;
  text-decoration: none;
}

.green, a.green, .green:hover, .green:visited {
	color: #afbd21;
  font-weight: bold;
}

.black {
	color: #232323;
}


a.navlink {
	display: block;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, trebuchet ms, verdana, sans-serif;
	font-size: 13px;
	/*font-weight: bold;*/
	color: #58595B;
	text-decoration: none;
	
	padding-top: 3px;
	padding-bottom: 3px;
	
	/*height: 27px;
	-moz-box-sizing: border-box;*/
}
a.navlink:visited {
	color: #58595B;
	text-decoration: none;
}
a.navlink:hover {
	color: #78797B;
	text-decoration: none;
	/*background-image: URL(../images/rpt/rpt_top_nav_over.gif);*/
}



a.leftNavLink {
	color: #909090;
	text-decoration: none;
}
a.leftNavLink:visited {
	color: #909090;
	text-decoration: none;
}
a.leftNavLink:hover {
	color: #b0b0b0;
	text-decoration: none;
}


#footerCell {
	line-height: 1em;
}

.bluenews { text-transform: uppercase; font-size: 13px; font-weight: bold; color: #276496; }
.blue { color: #276496; }
.small { font-size: 11px; }
.tiny { font-size: 10px; }


/*
.navHoverLink { line-height: 27px; display: block; padding: 0px 20px; float: left; }
.navHoverLink A { color: #666; text-decoration: none; }
.navHoverLink A:visited { color: #666; text-decoration: none; }
.navHoverLink A:hover { color: #9090AB; text-decoration: none; }
*/




.menuBar { }
.menuBar TD { padding: 3px 13px; background-color: #1A1F24; }
.menuBar .lastTD { padding: 3px 0px 3px 13px; }
#greenUnderline { 
  background-image: url('/images/pictures/large/new_website_21-11-08/tile_green_nav_bar.gif'); 
  background-repeat: repeat-x; 
  width: 36px; 
}
#greenUnderlineTD { padding-right: 0px; }

.GreyLink { font-weight: bold; color: #454545; text-decoration: none; }
.GreyLink:visited { font-weight: bold; color: #454545; text-decoration: none; }
.GreyLink:hover { font-weight: bold; color: #454545; text-decoration: none; }

.footerTable { font-size: 11px; color: #A7A9AB; }
.footerTable TD { padding: 8px 4px; color: #A7A9AB; }
.footerTable A { font-size: 11px; color: #A7A9AB; text-decoration: none; }
.footerTable A:visited { color: #A7A9AB; text-decoration: none; }
.footerTable A:hover { color: #FFF; text-decoration: none; }
.footerTable .first { padding: 8px 4px 8px 0px; }

/* This is to fix a fade issue in IE when using jquery */
.gallery_image_title { background:#fff}


/* PORTFOLIO */
.printPortfolio{
padding-left:15px;
float:left;
}
.portfolioHeadings{
padding-left:20px;
float:left;
}
.portfolio_whitebg { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; text-align: right; width: 623px; background-color: #ffffff; padding-right:15px; }
.portfolio_bluebg { line-height: 32px; background-color: #276596; color:white; padding-left:15px; }
.portfolio_gallerybg {padding:15px 0px; background-color:#F0F0F0;}
.portfolio_navcell_top { text-align:right; padding-right:15px; padding-bottom:20px; }
.portfolio_navcell_bot { text-align:right; padding-right:15px; }
.portfolio_gallerycell { padding-left:15px; }



/* ARTICLES */
#articles_wrapper {width:100%;}
#articles_left {float:left;width:150px;padding-top:20px;}
#articles_right { float:right; width:690px;}
#article_categories a, #article_categories a:visited {display:block;text-decoration:underline;margin:10px 0px;}
#article_categories a:hover {color:#1C63C5;}
#articles_categories_title { text-transform:uppercase;font-size:13px;font-weight:bold;}
#articles_categories_title a,#articles_categories_title a:visited {display:inline;text-decoration:none;}
#articles_categories_title a:hover {}
.articles_heading {text-align:left; font-size: 1.5em; color:#414141; font-weight:normal; border-bottom:dashed 1px silver; padding-bottom:4px; margin-top:5px; display:block;}
.articles_subheading {font-size:16px;font-weight:bold;}
.articles_list_title {font-size:13px;font-weight:bold;}
#articles_trail { margin-top: 12px}
#articles_print {float: right; }
div.articleActiveTab { padding-right: 4px; }
div.articleActiveTab a { font-weight: bold; display: block; background-color: #878787; padding: 1px 8px; color: #FFFFFF; text-decoration: none; }
div.articleInactiveTab { padding-right: 4px;}
div.articleInactiveTab a {   display: block; background-color: #F3F3F3; padding: 1px 8px; color: #000000;  text-decoration: none;}
div#articles_wrapper blockquote { margin-left: 12px; }


div#emailthispageProductHdr { margin: 0; margin-top: -35px; padding: 0; font-size: 13px; color: #1a1f24; padding-bottom: 6px; font-weight: bold; text-transform: uppercase; }

#home_reseller {position:absolute; top:0px; right:19px;}

/* Social header */
#bg_social { float:right; height:36px; width:333px; background-image:url(../images/pictures/large/system-files/bg_header.png); background-repeat:no-repeat; }
	#social_left { float:left; margin-top:6px; margin-left:25px; }
		#social_left img { margin:0px 2px; }
	#social_right { float:right; width:221px; margin-top:7px; }
		#social_right_facebook { float:left; }
		#social_right_twitter { float:left; }

/* right sidebar */
#right_phone { height:51px;
background-image: URL(../images/pictures/large/system-files/phone_slice_03.jpg);
background-repeat:repeat-y;}
#right_quoteform { margin-left:30px; margin-top:12px; width:268px; height:193px; }
#right_livechat { height:105px; }
#right_buttons { margin-left:20px; margin-right:20px; padding:20px 0px; border-bottom:1px solid #6a6f74; }
#right_wrapper { margin-left:30px; width:272px; color:white; }
#right_wrapper a, #right_wrapper a:visited, #right_wrapper a:hover { color:white; text-decoration:underline;}
	#right_latestnews {  padding:20px 0px; border-bottom:1px solid #6a6f74; }
		#right_latestnews ul { margin:5px 0px; padding-left:15px;}
	#right_gocms {  padding:20px 0px; border-bottom:1px solid #6a6f74; }
	#right_testimonials {  padding:20px 0px; border-bottom:1px solid #6a6f74; }
	#right_design {  padding:20px 0px; border-bottom:1px solid #6a6f74; }
	#right_directions {  padding:20px 0px; }



/* New Righthand side request a quote form */
.quote_row { height: 22px; }
.quote_field { width:115px; height:14px; padding:3px; margin-bottom:7px; border:1px solid #aaabad; background:#cacaca;}
.quote_select { width:122px; height:22px; padding:2px; margin-bottom:7px; border:1px solid #aaabad; background:#cacaca;}
.quote_textarea {width:260px; height:51px;padding:3px;margin-bottom:7px; border:1px solid #aaabad; background:#cacaca;}
.quote_captcha { width:135px; height:14px;  padding:3px; margin-bottom:7px; border:1px solid #aaabad; background:#cacaca;}
#captcha_img {border:1px solid #aaabad;}

.tipsy_wrapper,.tipsy_wrapper_captcha { position:relative; clear:left; }

.tipsy_wrapper_left { float:left; position:relative;   }
.tipsy_wrapper_right { float:right; position:relative; }




.serviceHeader {
background-image: URL(../images/pictures/large/system-files/services_gradient_03.jpg);
background-repeat:repeat-x;
background-color: #ececec;
height: 120px;
font-size:27px;
font-style:italic;
font-family:Georgia,serif;
	color: #b0b900;
	margin:0px;
	padding-top: 30px;
padding-left:20px;
padding-right:20px;
font-weight: normal;
line-height: 1em;
text-decoration: none;

}

.serviceHeader2 {
font-size:27px;
font-style:italic;
font-family:Georgia,serif;
	color: #778087;
	font-weight: normal;
line-height: 1em;
display:inline; 
text-decoration: none;

}
a.serviceHeader2:hover{
text-decoration: none;
color: #181d21;
}
.serviceHeader2 a:link, .serviceHeader2 a:visited, .serviceHeader2 a:active,{
text-decoration: none;
color: #778087; 
}

.serviceHeader a:link, .serviceHeader a:visited, .serviceHeader a:active,{
text-decoration: none;
color: #778087; 
}

.serviceHeader2 H3 {
display:inline; 
text-decoration: none;
color: #778087;
}
.serviceHeader H3 {
display:inline; 
text-decoration: none;
}


.webDesign {
margin-right:10px;
float:left;
width:210px;
height:154px;
background-image: URL(../images/pictures/large/system-files/web_design_slice.jpg);
}
.softwareDevelopment {
margin-right:10px;
float:left;
width:210px;
height:153px;
background-image: URL(../images/pictures/large/system-files/software_development_slice.jpg);
}
.hostingServices {
margin-right:10px;
float:left;
width:210px;
height:150px;
background-image: URL(../images/pictures/large/system-files/hosting_services_slice.jpg);
}
.designPrint {
margin-right:10px;
float:left;
width:225px;
height:154px;
background-image: URL(../images/pictures/large/system-files/design_print_slice.jpg);
}
.mobileAps {
margin-top:40px;
margin-right:10px;
float:left;
width:225px;
height:153px;
background-image: URL(../images/pictures/large/system-files/mobile_aps_slice.jpg);
}
.goCMS {
margin-top:40px;
margin-right:10px;
float:left;
width:225px;
height:150px;
background-image: URL(../images/pictures/large/system-files/go_cms_slice.jpg);
}


/* Mobile Site */
html,body{height:100%; margin:0; padding:0;}
#mobile-container{width:100%; background:url(../images/pictures/large/mobile/bg.gif) 0px 127px repeat-x #191f24; min-height:100%; position:relative; margin:0 !important; }
	#mobile-main-wrap{width:640px; margin:0 auto; position:relative; overflow:auto;}
	#mobile-menu-wrap{width:562px; margin:0 auto;}
	#mobile-header{width:100%; height:212px; position:relative;}
		.mobile-wrap{width:474px; margin:0 auto;}
		#mobile-logo a{line-height:0;}
		#mobile-phone{position:absolute; top:142px; height:54px; font-family:Arial, Helvetica; font-weight:bold; font-size:54px; color:#b0b900; line-height:54px;}
			#mobile-phone a{font-family:Arial, Helvetica; font-weight:bold; font-size:54px; color:#b0b900; line-height:54px; text-decoration:none; padding:0; margin:0;}
			#mobile-phone-number{width:410px; position:absolute; top:0px; left:54px;}
			#mobile-phone div{float:left;}
			#phone-gif{margin:0 35px 0 7px; position:absolute; top:0px; left:0;}

	#mobile-home-buttons{position:relative;}
		#mobile-home-buttons a{line-height:0;}
			#mobile-home-buttons div{margin-bottom:8px;}
			#mobile-headset{position:absolute; margin:0 !important; bottom:0px; right:0;}


	#mobile-footer{position:absolute; bottom:0; width:100%; height:50px; font-size:20px; color:#aaaaaa;}
		#mobile-footer-wrap{width:560px; margin:0 auto; border-top:1px solid #2d3338; padding-top:12px;}
		#mobile-footer a{color:#aaaaaa; font-size:20px;}


	#mobile-menu{width:100%; position:absolute; top:127px; left:0; height:66px; background:url(../images/pictures/large/mobile/nav-bg.gif) top left repeat-x;}
		UL#mobile-nav {list-style-type:none; margin:0; height:66px; padding:0;}
			UL#mobile-nav li{ float:left; background:url(../images/pictures/large/mobile/navsep.gif) 100% 50% no-repeat; height:26px; padding:20px 12px;}
			UL#mobile-nav li div{overflow:auto;}
			UL#mobile-nav li.last{background-image:none;}
			UL#mobile-nav li.first{padding-left:0 !important;}
			UL#mobile-nav li.first a{padding-left:0 !important;}
			UL#mobile-nav li.selected a{color:#fff !important;}
				UL#mobile-nav li a {font-size:26px; line-height:26px; font-weight:bold; color:#cdcccc !important; padding:20px 12px;}
		
		#mobile-content h1{font-size:28px; font-weight:normal; color:#fff; line-height:28px; margin: 14px 0 2px 0;}
		#mobile-content{font-size:24px; color:#fff; width:562px; margin:0 auto; line-height:40px; overflow:auto; padding-bottom:80px;}

		.mobile-input{border:2px solid #a7a9ab; background:#cacaca; color:#000; font-size:22px; padding:5px 5px; width:540px;}
		.mobile-textarea{padding:5px 5px; font-size:22px; border:2px solid #a7a9ab; background:#cacaca; color:#000; width:540px; height:125px; }
		#mobile-content #captcha_code_{font-size:22px; border:2px solid #a7a9ab; width:162px; background:#cacaca; color:#000; padding:8px 5px;}
		#mobile-content .form-captcha-info-cell{color:#fff !important; width:230px !important;}
		#mobile-contactform-table td{padding-bottom:5px;}
		#mobile-contactform-table{}
		.form-captcha-table td{padding-bottom:0 !important;}
			#mobile-captcha{float:left;}
			#mobile-submit-button{float:right; margin-right:7px;}