body {
	font-family : "Droid Sans", Helvetica, Arial, sans-serif;
	color : #717171;
	line-height :21px;
	font-size : 11px;
	background-image:url(images/bg_page.jpg);
	background-color: #262727;
	background-attachment: fixed;
	background-repeat: no-repeat;
}


h1, h2, h3, h4, h5, h6 {
color : #454545;
}

h1 {
font-size : 36px;
line-height : 36px;
}
h2 {
font-size : 24px;
line-height : 28px;
}
h3 {
font-size : 21px;
line-height : 24px;
}
h4 {
font-size : 18px;
line-height : 20px;
}
h5 {
font-size : 16px;
line-height : 18px;
}
h6 {
font-size : 12px;
line-height : 16px;
}
ol {
	margin:0;
	font-size: 12px;
	list-style-type: decimal;
	padding-left: 18px;
}

/*
colorpicker
------------------*/
	#colorSelector {
	position: relative;
	width: 36px;
	height: 36px;
	float:left;
	background:url(images/colorpicker/pick.png) no-repeat;
}
	
		#colorSelector_inner {
	position: relative;
	width: 36px;
	height: 36px;
	float:left;
	background:url(images/colorpicker/pick.png) no-repeat;
}

/*
ShortCodes
--------------------------------------*/
/* img_borders */
.frame {
padding : 7px;
background :#fff;
border:1px solid #e0e0e0;
}


/* img hover classes */

.zoom {
	display : block;
	background : url(images/plus.png) center  no-repeat;
	position : absolute;
}

.video{
display : block;
background : url(images/video.png) center no-repeat;
position : absolute;
}

/* dark button*/

.darkbutton a { 
  border:0; 
  cursor:pointer; 
  padding:0 20px 0 0; 
  text-align:center; 
 text-decoration:none;
  }
.darkbutton a span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}

a.darkbtn { 
  background:url(images/right-button.png) right no-repeat; 
  float:left;
  font-size:12px;
}
a.darkbtn span { 
  height:50px; 
  line-height:50px;
  background:url(images/left-button.png) left no-repeat;
  color:#fff; 
}

a.darkbtn:hover { 
  background:url(images/right-button-hover.png) right no-repeat; 
  float:left;
  font-size:12px;
}


a.darkbtn:hover span{ 
  height:50px; 
  line-height:50px;
  background:url(images/left-button-hover.png) left no-repeat;
  color:#fff; 
}

/*
light buttons
------------------------------------*/

.lightbutton a { 
  border:0; 
  cursor:pointer; 
  padding:0 20px 0 0; 
  text-align:center; 
 text-decoration:none;
  }
.lightbutton a span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}

a.lightbtn { 
  background:url(images/light-right.png) right no-repeat; 
  float:left;
  font-size:12px;
}
a.lightbtn span { 
  height:50px; 
  line-height:50px;
  background:url(images/light-left.png) left no-repeat;
  color:#777; 
}

a.lightbtn:hover { 
  background:url(images/light-right-hover.png) right no-repeat; 
  float:left;
  font-size:12px;
}

a.lightbtn:hover span{ 
  height:50px; 
  line-height:50px;
  background:url(images/light-left-hover.png) left no-repeat;
  color:#777; 
}



/*
Custom tabs
--------------------------------------*/
.custom_tabs {
float:left;
margin-top:15px;
}

.custom_tabs ul {
float:left;
background:url(images/tabbg.png) repeat-x ;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
height:39px;
border-left:1px solid #ddd;
}

.custom_tabs ul li{
float:left;
display:inline;
width:70px;
height:30px;
text-align:center;
border-right:1px solid #ddd;
border-left:1px solid #fff;
padding-top:10px;
}


.custom_tabs ul li.active{
background:url(images/tab-hover.png) repeat-x;
width:70px;
height:30px;
}

.custom_tabs ul li a{ 
color:#666;
font-size:12px;
text-decoration:none;
}

.t_content{
border:1px solid #ddd;
margin-left:2px;
}

.t_content p{
padding:14px;
}


/*
image alignments
-------------------------------*/
.alignright, img.alignright {
    float: right;
    margin:0 0 5px 10px;
}

.leftalign, .alignleft, img.aligneft {
    float: left;
    margin:0 10px 5px 0;
}


/*
Toggles
--------------------------------*/

.toggles{
clear:both;
margin-top:20px;
}

.toggles a{
float:left;
width:530px;
border:1px solid #ddd;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:7px 7px 7px 20px;
margin-top:20px;
text-decoration:none;
color:#353535;

}

.toggles  p{
clear:both;
padding:6px;
}

.toggle_trigger {
background:url(images/arrow-right.png) no-repeat 3px 50%;
}

.toggle_active{
background:url(images/arrow.png) no-repeat 3px 50%;
}

.toggle_container{
width:570px;
float:left;
}

.services_toggles{
margin-left:10px;
}

/*
Drop caps
---------------------------------*/
span.dropcap {
    float: left;
    font-size: 36px;
    line-height: 36px;
    margin-right: 10px;
}

/*
Alerts messages
-----------------------------------*/
.alert_success, .alert_error, .alert_warning, .alert_info {
    border-radius: 3px;
   -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 15px 0;
    padding: 10px 20px 10px 30px;
}
.alert_success {
    background: url(images/success.png) no-repeat scroll 8px center #E5FFCC;
    border: 1px solid #BBDD99;
    color: #557733;
}

.alert_warning {
    background: url(images/warning.png) no-repeat scroll 8px center #FFFFDD;
    border: 1px solid #DDDDCC;
    color: #666644;
}

.alert_info {
    background: url(images/info.png) no-repeat scroll 8px center #E5EFFF;
    border: 1px solid #BBDDEE;
    color: #446677;
}

.alert_error {
    background: url(images/error.png) no-repeat scroll 8px center #FFCCCC;
    border: 1px solid #DDAAAA;
    color: #774444;
}

/*
blockqutos
-------------------------------*/

blockquote {
    background: url(files/quote.png) no-repeat scroll 0 0 transparent;
    font-size:13px;
    font-style: italic;
    padding-left:50px;
	width:40%;
}
/*
bulltes style
--------------------------------------*/

.bullet ul li{
background:url(files/bullet.png) no-repeat scroll left 4px transparent ;
padding-left:25px;
font-size:11px;
}

.arrowbullet ul li{
background:url(files/bullet-check.png) no-repeat scroll left 4px transparent ;
padding-left:25px;
font-size:11px;
}

.arrowbullet2 ul li{
background:url(files/bullet-arrow.png) no-repeat scroll left 4px transparent ;
padding-left:25px;
font-size:11px;
}


/*
Seprator box 
-------------------------------*/
.bread{
	width:930px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	border: 1px solid #eee;
}

.bread h3{
	font-style:italic;
	border-right:1px solid #ddd;
	width:auto;
	float:left;
	padding-right:10px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 12px;
	margin-left: 18px;
	font-size: 12px;
}
.bread a{
	font-style:normal;
	border-right:1px solid #ddd;
	height:10px;
	padding-right: 10px;
	margin-right: 10px;
	font-size: 12px;
	text-decoration: none;
	color: #5d5d5d;
}
.bread p{
	float:left;
	font-size: 12px;
	margin-top:10px;
	margin-left:0px;
	
}

.search_box{
	float:right;
	margin-top:5px;
	margin-right:20px;
}
input.search_box:focus{
  border-color: #158DB5;
  box-shadow: 0 0 2px #158DB5;
}

.search_box {
  background: url(images/search-bg.png) no-repeat  right center #363737;
  border-radius: 3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  color: #C6C6C6;
  padding: 8px;
  width: 160px;
  border:none;
  font-size:11px;
  border:1px solid #515252;
}

.searchinput{
border:1px solid #ddd;
width:160px;
height:20px;
}

.search_btn{
border:none;
    height:23px;
    text-indent: -99999px;
    width: 30px;
	background:#ddd;
}

/*
header
---------------------------------*/

#header {
	margin-top: 20px;
  }

#main_box{
	width:990px;
	height:100%;
	background:#fcfcfc;
	position:relative;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
			box-shadow: 0 0 10px rgba(0,0,0,0.3);
}


