/* design by baloot */

.latestportfolio h5 {background:none;}

.notsure {background-color: #141414; padding: 20px 0 20px 0; text-align: center;}
.notsure2 {font-size: 33px; line-height: 40px; text-shadow: 0 2px 2px #000;}
.notsure3 {font-size: 20px; padding: -30px; padding-top: 10px; color: #fccf04; text-shadow: 0 2px 2px #000;}

.servicename { font-size: 17px; text-shadow: 0 1px 1px #000; font-weight: bold; color: #fccf04;}

.designcollectionkotak { margin-left: 130px;

}

.latestdesignmain {
  float:left;
   margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.latestdesignmain img {
  display: inline;
  position: relative;
  background-color: #121212;
  border: 1px solid #121212;
  margin: -6px 16px 18px -6px;
  padding: 4px;
  } 

.designcollection {
font-size:66px;
font-weight:lighter;
line-height:58px;
margin-bottom: 33px;
text-shadow: 0 2px 2px #000;
}

.designcollection a{
text-align:center;
color:#fff;
font-size:20px;
font-weight:lighter;
line-height:20px;
margin: 10px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
text-shadow: 0 2px 2px #000;
-moz-border-radius:40px 40px 40px 40px;
-moz-box-shadow:0 1px 0 #444444;
background:none repeat scroll 0 0 #171717;
}

.designcollection a:hover{
color: #fff;
text-shadow: 0 2px 2px #000;
-moz-box-shadow:  0 -1px 1px #444444;  
}


.namadesign {
font-size:33px;
font-weight:lighter;
line-height:58px;
margin-bottom: 33px;
text-shadow: 0 2px 2px #000;
color: #fccf04;
}


.designbaru {
font-size:30px;
font-weight:lighter;
line-height:30px;
margin-bottom: 10px;
text-shadow: 0 2px 2px #000;
display: inline;
}

.designbaru a{
text-align:center;
color:#fff;
font-size:13px;
font-weight:lighter;
line-height:20px;
margin: 10px;
padding-bottom: 5px;
padding-left: 7px;
padding-right: 7px;
text-shadow: 0 2px 2px #000;
-moz-box-shadow:0 1px 0 #444444;
background:none repeat scroll 0 0 #171717;
}

.designbaru a:hover{
color: #fff;
text-shadow: 0 2px 2px #000;
-moz-box-shadow:  0 -1px 1px #444444;  
}

/*.gambardesign {border: 1em solid #141414; margin-left: 30px; }*/

.gambardesign {
background:none repeat scroll 0 0 #141414;
border-color:#141414;
border-style:dotted;
border-width:0em;
padding:0.1em;
margin-left: 40px;
margin-bottom: 10px;
    -moz-box-shadow: 0px 0px 4px #ffffff; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #ffffff; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #ffffff; /* Opera 10.5, IE 9.0 */


  background-color: #B4B490;
  background-color: rgba(180, 180, 144, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490')"; /* IE8 */


}



.sowhatsnext { margin-left: 60px; margin-bottom: -30px;}

.packagemain { margin-left: 70px; margin-bottom: 270px; }

.reachmeat {margin-left: 60px;}

.hargapackage { font-size: 17px; display: inline; font-weight: bold; color: #fccf04; text-shadow: 0 1px 1px #000;}

.iconlist {
list-style: none;
margin: 0;
padding: 0;
text-indent: 1em;
}

li.package {
list-style-type: none;
background-image: url('http://balootisme.com/v2/bulletpackage.png');
background-repeat: no-repeat;
background-position: 0 50%;
padding: 5px 10px 5px 20px;
margin: 7px 10px 3px 10px;
text-shadow: 0 1px 1px #000;
font-size: 15px;
}

li.package a{
-moz-border-radius:20px 20px 20px 20px;
-moz-box-shadow:0 1px 0 #444444;
background:none repeat scroll 0 0 #171717;
color:#666666;
margin:0;
padding:4px 8px;
}

li.package a:hover {-moz-box-shadow:  0 -1px 1px #444444; color: #ff3366;}


/* @override 
	http://showcase.joomlabamboo.com/foliolife/templates/zengrid/themes/style/base/theme.css
	http://localhost:8888/joomla/1515/zengrid_1515/templates/zengrid/themes/foliolife/theme.css
	http://localhost:8888/joomla/repo/templates/foliolife/css/theme.css
	http://localhost:8888/joomla/1.5/foliodev/templates/foliolife/css/theme.css
	http://showcase.joomlabamboo.com/foliolife/templates/foliolife/css/theme.css
*/

/* These styles set the background colour and any other style you want to attach to the rows int he theme.  */

/* Used mainly to set the bottom footer colour and to create a faux footer */
body {background: #121212 url(../images/bgGrunge.jpg) repeat-x left top;color: #fff} 

.containerBG {margin-top: 0px;padding: 20px 0} 
.fullWrap {margin-top: 0px;background: url(../images/footer.jpg) repeat-x left bottom;padding-bottom: 160px;border-bottom: 10px solid #1a1a1a}
.topContainer {margin: 60px auto 0;} 
#topShadow {background: url(../images/topShadow.png) no-repeat center 0px;padding-top: 20px;;float: left;width: 100%;}
#ribbon {position: absolute;width: 110px;height: 85px;right: -28px;top: -4px;z-index: 1;} 
#ribbon span {-webkit-transform: rotate(45deg);position: absolute;margin-top: 18px;margin-left: 33px;font-size: 90%;text-transform: uppercase;-moz-transform: rotate(45deg);}
.topInner{background:#1a1a1a url(../images/containerBG.jpg) repeat-x 0px top;float: left;position: relative;z-index: 2;}

.topRow {padding: 0} 
.topRow .containerBG {padding: 4px 0 0 0} 
.topRow ul li {list-style-type: none;margin: 0 20px 0 0}
.topRow ul li {float: left}
.topRow ul li a {float: left}

#top4 ul { margin-top: 10px; } 
#top4 ul li a {color: #666; text-shadow: 0 1px 1px #000; -moz-border-radius:20px 20px 20px 20px;
-moz-box-shadow:0 1px 0 #444444;
background:none repeat scroll 0 0 #171717; font-weight: bold;}

#top4 ul li a:hover {-moz-box-shadow:  0 -1px 1px #444444; color: #00ccff; text-shadow: 0 1px 1px #000;  }

 
.logoRow {}
.logoRow .containerBG {margin: 0}
#tagline {font-size: 90%;margin-top: -10px} 


.navRow {padding: 0;margin-top: 40px}
.navRow .containerBG {padding-bottom: 0}
#navWrapper {background: url(../images/divider.png) repeat-x left bottom;float: left;width: 100%;}

.bannerRow {}
.bannerRow .containerBG {padding: 30px 0 0 0}


.grid1Row {}
.grid1Row .containerBG {padding: 30px 0 0}

.grid2Row {}
.grid2Row .containerBG {padding: 0px 0;}

.grid3Row {}
.grid3Row .containerBG {padding: 8px 0}


.grid4Row {}
.grid4Row .containerBG {padding: 30px 0;background: #1a1a1a url(../images/divider.png) repeat-x left bottom;}

.grid5Row {}
.grid5Row .containerBG {padding: 30px 0;background: #1a1a1a url(../images/divider.png) repeat-x left bottom;} 

.grid6Row {}
.grid6Row .containerBG {padding: 30px 0;background: url(../images/divider.png) repeat-x left bottom;}

.mainRow {background: url(../images/divider.png) repeat-x left bottom;}


.sliderRow {background:#1a1a1a;padding-top: 15px;border-bottom: 1px solid #0A0A0A;border-top: 1px solid #2a2a2a}
.sliderRow .containerBG {padding: 10px 0 0 0}



/* @group Slider */
#sliderWrap {float: left;color: #fff;display: inline;padding-bottom: 20px;background: url(../images/divider.png) repeat-x left top;padding-top: 10px;}
#sliderArea {margin-left: 0px;padding-bottom: 30px;float: left;width: 100%;height: 20px;background: url(../images/divider.png) repeat-x left bottom;}

span.slideTrigger {height: 30px;margin: 0 10px 0 0;padding: 8px 25px 5px 0px;color: #ddd;font-size: 14px;display: block;float: left;text-transform: lowercase;overflow: hidden}

span.slidePrev {background: url(../images/prev.png) no-repeat;width: 25px;height: 25px;position: absolute;cursor: pointer;margin-top: -20px}
span.slideNext {background: url(../images/next.png) no-repeat;width: 25px;height: 25px;position: absolute;margin-top: -20px;cursor: pointer;margin-left: 30px}


#slideWrapper {width: 100%}
#slides {padding-top: 10px;float: left}
#slides img {padding: 4px;background: #1C1919}
#sliderWrap ul {margin: 0}
#sliderWrap ul li {list-style-type: none;margin: 0}
#sliderWrap ul li a {display: block;width: 100%;border-bottom: 1px solid #333;text-decoration: none;padding: 4px 0}

#sliderWrap ul.tweet_list li a {display: inline}
#sliderWrap ul li a:hover {color: #AEBA34}
.slideTrigger {cursor: pointer}
#slideWrapper .border {border: 1px solid #1C1919;background: #222}
#sliderWrap h3 {color: #fff;font-weight: normal;line-height: 1.8em;background: none;padding-left: 0}

#sliderWrap .jTweet_bird1,#sliderWrap .jTweet_bird2,#sliderWrap .jTweet_bird3,#sliderWrap .jTweet_bird4,#sliderWrap .jTweet_bird5 {clear: none}
#sliderWrap .jTweetClear {clear: none}

.sliderDouble .moduletable {float: left;width: 48%;margin-right: 2%}
.sliderTriple .moduletable {float: left;width: 30%;margin-right: 3%}
.sliderQuad .moduletable {float: left;width: 23%;margin-right: 2%}

/* @end */



.bottomRow {background: #1a1a1a;padding-bottom: 50px;}
.bottomRow .containerBG {}



.bottomRow ul li {margin: 0;list-style-type: none;padding: 0;}
.bottomRow ul li a {display: block;background: #1a1a1a url(../images/divider.png) repeat-x left bottom;color: #fff;padding: 4px 0;}

.footerRow {font-size: 90%}
.footerRow .containerBG {}
.footerRow a {color: #ff3366; -moz-border-radius:20px 20px 20px 20px;
-moz-box-shadow:0 1px 0 #444444;
background:none repeat scroll 0 0 #171717;
color:#666666;
margin:0;
padding:4px 8px;
} 

.footerRow a:hover {-moz-box-shadow:  0 -1px 1px #444444; color: #ff3366; text-shadow: 0 1px 1px #000; }


/* Pathway Classes */
#breadcrumb {margin: 0 0 0px;width: 100%;padding: 8px 0;font-size: 90%;background: url(../images/divider.png) repeat-x left bottom}

#breadcrumb .moduletable {text-align: left}
.pathway img {margin: 6px 10px 0}


#above {padding-top: 30px;}
/* Center Column */
#center {}

/* Main Content Row Classes */
/* Left Column */
#leftCol {padding-top: 20px}
#midCol {}


#mainContent {margin-bottom: 10px;padding-top: 30px}
#mainContent.nopadding {margin-bottom: 0px;padding-top: 0}

/* Right Column */
#right .moduletable  {margin-top: 18px;margin-bottom: 0}


/* Footer Row Classes */
.footerRow {padding-bottom: 50px}
.footerRow .containerBG {border: 0;padding: 8px 0 0 0}


/* Search Styling */
#search {}
#search .inputbox,#search_searchword {border: 1px solid #333;padding: 8px;margin: 4px 0;background: url(../images/fieldShadow.jpg) repeat-x;	border: 1px solid #c8c8c8; font-size: 13px;color: #333333;padding-bottom: 0;margin: 0 20px}
#searchForm .button {margin-top: 8px}
form.search_result input#search_searchword  {margin: 0;width: 60%;padding: 10px;background: #fff url(../images/fieldShadow.jpg) repeat-x;}

/* Links */


/* Headings */


h2,.contentheading{clear: both;background: url(../images/divider.png) repeat-x left bottom;padding-bottom: 4px;margin-bottom: 10px;}
h2 a {clear: both;padding-bottom: 4px}
h2.dateheading.contentheading {background: none;padding: 0 0 0 100px;margin: 0;}
.contentheading {font-size: 1.6em}
h2.noborder,h2.noborder a {background: none;margin-bottom: 0;padding-bottom: 0;}


h3,.moduletable h3 {font-size: 1.3em;background: url(../images/navParent.png) no-repeat left 4px;padding-left: 20px;margin-bottom: 0px;padding-bottom: 8px;clear: both;}
.moduletable-heading {background: url(../images/divider.png) repeat-x left bottom;padding-bottom: 4px}

h5 {padding: 2px 0 2px 4px}
h6 {padding: 2px 0 2px 4px}


/*Nav - Top levels */
#navWrap.navLeft  {float: left}
#navWrap.navLeft ul {float: left;margin: 8px 20px 2px 0}
#navWrap.navLeft ul li {margin: 0}
#navWrap {float: right;padding-top: 30px}


#nav ul {
float: right;margin: 0; text-shadow: 0 1px 1px #000; font-size: 13px; } 
#nav ul li {margin: 0;padding: 0; }
#nav ul li a,#nav ul li span.mainlevel,#nav ul li span.sublevel {font-size: 1em;padding: 8px 20px}
#nav ul li a#active_menu,#nav ul li a.mainlevel_active {}

#nav a.mainlevel.sf-with-ul,#nav a.mainlevel_active.sf-with-ul, #nav ul li span.mainlevel span.expanded,#nav ul li a.sf-with-ul,.moduletable-superfish ul li a.sf-with-ul {background: url(../images/navParent.png) no-repeat left 10px;padding-left: 24px;}
#nav a.mainlevel.sf-with-ul:hover,#nav a.mainlevel_active.sf-with-ul:hover,#nav a.mainlevel_active.sf-with-ul, #nav ul li span.mainlevel span.expanded:hover{background: url(../images/navParent.png) no-repeat center 39px;padding-bottom: 39px}

#nav ul li li a.sf-with-ul, #nav ul li li span.sublevel span.expanded{background: url(../images/arrow.png) no-repeat 5px center;padding: 8px 0;text-indent: 10px;}

#nav a.mainlevel_active,#nav .mainlevel_current,#nav ul li a:hover {}

/* Nav - Second and third levels */
#nav li:hover ul,#nav ul li.sfHover ul {left:-1px;top:32px}
#nav li ul,#navWrap.navLeft ul ul,.moduletable-superfish ul ul {background: url(../images/blackOverlay.png);border: 1px solid #121212;border-width: 0 1px 0 1px;padding: 0;margin: 0}
#nav ul li li a, #nav ul li li span.sublevel {border-bottom: 1px solid #121212;font-size: 0.9em}
#nav ul li li span.sublevel{padding-left:16px;padding-right:0px}
#nav ul li li span.expanded, #nav ul li li a.sf-with-ul {padding-left: 16px;padding-right: 0px}
#nav span.sublevel {padding-left: 15px;font-size: 90%}


/* Left and right lists and panel menu */
#leftCol ul li, #rightCol ul li {margin: 0;padding: 0}


#leftCol ul li {background: url(../images/divider.png) repeat-x left bottom;display: block}

/* Left and right Sub menus */
#leftCol ul li li a,#rightCol ul li li a {font-weight: normal;padding-left: 20px}


/* Styling for parent on panel menu */
#leftCol span.expanded,#rightCol span.expanded,#leftCol ul li span.separator,#rightCol ul li span.separator {background: url(../images/divider.png) repeat-x left bottom;display: block;padding-left: 20px;cursor: pointer;padding: 4px 0 4px 20px;background: url(../images/navParent.png) no-repeat left 12px} 


/* Hidden Panel Styling */
#toppanel a#open {color: #fff;padding: 8px 10px;background: #000;border-bottom: 1px solid #2a2a2a;z-index: 100;}
#toppanel a#open:hover {color: #333}
.overlay div.close{background:url(../images/panelClose.png) no-repeat}
#panelInner {background: url(../images/blackOverlay.png);border: 1px solid #000}

/* Input Styling */
.inputbox,input#email { background: #fff url(../images/fieldShadow.jpg) repeat-x;	border: 1px solid #fff;	font-size: 13px; color: #333333;display: block;padding: 8px;clear: both;margin-bottom: 10px;}


button.validate {padding: 4px;}

/* Overrides */
.article_row,.leading {padding: 0 0 30px;margin: 0 0 10px;clear: both;}

.leading {float: left;width: 100%}
/* Page classes */
div.jbFrontPage {clear: both;float: left;background: url(../images/divider.png) repeat-x left top;padding-top: 8px;position: relative;width: 100%;}


div#jbArticle {background: url(../images/divider.png) repeat-x left top;padding-top: 8px;position: relative;}
div.jbSection {background: url(../images/divider.png) repeat-x left top;padding-top: 8px;position: relative;}
div.jbCategory {background: url(../images/divider.png) repeat-x left top;padding-top: 8px;position: relative;clear: both;}

 
/* Pdf Buttons etc */
div.buttons {position: absolute;right: 0;margin-top: -40px}
div.buttons.noborder {margin-top: -25px;}

/* Div around the title and author, date etc */
div.jbMeta {background: url(../images/divider.png) repeat-x left bottom;height: 30px;;float: left;width: 100%;margin-bottom: 20px;color: #ccc;font-size: 90%;position: relative} 

/* Section and Categories */
div.jbSectCat.dateheading {padding-left: 100px}
.jbCategory {clear: both;float: left;width: 100%;}

/* Author and date styling */
div.jbAuthorDate {float: right;width: 100%;}
span.jbModifydate {float: right;font-size: 90%;font-style: italic;color: #999}
div.jbAuthor {float: right;position: absolute;right: 0;top: 0px;font-style: italic;text-align: right;}

div.jbCreatedate {position: absolute;width: 60px;height: 50px;text-align: center;z-index: 10;background: url(../images/dividerVert.png) no-repeat right top;padding-right: 20px}
div.jbCreatedate span.datemonth {margin-right: 8px;}
div.jbCreatedate span.dateyear {font-size: 2em;display: block;text-align: center;line-height: 1em;}

/* Read more */
div.jbReadmore {float: left;padding-left: 15px;margin-top: 8px;font-size: 90%}


.blog_more ul li {list-style-type: none;margin: 0;}
.blog_more ul li a {background: #1a1a1a url(../images/divider.png) repeat-x left bottom;padding-bottom: 8px;border: none;display: block;}
ul.pagination {margin: 0;}
ul.pagination li {float: left;list-style-type: none;margin: 0 20px 0 0}
ul.pagination li a {border: 1px solid #2a2a2a;padding: 4px 8px}
ul.pagination li a:hover {background: #101010;border: 1px solid #333}


.mbRow {font-size: 80%;color: #999}

.mbImage,.mbImageFlat {border: 0px;padding: 0;margin: 0 0 10px 0;float: left;}
.mbWrap {margin: 0 0 8px;}
.mbWrapFlat {padding: 16px 0 4px}
.mbitemFlat {width: 100%;}
.mbWrapFlat h2 a{margin-bottom: 8px;background: none;font-size: 90%;line-height: 1em;float: none}
.mbImageFlat  {margin-right: 20px}
.mbMoreFlat .readon {float: left;padding-left: 15px;font-size: 90%}
.mbWrapFlat {background: url(../images/divider.png) repeat-x left bottom;border: none}
.slideshowImage img {border: 0px;}

.mbColImage img{margin: 0 0 4px;}
.mbitemCols h2 {display: block;margin: 0;padding: 0 0 4px;}


.moduletable-heading p {display: none}

 
ul.three{float: left;width: 30%;margin-right: 10px;display: block}
#right ul.three li {display: block;float: none;clear: both}
.border {border: 2px solid #121212;padding: 0}
 

 #colorbox {color: #333}
 
 .slideshowContent {color: #fff;}
 
 th.pagenav_next {text-align: right;}
 
 .results ol li {background: url(../images/divider.png) repeat-x left bottom;padding-bottom: 10px;margin-bottom: 10px;}