/*
	Date: JANUARY 21, 2010.
	Title: 3gowest
============================
*/
body{ padding:0px; margin:0px; background:url(/images/3go_body_bg.jpg) repeat; }

img { border-style:none; }

a img{border:none;}
a:focus {outline: none;}
	 
.wrap{
           width:100%;
		   float:left;
		   position:relative;
		   background:url(/images/3go_top_bg.jpg) repeat-x;
		   }
		   
		   
.fixed{
      width:85px;
	  height:27px;
	  float:left;
	  position:relative;
	  background:url(/images/3go_menu_hov.jpg) no-repeat;
	  margin-left:4px;
	  color:#FFFFFF;
	  font-family:Arial, Helvetica, sans-serif;
	  text-align:center;
	  padding-top:12px;
	  font-size:10px;
	  list-style:none;
	  }		 
.fixed a:link, a:visited {
		color:#fff;
}
	  
/*-------------------------------- menu block ------------------------------*/  
		   
.menu{
      width:85px;
	  height:39px;
	  float:left;
	  position:relative;
	  background:url(/images/3go_menu_hov.jpg) no-repeat;
	  margin-left:4px;
	  color:#FFFFFF;
	  font-family:Arial, Helvetica, sans-serif;
	  list-style:none;
	  }
	  
.menu a{width:85px;
	  height:27px;
	  float:left;
	  display:block;
	  padding-top:12px;
	  color:#FFFFFF;
	  text-align:center;	
	  font-size:10px;
	  background:url(/images/3go_menu.jpg) no-repeat; 
	  }
	  
.menu a:hover{
	  float:left;
	  color:#FFFFFF;
	  text-align:center;
	  background:url(/images/3go_menu_hov.jpg) no-repeat;
	  }
	  
	  
/*-------------------------------- header block ------------------------------*/
		   
		   
.header_block{
              width:674px;
			  margin:auto;
			  position:relative;
			  }
			  
			  
.logo{
      position:absolute;
	  top:20px;
	  left:-140px;
	  z-index:10000;
	  }
			  
.header{
    width:664px;
		float:left;
		position:relative;
		background-color:#FFFFFF;
		padding:12px 5px 9px 5px;
		}
		
		
.home_top{width:835px; height:279px; position:absolute; top:0; left:0; z-index:100;}
.home_top img {
	position:static;
	float:left;
}
		
		
/*-------------------------------- main body block ------------------------------*/
		
		
.round_block{
              width:674px;
			  margin:auto;
			  position:relative;
			  }
			  
.round{
        width:674px;
		float:left;
		position:relative;
		background-color:#FFFFFF;
		height:175px;
		
		}
		
.round_img{position:absolute; float:left; margin-left:-80px; margin-top:0px;z-index:1000; width:825px;}
		
.round_img img{margin-left:15px;}
.midde_box_block{
              width:674px;
			  margin:auto;
			  position:relative;
			  }		
.midde_box{
   		width:602px;
		float:left;
		position:relative;
		background-color:#F3F0E8;
		padding:15px 36px;
		margin-top:20px;
		}
				
div.midde_box p {
		padding:0px;
}
		
.midde_box_corner{
        width:644px;
		float:left;
		position:relative;
		background:url(/images/3go_icon.gif) left top no-repeat;
		background-position:0 .3em;
		
		}
		

		
		
.left_bar_block{
                width:674px;
				position:relative;
				background:#F3F0E8 url(/images/3go_right_corner.jpg) right bottom no-repeat;
				height:100px;
				margin-top:20px;
				padding-bottom:10px;
				padding-top:10px;
				}

.right_bar_block{
                width:674px;
				position:relative;
				background:#F3F0E8 url(/images/3go_left_corner.jpg) left bottom no-repeat;
				height:100px;
				margin-top:20px;
				padding:15px;
				}
				
				
.select_menu{width:138px; height:36px; position:absolute; top:120px;px; left:600px; float:right;}

/*======================================== home page ===================================*/
.social_box{
   		width:630px;
		float:left;
		position:relative;
		padding:30px 22px 0px 22px;
		}

.twitter{
margin-right:30px;
	width:103px;
	height:45px;
	position:relative;
	float:left;
}

.twitter a{
margin-right:30px;
	width:103px;
	height:45px;
	position:relative;
	float:left;
	background-image:url(/images/twitter.png);
}

.twitter a:hover{
margin-right:30px;
	width:103px;
	height:45px;
	position:relative;
	float:left;
	background-image:url(/images/twitter_over.png);
}

.linkedin{
margin-right:30px;
	width:116px;
	height:45px;
	position:relative;
	float:left;
}

.linkedin a{
margin-right:30px;
	width:116px;
	height:45px;
	position:relative;
	float:left;
	background-image:url(/images/linkedin.png);
}