.left_info{
float:left;
margin-left:10px;
padding-top:10px;
width:210px;
}

.left_info img{
float:left;
width:14px;
height:14px;
margin-right:5px;
}

p.email{
position:relative;
top:-3px;
font-size:11px;
}

.right_info{
float:right;
margin-right:10px;
padding-top:10px;
width:143px;
}

.right_info ul li{
display:inline;
float:left;
width:14px;
height:14px;
margin-left:5px;
}

.right_info p{
float:right;
font-size:10px;
margin-top:-3px;
}

.right_info ul li:last-child{
border-right:1px solid #ddd;
padding-right:7px;
}

.right_info ul li img{
width:14px;
height:14px;
}

#logo{
	float:left;
	margin-bottom: 10px;
}



#myslidemenu {
	float:left;
	margin-right:0;
	border: 1px solid #515252;
	width: 930px;
	margin-left: 14px;
	background-image: url(images/bg-nav-dark.png);
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.jqueryslidemenu {
	font-size: 12px;
	width : 100%;
	height : auto;
	float:right;
	margin-right:0;
}

	
.jqueryslidemenu ul {
	padding : 0;
	list-style-type : none;
}


.jqueryslidemenu ul li {
	position : relative;
	display : inline;
	float : left;
}

.jqueryslidemenu ul li a {
	display : block;
	color:#c8c7c7;
	text-decoration : none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #515252;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-transform: uppercase;
	
}

* html .jqueryslidemenu ul li a {
	display : inline-block;
}

.jqueryslidemenu ul li a:hover {
						background: -moz-linear-gradient(top,  #202020 0%, #272727 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#202020), color-stop(100%,#272727)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top,  #202020 0%,#272727 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top,  #202020 0%,#272727 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top,  #202020 0%,#272727 100%); /* IE10+ */
						background: linear-gradient(to bottom,  #202020 0%,#272727 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#272727',GradientType=0 ); /* IE6-9 */
						
						-webkit-border-radius: 4px;
						   -moz-border-radius: 4px;
								border-radius: 4px;
						-webkit-box-shadow: inset 0 1px #1a1a1a;
						   -moz-box-shadow: inset 0 1px #1a1a1a;
								box-shadow: inset 0 1px #1a1a1a;
								
						color: #fff;
}
.jqueryslidemenu ul li ul {
	position : absolute;
	visibility : hidden;
	z-index : 9999;
	height:auto;
	color: #c1c1c1;
			text-shadow: 0 -1px 0 #2f3130;
			background: #414241;
			background: -moz-linear-gradient(top,  #414241 0%, #3c3e3e 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414241), color-stop(100%,#3c3e3e)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #414241 0%,#3c3e3e 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #414241 0%,#3c3e3e 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #414241 0%,#3c3e3e 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #414241 0%,#3c3e3e 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414241', endColorstr='#3c3e3e',GradientType=0 ); /* IE6-9 */
	
}

.jqueryslidemenu ul li ul li {
	display : block;
	margin:0;
	width:185px;
	border-bottom :1px solid #515252;
	background: #414241;
}

.jqueryslidemenu ul li ul li a:hover{
	 background: -moz-linear-gradient(top,  #282929 0%, #393b3b 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282929), color-stop(100%,#393b3b)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #282929 0%,#393b3b 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #282929 0%,#393b3b 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #282929 0%,#393b3b 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #282929 0%,#393b3b 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282929', endColorstr='#393b3b',GradientType=0 ); /* IE6-9 */
			color: #fff;
}

.jqueryslidemenu ul li ul li ul {
	float : left;
	background : url(images/submenu.html) no-repeat;
	height : 124px;
	width : 164px;
}

.jqueryslidemenu ul li ul li a {
	width:168px;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 15px;
}

.downarrowclass {
	position : absolute;
	top : 13px;
	right : 7px;
	margin-right: -3px;
}
.rightarrowclass {
	position : absolute;
	top : 13px;
	right : 8px;
}


/*
thumbnail slider
----------------------------------*/

#slider {
margin-top:10px;
z-index:888;
height:376px;
position:relative;
background:url(images/sliderbg.png) no-repeat;
} 
#slides {
position : relative;
top : 10px;
z-index : 100;
padding-top:4px;
}
.slides_container {
width : 908px;
overflow : hidden;
position : relative;
display : none;
height:338px;
top :2px;
z-index:777;
margin-left:auto;
margin-right:auto;
}
.slides_container div.slide {
width : 914px;
height : 360px;
display : block;
}
#slides .next, #slides .prev {
position : absolute;
top : 107px;
left : -39px;
width : 24px;
height : 43px;
display : block;
z-index : 101;
}
#slides .next {
left : 585px;
}

/* slider-caption */

.caption {
z-index : 500;
position : absolute;
height : 30px;
right : -500px;
top : 220px;
padding : 5px 20px 0 20px;
background : #000;
width : 410px;
height : 89px;
font-size :12px;
line-height :15px;
color : #fff;
opacity : 0.7;
filter: alpha(opacity=70); /* IE6+ */
}
.caption h5 {
color : #fff;
font-size : 18px;
padding-top : 5px;
margin-bottom:1px;
}
.caption h5 a{
	color : #fff;
	font-size : 18px;
	padding-top : 5px;
	margin-bottom:1px;
	text-decoration: none;
}
.caption h5 a:hover{
	color : #eee;
}
.caption p {
padding-top : 5px;
color : #fff;
width : 410px;
font-size:11px;
line-height:16px;
}

/* slider-thumbs-style */

ul.ts_container {
list-style : none;
margin : 0;
padding : 0;
width : 270px;
position : absolute;
top : 289px;
left : 58px;
height : 17px;
z-index : 99999;
}

ul.ts_container li {
float : left;
}


ul.ts_container li a {
display : block;
width : 28px;
height : 21px;
outline : none;
text-align : center;
border-right : 1px solid #363b3c;
padding : 0 3px;
background : #000;
opacity : 0.7;
filter: alpha(opacity=70); /* IE6+ */
color : #fff;
text-decoration : none;
}
ul.ts_container li a:hover, ul.ts_container li.selected a {
opacity : 1;
}
ul.ts_container li.current {
opacity : 0.9;
}
ul.ts_container li.ts_thumbnails {
display : none;
position : absolute;
text-indent : -9000px;
}
ul.ts_container li.ts_thumbnails span {
background : url(images/sliderIcons/triangle.png) center top no-repeat transparent;
width : 15px;
height : 6px;
position : absolute;
}
.ts_preview_wrapper {
border : 5px solid #fff;
overflow : hidden;
position : relative;
}
ul.ts_preview {
position : absolute;
left : 0;
top : 0;
margin : 0;
padding : 0;
list-style-type : none;
}
ul.ts_preview li {
float : left;
}
ul.ts_preview li img {
display : block;
}

/* stop-button of slider  */

a#stop {
position : relative;
top : -55px;
left : 33px;
width : 25px;
height : 24px;
border-right : 1px solid #363b3c;
float : left;
background : url(images/pause.jpg) no-repeat;
text-align : center;
text-decoration : none;
text-indent : -99999px;
color : #000;
z-index : 99999;
}


/* slider shadows */

.slideshadow{
width:912px;
margin-left:auto;
margin-right:auto;
background:url(images/shadow3.png) no-repeat;
height:32px;
position:relative;
z-index:333;
bottom:0;
top:-12px;
z-index:4;
}



.slideshadow1{
width:912px;
margin-left:auto;
margin-right:auto;
background:url(images/slideshadow.png) no-repeat;
height:32px;
position:relative;
z-index:333;
bottom:0;
top:-12px;
z-index:4;
}



.slideshadow2{
width:912px;
margin-left:auto;
margin-right:auto;
background:url(images/shadow2.png) no-repeat;
height:32px;
position:relative;
z-index:333;
bottom:0;
top:-12px;
z-index:555;
}

/*
Main-content :Home page
----------------------------------*/

#main_containt{
	height : 100%;
	text-decoration:none;
}

/*
Why transforms :w-slides
---------------------------------*/

