@charset "utf-8";
/* CSS Document */
/*
Theme Name: Baliwebcreator 2
Theme URI: http://wordpress.org/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.5
Author: Dave Shea
Tags: mantle color, variable width, two columns, widgets

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/
body{
	background:url(images/bg-body.jpg) fixed #000;
	margin:0;
	padding:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	height:100%; 
	max-height:100%;
	overflow: hidden; 
}
/* for internet explorer */
* html body {
  padding:0 0 30px 0; 
}
a{
	text-decoration:none;
	color:#FFF;
	outline:none;
}
a:hover{
	color:#000;
}



#top{
	background:#000;
	height:55px;
	border-bottom:1px solid #34393b;
}
#top-content{
	background:#000;
	height:54px;
	width:996px;
	float:left;
}

#container-body {
  position:fixed; 
  top:0;
  left:0;
  bottom:30px; 
  right:0; 
  overflow:auto; 
  }

* html #container-body {
  height:100%; 
  width:100%; 
  }




#container-page{
	width:960px;
	background:url(images/shadow.png) center top repeat-y;
	padding:0 18px;
	float:left;
}
#pagebg{
	width:960px;
	float:left;
	background: url(images/bg-page.jpg) center top repeat-y;
}
/*--------------------------------------------------------------------------------------------------------------*/
#container-content{
	float:left;
	width:634px;
	padding-bottom:90px;
}
#header{
	background:url(images/banner.jpg) no-repeat;
	height:241px;
	width:634px;
}
#maincontent{
	background: url(images/bg-content.jpg) no-repeat #1a1a22;
	padding:16px 30px 35px 30px;
	color:#8f90a3;
	font-size:11px;
	line-height:20px;
}
#maincontent p{
	text-align:justify;
margin:0 0 18px 0;
}
#maincontent h2{
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:27px;
	font-weight:normal;
	margin:4px 0 14px 0;
}
#maincontent h3{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	margin:4px 0 6px 0;
	color:#b2d940;
}
#maincontent h4{
	font-family:Tahoma, Arial, Helvetica, sans-serif;;
	font-size:18px;
	margin:4px 0 6px 0;
	color:#b2d940;
}
#maincontent h5{
	font-family:Tahoma, Arial, Helvetica, sans-serif;;
	font-size:14px;
	margin:4px 0 6px 0;
	color:#b2d940;
}
#maincontent p{
	margin:4px 0 18px 0;
}
#sidebar{
	width:256px !important;
	width:296px;
	float:right;
	background:url(images/bg-sidebar.jpg) no-repeat;
	padding:32px 20px;	
}
#mainnav{
	margin-right:6px;
}
#mainnav ul{
	margin:0 6px 0 0;
	padding:0;
	text-align:right;
}
#mainnav ul li{
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	list-style:none;
	padding:5px 18px 11px 0;
	margin:0;
	line-height:10px;
	background:url(images/nav-icon.gif) right 5px no-repeat;
}
#mainnav ul li .desc{
	color:#85aa25;
	font-size:10px;
}
#mainnav a{
	color:#FFFFFF;
	text-decoration: none;
}
#mainnav a:hover{
	text-decoration:underline;
}
#mainnav h2{
	background: url(images/main-nav.gif) right top no-repeat;
	text-indent:-2000px;
	height:70px;
	margin:0;
	padding:0;
}

#freestuff{
	border:1px solid #181a1b;
	background:url(images/hot-icon.gif) right top no-repeat #000;
	padding:14px 0 0 14px;
	font-size:11px;
	color:#666666;
	height:88px !important;
	height:102px;
}
#freestuff a{
	text-decoration:none;
	color:#666666;
}
#freestuff a:hover{
	color:#FFF;
}
#freestuff img{
	float:left;
	margin-right:14px;
}
#freestuff h2, #freestuff h2 a{
	font-size:30px;
	color:#a9d13c;
	font-weight:normal;	
	margin:0;
	padding:0;
	text-decoration:none;
}
#freestuff h3, #freestuff h3 a{
	font-size:23px;
	color:#FFF;
	font-weight:normal;	
	margin:0;
	padding:0;
	text-decoration:none;
}
#freestuff a:hover{
	color:#333333;
}
#freestuff .download{
	background:url(images/download-now-icon.gif) no-repeat;
	padding-left:20px;
}
#contact{
	background:url(images/phone.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	height:60px !important;
	height:70px;
	padding-top:10px;
	margin:10px 0 5px 0;
	text-align:right;
	display:block;
}
#contact .phone{
	font-size:21px;
	line-height:21px;
	color:#FFFFFF;
	padding:3px 0;
}
#contact .email{
	color:#b1df49;
	font-size:10px;
	line-height:10px;
	letter-spacing:3px;
	padding:6px 0 0 0;
}
#comment{
	margin:0 0 20px 0;
	color:#f09511;
	font-size:10px;
	clear:both;
}
#comment h2{
	padding:2px 0 6px 0;
	margin:0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	text-align:right;
	color:#b2d940;
}
#comment ul{
	margin:0;
	padding:0;
	list-style:none;
}
#comment ul li{
	background: #1e202a;
	margin:0 0 4px 0 !important;
	margin:0 0 3px 0;
	padding:7px 0 0 10px;
	height:48px !important;
	height:55px;
	border:1px solid #000;
}
#comment ul li h4{
	margin:0;
	padding:0;
	font-size:12px;
}
#comment ul li h4 a{
	text-decoration:none;
	color:#b9b9b9;
}
#comment ul li h4 a:hover, #comment .date{
	color:#FFF;
}
#comment ul li img{
	float:left;
	border:1px solid #121212;
	margin-right:10px;
}
#comment .more a{
	background:url(images/more-bt.gif) no-repeat;
	float:right;
	height:13px;
	width:35px;
	text-indent:-2000px;
	margin-top:-3px !important;
	margin-top:-2px;
}

