html,body{margin:0;padding:0}

body{
	margin: 0px;
	color: #575757;
	font: 76% normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	background-repeat:repeat-x;
	background: url(../images/bg.jpg) center top repeat-x;
}

div, h1, h2, h3, h4, h5, h6, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/*------------------------------header--------------------*/
#header{
	width:960px;
	height:89px;
	margin:0 auto;
}
#logo{
	height:auto;
	width: auto;
	padding-top: 12px;
	height: 40px;
}
a.zigronHome{
	float: left;
}
a.technology{
	background-image: url(../images/technology_01.gif);
	background-repeat:no-repeat;
	width:120px;
	height: 36px;
	float:left;
	display: block;
	float: right;
	text-decoration: none;
	margin-right: 15px;
}
a.technology:hover{
	background-image: url(../images/technology_02.gif);
	background-repeat:no-repeat;
	width:120px;
	height: 36px;
	float:left;
	display: block;
	float: right;
	text-decoration: none;
}
a.ux{
	background-image: url(../images/ux_01.gif);
	background-repeat:no-repeat;
	width:36px;
	height: 36px;
	float:left;
	display: block;
	float: right;
	text-decoration: none;
	margin-right: 0px;
}
a.ux:hover{
	background-image: url(../images/ux_02.gif);
	background-repeat:no-repeat;
	width:36px;
	height: 36px;
	float:left;
	display: block;
	float: right;
	text-decoration: none;
}
#menu{
	float:right;
	width:310px;
	text-align:right;
	height: 20px;
	margin-top: 5px;
}
#menu a.link{
	color:#fff;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	margin-right:15px;
	padding:2px 4px;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
}
#menu a.link:hover{
	color: #fff;
	background-color:#fc6606;
}
#menu a.link-Blog{
	background:url("../images/btn_blog.gif") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	height:17px;
	line-height:17px;
	margin-right:0px;
	padding:0 0 0 4px;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	width:67px;
}

#menu a.link-Blog:hover{
	background: #fc6606 url(../images/btn_blog.gif) no-repeat;
	color: #fff;
	text-decoration: none;
}
#news{
	background:url(../images/newshdng_bg.jpg) no-repeat;
	color: #fff;
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	float: left;
	line-height: 28px;
	height: 28px;
	width: 58px;
	text-align: center;
}
#newsText{
	color: #fff;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	float: left;
	line-height: 28px;
	height: 28px;
	width: 520px;
	padding-left: 7px;
}
/*-------------------------header End--------------------*/

/*---------------DrowpDown_Menu---------------*/
.cHome{ 
	float:right; 
	margin-top: 22px;
}
#hdngDiv{
	width: 960px;
	height: 68px;
	margin: 0 auto; 
	background-image:url(../images/hdng_userex.gif);
	background-repeat:no-repeat;
	background-position: left center;
}

#nav {
	background-color: #d3702d;
	width: 960px;
	height: 40px;
	margin: 0 auto; 
	border-bottom: 5px solid #fff;
}
#nav p{
	line-height: 40px;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 20px;	
	}
	
#nav a{
	color: #fff;
	float:left;
	line-height: 40px;
	margin: 0 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	}
	
#nav a:hover{
	color: #f4d46f;
	}

#nav a.selected{
	color: #f4d46f;
	float:left;
	line-height: 40px;
	margin: 0 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	}
	
#nav a.selected:hover{
	color: #f4d46f;
}

#nav2 {
	background-color: #d3702d;
	width: 960px;
	height: 40px;
	margin: 0 auto; 
	}
	
#nav2 a{
	color: #fff;
	float:left;
	line-height: 40px;
	margin: 0 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	}
	
#nav2 a:hover{
	color: #f4d46f;
	}

#nav2 a.selected{
	color: #f4d46f;
	float:left;
	line-height: 40px;
	margin: 0 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	}
	
#nav2 a.selected:hover{
	color: #f4d46f;
}



	
#body{
	width:960px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:0;
	margin:0 auto;
}

#body2{
	width:960px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:0;
	margin:0 auto;
	background-image:url(../images/body_bg.gif);
	background-repeat:repeat-y;
	border-bottom: 4px solid #d3702d;
	margin-bottom: 36px;
}

#col1{
	width:211px;
	float:left;
	padding-left: 1px;
	padding-bottom: 25px;