/* seprator */

.seprator{
margin-bottom : 30px;
margin-left : 10px;
background : url(images/sep1.jpg) 180px 15px no-repeat;
width :100%;
padding-right:16px;
}


.seprator1 {
margin-bottom : 30px;
margin-left : 10px;
background : url(images/sep1.jpg) 180px 15px no-repeat;
width :100%;padding-right:16px;
}



#w_slides-wrap {
float : left;
left : 15px;
}

#w_slides, #w_slides h2 {
float : left;
}

 #w_slides h2 {
float : left;
margin-top:10px;
}

.overview{
	float:left;
	margin-top:10px;
}


#wslider {
	float : left;
	width : 940px;
}
#w_slides ul li img {
float : left;
}


/* w-slider -navigation */

#navigation {
float : left;
}

#navigation ul {
margin-left : 60px;
}
#navigation ul li {
width : 228px;
display : block;
border-bottom : 1px solid #ddd;
border-top : 1px solid #fff;
background : url(images/li-arrow.gif) left center no-repeat;
z-index : 9;
}

#navigation ul li:first-child{
border-top:1px solid #ddd;
}

#navigation ul li a {
color : #373737;
line-height : 35px;
font-size : 12px;
text-decoration : none;
padding-left : 12px;
height : 35px;
display : block;
z-index : 9;
}


/* w-slide buttons */

.w_slide_btn{
float:left;
margin-left:25px;
margin-top:4px;
}

.w_slide_btn a{
margin-right:20px;
}


/* active-tab */

.wactive {
background : url(images/wbg.png) no-repeat;
z-index : 8;
}


/* w-slider -tab-content-style */

.overview h2 {
margin-left :20px;
}

.overview  p {
	float : left;
	width : 350px;
	margin-left :10px;
	padding:10px;
	margin-top:5px;
}

/* web Designing */

.text-blocks p{
width:280px;
padding-left:2px;
float:none;
padding:10px;
}

.text-blocks {
margin-bottom:5px;
}

.text-block {
margin-bottom:20px;
margin-top:5px;
margin-right:10px;
}
.text-blocks  img{
width:42px;
height:42px;
margin-top:15px;
padding-left:10px;
padding-right:10px;
}


.webdesign img{
width:320px;
height:219px;
position:relative;
left:-20px;
}
.webdesign p,.webdesign h4{
	position:relative;
	padding-top:5px;
}



/* Web Development */

.block span{
float:left;
font-size:14px;
border:1px solid #ddd;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
padding:8px;
background:#dfdfdf;
}

.block span:hover{
background:#353535;
color:#fff;
cursor:pointer;
}

.block {
float:left;
margin-top:10px;
width:150px;
height:30px;
margin-bottom:34px;

}

.block p{
	float:left;
	padding:0;
	margin-left:10px;
	margin-top:10px;
}

/* ecommerce Section */

.ecommerce >.darkbutton{
margin-left:35px;
margin-top:10px;
}


.ecommerce h2{
background:url(images/e-commerce.png) no-repeat left 4px;
padding-left:30px;
margin-left:35px;
font-size:22px;
}
.ecommerce p{
clear:both;
float:left;
width:90%;
padding-left:20px;
padding-top:10px;
margin-left:15px;
line-height:24px;
}


/* video -Section */

.video-frame{
float:left;
border:1px solid #ddd;
padding:7px;
background :#fff;

}
/* Seo -Section */

.seo p{
float:left;
width:280px;
padding:3px;
margin-left:20px;
margin-top:5px;
}
.seo h2{
font-size:19px;
float:left;
margin-left:20px;
}
 
 
.seo div.buttons{
float:left;
margin-left:20px;
}
/* Get a Quatation */

.qutation  p{
clear:both;
float:left;
width:90%;
padding-left:20px;
padding-top:10px;
margin-left:15px;
line-height:24px;
}
.qutation  h2{
margin-left:35px;
font-size:22px;
}

.qutation >.darkbutton{
margin-left:35px;
margin-top:10px;
}


/*

Caption:After Slider 
-----------------------------------*/
.middle-caption{
margin-top:20px;
margin-left:20px;
float:left;
width:940px;
padding-bottom:10px;
}
/* .middle-caption p{
width:680px;
float:left;
font-size:16px;
line-height:25px;
}
 */
 
 .middle-caption  p {
  color: #929292;
  float: left;
  line-height: 24px;
  margin: 13px 0 0 15px;
  width:670px;
  font-size:16px;
  line-height:26px;
}

 .middle-caption p span {
  color: #363636;
  
}
 .bigbutton{
float:right;
margin-right:20px;

}

.bigbutton a{
text-decoration:none;
color:#f2f2f2;
display:block;
font-size:22px;
background:url(images/bigbutton11.html) no-repeat;
width:215px;
height:75px;
text-align:center;
}

.bigbutton a:hover{
background:url(images/bigbutton11-hover.html) no-repeat;
}




.bigbutton span {
  position: relative;
  top: 30px;
}


 
 /* 
 
 .bigbutton{
float:right;
margin-right:20px;

}

.bigbutton a{
text-decoration:none;
color:#f2f2f2;
display:block;
font-size:20px;
background:#353535;
width:180px;
height:60px;
text-align:center;
border-radius:4px 4px 0 0;
}


.bigbutton span {
position: relative;
top: 20px;
} */

/*
Recent project :carusol
----------------------------------*/


.seprator2 {
margin-bottom : 30px;
background : url(images/sep1.jpg) center no-repeat;
width:100%;
height:28px;
float:left;
}

.heading{
background:#fcfcfc;
display:inline;
width:auto;
float:left;
padding-right:5px;
}

.seprator2 h2{
float:left;
}
#anekaweb-welcome {
	float : left;
	width : 640px;
	margin-top: 15px;
	margin-right: 20px;
} 
.anekaweb-welcomeinfo{
	margin-bottom: 10px;
	width: 640px;
	text-align: justify;
}

#anekaweb-welcome p{
	color:#777;
	float: left;
	margin-left: 10px;
	text-align: justify;
	font-size:12px;
}
.anekaweb-welcomeimg{
	width:136px;
	height:117px;
	float: left;
	border: 1px solid #eee;
	margin-right: 10px;
}

.anekaweb-welcomeimg img{
	float:left;
	width:120px;
	height:117px;
	border: 8px solid #fff;
}
.anekaweb-welcome-crop{
	width:120px;
	height:117px;
}
.anekaweb-welcome-masking{
	width:136px;
	height:107px;
	overflow: hidden;
}



#anekaweb-carusol {
	float : left;
	width : 640px;
	margin-top: 15px;
	margin-right: 20px;
}
#carusol{
	height:340px;
	width: 640px;
}
.recent_post {
	position : relative;
	height:150px;
}

.anekaweb-corusolimg {
	width:176px;
	height:136px;
	float: left;
	border: 1px solid #eee;
	margin-right: 10px;
}

.anekaweb-corusolimg img {
	float:left;
	width:160px;
	border: 8px solid #fff;
}
.anekaweb-corusol-crop{
	width:160px;
}
.anekaweb-corusol-masking a{
	width:176px;
	height:127px;
	overflow: hidden;
}
.bx-window ul li span {
	position : absolute;
}

.bx-wrapper {
	margin-left : 30px;
	margin-right : 30px;
}
.bx-window ul li span {
	float : right;
	position : absolute;
	z-index : 100000000;
}

li.carusol_block {
	width : 200px;
	height:260px;
}

.carusol_block p {
	width : 180px;
	padding-top : 6px;
	margin-left:5px;
}
.carusol_block h6 a{
	padding-left : 5px;
	padding-top : 10px;
	text-transform : uppercase;
	color: #3e3d3d;
}
ul.carusol_block{
	margin-left : 6px;
}

.bx-prev {
	float : left;
	background : url(images/leftarrow.gif) no-repeat;
	width : 32px;
	height : 32px;
	position : absolute;
	top : 50px;
	left : -30px;
	text-indent : -9999px;
	border : none;
}
.bx-next {
	float : right;
	background : url(images/right-arrrow.gif) no-repeat;
	width : 32px;
	height : 32px;
	position : absolute;
	text-indent : -9999px;
	top : 48px;
	left : 590px;
	border : none;
}


