h1, h2, h3, h4, h5, h6, p, a, img, ul, li{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;

}
body {
	margin:0;
	font-family: Arial, Helvetica, Sans-Serif;
	background:#3283ba url(images/bg_body.jpg) no-repeat center 0;
	color:#333333;
	

}
.pagenavigator{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#333333;
padding-left:5px;
	padding-right:5px;

	background-color:#d4dce5;
}
 a.pagenavigator{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#3283ba;
	padding-left:5px;
	padding-right:5px;

}
 a.pagenavigator:hover{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#3283ba;
	padding-left:5px;
	padding-right:5px;
}
 a.pagenavigator:visited{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#3283ba;
padding-left:5px;
	padding-right:5px;
}
.currentpage{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#333333;
	padding-left:5px;
	padding-right:5px;
	
	}

.lbtext
{
	font-family: Arial, Helvetica, Sans-Serif;
	background:#f1f5fa;
	color:#333333;
	border-top:1px solid #d5d2d2;
	border-right:1px solid #c3c3c3;
	border-left:1px solid #d5d2d2;
	border-bottom:1px solid #c3c3c3;
	}
.btn
{


	font-family: Arial, Helvetica, Sans-Serif;
	background:#f36d13;
	color:#ffffff;
	border-top:1px solid #d5d2d2;
	border-right:1px solid #c3c3c3;
	border-left:1px solid #d5d2d2;
	border-bottom:1px solid #c3c3c3;
	}
	
	
	
/*inner page orange bar*/
#orange-bar{ 

  width:100%;
  height:100px;
  margin-bottom:20px;

}
#darkblue-bar{ 
 
  width:100%;
  height:100px;
  margin-bottom:20px;

}
#green-bar{ 
 
  width:100%;
  height:100px;
  margin-bottom:20px;

}
#blue-bar{ 
 

  width:100%;
  height:100px;
  margin-bottom:20px;

}
#orange-left{ 
	
    margin:0px;
    padding:10px 0px 0 0px;
   	width:579px;
   	height:97px;
   	float:left;
   	background-image:url(images/tag.jpg);
   	background-repeat:no-repeat;
   	text-align:center;
    font-family: Arial, Helvetica, Sans-Serif;
    color:#FFFFFF;
    font-size:19px;
    font-weight:normal;
	margin-top:2px;
	
	}
.orange-tag
{

	 }
#orange-right{ 
    z-index:-1;
   	width:250px;
	margin-top:-4px;
  	float:left;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif, Tahoma;
    color:#FFFFFF;
    font-size:18px;
    font-weight:normal;
 
   }
.heading{
	width:360px;
	float:left;
	 }
.facebook-like{
	width:100px;
	
	float:right;
	
	}

/*End inner page orange bar*/
p.hide {
	visibility:hidden;
	position:relative;
	margin-top:-15px;
}
.relative {
	position:relative;
}
.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}
.bump_right {
	margin-right:10px;
}

.bump_top {
	padding:15px 0 0 0;
}
.bump_top_bottom {
	padding:15px 0 15px 0;
}

.nomargin {
	margin:0;
}
ol, ul {
	list-style:none;
}


.align_right {
	text-align:right;
}
.align_left {
	text-align:left;
}
.align_center {
	text-align:center;
}


a {
	font-weight:normal;
}
a:link {
	color:#0078c9;
	text-decoration:none;
}
a:visited {
	color:#8b5ed0;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	cursor:pointer;
}
a:active {
	color:#18a758;
}
a.disabled {
	color:#999;
	text-decoration:none;
}
.underline{
border-bottom:#999999 1px solid;
padding:0 0 10px 0px;
	width:575px;
	font-size:1.5em;}
a.orange-link{ 
	font-family:Arial, Helvetica, sans-serif, Tahoma;
    color:#ffffff;
    font-size:18px;
    font-weight:normal;
    text-decoration:none;
 
   }
a.orange-link:hover{ 
 
	font-family:Arial, Helvetica, sans-serif, Tahoma;
    color:#ffffff;
    font-size:18px;
    font-weight:normal;
     text-decoration:none;
 
   }
