/****************************************/
/*               v.2.4                  */
/****************************************/

/*########################################
              GENERAL
########################################*/
/* General */
html { background:#dfec52 url("../images/background.jpg") repeat-x; width: 100%; font:10px Verdana; color:#000000; text-align:left; }
body { width: 100%; margin:0; border:none; }
img { border:none; }


/* General Titles */
h1, h2, h3, h4 { margin-top:0; color:#ffffff; }
h1 { font:29px Arial;}
h2 { font-size:11px; color:#000000; display:inline; }
h3 { font-size:16px; }
h4 { font-size:14px; }


/* General Links */
a { color:#46312f; text-decoration:underline; font-weight:normal; }
a:hover { text-decoration:none; }


/* Height Light */
.light{ color:#f6b833; font-weight:bold; }


/* Clear */
.clear { clear:both; overflow:hidden; height:0px; }


/* Float & Alignment */
.float-left { float:left; }
.float-right { float:right; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.sp { background:#ffffff; overflow:hidden; height:20px; width:100%;}


/*########################################
              MAIN LAYOUT
########################################*/
#container {
  width:100%;
  margin: 0 auto;
}
#header {
  width:820px;
  margin:0 auto;
  bborder:1px solid #ff00ff; 
}
#nav {
  width:820px;
  height:27px;
  margin:0 auto;
  overflow:hidden;
  margin-bottom:1px;
  margin-top:13px;
}
#content-bg{
  width:769px;  
  background:url("../images/content3.jpg") repeat-y;
  margin:0 auto;
  line-height:17px;
}
#content {
  background:url("../images/content2.jpg") no-repeat;
  width:769px;
}
#index, #inner, #inner2, #contact-us {
  width:759px;
  margin:0 auto;
}
#content-bottom {
  background:url("../images/content-bottom.jpg") no-repeat;
  overflow:hidden;
  width:769px;
  height:5px;
  margin:0 auto;
}
#footer {
  background:url("../images/footer.jpg") no-repeat;
	width:759px;
	height:155px;
  margin:0 auto;
}
#footer2 {
	width: 769px;
	height:40px;
	line-height:40px;
	text-align:right;
  color:#7c9604;
  margin:0 auto;
  margin-top:15px;
  margin-bottom:10px;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
}


/*########################################
              HEADER LAYOUT
########################################*/
#header .logo{ float:left; margin-top:20px; margin-left:30px; }
#header .tag-line{ float:right; margin-top:40px; margin-right:30px; }


/*########################################
              NAV LAYOUT
########################################*/
#nav img{  border:none; float:left; }
#nav li{ display:inline; padding:0; margin:0; border:0; }
#nav ul{ padding:0; margin:0; border:0; }


/*########################################
              FOOTER LAYOUT
########################################*/
#footer .left { margin-left:65px; width:447px; text-align:center; color:#ffffff;	line-height:17px; float:left; margin-top:46px;}
#footer a{ color:#7c9604; text-decoration:none; }
#footer a:hover{ text-decoration:underline; }

#footer .light-image { position:relative; top:-13px; left:110px; float:left;}
#footer .light { color:#f6b833; font-weight:normal; }


/*########################################
              INDEX PAGE LAYOUT
########################################*/
#index #left{ width:239px; text-align:left; font:9px Verdana bold; float:left; bborder:1px solid #ff00ff; }
#index #right{ width:520px; float:left; bborder:1px solid #ff00ff; }

#index #right .banner { background: url("../images/apples.jpg"); width:520px; height:168px; text-align:left; }
#index #right .banner .text{ margin-top:51px; margin-left:22px; width:320px; line-height:17px; }

#index #left #fresh{ background: url("../images/fresh.jpg"); width:100%; height:273px; }

#index #left #always-trust{ background: url("../images/always-trust.jpg"); width:100%; height:281px; float:left; }
#index #left #always-trust .text{ margin-top:42px; margin-left:15px; width:200px; line-height:15px; color:#940102; font-size:10px; font-family:Verdana; }

#index #right #teamwork { background: url("../images/teamwork.jpg"); width:520px; height:554px; text-align:left; float:left; }
#index #right #teamwork .text{ position:relative; left:275px; top:345px; text-align:right; width:220px; line-height:17px; font-size:10px; font-family:Verdana; color:#4b302d; }


/*########################################
              INNER PAGES LAYOUT
########################################*/
#inner { background: url("../images/inner.jpg") no-repeat top left;}
#inner .col-1-3 {  width:200px; float:left; padding:0 25px 0 25px; }

#inner .top, #inner2 .top, #contact-us .top { background: url("../images/content-top.jpg") no-repeat; width:100%; height:100px; padding-top:12px;}

#services-left, #services-left2 { background: url("../images/services.jpg") no-repeat bottom left; height:470px; }
#services-left2 { height:500px; }
.sub-nav { list-style-type:none; text-align:right; }
.sub-nav li { margin: 0 0 10px 0; }
.sub-nav a { text-decoration:none; color:#000000; font-size:10px; font-weight:bold;}
.sub-nav a:hover { color:#f6b833; }
.sub-nav .active { color:#dfec52;}

#inner .package-details { margin:0; padding:10px 0 0 15px; list-style-type:circle;}
#inner .package-details li { margin:0; padding:0; }
#inner h2 { margin-bottom:8px; }

#inner .package-details2 { margin:0; padding:0px 0 0 15px; list-style-type:circle;}


/*########################################
              CONTACT PAGE LAYOUT
########################################*/
#contact-us { background:url("../images/contact-us.jpg") no-repeat; line-height:15px;}
#contact-us h1 { height:100px; bborder:1px solid #ff00ff; padding-top:12px;}
#contact-us a { color:#f6b833; font-weight:bold;}
#contact-us a:hover { text-decoration:none;}
#contact-us .col-1-3 {  width:200px; height:422px; float:left; padding:0 25px 0 25px; text-align:right; }
#contact-us .bottom { margin-top:155px;line-height:17px; }


/*########################################
              PORTFOLIO LAYOUT
########################################*/
#portfolio-left { background: url("../images/portfolio.jpg") no-repeat bottom left; height:470px; }
#inner2 { background: url("../images/inner2.jpg") no-repeat top left;}
#inner2 .col-1-3 {  width:200px; float:left; padding:0 25px 0 25px; }
#inner2 .col-2-3 {  width:450px; float:left; padding:0 25px 0 25px; background:#ffffff; bborder:1px solid #ff00ff; margin-left:5px;}
#gallery {text-align:center;}
#gallery .border { margin:10px; padding:10px; border:1px solid #e5e7e3; float:left;}
#gallery img {  border:1px solid #858383;}