/*
Testimonial
-------------------------------*/
#testimonial>.bx-wrapper{
margin-left:20px;
}

#testimonial{
float:left;
width:480px;
}

#testimonial .seprator2{
margin-bottom:20px;
}



#testimonial {

}

.testimonials{
background : url(images/hello.png) no-repeat;
width : 470px;
float : left;
position : relative;
height:115px;
}

#testimonial ul li {
height : 160px;
}
#testimonial ul li span {
margin-top : 35px;
margin-left : 300px;
width : 130px;
}
#testimonial ul li span a {
color : #158db5;
}
#testimonial ul li p {
width : 420px;
padding-top : 20px;
font-style:italic;
margin-left:20px;
}
/*
Lates News
-------------------------------*/
#anekaweb-news{
	float:left;
	width:640px;
	margin-left: 25px;
}
#anekaweb-news .seprator2{
	margin-bottom:10px;
	float:left;
	width:635px;
	background : url(images/sep1.jpg) center no-repeat;
}
#anekaweb-news h2{
	font-size: 24px;
}
.anekaweb-news{
	width : 500px;
	float : left;
	position : relative;
	height:115px;
}

#anekaweb-post{
	color:#777;
	font-size:11px;
	margin-top:5px;
	width: 635px;
	float: left;
	margin-left: 2px;
}

#anekaweb-post a {
text-decoration:none;
color:#3399CC;
}

#anekaweb-post ul li{
	float:left;
	border-bottom: 1px solid #ddd;
	margin-bottom:15px;
	padding-bottom:20px;
	width: 635px;
} 
 
#anekaweb-post h3 a {
	color:#272727;
	font-size:20px;
}

.anekaweb-postinfo{
	font-size:12px;
	margin-top:3px;
	margin-bottom: 10px;
	width: 600px;
	float: left;
}

#anekaweb-post p{
	font-size:12px;
	color:#777;
	float: left;
	width: 500px;
	margin-left: 10px;
	text-align: justify;
}

#anekaweb-post ul li .small_img{
	
}
.anekaweb-postimg{
	width:116px;
	height:97px;
	float: left;
	border: 1px solid #eee;
}

.anekaweb-postimg img{
	float:left;
	width:100px;
	height:80px;
	border: 8px solid #fff;
}
#anekaweb-news{
	float:left;
	width:500px;
}
#anekaweb-news .seprator2{
margin-bottom:10px;
background : url(images/sep1.jpg) center no-repeat;
}
#anekaweb-news h2{
	font-size: 24px;
}

/* blog post button */

.anekaweb-post_btn{
float:right;
margin-top:7px;
}
.anekaweb-comments{
margin-right:14px;
float:right;
background:url(images/comment.png) no-repeat center;
padding-left:42px;
margin-top:2px;
font-weight:bold;
}


.anekaweb-post_bottom{
margin-top:15px;
}
#anekaweb-page{
	float:left;
	width:650px;
}
#anekaweb-page .seprator2{
	margin-bottom:10px;
	width:650px;
	background : url(images/sep1.jpg) center no-repeat;
}
#anekaweb-page h2{
    width:650px;
	font-size: 24px;
}
#anekaweb-page p{
	margin-top:15px;
	font-size:12px;
	color:#777;
	margin-bottom:20px;
	width: 650px;
	text-align: justify;
}
#anekaweb-page strong{
	font-size: 14px;
	font-weight: bold;
}
.anekaweb-page-postimg{
	margin-top:10px;
	margin-bottom:15px;
	margin-right:15px;
	float: left;
}
.anekaweb-page-postimg img{
	margin-top:5px;
	width:400px;
	float: left;
}

#anekaweb-aboutus{
	float:left;
	width:650px;
}
#anekaweb-aboutus .seprator2{
	margin-bottom:10px;
	background : url(images/sep1.jpg) center no-repeat;
}
#anekaweb-aboutus h2{
	font-size: 24px;
}
#anekaweb-aboutus p{
	font-size: 12px;
	text-align: justify;
}
#anekaweb-aboutus strong{
	font-size: 14px;
	font-weight: bold;
}
/* /*
Round about
------------------------------
*/
.client_sep {
background : url(images/sep1.jpg) 160px 15px no-repeat;
padding-right :275px;
}

#clients-wrap{
float:right;
top:20px;
}

.team_pick img{
float:left;
width:130px;
margin-right:10px;
}

#clients-wrap span{
width:100%;
}

.team_pick{
float:left;
overflow:hidden;
width:155px;
}

.team_text{
float:left;
width:170px;
}

.ceo>.team_text{
margin-top:-7px;
margin-left:5px;
}

.ceo>.team_text a img{
width:16px;
height:16px;
margin-top:5px;
border:none;
}


.team_text a{
color:#158DB5;
text-decoration:none;
font-size:14px;
}
a.readmore {
color:#000;
text-decoration:none;
font-size:11px;
width:auto;
height:18px;
background:#eee;
padding:2px 5px 2px 5px;
border:1px solid #ddd;
float:right;
color:#777;
}


#clients-menu{
float:right;
clear:both;
position:relative;
z-index:999;
right:15%;
top:-25px;

}

#clients-menu a{
	float:left;
	width:10px;
	height:10px;
	margin-right:10px;
	background:#ddd;
	text-indent:-99999px;
}

#clients-menu a:hover{
	width:8px;
	height:8px;
	background:#353535;
	border:1px solid #ddd;
}
#roundabout {
	height : 220px;
	float : left;
	margin-top: 15px;
}
#roundabout ul li img{
}

#filler {
	position : relative;
	top : 50px;
	z-index : 9999;
	text-align : center;
	height : 30px;
	margin-left : 20px;
	display:block;
}
/*
Round about
------------------------------*/

.client_sep {
	background : url(images/sep1.jpg) 136px 15px no-repeat;
	padding-right :275px;
}
#roundabout {
	height : 180px;
	float : left;
}

#roundabout ul li img{
}

#featured  ul{
	top:20px;
}

#filler {
	position : relative;
	top :100px;
	z-index : 9999;
	text-align : center;
	height : 30px;
	margin-left : 20px;
	display:block;
}

/* seprator */

.rounaboutsep {
	margin-top :35px;
	background : url(images/client-sep.png) no-repeat;
	width : 170px;
	height : 30px;
	margin-left : 29%;
}
#roundabout_controls {
	float : left;
	width : 300px;
	margin-left : 48px;
	margin-top : -30px;
}
#next {
	float : left;
	background : url(images/roundabout-left.gif) no-repeat;
	height : 14px;
	margin-left:40px;
}
#previous {
	float : right;
	background : url(images/roundabout-right.gif) no-repeat;
	height : 14px;
	margin-top : -1px;
	margin-right:47px;

}
#roundabout_controls a {
	width : 7px;
}
.roundabout-holder {
	list-style : none;
	width : 215px;
	height : 50px;
	margin : 0 auto;
	margin-top : 54px;
}
.roundabout-moveable-item {
	font-size : 12px !important ;
	width:148px;
	height:99px;
	cursor : pointer;
	padding:7px ;
	border : 1px solid #ddd;
	background : #fff;
}
.roundabout-moveable-item img {
	height : 100%;
	width : 100%;
	background-color : #ffffff;
	margin : 0;

}
.roundabout-in-focus {
	cursor : auto;
	float:left;

}
.roundabout-in-focus:hover {
	background : #fff;
}


/* seprator */

.rounaboutsep {
	background : url(images/roundabout_seprator.png) no-repeat;
	width : 170px;
	height : 30px;
	margin-left : 29%;
}

