/* CSS Document */
/*+++++++++++++DEFAULTS++++++++++++++++++++*/
html{height:100%; width:100%; overflow-x: hidden;}
body{ margin:0; padding:0; background: url(../images/main-bg.jpg) no-repeat #000000;}
p, ul, li, h1, h2, h2{ margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
div{ margin:0; padding:0; color:#FFFFFF; font-family:verdana; font-size:11px;}
a{ text-decoration:none; color:#FFFFFF;}
.clear{ clear:both;}
h1{ font-family:"Myriad Pro", Georgia, "Times New Roman", Times, serif; font-size:2em;  color:#000000; font-style:normal; font-weight:normal; padding-top:12px; padding-bottom:12px;}
#cup{ z-index:999; position: absolute; left:260px; top:65px;}
#plant{ z-index:999; position:absolute; left:900px; top:240px;}
.coffee-galley{ position:absolute; top:75px; left:750px;}
.bora{ position:absolute; top:415px; left:740px;}
.img{ position:absolute; left:54px; top:290px}
.img-gallery{ position:absolute; left:40px; top:290px}
.beans{ position:absolute; left:400px; top:650px; z-index:99;}
.text{ position:absolute; left:780px; top:150px; z-index:99; width: 153px; color:#000000; font-family:Myriad Pro, verdana; font-size:14px; line-height:18px;}
.test:hover{ background:url(../images/coffee-bean.png) no-repeat 18px 0px;}
/*+++++++++++++MAIN DIVS++++++++++++++++++++*/
#wraper{ margin:0 auto; padding:0; width:1000px; position: relative;}
#banner{ height:503px;}
/*+++++++++++++BANNER DIVS++++++++++++++++++++*/
#banner-left{ width:362px; float:left;}
#banner-left p{ text-align:right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:17px; padding-left:45px;}
#banner-rt{ width:638px; float:right;}
#flash{ height:429px; width:600px; background:url(../images/animation-bg.png) no-repeat; padding-left:110px; padding-top:45px;}
#container{height:600px; width:580px; background:url(../images/gallery-bg.png) no-repeat; padding-left:50px; padding-top:25px;}

#container p{ width:330px; text-align:justify; color:#000; line-height:16px;}

/*+++++++++++++BODY DIVS++++++++++++++++++++*/
#main-body{ padding-top:8px;}
.col1{ width:323px; float:left;}
.col1 p{ text-align:left; padding:5px;}
.col2{ width:323px; float:left; padding-left:10px; padding-right:10px;}
.col2 p{ text-align:left; padding:5px;}
.col3{ width:323px; float:left;}

/*+++++++++++++FOOTER DIVS++++++++++++++++++++*/
#footer{ padding-top:25px; padding-bottom:12px; height:50px;}
.icon{ width:500px; float:left; line-height:25px;}
.icon ul{ float:left; list-style:none;}
.icon li{ float:left; list-style:none;}
a.twitter:link, a.twitter:visited, a.twitter:active{text-indent:10000px; background:url(../images/twitter-icon.jpg) no-repeat; width: 105px; height:22px;display:block;}
a.twitter:hover{text-indent:10000px; background: url(../images/twitter-icon.jpg) no-repeat 0 -22px; width:105px; line-height:22px; display:block;}
a.facebook:link, a.facebook:visited, a.facebook:active{text-indent:10000px; background: url(../images/facebook-icon.jpg) no-repeat; width: 115px; height:24px; display:block;}
a.facebook:hover{text-indent:10000px; background: url(../images/facebook-icon.jpg) no-repeat 0 -23px; width:115px; line-height:22px; display:block;}
a.youtube:link, a.youtube:visited, a.youtube:active{text-indent:10000px; background:url(../images/youtube-icon.jpg) no-repeat; width: 75px; height:24px; display:block;}
a.youtube:hover{text-indent:10000px; background: url(../images/youtube-icon.jpg) no-repeat 0 -23px; width:75px; line-height:22px; display:block;}
.locust{ width:500px; float:right; text-align:right; font-size:11px; color:#4F4F4F; line-height:25px;}
a.locuststudio:link, a.locuststudio:visited, a.locuststudio:active{text-indent:10000px; color:#000000; background:url(../images/locust-logo.jpg) no-repeat 0 -7px; width: 50px; height:40px; display:block; }
a.locuststudio:hover{text-indent:10000px; color:#000000; background: url(../images/locust-logo-hover.png) no-repeat 0 -7px; width: 50px; height:40px; display:block;}

/*+++++++++++++NAVIGATION++++++++++++++++++++*/
#menu{ height:64px; padding-top:10px;}
#menu ul{ margin:0; padding:0; float:left;}
#menu li{ margin:0; padding:0; float:left; list-style:none; line-height:74px;}
#menu li{ margin:0; padding:0; float:left; list-style:none; line-height:74px;}
a.home:link, a.home:active, a.home:visited{ background:url(../images/home.png) no-repeat; width:75px; line-height:55px; display:block;text-indent:1000px;}
a.home:hover{ background:url(../images/home.png) no-repeat 0 -59px; width:75px; line-height:55px; display:block;text-indent:1000px;}
a.story:link, a.story:active, a.story:visited{ background:url(../images/story.png) no-repeat 0 20px; width:115px; line-height:70px; display:block;  text-indent:-999px;}
a.story:hover{ background:url(../images/story.png) no-repeat 0 -39px; width:115px; line-height:70px; display:block; font-size:1px; text-indent:-999px;}
a.gallery:link, a.gallery:active, a.gallery:visited{ background:url(../images/gallery.png) no-repeat 0 20px; width:90px; line-height:70px; display:block; text-indent:999px;}
a.gallery:hover{ background:url(../images/gallery.png) no-repeat 0 -39px; width:90px; line-height:70px; display:block;text-indent:999px;}
a.coffee:link, a.coffee:active, a.coffee:visited{ background:url(../images/coffee.png) no-repeat 0 25px; width:115px; line-height:70px; display:block;  text-indent:-999px;}
a.coffee:hover{ background:url(../images/coffee.png) no-repeat 0 -34px; width:115px; line-height:70px; display:block;  text-indent:-999px; }
a.estate:link, a.estate:active, a.estate:visited{ background:url(../images/estate.png) no-repeat 0 20px; width:120px; line-height:70px; display:block; text-indent:-999px;}
a.estate:hover{ background:url(../images/estate.png) no-repeat 0 -39px; width:120px; line-height:70px; display:block;  text-indent:-999px;}
a.contact:link, a.contact:active, a.contact:visited{ background:url(../images/contact.png) no-repeat 0 20px; width:78px; line-height:70px; display:block; text-indent:999px;}
a.contact:hover{ background:url(../images/contact.png) no-repeat 0 -39px; width:78px; line-height:70px; display:block; text-indent:999px;}


/*+++++++++++++ABOUT PAGE++++++++++++++++++++*/
#container-about{height:600px; width:580px; background: url(../images/aboutus-bg.png) no-repeat; padding-left:50px; padding-top:15px;}
#container-about p{ color:#000000; text-align:justify; line-height:16px;}
.col-rt-about{ float:left; width: 210px;}
.col-left-about{ float:left; width: 340px; color:#000000;}

/*+++++++++++++GALLERY PAGE++++++++++++++++++++*/
.col-gallery{ float:left; width: 500px; color:#000000;}
.col-gallery ul{ margin:0; padding:0; color:#000000; list-style:none;}
.col-gallery li{ margin:0; padding:0; color:#000000; list-style:none; font: "Myriad Pro", verdana; font-size:12px; line-height:25px;}
.col-gallery li span{ margin:0; padding:0; color:#000000; list-style:none; color: #7e5100;}
.col-rt{ float:left; width: 200px; padding-top:250px;}

/*+++++++++++++CONTACT PAGE++++++++++++++++++++*/
#container-contact{height:600px; width:580px; background: url(../images/contact-bg.png) no-repeat; padding-left:50px; padding-top:15px;}
.col-con{ float:left; width: 500px; color:#000000; padding-top:8px;}
.col-info{ float:left; width: 500px; color:#000000;}
.col-info h1{ margin:0; padding:0;}
.col-info div{ color:#000000;}
.col-con p{ color:#000000; font-family:Myriad Pro, verdana; font-size:13px;}
.col-form{ color:#000000; margin-top:12px; width:500px;}
.cssform p {width: 350px;clear: left; margin: 0;padding: 3px 0 3px 0px; /*width of left column containing the label elements*/}
.cssform label {float: left; width: 95px; color:#000000;}
.cssform textarea {background:#FFF; border:1px #CDA96C solid; color:#8d8d8d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-left:-1px;}
.btn{ cursor:pointer; background:#151515; width:75px; border:2px #575757 solid; color:#FFFFFF; font-size:10px; font-weight:bold; line-height:20px; margin-right:5px;}
.btn:hover{ cursor:pointer; background: #666666; width:75px; border:2px #575757 solid; color:#FFFFFF; font-size:10px; font-weight:bold; line-height:20px;}
.cssform span{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#9E9E9E;}