.linkedin a:hover{
margin-right:30px;
	width:116px;
	height:45px;
	position:relative;
	float:left;
	background-image:url(/images/linkedin_over.png);
}

.facebook{
margin-right:30px;
	width:108px;
	height:45px;
	position:relative;
	float:left;
}

.facebook a{
margin-right:30px;
	width:108px;
	height:45px;
	position:relative;
	float:left;
	background-image:url(/images/facebook.png);
}

.facebook a:hover{
margin-right:30px;
	width:108px;
	height:45px;
	position:relative;
	float:left;
	background-image:url(/images/facebook_over.png);
}

.flickr{
margin-right:30px;
	width:85px;
	height:45px;
	position:relative;
	float:left;
}

.flickr a{\
margin-right:30px;
	width:85px;
	height:45px;
	position:relative;
	float:left;
	background-image:url(/images/flickr.png);
}

.flickr a:hover{
margin-right:30px;
	width:85px;
	height:45px;
	position:relative;
	float:left;
	background-image:url(/images/flickr_over.png);
}

.youtube{
	width:95px;
	height:45px;
	position:relative;
	float:left;
}

.youtube a{
	width:95px;
	height:45px;
	position:relative;
	float:left;
	background-image:url(/images/youtube.png);
}

.youtube a:hover{
	width:95px;
	height:45px;
	position:relative;
	float:left;
	background-image:url(/images/youtube_over.png);
}


/*======================================== about page ==================================*/
.about_scale1{
              width:674px;
			  float:left;
			  position:relative;
			  margin-top:45px;
			  }
			  
.about_scale12_block{
              width:700px;
			  margin:auto;
			  margin-top:0px;
			  position:relative;
			  padding-right:30px;
			  }
			  
/*======================================== team page ==================================*/			  
.team_img{margin-top:25px;}

/*======================================== contact page ==================================*/			  
#contactUs {
	position:relative;
	margin-top:65px;
	margin-bottom:140px;
}

#contactMap {
	position:absolute;
	top:-25px;
	right:151px;
}

#contactButton {
	position:absolute;
	left:157px;
	top:-10px;
}

a#email {
	color:#74b1b7;
}



/*======================================== print page ==================================*/

.print_small_box_block{padding-top:15px; width:900px; position:relative; position:relative;}

.print_small_box{margin:8px 8px; float:left;}
			  
/*======================================== inside page ==================================*/



.inside_products_block{
               width:960px;
			   margin:auto;
			   position:relative;
			   margin-top:50px;
			   }
			   
.inside_products{
               width:856px;
			   float:left;
			   position:relative;
			   padding:10px 10px;
			   height:200px;
			   }
			   
.inside_products li{display:inline; margin-left:10px; list-style:none;}			   
			   
.arrow{
	  width:42px;
	  padding-top:64px;
	  float:left;
	  position:relative;
	  }			   
			   
			   
			   
/*    img gallery    */



.stepcarousel{
position: relative; /*leave this value alone*/

overflow: hidden; /*leave this value alone*/
width:7000px;
height: 200px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .y{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;

}

.stepcarousel .x{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 10px; /*margin around each panel*/
width: 290px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
list-style:none;
padding-right:4px;
display:inline;

}			   
			   
			   
.stepcarousel .x img{border:8px solid #FFFFFF;}			   
			   


/*======================================== portfolio page ==================================*/			   
			   
.portfolio_block{
                  width:700px;
				  margin:auto;
				  position:relative;
				  margin-top:35px;
				  }	
.portfolio_box_first{
               width:146px;  padding:10px; background-color:#FFFFFF; margin: 30px 0px 0px 132px;}				  
.portfolio_box{
               width:146px;  padding:10px;  background-color:#FFFFFF; margin: 30px auto;}	
			   
.portfolio_box_last{
               width:146px;  padding:10px; float:right;  background-color:#FFFFFF; margin: 30px 132px 0px 0px;}	
			   

			   
/*---------------------------- popup box ---------------------------------*/

	   

.popup {
	display: none;
	position: absolute;
	padding: 0;
	margin:0;
	background-color:#F3F0E8;
	z-index:200000000;	
}		   

.popup_block{
/*       width:905px; */
			 float:left;
			 position:relative;
/*			 background:url(/images/3go_left_corner.jpg) left bottom no-repeat;
			 padding:50px 15px 40px 15px; */
			 }
			 
			 
.popup_field{
/*       width:905px;*/
			 float:left;
			 position:relative;
			 background-color:#687272;
			/* filter:alpha(opacity=60);
             opacity:0.6;*/
			 padding-bottom:20px;
			 padding-top:43px;
			 }


div.popup_close{
       width:34px;
			 position:absolute;
			 top:10px;
			 right:10px
			 }


.popup_middle{
/*             width:905px;*/
			 float:left;
			 position:relative;
			 }
			 
.popup_left{
             width:300px;
			 float:left;
			 position:relative;
			 padding-left:50px;
			 }

.popup_right{
             width:300px;
			 float:left;
			 position:relative;
			 }

.popup_portfolio_l {
             width:610px;
			 float:left;
			 position:relative;
			 padding-left:50px;
			 }

.popup_portfolio_r {
             width:245px;
			 float:left;
			 position:relative;
			 }

			 
.popup_big_img{width:610px; float:left; position:relative;}
img.big_image {
	border:10px solid	#fff;
}
/*.popup_big_img img{border:10px solid #ffffff; border-bottom:25px solid #ffffff;}*/

.popup_small_img{width:610px; float:left; position:relative; margin-top:10px;}
.popup_small_img img{	border:10px solid	#fff; margin-right:8px;}

.popup_right_head{
                  width:205px;
				  float:left;
				  position:relative;
				  background:url(/images/3go_dot.gif) bottom repeat-x;
				  padding-bottom:10px;
				  padding-left:20px; 
				  padding-right:20px;
				  }
				  
.popup_right_field{width:205px; float:left; position:relative; margin-top:15px; padding-left:20px; padding-right:20px;}				  
#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height:100%;
	background-color: #FFFFFF;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}

div#popup label {
	width:200px;
	text-align:right;
	float:left;
	color:#fff;
}

div#popup h2 {
	padding-bottom:16px;
}
div#popup div#title {
	text-align:center;
}

div#popup input, div#popup textarea {
	width:350px;
	margin-left:20px;
	margin-bottom:15px;
}

div#popup textarea {
	height:150px;
}

div#popup div#submit {
	text-align:center;
}

