@charset "utf-8";
/* CSS Document */

body			{margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image:url(images/bg_slice2.jpg); background-position:top; background-repeat:repeat-x; background-color:#c1c1c1; text-decoration:none; color:#FFF;}

h1				{font:Arial, Helvetica, sans-serif; font-size:16px; color:#00BB00;}

h4				{font:Arial, Helvetica, sans-serif; font-size:12px; color:#75b202;}

h2				{font:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:100; padding:opx;}

h3		{font:Arial, Helvetica, sans-serif; font-size:14px; color:#00BB00;}

a:link			{font:Arial, Helvetica, sans-serif; color:#64cb00; text-decoration:none; font-size:12px;}
a:visited		{font:Arial, Helvetica, sans-serif; color:#64cb00; text-decoration:none; font-size:12px;}
a:hover			{font:Arial, Helvetica, sans-serif; color:#eeeeee; text-decoration:none; font-size:12px;}
a:active		{font:Arial, Helvetica, sans-serif; color:#DDDDDD; text-decoration:none; font-size:12px;}

p				{font:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }

#top_surround	{width:100%; height:30px;}

#nav_surround	{width:750px; height:30px; margin-left:auto; margin-right:auto; margin-top:40px;}

#buttons		{width:550px; height:30px; float:right; margin-bottom:17px;}

#logo			{width:166px; height:30px; background-image:url(images/logo_top.png); background-repeat:no-repeat;}

#flash_surround	{width:750px; height:300px; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:50px;}

#design_surround	{width:750px; height:300px; margin-left:auto; margin-right:auto; margin-bottom:20px; margin-top:20px;}

#home			{width:62px; height:30px; float:left; display:block; background-image:url(images/nav/home.png); background-repeat:no-repeat;}
#home:hover		{ background-position:-62px;}

#design			{width:100px; height:30px; float:left; display:block; background-image:url(images/nav/design.png); background-repeat:no-repeat;}
#design:hover			{ background-position:-100px;}

#ecommerce			{width:108px; height:30px; float:left;display:block; background-image:url(images/nav/ecommerce.png); background-repeat:no-repeat;}
#ecommerce:hover			{ background-position:-108px;}

#emarketing			{width:104px; height:30px; float:left; display:block; background-image:url(images/nav/emarketing.png); background-repeat:no-repeat;}
#emarketing:hover			{ background-position:-104px;}

#case			{width:92px; height:30px; display:block; float:left; background-image:url(images/nav/portfolio.png); background-repeat:no-repeat;}
#case:hover			{ background-position:-92px;}

#contact		{width:84px; height:30px; display:block; float:left; background-image:url(images/nav/contact.png); background-repeat:no-repeat;}
#contact:hover		{background-position:-84px;}

#foot_surround	{width:100%; height:200px; margin-top:0px; background-color:#000000; border-top:thin; border-top-color:#fff; border-top-style:none; border-top-width:thin; float:left;}

#box_title		{width:234px; height:33px; background-color:#666; padding-top:7px; padding-left:10px;}
#text_box		{width:204px; height:220px; padding-left:20px; padding-right:20px; padding-top:10px; background-color:#666666;}

#box_buttona		{width:224px; height:39px; background-color:#666666; padding-right:20px;}

#box_buttonb		{width:224px; height:39px; background-color:#666666; padding-right:20px;}

#box_buttonc		{width:224px; height:39px; background-color:#666666; padding-right:20px;}

#phone				{width:750px; height:77px; margin-left:auto; margin-right:auto;}

#footer_contain		{width:750px; height:60px; margin-left:auto; margin-right:auto; margin-top:20px;}

#bottom_logo		{width:auto; height:auto; float:left;}

#bottom_nav			{width:auto; height:auto; float:right;}

#main_holder		{width:750px; height:362px; margin-left:auto; margin-right:auto;}

#main_holder_bottom		{width:750px; height:70px; margin-left:0px; float:left; margin-top:15px;}

#main_holder_top		{width:750px; height:292px; margin-left:0px; float:left;}

#text_holder		{width:750px; overflow:hidden; margin-left:auto; margin-right:auto; margin-top:30px;}
#text_holder2		{width:750px; overflow:hidden; margin-left:auto; margin-right:auto; margin-top:0px;}

#text_holder_title	{width:750px; height:30px; margin-right:auto; margin-left:auto; background-color:#777777;}
#text_holder_title2	{width:750px; height:30px; margin-right:auto; margin-left:auto; background-color:#373737;}

#text_box_big		{width:460px; height:auto; margin-left:auto; margin-right:auto; padding:20px; background-color:#444; float:left;}

#contact_box_big		{width:730px; height:auto; margin-left:auto; margin-right:auto; padding:10px; background-color:#444; float:left;}

#contact_box		{width:250px; height:100%; float:left; background-image:url(images/contact_slice.jpg); background-repeat:repeat-x;}

#featured_box		{width:250px; height:250px; float:left; background-image:url(images/contact_slice.jpg); background-repeat:repeat-x;}

#featured_head		{width:250px; height:42px; float:left; background-image:url(images/featured_head.png); background-repeat:no-repeat;}

#featured_image		{width:250px; height:155px; float:left; background-image:url(images/bluetag_shot.png); background-repeat:no-repeat;}

#featured_button	{width:250px; height:48px; float:left; background-image:url(images/visit.png); background-repeat:no-repeat;}
#featured_button:hover	{width:250px; height:48px; float:left; background-image:url(images/visit_roll.png); background-repeat:no-repeat;}

#contact_logo		{width:250px; height:82px; float:left; background-image:url(images/contact_logo.png); background-repeat:no-repeat;}

#details			{width:210px; height:auto; float:left; background-color:#222222; margin-left:10px; padding:10px}

#now				{margin-top:10px; width:250px; height:48px; float:left; background-image:url(images/now.png); background-repeat:no-repeat;}
#now:hover				{margin-top:10px; width:250px; height:48px; float:left; background-image:url(images/now_roll.png); background-repeat:no-repeat;}

#fbook				{margin-top:10px; width:250px; height:48px; float:left; background-image:url(images/fbook.png); background-repeat:no-repeat;}
#fbook:hover				{margin-top:10px; width:250px; height:48px; float:left; background-image:url(images/fbookroll.png); background-repeat:no-repeat;}

#twitter				{margin-top:10px; width:250px; height:48px; float:left; background-image:url(images/twitter.png); background-repeat:no-repeat;}
#twitter:hover				{margin-top:10px; width:250px; height:48px; float:left; background-image:url(images/twitterroll.png); background-repeat:no-repeat;}

#viewcase				{margin-top:10px; width:202px; height:33px; float:left; background-image:url(images/viewcase.png); background-repeat:no-repeat;}
#viewcase:hover				{margin-top:10px; width:202px; height:33px; float:left; background-image:url(images/viewcaseroll.png); background-repeat:no-repeat;}

#face				{width:100px; height:20px; float:left; background-image:url(images/face.png); background-repeat:no-repeat;}
#face:hover				{width:100px; height:20px; float:left; background-image:url(images/faceroll.png); background-repeat:no-repeat;}

#twit				{width:100px; height:20px; float:left; background-image:url(images/twit.png); background-repeat:no-repeat;}
#twit:hover				{width:100px; height:20px; float:left; background-image:url(images/twit_roll.png); background-repeat:no-repeat;}

.box					{height:60px; width:60px; float:left; margin-right:15px; background-color:#333333; padding:5px; 5px; 5px; 5px;}
.box:hover				{ background-image:url(images/gallery/boxbg.jpg); background-repeat:no-repeat;}

.box2					{height:60px; width:60px; float:left; background-color:#333333; padding:5px; 5px; 5px; 5px;}
.box2:hover				{ background-image:url(images/gallery/boxbg.jpg);background-repeat:no-repeat;}

#whypp					{width:335px; height:auto; margin-right:auto; margin-left:auto; background-color:#444444; padding:20px; float:left;}
#whypp_surround			{width:750px; height:auto; margin-left:auto; margin-right:auto; background-color:#444444;}

#divider				{width:480px; height:11px; background-image:url(images/divider.png); background-repeat:no-repeat;}

#pixelclick				{width:40px; height:40px; background:url(images/pixel.png); background-repeat:no-repeat;}
#pixelclick:hover				{width:40px; height:40px; background:url(images/pixel_roll.png); background-repeat:no-repeat;}

#index_box_main			{width:750px; height:auto; background-color:#666666; margin-left:auto; margin-right:auto;}
#index_box_inner			{width:250px; height:auto; background-color:#666666; margin-left:auto; margin-right:auto; float:left;}
.index_title			{width:210px; height:auto; margin:20px; float:left; background-color:#666666;}

/* Easy Slider */

#jquery_holder	{width:750px; overflow:hidden; float:left; margin-left:27px; margin-top:20px; margin-bottom:20px;}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:750px;
		height:362px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:relative;
		left:-30px;
		top:-174px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:750px;
		top:-250px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/btn_next.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	

	
/* // Easy Slider */