.roundabout-holder {
	list-style : none;
	width : 255px;
	height : 50px;
	margin : 0 auto;
	margin-top : 24px;
}
.roundabout-moveable-item {
	font-size : 12px !important;
	width:120px;
	height:85px;
	cursor : pointer;
	border : 1px solid #ddd;
	background : #fff;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 7px;
}
.roundabout-moveable-item img {
	height : 100%;
	width : 100%;
	background-color : #ffffff;
	margin : 0;

}
.roundabout-in-focus {
	cursor : auto;
	float:left;

}
.roundabout-in-focus:hover {
	background : #fff;
}
#anekaweb-fb {
	width:240px;
	float : left;
}
.facebookOuter {
	width:240px;
	height:218px;
	margin-top: 20px;
	padding-bottom: 10px;
	float : left;
  }
 .facebookInner {
	height:218px;
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
  }
 */

/*
Blog page 
------------------------------*/

/* breadcrumb */

 #breadcrumb{
 float:left;
 margin-top:10px;
 margin-left:25px;
width:930px;
 }
 
 #breadcrumb p{
text-transform:uppercase;
font-size:10px;
color:#444;
}


#breadcrumb a{
color:#3399CC;
text-decoration:none;
}


/* Posts Wrapper */

#content{
float:left;
margin-left:20px;
}

/* Post  */
.AWsosial{
	margin-top:5px;
}
#anekaweb-detailnews{
	float:left;
	width:620px;
}
#post{
	color:#777;
	margin-top:5px;
	margin-bottom: 20px;
}

#post a {
text-decoration:none;
color:#3399CC;
}

#post ul li{
	float:left;
	margin-bottom: 15px;
	padding-bottom: 15px;
} 
 
#ul li{
	float:left;
	margin-bottom: 15px;
	padding-bottom: 15px;
	margin-left: 18px;
	list-style-type: decimal;
} 
 
 
#post h3 a {
	color:#272727;
	font-size:20px;
	margin-left:4px;
}

.postinfo{
	float:left;
	margin-top:3px;
	width: 610px;
}
#post p{
	margin-top:15px;
	font-size:12px;
	color:#777;
	margin-bottom:20px;
	width: 610px;
	text-align: justify;
}
#post strong{
	font-size:12px;
	color:#777;
	font-weight: bold;
}
#post ul li .small_img{
	margin-top:15px;
}


/* post image Style */
.postimg{
	margin-top:15px;
	margin-bottom:15px;
	margin-right:15px;
	float: left;
}
.postimg img{
	margin-top:5px;
	width:300px;
	float: left;
}
/* blog post button */

.post_btn{
float:right;
margin-top:7px;
}

/* Comments section */

.comments{
margin-right:14px;
float:right;
background:url(images/comment.png) no-repeat center;
padding-left:42px;
margin-top:2px;
font-weight:bold;
}


.post_bottom{
margin-top:15px;
}

.fb-like{
	float: left;
	margin-bottom: 30px;
}
.AWsocialproduk {
	margin-bottom: 10px;
	margin-left: 5px;
	float: right;
}
#postevent{
	color:#777;
	margin-top:5px;
	margin-bottom: 20px;
	float: left;
	width: 610px;
	text-align: justify;
}

#postevent a {
	text-decoration:none;
	color:#3399CC;
}
#postevent h3 a {
	color:#272727;
	font-size:20px;
	margin-left:4px;
}

#postevent p{
	font-size:12px;
	color:#777;
	margin-bottom:20px;
	float:left;
}
#postevent strong{
	font-size:14px;
	color:#777;
	font-weight: bold;
}
#postevent ul li .small_img{
	margin-top:15px;
}


/* post image Style */
.posteventimg{
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.posteventimg {
    background-color: #fff;
    padding: 6px;
    border: 1px solid #ccc;
    margin-top: 20px;
	margin-bottom: 20px;
}
img.center {
    background-color: #fff;
    padding: 6px;
    border: 1px solid #ccc;
    margin-top: 20px;
	margin-bottom: 20px;
}

/* pagination */

.pagination{
float:left;
width:380px;
height:60px;
margin-left:70px;
}

.prev-pagi{
float:left;
width:75px;
height:32px;
background:url(images/blog-prev.png) no-repeat;
text-align:center;
padding-top:5px;
}
.prev-pagi a{
font-size:13px;
color:#353535;
text-decoration:none;
}


.next-pagi{
float:right;
width:75px;
height:32px;
text-align:center;
padding-top:5px;
background:url(images/next-pag-bg.png) no-repeat;

}
.next-pagi a{
text-decoration:none;
color:#353535;
font-size:13px;

}

.post_pagi{
float:left;
margin-top:3px;
margin-left:10px;

}

.post_pagi ul {
background:url(images/blog-pag-bg.png) repeat-x;
height:24px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #ddd;
}
.post_pagi ul li {
float:left;
display:inline;
width:33px;
height:22px;
border-left:1px solid #c8c8c8;
border-right:1px solid #fff;
text-align:center;
padding-top:2px;
}

.post_pagi ul li.active{
background:url(images/active-bg.png);
width:33px;
border-right:none;
}
.post_pagi ul li a{
text-decoration:none;
font-size:12px;
text-align:center;
color:#353535;
}

.post_pagi ul li:first-child{
border:0;
}

.post_pagi ul li:last-child{
border-right:0;
}



/* Sidebar style */
#sidebar-left{
	float:left;
	width:255px;
	margin-left:20px;
	margin-bottom:20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eee;
}
#sidebar{
	float:right;
	width:320px;
	margin-left:20px;
	margin-top:15px;
	margin-bottom:20px;
	background-image: url(images/sidebar.png);
	background-repeat: no-repeat;
	background-position: top;
}
#sidebar-tengah{
	float:right;
	width:320px;
	margin-left:20px;
	background-image: url(images/sidebar-tengah.png);
	background-repeat: repeat;
	background-position: center center;
	margin-top: 21px;
}
#sidebar-bottom{
	float:right;
	width:320px;
	margin-left:20px;
	background-image: url(images/sidebar-bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 38px;
}
#sidebar a{
text-decoration:none;
}


/* sidebar content */

#sidecontent{
float:left;
margin-left:35px;

}

#sidecontent h4{
	font-size:17px;
	color:#393939;
	margin-top: 20px;
}

/* widget */

#sidebar_widget{
	float:left;
	width: 240px;
}
#sidebar_widget p{
	font-size:11px;
	color:#666;
	padding-top:1px;
	width:238px;
	height:107px;
}
#sidebar_widget h3{
	border-bottom:1px solid #ddd;
	padding-bottom:7px;
	font-size: 20px;
}
#sidebar_widget img{
	margin-left:-2px;
	padding-bottom:5px;
}
.ym{
	font-size: 12px;
	float: left;
	padding-top: 20px;
	line-height: 18px;
	width: 220px;
}
.ym-txt{
	float:left;
	width: 80px;
	font-size: 12px;
}
.ym-dot{
	float:left;
	width: 10px;
	font-size: 12px;
	margin-bottom: 3px;
}
.img-ym{
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 90px;
	padding-top: 2px;
	margin-bottom: 3px;
}
#Anekaweb_visitor{
	float:left;
	width: 240px;
}
#Anekaweb_visitor p{
	font-size:11px;
	color:#666;
	padding-top:1px;
	width:238px;
	height:107px;
}
#Anekaweb_visitor h3{
	border-bottom:1px solid #ddd;
	padding-bottom:7px;
	margin-bottom:15px;
	font-size: 20px;
}
 /* Sidebar tabs */
#sidebar_tabs {
	float:left;
	margin-left:-19px;
	margin-top:20px;
}

#sidebar_tabs ul {
	float:left;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	height:39px;
	background-color: #CCCCCC;
	background-image: url(images/tabbg.png);
	background-repeat: repeat-x;
	width: 288px;
}

#sidebar_tabs ul li{
	float:left;
	display:inline;
	width:70px;
	height:30px;
	text-align:center;
	border-right:1px solid #ddd;
	border-left:1px solid #fff;
	padding-top:10px;
}


#sidebar_tabs ul li.active{
	background:url(images/tab-hover.png) repeat-x;
	width:70px;
	height:30px;
}
#sidebar_tabs ul li a{ 
	color:#666;
	font-size:12px;
	text-decoration:none;
}


/* sidebar tabs -content style */

.tab_container{
	float:left;
	position:relative;
	left:-3px;
}


.recent_tab {
	float:left;
}

