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

html, body { background-image:url(../images/back.jpg); margin:0px 0px 0px 0px; height:100%; }

div, div p { letter-spacing:-1px; position:relative; }

.clear{ clear:both; height:0; visibility:hidden; display:block; }

#div_MainContainer { position:relative; height:100%; }

#div_Main {  width:945px; padding-bottom:50px; margin:auto;  }
#img_ContentLine { width:945px; height:17px; margin:40px 0px 0px 0px; }

/* Header */
#div_Header { width:945px; height:100px; }
#img_Logo { width:182px; height:50px; margin:25px 0px 0px 0px; float:left; }
#div_subNav { position:absolute; width:190px; height:20px; margin:40px 0px 0px 750px; }
#img_subDot { width:21px; height:11px; float:left; }
#div_subNav> p { font-size:13px; color:#ff7000; float:left; letter-spacing:-1px; margin:0px 0px 0px 0px; }

/* Navigation */
#div_navigationMain { width:945px; height:66px; }
#div_navigation { width:945px; }
#img_navigationShadow { position:relative; width:928px; height:12px; margin:0 0 0 6px; }

/* Navigation Hover */
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
ul#menu {   height:66px; list-style:none; margin:auto; padding:0;  }
ul#menu li { float:left; }
ul#menu li a { background:url(../images/sprite.png) no-repeat scroll top left; display:block; height:66px;  position:relative; }
ul#menu li a.home { width:145px; height:66px; }
ul#menu li a.portfolio { width:146px; background-position:-145px 0px ; }
ul#menu li a.whatwedo { width:192px; background-position:-291px 0px ; }
ul#menu li a.sync { width:188px; background-position:-483px 0px; }
ul#menu li a.ournew { width:128px; background-position:-671px 0px ; }
ul#menu li a.contact { width:146px; background-position:-799px 0px ; }
ul#menu li a span { background:url(../images/sprite.png) no-repeat scroll bottom left; display:block; position:absolute;  left:0; height:100%; width:100%; z-index:100; }
ul#menu li a span:hover { cursor:pointer; }
ul#menu li a.home span { background-position:0px -66px; }
ul#menu li a.portfolio span { background-position:-145px -66px; }
ul#menu li a.whatwedo span { background-position:-291px -66px ; }
ul#menu li a.sync span { background-position:-483px -66px ; }
ul#menu li a.contact span { background-position:-799px -66px ; }
ul#menu li a.ournew span { background-position:-671px -66px ; }


/* Promo */
#div_Promo { width:945px; }
#div_PromoTopic { font-size:40px; margin:50px 0px 0px 70px; letter-spacing:-2px; }
#div_PromoInfo { font-size:30px; margin:10px 0px 0px 70px; letter-spacing:-2px; line-height:35px; color:#6c6c6c; }
#div_PromoInfo > a { font-size:30px; letter-spacing:-2px; line-height:35px; color:#6c6c6c; }
#div_PromoNote { font-size:15px; margin:20px 0px 0px 70px; float:left; }
#img_PromoLine { width:759px; height:1px; margin:15px 0px 0px 70px; }
#img_PromoGo { width:22px; height:22px; margin:15px 0px 0px 20px; float:left; }

/* Content */
#div_mainContent { width:940px; }
#div_Works { width:501px; margin:0px 0px 0px 70px; float:left; }
#img_Works { width:410px; height:153px; float:left; }
#img_Plus { position:absolute; width:23px; height:23px; margin:0px 0px 0px 132px; z-index:100; }
#img_Details { position:relative; width:41px; height:67px; margin:66px 0px 0px 20px; }

#div_Blog { width:335px; margin:0px 0px 0px 10px; float:left; }
#img_Blog { width:244px; height:150px; float:left; }

#div_WhatWeDo { width:850px; margin:20px 0px 0px 70px; }
#img_WhatWeDo { width:757px; height:134px; }