h1{
	font-size:1.5em;
	color:#000;
	margin:0 0 15px 0;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif, Tahoma;
}
.testimonial
{
	font-size:12px;
	color:Gray;
	margin:2px 0 5px 0;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	list-style-type:disc;
	list-style-position:inside;
     text-align:justify;
	
	
	
	

	}

h2 {
	font-size:14px;
	color:#000;
	font-weight:bold;
}
h3 {
	font-size:.834em;
	color:#000;
}
h4 {
	font-size:1.5em;
	color:#000;
	font-weight:normal;
	
	
}
h5 {
	font-size:.75em;
	color:#000;
}


.wrapper_nav:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}

.wrapper_nav h1 {
	margin-bottom:0;
}

.landing_header{
	top:5px;
	right:5px;
	width:264px;
	height:23px;

	background:#fff none;
	padding:3px 5px 0;
}



.header {
	height:80px;
	width:962px;
	float:left;
}
.header h1 a, p.logo a{
	background:url(images/logo.jpg);
	background-repeat:no-repeat;
	width:387px;
	height:160px;
	left:2px;
	margin:0;
	position:absolute;
	text-indent:-999em;
	top:-2px;
	
}
.toll-number{
	background:url(images/toll-number.png);
	background-repeat:no-repeat;
	width:157px;
	height:160px;
	position:absolute;
	top:35px;
	right:-20px;
	
}

.blog a{
	background:url(images/blog.png);
	background-repeat:no-repeat;
	width:65px;
	height:160px;
	position:absolute;
	top:65px;
	right:0px;

	
}
.portfolio a{
	background:url(images/portfolio.png);
	background-repeat:no-repeat;
	width:140px;
	height:160px;
	position:absolute;
	top:61px;
	right:-20px; /*50px when blog icon appear*/
	}

.facebook a{ 
    background-image:url(images/facebook.png);
	background-repeat:no-repeat;
	width:140px;
	height:160px;
	position:absolute;
	top:100px;
	right:-10px;
	}

.header h1 {
	margin:0;
}

.wrapper_all {
	width:962px;
	margin:0px auto;
	padding-top:14px;
	padding-bottom:50px;
	position:relative;
}
.wrapper_all:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}
.wrapper_main, .wrapper_home_top, .main_content, main_content_portfolio, .sidecol, .content_half {
	float:left;
}
.wrapper_main.full_width {
	width:910px;
}
.content_full, .content_wrapper_half {
	margin-bottom:17px;
}
.wrapper_main {
	
	padding:20px 26px 15px 26px;
	position:relative;
}
.wrapper_home_top {
	width:910px;
}
.wrapper_home_top .content_half {
	margin-bottom:0;
}
.placeholder_home_top {
	float:left;
}
.main_content {
	width:584px;
	margin-right:14px;
	font-size:13px;
	line-height:22px;
}
.featured_projects
{
	margin-right:14px;
	font-size:13px;
	line-height:22px;
	}
.main_content_portfolio
{
	width:584px;
	margin-right:14px;
	font-size:13px;
	line-height:22px;}
	
.content_wrapper_half {
	width:584px;
	background:url(images/bg_fauxcolumn78ee.png) repeat-y right top;
}
.content_wrapper_half:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}
.content_half {
	width:284px;
	background-color:#f7f7f7;
	padding:0 0 10px 1px;
	position:relative;
}

.content_full {
	width:584px;
	background-color:#f7f7f7;
	padding-bottom:10px;
}
.content_full:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}
.content_half .more_links {
	padding:0;
}
.main_content  .more_links, .wrapper_home_top .more_links {
	padding-left:5px;
	padding-top:6px;
	clear:left;
}


.content_full .landing_header {
	min-height:13px;
	height:auto!important;
	height:13px;
	background:#aed2f0 url(images/sprite_page_elements78ee.png) no-repeat left top;
	padding:10px;
	border-bottom:1px solid #fff;
	margin-bottom:12px;
	font-size:.917em;
	font-weight:bold;
}
.content_half .landing_header {
	min-height:13px;
	height:auto!important;
	height:13px;
	background:#aed2f0 url(images/sprite_page_elements78ee.png) no-repeat -584px top;
	padding:10px;
	border-bottom:1px solid #fff;
	margin-bottom:12px;
	font-size:.917em;
	font-weight:bold;
}


