/**
/*	Sprite CSS
/*	Styling for all sprites in Senja Site
/*	Developed by Senja
*/

/*////////////////////////////////////////
//	Page 1								//
////////////////////////////////////////*/

/* LAYER A */

.cloud_back_left { display:block; background: url('../images/decorations/cloup_pattern.png') 0 0 no-repeat;height:178px;width:539px;left:-205px;top:119px;position:absolute; }
.cloud_back_right { display:block; background: url('../images/decorations/cloup_pattern.png') 0 0 no-repeat;height:178px;width:539px;left:970px;top:119px;position:absolute; }
.para_flying_1 { display:block; background: url('../images/decorations/flying_object5.png') 0 0 no-repeat;height:115px;width:82px;left:1270px;top:269px;position:absolute; }
.sun_1 { display:block; background: url('../images/decorations/sunset.png') 0 0 no-repeat;height:307px;width:565px;left:381px;top:262px;position:absolute; }

/* LAYER A2 */

.cloud_fore_mid { display:block; background: url('../images/decorations/cloup_pattern.png') 0 0 no-repeat;height:178px;width:539px;left:428px;top:119px;position: absolute; }
.little_eagle_1 { display:block; background: url('../images/decorations/flying_object1.png') 0 0 no-repeat;height:38px;width:60px;left:445px;top:114px;position: absolute; }
.ballon_1 { display:block; background: url('../images/decorations/flying_object2.png') 0 0 no-repeat;height:64px;width:55px;left:1112px;top:150px;position: absolute; }

/* LAYER B */

.island_left { display:block; background: url('../images/decorations/left_islands.png') 0 0 no-repeat;height:442px;width:527px;left:200px;top:271px;position: absolute; }
.island_right { display:block; background: url('../images/decorations/beach.png') 0 0 no-repeat;width:733px;height:803px;left:1067px;top:297px;position: absolute; }

/* LAYER C */

.billboard_island { display:block; background: url('../images/decorations/billboard.png') 0 0 no-repeat;height:785px;width:491px;left:699px;top:612px;position: absolute; }

#billboard_container { list-style: none; }

.billboard_image { display:block;height:249px;width:299px;left:751px;top:621px;position: absolute; }
.billboard_image_acidjazz { background: url('../images/banner/acidjazz.png') 0 0 no-repeat; }
.billboard_image_bidaidigame { background: url('../images/banner/bidaidigame.png') 0 0 no-repeat; }
.billboard_image_custom14bike { background: url('../images/banner/custom14bike.png') 0 0 no-repeat; }
.billboard_image_drop10 { background: url('../images/banner/drop10.png') 0 0 no-repeat; }
.billboard_image_geegame { background: url('../images/banner/geegame.png') 0 0 no-repeat; }
.billboard_image_greygoose { background: url('../images/banner/greygoose.png') 0 0 no-repeat; }
.billboard_image_motiongraph { background: url('../images/banner/motiongraph.png') 0 0 no-repeat; }
.billboard_image_pepes { background: url('../images/banner/pepes.png') 0 0 no-repeat; }
.billboard_image_wbtc { background: url('../images/banner/wbtc.png') 0 0 no-repeat; }

#tweet_container { font-size: 14px; padding: 15px 0 0 10px; width: 425px; }
#tweet_container li { list-style: none; }