.recent_tab h6{
	margin-top:7px;
	color:#222;
}
.recent_tab h6 a{
	color:#222;
}
.recent_tab ul{
    margin-top:20px;
}

.recent_tab  ul li {
	clear:both;
	width:255px;
	height:68px;
	border-bottom:1px solid #ddd;
	margin-bottom:11px;
	float: left;
}
.recent_tab  ul li p{
	margin-left:10px;
	margin-top:3px;
	font-size:10px;
	color:#999;
}
.recent_tab ul li img{
	float:left;
	padding:5px;
	background:#fff;
	border:1px solid #ddd;
	height: 40px;
	width: 60px;
	margin-right:10px;
}

.recent_tab ul li img:hover{
	border:1px solid #afafaf;
}

/* comments tab content  */

.comments_tab {
float:left;
}

.comments_tab h6{
	float:left;
	margin-left:10px;
	margin-top:7px;
	color:#222;
}

.comments_tab ul{
margin-top:20px;
}

.comments_tab  ul li {
clear:both;
width:230px;
height:68px;
border-bottom:1px solid #ddd;
margin-bottom:11px;
}



.comments_tab  ul li p{
float:left;
margin-left:10px;
margin-top:3px;
font-size:10px;
color:#999;
width:120px;
}

.comments_tab ul li img{
float:left;
padding:5px;
background:#fff;
border:1px solid #ddd;
width:48px;
height:48px;
}

.comments_tab ul li img:hover{
border:1px solid #afafaf;
}

/* sidbar tabs tags  */


.tags_tab{
margin-top:20px;
width:
}
.tags_tab a{
float:left;
 border: 1px solid #EDEDED;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
color: #999999;
display: inline-table;
font-weight: normal;
margin: 2px;
padding: 4px 10px;
text-decoration: none;
background:#fbfafc;
}

.tags_tab a:hover{
background:#fff;
}


/* sidebar ads */

#sidebar_ads {
border-top: 1px solid #DDDDDD;
float: left;
margin-left:-22px;
margin-top: 20px;
padding-left:10px;
position: relative;
width: 280px;
}

#sidebar_ads  ul{
float:left;
margin-top:20px;
}


#sidebar_ads ul li  {
float:left;
display:inline;
margin:0;
}


/* Single Blog post styles */

.social_icons{
float:right;
width:160px;
margin-top:25px;
margin-right:-60px;
}

.social_icons a img{
width:20px;
height:20px;
}

/* Comment section start here  */

.commenthead{
float:left;
background:url(files/comment-head.png) repeat-x;
width:280px;
height:30px;
border-bottom:1px solid #ddd;
padding-bottom:20px;
}

.commenthead p{
color:#fff;
padding-left:11px;
padding-top:5px;
font-size:13px;
text-transform:uppercase;
}


/* first comment style */

.firstcomment{
margin-top:8px;
}

.firstcomment p{
font-size:11px;
margin-left:5px;
margin-top:5px;
}

/* reply Comment */

.replycomment {
margin-left:20px;
margin-top:20px;
background:#f0f0f0;
border:1px solid #e7e7e7;
padding:10px;
margin-bottom:30px;
height:160px;
}
.replycomment p{
font-size:11px;
margin-left:5px;
margin-top:5px;
}

/* comments avtar styles */

.cavatar{
float:left;
width:56px;
height:56px;
margin-right:10px;
margin-top:5px;
border:1px solid #ddd;
}

.cavatar img{
width:48px;
height:48px;
margin:4px 0px 0px 4px;
}

.date{
font-size:10px;
color:#777;
}

.head {
font-size:13px;
color:#333;
margin-top:4px;
}

.head h5{
font-size:12px;
}

.says{
font-size:11px;
font-style:italic;
}


/* Comment form  */

#formhead{
padding:10px;
}

.border{
width:576px;
height:2px;
border-top:1px solid #ddd;
}


#commentform{
margin-top:30px;
width:600px;
}

#commentform input{
margin-right:20px;
width:158px;
height:28px;
padding-left:10px;
background:url(files/inputbg.png) repeat-x;
border:1px solid #cbcbcb;
font-size:11px;
color:#aaa;
}

#commentform textarea{
margin-top:20px;
width:556px;
background:url(files/textbg.png) repeat-x;
height:140px;
border:1px solid #bebebe;
margin-bottom:15px;
padding-left:15px;
padding-top:10px;
font-size:11px;
color:#aaa;
overflow:auto;
}



#commentbtn{
float:left;
margin-top:-10px;
margin-bottom:50px;
}
#commentbtn 	a{
margin-right:10px;
}



/* basic shortcodes page style*/

#informationbox,#blockquotes,#buttons, #dropcap{
margin-top:20px;
float:left;
margin-left:10px;
}

.block_setting{
margin-top:10px;
margin-right:10px;
}

#blockquotes p{
margin-bottom:10px;
}

.btnclass{
float:left;
}
.btnclass a{
margin-right:15px;
}

#list-style {
    font-size: 11px;
    padding-top: 30px;
	height:340px;
}

#list-style>div{
margin-top:10px;

}


/* advance shortcode page s yles */


#stabs{
margin-top:15px;
}

#tolltip p{
margin-top:10px;
margin-bottom:10px;
}


#tolltip{
margin-top:20px;
}

#tolltip a{
text-decoration:none;
color:#008DB5;
}

/* hover images style */


.hover_effect{
float:left;
margin-top:15px;
position:relative;
}

.hover_effect a{
position:relative;
width:169px;
float:left;
}

.hover_effect p{
margin-top:10px;
margin-bottom:15px;
}


/*###################
Contact Page
#####################*/

.sale_department{
margin-top:20px;
}

.sale_department p{

}

.sale_department img{
float:left;
margin-bottom:0;
padding:4px;
}


/* Contact Form */
.content{
width:645px;
float:left;
margin-top:20px;
}

#map{
float:left;
overflow:hidden;
position:relative;
margin-left:20px;
margin-top:10px;
margin-bottom:20px;
border:1px solid #ddd;
z-index:888;
width:560px;
height:200px;
background:#fff url(images/loading.gif) 50% 50% no-repeat;
padding:7px;
}

#map_canvas{
overflow:hidden;
position:absolute;
z-index:888;
width:560px;
height:200px;
}

.shadow{
position:relative;
background:url(images/shadow.png) no-repeat;
width:591px;
height:40px;
top:218px;
left:28px;
z-index:777;
}

#side_content{
float:right;
margin-top:30px;
height:auto;
margin-bottom:80px;
}

#cf_submit_p{
float:left;
margin-left:10px;
margin-top:10px;
}
 

.message_label{
margin-left:30px;
margin-bottom:10px;
}


.ceo {
margin-top:30px;
}
.ceo h4{
margin-bottom:10px;
}
.ceo img{
float:left;
padding:5px;
background:#fff;
border:1px solid #ddd;
}
.ceo p{
float:left;
width:160px;
margin-left:10px;
}

.address{
float:left;
margin-left:10px;
margin-top:10px;
}

.address p span{
float:left;
width:60px;
color:#343434;
font-size:12px;
}




.ceo_social{
margin-top:30px;
margin-left:10px;
}

.ceo_social p{
float:left;
margin-right:10px;
font-size:14px;
border-bottom:1px solid #ddd;
padding-bottom:2px;
}
.ceo_social  {
float:left;
margin-left:40px;
}

.ceo_social img {
width:20px;
height:20px;
opacity:0.7;
}
.location h3{
	margin-bottom:5px;
}
.anekaweb-contact{
	width:550px;
	float:left;
	margin-left:20px;
}
#anekaweb-contact .seprator2{
	margin-bottom:10px;
	background : url(images/sep1.jpg) center no-repeat;
	width:550px;
}
#anekaweb-contact h2{
	font-size: 24px;
}

#contact_form_holder{
	float:left;
	width:580px;
	margin-bottom: 30px;
}

#contact_form {
	margin-right: 0;
	margin-bottom: 0px;
}
#contact_form p{
float:left;
}

#contact_form label {
float: left;
display: block;
text-transform: uppercase;
font-size:10px;
width: 100px;
position: relative;
top: 3px;
}