#commentform .textbox, #commentform textarea {
background:#1a222d;
color:#FFF;
border:1px solid #000;
font-size:11px;
	}
.commentlist ol{
	margin:0;
	padding:0;
} 
.commentlist li {
	font-weight: bold;
	margin:0 0 14px 0;
	padding:0;
	border-bottom:1px solid #080b0f;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #000;
	margin:0 0 0 20px;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
color:#FFF;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {

	}

.commentmetadata {
	font-weight: normal;
color:#a7b8d2;
	}
.commentmetadata a{
color:#a7b8d2;
}
.commentmetadata a:hover{
color:#000;
}



#footer{
	height:110px;
	background:url(images/grass.png);
	position:absolute;
	margin:0;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	font-size:1em;
	z-index:5;
	overflow:hidden;
}
#footercontent{
	background:url(images/bg-footer-content.png);
	height:32px;
	position:relative;
	padding:0 28px 0 28px;
	font-size:10px;
	color:#9da594;
	margin-top:72px;
	line-height:32px;
	color:#FFF;
}
#footercontent a{
	color:#FFFFFF;
	text-decoration:none
}
#footercontent a:hover{
	text-decoration:underline;
	color:#666666;
}










.latestwork{
	height:182px !important;
	height:202px;
	display:block;
	background:url(images/bg-latest-work.gif) no-repeat;
	padding:10px;
	margin-bottom:20px;
}
.latestwork img{
	float:left;
	margin-right:20px;
}
.latestwork h4{
	color:#FFFFFF;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:27px;
	font-weight:normal;
	padding:10px;
	margin:0;
}
.latestwork a{
	color:#FFF;
}
.latestwork a:hover{
	color:#333333;
}
.plantag{
	background: url(images/plant-tag.png) no-repeat;
	width:322px;
	height:354px;
	position:absolute;
	margin-left:-220px;
	top:0px;
	z-index:1;
}
.leftplant{
	background:url(images/leftplant.png) no-repeat;
	width:160px;
	height:248px;
	position:absolute;
	margin-top:17px;
	z-index:2;
}
.holder{
	width:89px;
	height:48px;
	background:url(images/holder.png) no-repeat;
	position:absolute;
	margin-top:31px;
	margin-left:289px;
}
.devider{
	background: url(images/line-devider.png) no-repeat;
	width:257px;
	height:30px;
}
.view{
	background:url(images/bg-view-btn.png) no-repeat;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:10px;
	width:87px !important;
	width:97px;
	height:45px;
	line-height:27px;
	color:#FFF;
	display:block;
	float:left;
}
.submit_btn{
	background:url(images/bg-submit-btn.gif) no-repeat;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:12px;
	height:45px;
	padding-bottom:20px;
	padding-top:3px;
	width:96px;
	color:#FFF;
	border:none;
	display:block;
}
.clear{
	clear:both;
	margin:0;
	padding:0;
}
.lefthalfbox{
	width:268px;
	float:left;

}
.righthalfbox{
	width:268px;
	float:right;

}
.lefthalfbox ul{
	margin:0;
	padding:0;
	list-style:none;
}
.lefthalfbox ul li{
}
.lefthalfbox ul li a{
	font-weight:normal;
	color:#8f90a3;
	background-repeat: no-repeat;
	background-position:14px;
	white-space: nowrap;
	padding:5px 0 0 0 !important;
	padding:5px 0;
	height:18px;
	display:block;
	text-decoration:none;
	line-height: normal;
	border-bottom:1px dashed #2b2b36;
}
.lefthalfbox ul li a:hover{
	background: #0d1013;
	display:block;
	text-decoration:none;
	color:#FFF;
}
.lefthalfbox ul li .date{
	float:right;
	color:#FFFFFF;
}
.entry_portfolio{
background:url(images/bg-portfolio.jpg) repeat-x #121219;
	display:block;
padding:16px;
border:1px solid #25252f;
float:left;
width:536px !important;
width:574px;
margin:0 0 10px 0 !important;
margin:0;
}
.entry_portfolio a img {
	border:6px solid #000;
float:left;
margin:0 20px 0 0;
}
.entry_portfolio a:hover img{
	border:6px solid #383c24;
}
.entry_portfolio h5 a{
color:#a9d13c;
}
.entry_portfolio h5 a:hover{
color:#FFF;
}
.navigation{
	clear:both;
	display:block;
	padding-bottom:7px;
}
.alignleft{
	float:left;
}
.alignright{
	float:right;
}
.imgleft{
float:left;
margin: 6px 10px 2px 0;
border:4px solid #000;
}
.imgright{
float:right;
margin:0 0 0 10px;
}