.content_full.no_bg, .content_half.no_bg, .wrapper_main.no_bg {
	background:#fff;
	background-color:#fff;
}





.sidecol {
	width:312px;
}
.content_half .Dysite {
	padding:0;
	border-bottom:1px solid #fff;
	margin-top:12px;
}
.Dysite li a {
	font-weight:bold;
	color:#000000;
	font-size:14px;
	border-top:1px solid #fff;
	background-color:#eaf0f4;
	_zoom:1;
	padding:10px 10px 10px 35px;
	display:block;
	background:#eaf0f4 url(images/bullet-icon.jpg) no-repeat;
}
.Dysite li a:hover {
	font-weight:bold;
	color:#FF6600;
	text-decoration:none;


	
	
	
	
}

.Dysite li .wis_started {
	background-position:8px 12px;
}
ul.bullets {
	margin-bottom:12px;
	
}
ul.bullets li {

	
	padding:5px 10px 5px 35px;
	background:url(images/bullet-icon.jpg) no-repeat;
	
	
}
ul.bullets-innerpage {
	margin-bottom:12px;
}
ul.bullets-innerpage li {

	
	padding:5px 10px 5px 35px;
	background:url(images/bullet-icon.jpg) no-repeat 10px 9px;
	
	
}

	
	
	
.sidecol_content {
	background-color:#f7f7f7;
	border-left:1px solid #d8d7d7;
	border-right:1px solid #d8d7d7;
	padding:0 10px;
	width:290px;
	position:relative;
}
.sidecol_content.padding_narrow {
	padding:0 5px;
	width:300px;
}
.sidecol_content.nopadding {
	padding:0;
	width:310px;
}
.sidecol_content:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}
.sidecol .rounded_top {
	height:6px;
	overflow:hidden;
	background:url(images/sprite_page_elements78ee.png) no-repeat -1831px top;
	display:block;
	width:100%;
}
.sidecol .rounded_bottom {
	height:9px;
	overflow:hidden;
	background:url(images/sprite_page_elements78ee.png) no-repeat -2143px top;
	display:block;
	width:100%;
	margin-bottom:17px;
}
.sidecol_content img {
	float:left;
}
.sidecol_content .sponsor_label {
	font-size:.65em;
	padding:0 10px 0 90px;
	color:#666;
	position:absolute;
	right:70px;
	top:10px;
}

.post_img {
	float:left;
	padding:2px;
	border:1px solid #bcbcbc;
	display:block;
	float:left;
	margin:0 5px 0 0;
	display:inline;
	background-color:#fff;
}

a.online .post_img {
	border-color:#1CA1FC!important;
}
.post_date, .post_author {
	color:#878787;
	padding:2px 0 1px 0;
	font-size:12px;
	word-spacing:-.1em;
	font-family:Arial, Helvetica, sans-serif!important;
}
.post_author {
	padding-top:0;
}
.post_title {
	font-size:15px;
	line-height:1.4em;
}
.post_title .new {
	font-size:1em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.post_description {
	padding-bottom:20px;
}
.post_wrapper {
	width:100%;
	padding-bottom:16px;
}
.post_wrapper with_sep_line {
	padding-bottom:5px;
	margin-bottom:1px;
	border-bottom:1px solid #fff;
}
.post_wrapper.geek_tutorial {
	padding-bottom:9px;
}
.post_wrapper:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}


.boxs_contents{
	width:907px;
	height:357px;
	}
.box{ 
     width:295px;
	 height:350px;
	 float:left;
	 background-color:#EAF0F4;
	 border:#d7e0f1 1px solid;
	 text-align:left;
	}
.boxes{ 
     width:295px;
	 height:350px;
	
	 float:left;
	 margin-left:8px;
	 background-color:#EAF0F4;
	 border:#d7e0f1 1px solid;
	}