#contact_form input {
width: 220px;
padding:5px;
float:left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #fbfbfb;
border: 1px solid #ddd;
margin-top:6px;
}

#contact_form textarea {
padding:5px;
float:left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #fbfbfb;
border: 1px solid #ddd;
overflow:auto;
}
#contact_form input:focus,#contact_form input:hover, #contact_form textarea:focus,#contact_form textarea:hover{
background: #f3f3f3;

}

#contact_form textarea {
height:130px;
width: 280px;
float:right;
margin-right:-20px;
position:relative;
}

#contact_form .error, #contact_form .success {
display: none;
font-style: italic;
padding-left: 22px;
float: left;
margin-left: 10px;
margin-top: 20px;
}
#contact_form .error {background:url(images/error.png) no-repeat 0 center;color: #a00;}
#contact_form .success {background:url(images/success.png) no-repeat 0 center;color:#467;}

#contact_form  #email_error,
#contact_form  #name_error,
#contact_form  #subject_error,
#contact_form  #kode_error
{
position:relative;
float:left;
padding:0;margin-top:-50px;
background:transparent;
margin-left:50px;
 }
#contact_form  #message_error {
padding:0;
background:transparent;
float:right;
position:relative;
left:-85px;
}

#contact_form input#send_message {
width:113px !important;
height:33px;
margin-top: 15px;
position: relative;
cursor:pointer;
cursor:hand;
background:#353535;
border: 1px solid #ddd;
color:#fff;
padding:0;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

#contact_form #message_error {
  background: none repeat scroll 0 0 transparent;
  float: right;
  left: -130px;
  padding: 0;
  position: relative;
  margin-top:4px;
}

/*###################
About page
####################*/


/*###################
Services Pgae 
####################*/
.work img.photo{
float:left;
width:135px;
margin-right:10px;
margin-top:15px;
}

.work{
float:left;
}

.process{
float:left;
margin-top:10px;
}


.icon{
float:left;
margin-right:5%;
}

.num{
float:left;
margin-right:5%;
background:#eee;
width:50px;
height:45px;
text-align:center;
}

.num:hover{
background:#353535;
color:#f2f2f2;
cursor:pointer;
}
.num p{
	font-size:24px;
	background-color: #33CC00;
}



.services_btn a {
  background: none repeat scroll 0 0 #EEEEEF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #999999;
  display: inline-table;
  float: left;
  font-size:12px;
  margin-right: 10px;
  padding:3px 15px;
  text-decoration: none;
}

.services_btn{
float:right;
margin-right:15px;
margin-top:10px;
}
.services_btn a{
margin-left:5px;
}
.services_tab{
width:250px;
float:left;
}

.tab-content img{
margin-top:5px;
}
#anekaweb-gallery {
	float:left;
	width: 240px;
	list-style:none;
	font-size:12px;
	margin-top: 0px;
	margin-bottom: 25px;
}
#anekaweb-gallery h3{
	margin-top: 0px;
	margin-bottom: 10px;
}
#anekaweb-gallery img{
	float:left;
	width: 100px;
	border: 1px solid #eee;
	padding: 5px;
	margin-top: 10px;
	margin-right: 10px;
	height: 70px;
}
#tab-menu {
	float:left;
	width: 240px;
	list-style:none;
	font-size:12px;
	margin-top: 0px;
	margin-bottom: 25px;
}

#tab-menu h3{
	border-bottom:1px solid #ddd;
	margin-bottom:14px;
	padding-bottom:7px;
	margin-top:20px;
	font-size: 20px;
}

#tab-menu li {
	cursor: pointer;
	color: #888;
	border-bottom:1px solid #ddd;
	color:#888;
}

#tab-menu li  a{
	color:#888;
	text-decoration:none;
	display:block;
	padding:5px;
}
#tab-menu li img{
	width:18px;
	height:18px;
	padding-top:3px;
}
#tab-menu li  a{
	background:url(images/li-arrow.gif) no-repeat left center;
	padding-left:10px;
}


#tab-menu ul li img {
	vertical-align: middle;
	padding-right: 10px;
}

/* tab-content divs */

.tab-wrapper {
	width:960px;
	height:600px;
}
.tab-content {
	width: 650px;
	float:left;
	height:500px;
	padding: 20px 20px 0 20px;
}

.tab-content div.tab {
	display:none;
	padding: 0;
}

.tab-content div.tab.show {
	display:block;
}

.tab-content div.tab p {
	width:650px;
	padding: 0;
	margin:10px 0 20px 0;
}

.tab-content div.tab div p {
	width:100%;
}


/* broucher */

.broucher{
	float:left;
	width: 200px;
	list-style:none;
	font-size:12px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
}


.broucher h3{
	border-bottom:1px solid #ddd;
	margin-bottom:14px;
	padding-bottom:7px;
}

.broucher img{
	float:left;
}

.broucher p{
	float:left;
	width:70px;
}


.divider2{
float:left;
width:100%;
height:1px; 
background:#ddd;
margin:10px;
margin-bottom:20px;
}
.welcm{
	color:#000;
	padding-top: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
	width: 330px;
}
.selamat{
	padding-bottom: 10px;
	text-align: right;
	padding-right: 10px;
}

#anekaweb-products{
	float:left;
	width:650px;
}
#anekaweb-products .seprator2{
	margin-bottom:10px;
	background : url(images/sep1.jpg) center no-repeat;
	width:650px;
}
#anekaweb-products h2{
	font-size: 24px;
}
.anekaweb-products-grid	{
	width:650px;
	overflow:hidden;
	margin-left:0;
}
.anekaweb-products-grid li{
	position:relative;
	display:inline-block;
    vertical-align:top;
	margin-bottom: 20px;
	float: left;
	width:650px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
				
.anekaweb-products-grid li img{
	background:#fff;
	width:200px;
	padding: 7px;
}				
.anekaweb-products-gridimg {
	width:215px;
	height:138px;
	float: left;
	border: 1px solid #e0e0e0;
	margin-right: 10px;
}

.anekaweb-products-gridimg img {
	float:left;
	width:160px;
}
.anekaweb-products-grid-crop{
	width:160px;
}
.anekaweb-products-grid-masking a{
	width:215px;
	height:130px;
	overflow: hidden;
}
.anekaweb-products-grid .item_thumb {
	width:200px;
	height:150px;
	float:left;
	margin-right: 20px;
}

.anekaweb-products-grid .item_content {
	width:420px;
	float:left;
	margin-top: -5px;
}
.anekaweb-products-grid .item_content p {
    width:420px;
	padding-left:5px;
	float: left;
	text-align: justify;
	font-size: 12px;
}
.anekaweb-products-grid .item_content h5 a{
	font-size:14px;
	color:#4d4d4d;
	line-height:22px;
	font-weight: bold;
	text-decoration: none;
}
.anekaweb-products-grid .item_content h5 a:hover{
	color:#949494;
}
.one-half{
}
.three-fourth{
	margin-bottom: 15px;
	margin-top: 20px;
	float: left;
	width: 310px;
}
.three-fourth h4 a{
	font-size:20px;
	color:#4d4d4d;
}
.three-fourth h4 ahover{
	font-size:20px;
	color:#eee;
}
.three-fourth p{
	font-size:12px;
	color:#949494;
	line-height:22px;
	text-align: justify;
	width: 290px
}
#anekaweb-detailproducts{
	color:#777;
	font-size:11px;
	width: 640px;
	float: left;
	margin-left: 2px;
}
.AWsosialproduk{
	float: right;
}
.anekaweb-line{
	float: left;
	width: 650px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#anekaweb-detailproducts a {
	text-decoration:none;
	color:#3399CC;
}