/* Open Content */
.div_workDetail { position:absolute; width:830px; height:310px; background-color:#E7E7E7; background-image:url(../images/detailBack.jpg);  margin:0px 0px 0px 70px; z-index:101; }
.div_workDetailShow { display:none; }
#div_workTopic { font-size:30px; margin:30px 0px 0px 30px; }
#div_workInfo { font-size:15px; color:#6c6c6c; margin:10px 0px 15px 30px; }
#img_workExit { position:absolute; width:22px; height:22px; margin:0px 0px 0px 835px; }


/* Projects Detail */

#Orkan { width:645px; height:115px;  }
#Nakro { width:210px; height:115px; position:relative; float:left; margin:0px 0px 0px 5px; background-color:#FFF; }

#Nakro ul { width:210px; font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; background-color:#FFFFFF; }
#Nakro ul li { display: block; position: relative; }
#Nakro ul li ul { display: none;  }
#Nakro ul li a { display: block; text-decoration: none; color: #ffffff;  background-color:#FFF; white-space: nowrap; }

#Nakro ul li a:hover {  }
#Nakro ul li:hover ul { display: block; position: absolute; float:left; background-color:#FFFFFF; }
#Nakro ul li:hover li { float: left; font-size: 11px;}
#Nakro ul li:hover a {  }
#Nakro ul li:hover li a:hover { }

#read { position:relative; width:60px; height:22px; margin:8px 4px 4px 3px; float:left; background-color:#FFF; }
#read a { position:relative; width:60px; height:22px; float:left; background-color:#FFF; }

#share { position:relative; width:67px; height:22px; margin:8px 4px 4px 0px; float:left; }
#share a { position:relative; width:67px; height:22px; float:left; }

#like { position:relative; width:67px; height:22px; margin:8px 4px 4px 0px; float:left; }
#like a { position:relative; width:67px; height:22px; float:left; }

#shadow { position:relative; top:-14px; height:3px; }
#buttons { position:relative; top:-14px; height:24px; }
		
/* Slider */

body { 
	font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;
	letter-spacing:0;
	color:#434343;
	padding:0px 0px 0px 0px;
	position:relative;
	text-shadow:0 1px 0 rgba(255,255,255,.8);
	-webkit-font-smoothing: subpixel-antialiased;
}


#container { width:645px; height:115px; padding:0px; margin:0 auto; position:relative; z-index:0; }
#example { width:645px; height:115px; position:relative; }
#ribbon { position:absolute; top:-3px; left:-15px; z-index:500; }
#frame { position:absolute; z-index:0; width:645px; height:110px; top:-3px; left:-80px; }

#slides { position:absolute; height:115px; top:10px; left:4px; z-index:100; }
.slides_container { width:645px; height:160px; overflow:hidden; position:relative; display:none; }
.slides_container a { width:645px; height:115px; display:block; }
.slides_container a img { display:block; }

#slides .next,#slides .prev { position:absolute; top:30px; left:-50px; width:41px; height:67px; display:block; z-index:101; }
#slides .next { left:658px; }

.pagination { margin:26px auto 0; width:100px; }
.pagination li { float:left; margin:0 1px; list-style:none; }
.pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(../img/pagination.png); background-position:0 0; float:left; overflow:hidden; }
.pagination li.current a { background-position:0 -12px; }