.boxes-header{
	 width:100%;
	 height:30px;
	 background-color:#2E7FB7;
	 color:#FFF;
	 font-weight:bold;
	}
.left-padding{ 
  padding:5px 5px 0 5px;
   
	}
.community_popup .wrapper_arrow_ratings {
	margin:1px 0 2px 40px;
}



.wrapper_footer {
	background-color:#ffffff;
	clear:both;
	
}
.footer {
	min-height:41px;
	height:auto!important;
	
	background:#fff url(images/sprite_page_elements78ee.png) no-repeat -4090px bottom;
	border-top:1px solid #005e9f;
	margin:0px 0 0 0;
	padding:19px 26px;
	clear:both;
	width:910px;
}
.footer:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}
.footer a{
	font-family: Arial, Helvetica, Sans-Serif;
	color:#999999;
	font-size: 12px;
}
.footer a:hover{
	font-family: Arial, Helvetica, Sans-Serif;
	color:#666666;
	font-size: 12px;
}
.footer p {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:.7em;
	float:left;
}
.copyright
{
	font-family: Arial, Helvetica, Sans-Serif;
	color:#666666;
	font-size: 12px;}

.footer_img_links {
	float:right;
	padding-top:15px;
}
.footer_img_links a {
	margin-left:25px;
}
.footer_img_links img {
	vertical-align:middle;
}
.label
{
	font-family: Arial, Helvetica, Sans-Serif;
	color:#666666;
	font-size: 12px;}
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
  text-align: left;
  text-decoration: none;
  outline: none;
  letter-spacing: normal;
  word-spacing: normal;

}

.art-menu, .art-menu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  
 
}

.art-menu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background: none;
  
}

.art-menu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.art-menu li li
{
  float: none;
}

.art-menu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: none;
  
}

.art-menu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.art-menu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.art-menu:after, .art-menu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
  
}
.art-menu, .art-menu ul
{
  min-height: 0;
}

.art-menu ul
{
  background-image: url(images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
  
}

.art-menu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}




/* menu structure */

.art-menu
{
  padding: 6px 3px 0 3px;
  
}

.art-nav
{
  position: relative;
  height: 35px;
  z-index: 100;
  
}

.art-nav .l, .art-nav .r
{
  position: absolute;
  z-index: -1;
  top:0px;
  height: 35px;
  background-image: url('images/nav.png');
  
}

.art-nav .l
{
  left: 0;
  right: 0;
}

.art-nav .r
{
  right: 0;
  width: 874px;
  clip: rect(auto, auto, auto, 874px);
}


/* end Menu */

/* begin MenuItem */
.art-menu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 29px;
  cursor: pointer;
  text-decoration: none;
  
}

.art-menu li
{
  margin-right: 0;
  margin-left: 0;
  
}

.art-menu ul li
{
    margin:0;
    clear: both;
	
}


.art-menu a .r, .art-menu a .l
{
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  height: 87px;
  background-image: url('images/menuitem.png');
  
  
}

.art-menu a .l
{
  left: 0;
  right: 3px;
  
}

.art-menu a .r
{
  width: 406px;
  right: 0;
  clip: rect(auto, auto, auto, 403px);
}
/* change menu font size color in art-menu a .t class */
.art-menu a .t
{	
  margin-right: 10px;
  margin-left: 10px;
  color: #191B18;
  padding: 0 12px;
  margin: 0 3px;
  line-height: 29px;
  text-align: center;
  color:#FFFFFF;
  text-transform:uppercase;
  font-size:14px;
  }

.art-menu a:hover .l, .art-menu a:hover .r
{
  top: -29px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
  top: -29px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
  top: -29px;
}
.art-menu a:hover .t
{
  color: #2D312B;
}

.art-menu li:hover a .t
{
  color: #2D312B;
}

.art-menu li:hover>a .t
{
  color: #2D312B;
}


.art-menu a.active .l, .art-menu a.active .r
{
  top: -58px;
}

.art-menu a.active .t
{
  color: #141613;
}
/* end MenuItem */