#anekaweb-detailproducts strong{
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	float: left;
	width: 640px;
}
#anekaweb-detailproducts p {
	font-size:12px;
	color:#777;
	margin-top: 10px;
	text-align: justify;
	float: left;
	width: 640px;
}
.anekaweb-detailproductsimg{
	clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.anekaweb-detailproductsimg{
	background-color: #fff;
    padding: 6px;
    border: 1px solid #ccc;
    margin-top: 20px;
}
/*###################
Event
#####################*/
#anekaweb-event{
	float:left;
	width:620px;
}
#anekaweb-event .seprator2{
margin-bottom:10px;
background : url(images/sep1.jpg) center no-repeat;
width:615px;
}
#anekaweb-event h2{
	font-size: 24px;
}
.anekaweb-event-grid	{
	width:620px;
	overflow:hidden;
	margin-left:0;
}
.anekaweb-event-grid li{
	position:relative;
	display:inline-block;
    vertical-align:top
	margin-bottom: 20px;
	float: left;
	width: 620px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
				
.anekaweb-event-grid li img{
	background:#fff;
	width:200px;
	padding: 7px;
}				
.anekaweb-event-gridimg {
	width:215px;
	height:138px;
	float: left;
	border: 1px solid #e0e0e0;
	margin-right: 10px;
}

.anekaweb-event-gridimg img {
	float:left;
	width:160px;
}
.anekaweb-event-grid-crop{
	width:160px;
}
.anekaweb-event-grid-masking a{
	width:215px;
	height:130px;
	overflow: hidden;
}
.anekaweb-event-grid .item_thumb {
	width:200px;
	height:150px;
	float:left;
	margin-right: 20px;
}

.anekaweb-event-grid .item_content {
	width:390px;
	float:left;
	margin-top: -5px;
}
.anekaweb-event-grid .item_content p {
	width:390px;
	float: left;
	font-size: 12px;
	margin-left: 10px;
}
.anekaweb-event-grid .item_content h5 a{
	font-size:14px;
	color:#4d4d4d;
	line-height:22px;
	font-weight: bold;
	text-decoration: none;
}
.anekaweb-event-grid .item_content h5 a:hover{
	color:#949494;
}
/*###################
Album
#####################*/
#anekaweb-album{
	float:left;
	width:610px;
}
#anekaweb-album .seprator2{
margin-bottom:10px;
background : url(images/sep1.jpg) center no-repeat;
}
#anekaweb-album h2{
	font-size: 24px;
}
.anekaweb-album-grid	{
	width:610px;
	overflow:hidden;
	margin-left:7px;
	margin-bottom: 25px;
}
.anekaweb-album-grid li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width: 200px;
	margin-bottom: 10px;
}
				
.anekaweb-album-grid li img{
	padding:7px;
	background:#fff;
	width: 190px;
}				
.anekaweb-album-gridimg {
	width:190px;
	height:138px;
	float: left;
	border: 1px solid #e0e0e0;
	margin-right: 10px;
}

.anekaweb-album-gridimg img {
	float:left;
	width:190px;
}
.anekaweb-album-grid-crop{
	width:190px;
	float:left;
}
.anekaweb-album-grid-masking a{
	width:183px;
	height:130px;
	overflow: hidden;
}
.anekaweb-album-grid .item_thumb {
	width:200px;
	height:130px;
	float:none;
}

.anekaweb-album-grid .item_content {
	width:200px;
	float:none;
}
.anekaweb-album-grid .item_content postinfo {
	width:200px;
    padding-left:5px;
}
.anekaweb-album-grid .item_content h5{
	font-size:14px;
	color:#4d4d4d;
	line-height:22px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	float: left;
	width: 185px;
	margin-top: 5px;
}
.anekaweb-album-grid .item_content h5 a{
	font-size:14px;
	color:#4d4d4d;
	line-height:22px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	float: left;
	width: 185px;
	margin-top: 5px;
}
.anekaweb-album-grid .item_content h5 a:hover{
	font-size:14px;
	color:#949494;
	line-height:22px;
	font-weight: bold;
}
/*###################
Portfolio 
#####################*/

#portfolio{
position:relative;
}

#portfolio-sorting{
float:left;
width:960px;
}
		
/* Portfolio four colum  */

.port_head{
float:left;
margin-top:20px;
padding-left:10px;
}

.port_head p{
margin-top:5px;
line-height:20px;
}

.sort{
}

.sort p{
margin-top:0;
margin-right:10px;
}

.sorting{		
float:right;	
margin-top:15px;
}


.sorting a {
  color: #999999;
  display: inline-table;
  float: left;
  font-weight: normal;
  padding: 2px 7px;
  margin-right:10px;
  text-decoration: none;
  height:32px;

}



.sorting a:hover,
.sorting a:focus,
.sorting a.current_link{
background:url(images/port-arrow.png) no-repeat bottom;

}

.sorting a.current_link {
color:#068099;
}
			
.item_content {
margin-top:5px;
}
	
.item_content p{
	width:230px;
	padding-left:5px;
}				
					
.item_content h5{
font-size:12px;
color:#949494;
line-height:22px;
padding-left:5px;
}


.portfolio-grid	{
width:960px;
overflow:hidden;
margin-left:7px;	
margin-top:30px;
margin-left:0;
}
	

.portfolio-grid li{
position:relative;
display:inline-block;
vertical-align:top
*float:left;
*padding:0 0 0 31px;
height:300px;
}
				
.portfolio-grid li img{
padding:7px;
background:#fff;
border:1px solid #e0e0e0;
}				

.portfolio-grid .item_thumb {
width:250px;
height:160px;
float:none;
}

.portfolio-grid .item_content {
width:250px;
float:none;
}
				

				
/*
 portfolio One Coloum 
 -----------------------------*/
 
.portfolio_one{
margin-left:10px;
margin-top:20px;
}
				
.portfolio_one li	{
position:relative;
display:inline-block;
vertical-align:top
*float:left;
*padding:0 0 0 31px;
clear:both;
width:940px;
height:310px;
left:0;
right:0;
}
				
.portfolio_one li img{
padding:7px;
background:#fff;
width:520px;
height:260px;
border:1px solid #e0e0e0;
}				

.portfolio_one .item_thumb_p1 {
width:570px;
height:290px;
float:left;
}
				
.portfolio_one .item_content_p1 {
width:350px;
float:left;
margin-top:10px;
margin-bottom:30px;
}



.portfolio_one .item_content_p1 a{
text-decoration:none;
}

			
.portfolio_one .item_content_p1 span {
  clear: right;
  float: left;
  font-style: italic;
  margin-top: 5px;
}	

.portfolio_one .item_content_p1 p {
  float: left;
  margin-top: 5px;
}
			
.item_content_p1>.btn{
margin-top:20px;
}


/*###################
footer
#####################*/
.endfoot{
margin-top:3px;
}


#footer {
	background : url(images/foot.png) center no-repeat;
	height: 42px;
	margin-right: auto;
	width: 100%;
	margin-top: 20px;
}


#footer a {
text-decoration : none;
}
/* footer headings */

.foothead {
margin-left : -10px;
margin-bottom :5px;
}
.foothead h4 {
color : #fffefe;
font-size : 14px;
margin-top : -1px;
margin-left:27px;

}
.foothead img {
	float : left;
	
}


/* blog links */
#bloglink {
float : left;
height : 171px;
color : #999999;
font-size : 11px;
margin-left : 26px;
}

#bloglink ul {
}
#bloglink ul li a {
color : #999;
}
#bloglink ul li a:hover {
color : #f1f1f1;
}

/* footer -end copywrite Section */

#copywrite {
float : left;
margin-top : 13px;
margin-left : 5px;
}
#copywrite p {
color : #999;
font-size :11px;
}
#copywrite p a{
color : #999;
font-size :11px;
}
#copywrite p a:hover{
color : #fff;
font-size :11px;
}
.AWdownload{
	width:241px;
	float:left;
	padding-bottom: 5px;
	font-size: 11px;
	color: #000;
	margin-top: 15px;
	background-image: url(images/li-arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin-bottom: 25px;
	padding-left: 10px;
}
.AWdownload a{
	float:left;
	color: #333;
	margin-right: 3px;
	font-weight: bold;
	text-decoration: none;
}
.AWdownload a:hover{
	float:left;
	color: #666;
	font-weight: bold;
}
.anekaweb-terimakasih {
	text-align: center;
	padding: 20px;
	width: 630px;
	float:left;
}
.anekaweb-terimakasih h2{
	text-align: center;
	font-size: 20px;
	color: #000;
}