a:link,a:visited { color:#000000; text-decoration:none; }
a:hover,a:active { color:#000000; text-decoration:underline; }


/* Works Accordion */ 
#wrapper { position:relative; width: 925px; margin:0px 0px 0px 10px; }
.accordionButton {	width:925px; height:110px; float: left; border-bottom: 1px solid #FFFFFF; cursor: pointer; }	
.accordionContent { width:925px; float: left; }
.on { background: #F7F7F7; }
.over { background: #F7F7F7; }
#img_AccordionWork { display:block; width:173px; height:92px; margin:-4px 0px 0px 10px; float:left; }
#workName { position:absolute; font-size:30px; color:#ff7000; float:left; letter-spacing:-2px; margin:15px 0px 0px 200px; }
#work_Category { position:absolute; font-size:20px; color:#ff7000; float:left; letter-spacing:-2px; margin:30px 0px 0px 575px; }
.img_AccordionSelect { display:block; width:57px; height:67px; margin:10px 0px 0px 850px; }
#div_workContainer { position:relative; width:925px; margin:20px 30px 30px 10px; }
#div_imageContainer { width:540px; float:left; }
#div_imageNumber { position:relative; width:540px; height:50px; margin:auto; }
#img_imageNumber { margin:0px 0px 0px 240px; }
#div_workDetails { width:330px; margin:0px 0px 0px 25px; float:left; }
#div_AccordionSlide { position:relative; width:925px; margin:20px 20px 50px 10px; float:left; }
#p_workTopic { position:relative; height:25px; font-size:30px; color:#9f9f9f; letter-spacing:-2px; margin:30px 0px 0px 0px; }
#p_workUrl { position:relative; font-size:18px; color:#9f9f9f; letter-spacing:-2px; margin:5px 0px 0px 2px; }
#p_workInfo { position:relative; font-size:14px; color:#9f9f9f; letter-spacing:-1px; margin:15px 0px 0px 2px; }
#p_workVisit { position:relative; font-size:20px; color:#ff7000; letter-spacing:-2px; margin:25px 0px 0px 2px; }
#div_workTitle { width:925px; height:25px; margin:5px 0px 0px 0px; }
#p_workName { position:relative; font-size:15px; color:#000000; letter-spacing:-2px; margin:0px 0px 0px 23px; float:left; }
#p_workCategory { position:relative; font-size:15px; color:#000000; letter-spacing:-2px; margin:0px 0px 0px 537px; float:left; }
#p_workDetail { position:relative; font-size:15px; color:#000000; letter-spacing:-2px; margin:0px 0px 0px 255px; float:left; }

/* Services */
#img_Websites { position:relative; width:865px; height:144px; margin:0px 0px 0px 50px; }
#img_serviceLine { margin:10px 0px 0px 15px; }
#img_SocialMedia { position:relative; width:865px; height:144px; margin:0px 0px 0px 50px; }
#div_workSubMenu { position:relative; width:285px; float:left; }
#img_subMenuLine { position:relative; width:255px; height:17px; margin:15px 0px 0px 10px; }
#p_worksubTopic { font-size:22px; color:#ff7000; letter-spacing:-2px; margin:0px 0px 10px 20px; }
#p_worksubMenu { font-size:16px; color:#000000; letter-spacing:-1px; margin:0px 0px 0px 47px; }
#img_serviceShadow { position:relative; width:9px; height:278px; margin:0px 0px 0px 30px; float:left; }
#div_serviceDetail { position:relative; width:500px; float:left; margin:0px 0px 0px 45px; }
#p_serviceDetailTopic { font-size:25px; color:#000000; letter-spacing:-1px; margin:15px 0px 0px 0px; }
#p_serviceDetailInfo { font-size:14px; color:#555555; letter-spacing:-1px; margin:10px 0px 0px 0px; }

#subMenuContainer { position:relative; width:256px; float:left; margin:10px 0px 0px 10px; }
.subMenuButton { position:relative; width:256px; height:50px;  }
.p_subMenuButton { position:relative; height:50px; font-size:14px; margin:0px 0px 0px 20px; }
#img_subMenuLine { position:relative; width:255px; height:17px; }
.subMenuOn { background-image:url(../images/subMenuBack.jpg); }
.subMenuOver { background-image:url(../images/subMenuBack.jpg); }

/* Contact */
#img_Map { width:867px; height:328px; margin:0px 0px 0px 35px; } 


/* Footer */
#div_Footer { position:relative; width:100%; height:140px; background-image:url(../images/footerBack.jpg); bottom:0px; }
#div_FooterArea { width:945px; margin:auto; }
#div_FooterNav { position:relative; top:10px; margin:0px 0px 0px 390px; }
#p_FooterNav { font-size:14px; color:#FFFFFF; letter-spacing:-1px; float:left; }
#img_FooterLine { width:2px; height:29px; margin:5px 20px 0px 20px; float:left; }
#img_FooterLogo { width:124px; height:63px; float:left; }
#img_FooterCrop { width:945px; height:17px; margin:5px 0px 0px 0px; }
#p_Copyright { font-size:14px; color:#FFFFFF; letter-spacing:-1px; float:left; }
#img_Facebook { width:30px; height:30px; margin:0px 0px 0px 710px; float:left; }
#img_Twitter { width:30px; height:30px; margin:0px 0px 0px 5px; }

#div_workSlide { width:540px; border:1px;  }
#div_SlideBack { width:540px; background-color:#EEEEEE; }
#img_workSlideTop { width:540px; height:7px; }
#img_workSlideBottom { width:540px; height:20px; margin:0px 0px 50px 0px; }
#cueworks { position:relative; width:540px; background-color:#ff0000; margin:0px 0px 0px 0px; }
#cueworks > div {  width:540px; margin:0px 0px 0px 0px; }
#cueworks2 { position:relative; width:540px; background-color:#ff0000; margin:0px 0px 0px 0px; }
#cueworks2 > div {  width:540px; margin:0px 0px 0px 0px; }
#cueworks3 { position:relative; width:540px; background-color:#ff0000; margin:0px 0px 0px 0px; }
#cueworks3 > div {  width:540px; margin:0px 0px 0px 0px; }
#cueworks4 { position:relative; width:540px; background-color:#ff0000; margin:0px 0px 0px 0px; }
#cueworks4 > div {  width:540px; margin:0px 0px 0px 0px; }
#cueworks5 { position:relative; width:540px; background-color:#ff0000; margin:0px 0px 0px 0px; }
#cueworks5 > div {  width:540px; margin:0px 0px 0px 0px; }
#cueworks6 { position:relative; width:540px; background-color:#ff0000; margin:0px 0px 0px 0px; }
#cueworks6 > div {  width:540px; margin:0px 0px 0px 0px; }
#cueworks7 { position:relative; width:540px; background-color:#ff0000; margin:0px 0px 0px 0px; }
#cueworks7 > div {  width:540px; margin:0px 0px 0px 0px; }
#cueworks8 { position:relative; width:540px; background-color:#ff0000; margin:0px 0px 0px 0px; }
#cueworks8 > div {  width:540px; margin:0px 0px 0px 0px; }
#cueworks9 { position:relative; width:540px; background-color:#ff0000; margin:0px 0px 0px 0px; }
#cueworks9 > div {  width:540px; margin:0px 0px 0px 0px; }
#div_Empty { position:relative; width:100px; height:50px;}



#ipal_logo { width:230px; height:80px; margin-left:20px; left:20px; margin:20px 0px 0px 20px; }