/*	height:2410px;*/

}
#col1 a.hdng{
	background-color: #8a8a8a;
	color: #FFFFFF;
	display:block;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	text-indent: 1.0em;
	text-decoration:none;
	width: 210px;
	border-bottom: 1px solid #696969;
	}
#col1 a.hdng:hover{
	background-image:url(../images/ar_white.gif);
	background-repeat:no-repeat;
	background-position:right center;
	font-weight: bold;
	}
#col1 a.hdngs{
	background-color: #8a8a8a;
	color: #FFFFFF;
	display:block;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	text-indent: 1.0em;
	text-decoration:none;
	width: 210px;
	border-bottom: 1px solid #5b5b5b;
	background-image:url(../images/ar_white.gif);
	background-repeat:no-repeat;
	background-position:right center;
	}
#col1 a.hdngs:hover{

	}
#col1 a.nav{
	display: block;
	color: #FFFFFF;
	width: 210px;
	line-height: 25px;
	height: 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration:none;
	text-indent: 1.8em;
	}
	
#col1 a.nav:hover{
	background-image:url(../images/arrow_white.gif);
	background-repeat:no-repeat;
	background-position:left center;
	background-color: #5b5b5b;
	font-weight: bold;
	}
#col1 a.navStd{
	display: block;
	color: #FFFFFF;
	width: 210px;
	line-height: 25px;
	height: 25px;
	background-image:url(../images/arrow_white.gif);
	background-repeat:no-repeat;
	background-position:left center;
	background-color: #5b5b5b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	text-indent: 1.8em;
	}
	
#col1 a.navStd:hover{
	}
	
	
#col2{
	width:748px;
	float:right;
/*	height:2410px;*/
}

.content-bottom {
	padding: 0 30px 0 30px;
	}

.clear{
	clear:both;
}


a {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
a:hover {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
}
a:active { 
	outline: none;
	border: none;
}
a:visited{ 
	outline: none;
	border: none; 
}
a:focus { -moz-outline-style: none; }

.portfolioText{
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:lighter;
}



table.navDiv{
}
.navDiv td{
	color: #737373;
	font-family: "Trebuchet MS";
	font-size: 30px;
	text-decoration:none;
	border: none;
}
.navDiv td.selected{
	color: #d3702d;
	font-family: "Trebuchet MS";
	font-size: 30px;
	text-decoration:none;
	border: none;
}

#jCarouselLite .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;

    }              
        #jCarouselLite .carousel a.next {
		display: block;
        float: left;
        width: 36px;
        height: 36px;
        text-decoration: none;
		margin-left: 5px;
		cursor: pointer;
		background: url("../images/move_right.png") right no-repeat;
        }
        
		    #jCarouselLite .carousel a.next:hover {
                background-image: url("../images/move_right_02.png");
				margin-left: 5px;
				cursor: pointer;
            }
			
		 #jCarouselLite .carousel a.prev {
		display: block;
        float: left;
        width: 36px;
        height: 36px;
        text-decoration: none;
		cursor: pointer;
		margin-left: 385px;
		background: url("../images/move_left.png") right no-repeat;
        }
        
		    #jCarouselLite .carousel a.prev:hover {
				background-image: url("../images/move_left_02.png");
				cursor: pointer;
				margin-left: 385px;
            }    
       
	   #jCarouselLite .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
                border: none;
                outline: none;
       }  
	   