.water_objects { display:block; background: url('../images/decorations/onwater_objects.png') 0 0 no-repeat;width:785px;height:491px;left:867px;top:570px;position: absolute; }
.language_flag { display:block; background: url('../images/decorations/lang_flag.png') 0 0 no-repeat;width:81px;height:54px;left:1427px;top:750px;position: absolute; }
.language_flag_id { display:block; background: url('../images/decorations/lang_flag.png') bottom no-repeat;width:81px;height:54px;left:1427px;top:750px;position: absolute; }
.language_flag_tooltip { display:block; background: url('../images/decorations/tooltip.png') 0 0 no-repeat; width: 162px; height: 62px; left: 1237px; top: 754px; position: absolute; padding: 14px 10px 13px 12px; color: #666; font-family: Arial; font-weight: bold; text-align: left; }

/* LAYER D */

.buoy { display:block; background: url('../images/decorations/buoy2.png') 0 0 no-repeat;height:298px;width:168px;left:799px;top:802px;position: absolute; }
.front_eagle_1 { display:block; background: url('../images/decorations/flying_object4.png') 0 0 no-repeat;height:98px;width:169px;left:1669px;top:238px;position: absolute; }

/* LAYER E */

.twitter_container{ display:block; background: url('../images/decorations/twit_container_bg.png') 0 0 no-repeat;width:455px;height:141px;left:1619px;top:736px;position:absolute;font-family:Arial;font-size:20px;color:#FFF;text-align:left;padding:20px 0 0; }
.facebook_container { display:block; background: url('../images/decorations/fb_container_bg_2.png') 0 0 no-repeat;width:488px;height:66px;left:1619px;top:881px;position:absolute;font-family:Arial;font-size:20px;color:#FFF;text-align:left; }
.fb_like_container { padding: 11px 0 0 7px; }
#tweet_container { font-size: 14px; padding: 15px 0 0 10px; width: 425px; }
#tweet_container li { list-style: none; }

/*////////////////////////////////////////
//	Page 2								//
////////////////////////////////////////*/

/* LAYER A */

/* LAYER A2 */

/* LAYER B */

.dinobone { display:block;background: url('../images/decorations/dino_scientist.png') 0 0 no-repeat;width:261px;height:144px;position:absolute;top:561px;left:93px; z-index: 10; }
.desert { display:block;background: url('../images/decorations/desert2.png') 0 0 no-repeat;width:1808px;height:728px;position:absolute;top:372px;left:0; }
.desert_objects { display:block; background: url('../images/decorations/ondesert_objects_top.png') 0 0 no-repeat;width:762px;height:136px;left:388px;top:410px;position: absolute; }
.mountain { display:block; background: url('../images/decorations/mountain.png') 0 0 no-repeat;width:2552px;height:523px;left:1050px;top:308px;position: absolute; }
.city_building { display:block; background: url('../images/decorations/city.png') 0 0 no-repeat;width:2336px;height:546px;left:1268px;top:553px;position: absolute; }
.desert_objects2 { display:block; background: url('../images/decorations/ondesert_objects_bottom.png') 0 0 no-repeat;width:762px;height:329px;left:388px;top:546px;position: absolute; }

/* LAYER C */

/*.desert_objects2 { display:block; background: url('../images/decorations/ondesert_objects_bottom.png') 0 0 no-repeat;width:762px;height:329px;left:613px;top:546px;position: absolute; }*/
.smokingcloud { display:block; background: url('../images/decorations/cloud1.png') 0 0 no-repeat;width:936px;height:383px;left:704px;top:170px;position: absolute; }

/* LAYER D */

.cloud_fortext_2 { display:block; background: url('../images/decorations/cloud2.png') 0 0 no-repeat;width:418px;height:204px;left:613px;top:546px;position: absolute; }
.cloud_fortext_3 { display:block; background: url('../images/decorations/cloud3.png') 0 0 no-repeat;width:425px;height:316px;left:613px;top:546px;position: absolute; }

/* LAYER E */

.about_title { position: absolute; top: 206px; left: 1776px; font-family: Helvetica, Arial, sans-serif; font-size: 19px; letter-spacing: 1px; }
.about_container { position: absolute; top: 300px; left:1264px; text-align: center; width: 625px; font-size: 13px; font-family: Helvetica, Arial, sans-serif; letter-spacing: 1px; }
.services_title { position: absolute; top: 549px; left: 1779px; font-family: Helvetica, Arial, sans-serif; font-size: 19px; letter-spacing: 1px; }
.services_container { position: absolute; top: 491px; left: 494px; }
#interactive_about_button { background:url('../images/decorations/interactive_btn.png') 0 0 no-repeat; width:184px; height:184px; cursor: pointer; }
#interactive_about_button:hover { background:url('../images/decorations/interactive_btn.png') 0 bottom no-repeat; }

#webdev_about_button { background:url('../images/decorations/webdev_btn.png') 0 0 no-repeat; width:184px; height:184px; cursor: pointer; }
#webdev_about_button:hover { background:url('../images/decorations/webdev_btn.png') 0 bottom no-repeat; }

#mobiledev_about_button { background:url('../images/decorations/mobiledev_btn.png') 0 0 no-repeat; width:184px; height:184px; cursor: pointer; }
#mobiledev_about_button:hover { background:url('../images/decorations/mobiledev_btn.png') 0 bottom no-repeat; }

#webanalytics_about_button { background:url('../images/decorations/analytics_btn.png') 0 0 no-repeat; width:184px; height:184px; cursor: pointer; }
#webanalytics_about_button:hover { background:url('../images/decorations/analytics_btn.png') 0 bottom no-repeat; }

/*////////////////////////////////////////
//	Page 3								//
////////////////////////////////////////*/

/* LAYER A */

.cloud_back_left_2 { display:block; background: url('../images/decorations/cloup_pattern.png') 0 0 no-repeat;height:178px;width:539px;left:-206px;top:117px;position:absolute; }
.cloud_back_right_2 { display:block; background: url('../images/decorations/cloup_pattern.png') 0 0 no-repeat;height:178px;width:539px;left:1004px;top:117px;position:absolute; }
.sun_3 { display:block; background: url('../images/decorations/sunset.png') 0 0 no-repeat;height:307px;width:565px;left:346px;top:262px;position:absolute; }

/* LAYER A2 */

.cloud_fore_mid_2 { display:block; background: url('../images/decorations/cloup_pattern.png') 0 0 no-repeat;height:178px;width:539px;left:439px;top:117px;position: absolute; }
.zepelin { display:block; background: url('../images/decorations/zepelin.png') 0 0 no-repeat;width:189px;height:51px;left:893px;top:157px;position: absolute; }
.parachutes { display:block; background: url('../images/decorations/parachute1.png') 0 0 no-repeat;width:146px;height:93px;left:733px;top:317px;position: absolute; }

/* LAYER B */

.desert_color { display:block;background: url('../images/decorations/desert_bg.png') 0 0 no-repeat;width:110%;height:585px;position:absolute;top:515px;left:0; }
/*.mountain_3rd { display:block; background: url('../images/decorations/mountain_complete4.png') 0 0 no-repeat;width:2924px;height:523px;left:-750px;top:306px;position: absolute; }
.montain { display:block; background: url('../images/decorations/mountain.png') 0 0 no-repeat;width:2552px;height:523px;left:-750px;top:306px;position: absolute; }
.buildings { display:block; background: url('../images/decorations/city.png') 0 0 no-repeat;width:2336px;height:546px;left:-534px;top:552px;position: absolute; }
.buildings { display:block; background: url('../images/decorations/city5.png') 0 0 no-repeat;width:3180px;height:554px;left:-331px;top:545px;position: absolute; }*/
.buildings { display:block; background: url('../images/decorations/city5.png') 0 0 no-repeat;width:3180px;height:554px;left:-239px;top:735px;position: absolute; z-index:10; }

/* LAYER B2 */

.mountain_3rd { display:block; background: url('../images/decorations/mountain_complete4.png') 0 0 no-repeat;width:2924px;height:523px;left:-660px;top:308px;position:absolute; z-index:5; }

/* LAYER C */

/* LAYER D */

.eagle { display:block; background: url('../images/decorations/eagle.png') 0 0 no-repeat;height:106px;width:179px;left:796px;top:277px;position: absolute; }

/* LAYER E */

.portfolio { display:block;left: 1821px;top: 207px;position:absolute;font-family:Arial;font-size: 18px;color:#000;text-align:left;letter-spacing: 2px; }
.portfolio_left_arrow { background: url('../images/decorations/arrow_left.png') 0 0 no-repeat;display:block;width:82px;height:213px;left:1115px;top:345px;position:absolute; cursor:pointer; z-index:55; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.portfolio_right_arrow { background: url('../images/decorations/arrow_right.png') 0 0 no-repeat;display:block;width:82px;height:213px;left:1953px;top:345px;position:absolute; cursor:pointer; z-index:55; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.portfolio_container { display:block;width:642px; height:350px; left:1251px; top:283px; position:absolute; font-family:Arial; font-size:15px; color:#000; text-align:left; overflow:hidden; z-index:50; }
.portfolio_slideContainer { /*width:1320px;*/ height:350px; position: absolute; left:6px; }
.portfolio_slideContainer_box { float:left; width:646px; height:350px; margin-right: 7px; }
.portfolio_left_padding { margin: 6px 14px 6px 0; }
.portfolio_right_padding { margin: 6px 0 6px 0; }

.client { display:block;left: 1850px;top: 673px;position:absolute;font-family:Arial;font-size: 18px;color:#000;text-align:left;letter-spacing: 2px; z-index: 50; }
.client_left_arrow { background: url('../images/clients/small_arrow_left.png') 0 0 no-repeat;display:block;width:42px;height:71px;left:1115px;top:797px;position:absolute;font-family:Arial;font-size:15px;color:#000;text-align:left; z-index: 55; cursor:pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; }
.client_right_arrow { background: url('../images/clients/small_arrow_right.png') 0 0 no-repeat;display:block;width:42px;height:71px;left:1993px;top:797px;position:absolute;font-family:Arial;font-size:15px;color:#000;text-align:left; z-index: 55; cursor:pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; }
.client_container { display:block;width:920px;height:167px;left:1115px;top:752px;position:absolute;font-family:Arial;font-size:15px;color:#000;text-align:left;overflow: hidden; z-index: 50; }
.client_slideContainer { width:2820px; height:167px; position: absolute; }
.client_slideBox { float:left; width:930px; height:167px; margin-right: 10px; }
.client_thumb { height: 160px; width: 300px; float: left; margin: 0 10px 6px 0; }

.client_thumb_overlay { display: none; position: relative; height: 160px; width: 300px; float: left; margin: 0 10px 6px 0; background-color: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }

.client_thumb_overlay_title {  font-family: arial; color: white; font-size: 16px; font-weight: bold; position: absolute; top: 20px; right: 25px; }
.client_thumb_overlay_desc { font-family: arial; color: white; font-size: 12px; font-weight: normal; line-height: 1.5em; position: absolute; top: 50px; left: 15px; width: 275px; }
.client_thumb_overlay_link { font-family: arial; color: white; font-size: 12px; font-weight: normal; position: absolute; top: 130px; left: 200px; width: 285px; }
.client_thumb_overlay_link a { color: white; text-decoration: none; }

/*////////////////////////////////////////
//	Page 4								//
////////////////////////////////////////*/

/* LAYER A */

.bg_square_pattern {display:block; background: #000 url('../images/decorations/bg_pattern.png') 0 0 repeat;height:1100px;width:1154px;left:340px;top:0;position: absolute; z-index: 15; }

.scattered_codes {display:block; background: url('../images/decorations/codes2.png') 0 0 no-repeat;height:1100px;width:1154px;left:192px;top:0;position: absolute; z-index: 25; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }

/* LAYER A2 */

/* LAYER B */

.bg_square_pattern2 {display:block; background: #000 url('../images/decorations/bg_pattern.png') 0 0 repeat;height:1100px;width:100%;left:192px;top:0;position: absolute; z-index: 15; }
/*.scattered_image {display:block; background: url('../images/decorations/scatered_image_x2.png') 0 0 no-repeat; width:595px;height:1100px;left:0;top:0;position: absolute; z-index: 20; }*/

.scattered_image {display:block; background:url('../images/scattered_mesh2.png') 0 0 no-repeat; width:512px; height:1500px; left:-320px; top:1px; position:absolute; z-index:20; }/**/

.square_bg_pattern { background: #000 url('../images/decorations/bg_gradient.png') 0 0 repeat-y; width: 1663px; min-height: 1100px; z-index: 20; }

/* LAYER C */

.green_codes {display:block; background: url('../images/decorations/greentext.png') 0 0 no-repeat;height:833px;width:808px;left:712px;top:265px;position: absolute;  z-index: 30;}

/* LAYER D */

/* LAYER E */

.contact_us_title {display:block;left: 1470px;top: 185px;position:absolute;font-family:Arial;font-size: 18px;text-align:left;letter-spacing: 2px;color:#FFF; z-index: 50;}

/**/

@media only screen and (device-width: 768px) and (orientation:portrait) {
	.bg_square_pattern2 {
		display: block;
		background: black url('../images/decorations/bg_pattern.png') 0 0 repeat;
		height: 100px;
		width: 100%;
		left: 192px;
		top: 0;
		position: absolute;
		z-index: 15;
	}
	#xipad{display:;position:absolute; width:1000px; height:1000px; background-color:red;}

	.scattered_image {
		margin-left:5403px;
		margin-top:75px;
		background-color:red;
		background:url('../images/scattered_mesh2.png') 0 0;
	}
	.topadd{color:red;
		display: block;
		background: black url('../images/decorations/bg_pattern.png') 0 0 repeat;
		height: 30px;
		width: 1579px;
		left: 511px;
		top: 0;
		position: absolute;
		z-index: 15;
	}

}