div#filter {
	z-index:15000;
}

/*======================================== blog page ==================================*/			   

.wrap_blog{
           width:100%;
		   float:left;
		   position:relative;
		   background:none;
		   background-color:#8EA3A5;
		   }			   
.bolg_block{
            width:900px;
			margin:auto;
			position:relative;
			}
			
.bolg_wrap{
		width:900px;
		float:left;
		position:relative;
		margin-top:30px;
		}
	
	
/*-------------  left ---------------*/	
		
.blog_left_block{
           width:400px;
		   float:left;
		   position:relative;
		   padding-bottom:20px;
		   background:url(/images/3go_blog_left_line.gif) left repeat-y;
		   margin-top:120px;
		   }
		   
.categories_block{
            width:150px;
			float:left;
			position:relative;
			top:140px;
			padding-left:20px;
			padding-right:13px;
			}
			
.archived_block{
            width:180px;
			float:left;
			top:140px;
			position:relative;
			padding-left:20px;
			}
		   
/*-------------  right ---------------*/			   
.blog_right_block{
           width:475px;
		   float:left;
		   position:relative;
		   }
		   
.blog_logo{
      position:absolute;
	  top:-70px;
	  left:-27px;
	  z-index:10000;
	  }
		
.blog_level{
            width:467px;
			float:left;
			position:relative;
			margin-top:25px;
			margin-left: 100px;
			}
			
.blog_level_top{
            width:450px;
			float:left;
			position:relative;
			padding-right:17px;
			}
			
.blog_level_middle{
            width:467px;
			float:left;
			position:relative;
			margin-top:5px;
			}
			
.blog_level_middle_box{
            width:467px;
			float:left;
			position:relative;
			background:url(/images/3go_dot_bg.gif) repeat-y;
			}
			
.blog_level_des{
            width:447px;
			float:left;
			position:relative;
			margin-top:10px;
			padding:10px;
			}
			
.blog_level_btm{
            width:447px;
			float:left;
			position:relative;
			margin-top:10px;
			padding:10px;
			background-color:#9AB1B2;
			}	   

/*======================================== Skills: Software, Ecomm, etc. ==================================*/					   
				 
.skills_block {
	position:absolute; 
	float:left; 
	margin-left:-80px; 
	margin-top:0px;
	z-index:1000; 
	width:825px;
}
#skills_img {
	float:left;
}
.skills_txt {
	background-position:0.5em 0.4em;	
	background-repeat:no-repeat;
	width:450px;
	float:left;
	padding-left:46px;
	padding-top:22px;
}
.skills_txt#softw_txt {
	background-image:url(/images/title-software.png);
}
.skills_txt#mobile_txt {
	background-image:url(/images/title-iphone.png);
}
.skills_txt#ecomm_txt {
	background-image:url(/images/title-ecommerce.png);
}
.skills_txt#prod_txt {
	background-image:url(/images/title-our-product.png);
}
.skills_txt#brand_txt {
	background-image:url(/images/title-identity.png);
}
.right_para {
	position:absolute;
	right:88px;
	top:137px;
}
.right_para a {
	color:#74B1B7;
}