.ourlikes-a{
	background-image:url(../images/ourlikes_a.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 226px;
	height: 107px;
}
.ourlikes-b{
	background-image:url(../images/ourlikes_b.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 206px;
	height: 87px;
	padding: 10px;
	color: #8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.zebate-a{
	background-image:url(../images/zebate_a.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 226px;
	height: 107px;
}
.zebate-b{
	background-image:url(../images/zebate_b.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 206px;
	height: 87px;
	padding: 10px;
	color: #8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.dmc-a{
	background-image:url(../images/dmc_a.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 226px;
	height: 107px;
}
.dmc-b{
	background-image:url(../images/dmc_b.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 206px;
	height: 87px;
	padding: 10px;
	color: #8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.pmc-a{
	background-image:url(../images/pmc_a.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 226px;
	height: 107px;
}
.pmc-b{
	background-image:url(../images/pmc_b.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 206px;
	height: 87px;
	padding: 10px;
	color: #8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.dil-a{
	background-image:url(../images/dil_a.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 226px;
	height: 107px;
}
.dil-b{
	background-image:url(../images/dil_b.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 206px;
	height: 87px;
	padding: 10px;
	color: #8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.ip-a{
	background-image:url(../images/ip_a.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 226px;
	height: 107px;
}
.ip-b{
	background-image:url(../images/ip_b.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 206px;
	height: 87px;
	padding: 10px;
	color: #8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.rft-a{
	background-image:url(../images/rft_a.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 226px;
	height: 107px;
}
.rft-b{
	background-image:url(../images/rft_b.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 206px;
	height: 87px;
	padding: 10px;
	color: #8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.jazz-a{
	background-image:url(../images/jazz_a.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 226px;
	height: 107px;
}
.jazz-b{
	background-image:url(../images/jazz_b.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 206px;
	height: 87px;
	padding: 10px;
	color: #8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.ptn-a{
	background-image:url(../images/persontation_a.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 226px;
	height: 107px;
}
.ptn-b{
	background-image:url(../images/persontation_b.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 206px;
	height: 87px;
	padding: 10px;
	color: #8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.ingboo-a{
	background-image:url(../images/ingboo_a.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 226px;
	height: 107px;
}
.ingboo-b{
	background-image:url(../images/ingboo_b.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 206px;
	height: 87px;
	padding: 10px;
	color: #8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.vtp-a{
	background-image:url(../images/vtp_a.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 226px;
	height: 107px;
}
.vtp-b{
	background-image:url(../images/vtp_b.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 206px;
	height: 87px;
	padding: 10px;
	color: #8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.apost-a{
	background-image:url(../images/aPost_a.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 226px;
	height: 107px;
}
.apost-b{
	background-image:url(../images/aPost_b.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 206px;
	height: 87px;
	padding: 10px;
	color: #8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.cu-a{
	background-image:url(../images/conektU_a.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 226px;
	height: 107px;
}
.cu-b{
	background-image:url(../images/conektU_b.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 206px;
	height: 87px;
	padding: 10px;
	color: #8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.others-a{
	background-image:url(../images/others_a.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 226px;
	height: 107px;
}
.others-b{
	background-image:url(../images/others_b.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 206px;
	height: 87px;
	padding: 10px;
	color: #8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.games-a{
	background-image:url(../images/games_a.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 226px;
	height: 107px;
}
.games-b{
	background-image:url(../images/games_b.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 206px;
	height: 87px;
	padding: 10px;
	color: #8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.iphone-a{
	background-image:url(../images/iPhone_a.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 226px;
	height: 107px;
}
.iphone-b{
	background-image:url(../images/iPhone_b.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
	width: 206px;
	height: 87px;
	padding: 10px;
	color: #8d8d8d;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}




.col3{

	width:960px;
	float:left;
	text-align:justify;
}
.col3 p{

	line-height: 20px;
	color: #444;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	height:2410px;*/

}
.col3 a.link{
	color: #f26522;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 20px;
	line-height: 20px;
	text-decoration:none;
	padding-right: 20px;

}

.col3 a.link:hover{
	text-decoration:none;
}
.col3 a.selected{
	color: #bb141a;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 20px;
	line-height: 20px;
	text-decoration:underline;
	padding-right: 20px;

}
.col3 a.selected:hover{
	text-decoration:underline;
}
	
.col3 h2{
	color: #444;
	font: normal 24px Arial;
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 15px;
}


/*---------------------------footer--------------------*/
#footer{
	border: 1px solid #888;
	background-image:url(../images/footer_bg.gif);
	background-repeat:repeat-x;
	color:#575757;
	height: 30px;
	margin: 0 auto;
	width:960px;
}
.fleft{
	float:left;
}
.fright{
	float: right;
	font:normal 10px Arial;
	color: #888;
	padding-top: 10px;
	padding-right: 10px;
}
.fright a{
	font:normal 10px Arial;
	color: #888;
	text-decoration: none;
}
.fright a:hover{
	color: #797878;
}


a {
	border: none;
	outline: none;
}
a:hover {
	border: none;
	outline: none;
}
a:visited {
	border: none;
	outline: none;
}
a:link {
	border: none;
	outline: none;
}
a:focus {
	border: none;
	outline: none;
}