/* ------------- 1. General ----------------------*/

html, body { margin:0; padding:0; height: 100%; min-height:100%; }
body{ font-family: Arial, Tahoma,Verdana, Helvetica, sans-serif; font-size: 12px; color:#6c6d70; background: url(../images/bg.jpg) top center no-repeat #fff;} 
a:link, a:visited, a:active { color:#6b8435; text-decoration: none;outline:none; } a:hover { color:#414141; text-decoration: none; outline:none; } 
.clear { clear: both; line-height: 0px; height: 0; font-size: 0; } 
img { border:0px; outline:none;} 
div, ul, li,h1,h2,h3{ padding:0px; margin:0px;}
.gfont{font-family: 'Playfair Display', serif;}
/* ------------- DIV Containers --------------------*/
#container {width: 1024px;display:block;margin:0px auto 0px auto;}
#logo{height:145px; margin:20px 0 0 20px; float:left;}
#social-icons{float:right;margin:20px 20px 0px 0px; font-style:italic; font-size:16px;font-family:Georgia, "Times New Roman", Times, serif; display:none;}
.textmiddle {vertical-align:bottom;} 
#home{clear:both;width:1024px; height:779px;background: url(../images/home-bg.jpg) top center no-repeat #fff;position:relative;}
#home1{position:absolute;top:510px;left:40px; padding:10px 20px; font-size:50px;color:#6b8435;font-style:italic;font-family:Georgia, "Times New Roman", Times, serif}
#home2{position:absolute;top:597px;left:40px;padding:10px 20px;font-size:50px;color:#6b8435;font-style:italic;font-family:Georgia, "Times New Roman", Times, serif}
#menu{float:right; margin:100px 0 0 0;}
#what-we-do{clear:both;width:1024px; height:774px;background: url(../images/what-we-do.jpg) top center no-repeat #fff;position:relative; text-align:justify;}
#contact{clear:both;width:1024px; height:774px;background: url(../images/contact-bg.jpg) top center no-repeat #fff;position:relative; text-align:justify;}
#portfolio{clear:both;width:1024px; height:772px;background: url(../images/portfolio-bg.jpg) top center no-repeat #fff;position:relative; text-align:justify;}
#about{clear:both;width:1024px; height:774px;background: url(../images/about-bg.jpg) top center no-repeat #fff;position:relative; text-align:justify;}
#what-we-do span { font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;}
#work{clear:both;width:1024px; height:774px;background: url(../images/work-bg.jpg) top center no-repeat #fff;position:relative; text-align:justify;}
.box1{position:absolute;top:110px;left:35px; width:260px; height:210px; padding:20px; cursor:pointer;color:#414141!important;-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
.box2{position:absolute;top:110px;left:365px; width:260px; height:210px; display:block; padding:20px;cursor:pointer;color:#414141!important;-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
.box3{position:absolute;top:110px;right:35px;  width:260px; height:210px; padding:20px;cursor:pointer;color:#414141!important;-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
.box4{position:absolute;top:110px;left:35px;  width:460px; height:200px; padding:20px;color:#414141;}
.box5{position:absolute;top:150px;left:35px; width:260px; height:280px; padding:20px; cursor:pointer;color:#414141!important;-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
.box6{position:absolute;top:150px;left:365px; width:260px; height:280px; display:block; padding:20px;cursor:pointer;color:#414141!important;-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
.box7{position:absolute;top:150px;right:35px;  width:260px; height:280px; padding:20px;cursor:pointer;color:#414141!important;-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
.box8{position:absolute;top:150px;left:35px;  width:470px; height:250px; padding:20px;color:#414141;}
.box9{position:absolute;top:110px;left:35px;  width:460px; height:380px; display:block; padding:20px;color:#414141!important;}
.box10{position:absolute;top:110px;left:35px;  width:260px; height:60px; padding:20px;color:#414141;font-size:28px;font-family:Georgia, "Times New Roman", Times, serif;}
.box11{position:absolute;top:270px;left:35px;  width:360px; height:25px; padding:10px 20px;color:#414141;font-size:28px;font-family:Georgia, "Times New Roman", Times, serif;}
.box12{position:absolute;top:110px;left:45px;  width:440px; height:420px; padding:15px 20px;color:#414141;font-size:16px;font-family:Georgia, "Times New Roman", Times, serif;}
.box13{position:absolute;top:190px;left:45px;  width:900px; height:330px; padding:35px 25px 25px 30px;}
.box1:hover,.box2:hover,.box3:hover,.box5:hover,.box6:hover,.box7:hover,.box9:hover,.box12:hover, .box1:hover a:link, .box2:hover a:link, .box3:hover a:link, .box5:hover a:link, .box6:hover a:link, .box7:hover a:link, .box9:hover a:link{background-color:#6b8435; color:#fff!important;}
.more{background: url(../images/arrow.png) 0px 0px no-repeat; width:27px; height:27px; position:absolute; bottom:20px; right:20px;}
.more1{background: url(../images/arrow.png) 0px 0px no-repeat; width:27px; height:27px; position:absolute; bottom:10px; right:20px;}
.green{color:#6b8435;font-size:14px;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;font-weight:bold; }
.title{color:#414141;font-size:18px;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.trans{ background-color:#FFF;background:rgba(255,255,255,0.7);}
.gre{font-weight:bold;}
#footer {padding-top:14px; padding-bottom:10px; clear:both; text-transform:uppercase; font-size:11px; color:#414141}
/* ------------- Menu --------------------*/
#menu ul{list-style: none;}
#menu li {float: left; }
#menu li a {display: block;color: #414141;padding: 6px 24px 6px 24px; font-size:13px; -webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear; font-weight:bold;}
#menu li a:hover{color: #6b8435;}
#menu #current a, .selected{color: #6b8435!important; cursor:default;}
#menu .first a{ padding-left:0px!important; }
.anylinkcss{position: absolute;left: 0px;top: 0px;visibility: hidden;z-index: 10000!important; background-color:#fff;width: 250px; margin-left:10px;}
.arrow{background: url(../images/down-arrow.png) 70px 9px no-repeat;}
.anylinkcss ul{margin: 5px 0 5px 0px;padding: 0px 0px 0px 5px;list-style-type: none;}
.anylinkcss ul li {padding:6px 0 8px 0;margin:0px 10px;}
.anylinkcss ul li a{width: 100%;display: block;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;color: #414141;font-weight:bold;font-size:13px; }
.anylinkcss a:hover{color: #6b8435;}
.anylinkshadow{display:none;}
.selectedanchor{color: #6b8435!important;}
/* ------------- Link --------------------*/
a.work1:link, a.work1:visited, a.work1:active{position:absolute;top:360px;left:35px;  width:340px; height:25px; padding:10px 10px;font-size:20px;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#4d4d4f;-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
a.work2:link, a.work2:visited, a.work2:active{position:absolute;top:420px;left:35px;  width:250px; height:25px; padding:10px 10px;font-size:20px;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#4d4d4f;-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
a.work1:hover,a.work2:hover{background-color:#6b8435; color:#fff!important;}
a.work3:link, a.work3:visited, a.work3:active{position:absolute;top:220px;left:35px;  width:460px; height:25px; padding:10px 20px;font-size:28px;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#4d4d4f;-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
a.work3:hover{color:#6b8435!important;}
/* ------------- Text --------------------*/
h1{font-size:50px;color:#6b8435;font-style:italic;font-family:Georgia, "Times New Roman", Times, serif; font-weight:400;}
#what-we-do h1 {width:300px; text-align:center; position:absolute; left:35px; top:35px; }
#work h1 {width:200px; position:absolute; left:45px; top:35px; }
#portfolio h1 {width:230px; position:absolute; left:45px; top:35px;text-align:center; }
#contact h1 {width:200px; position:absolute; left:35px; top:35px; text-align:center; }
#work h2 {width:330px; position:absolute; left:45px; top:95px;font-style:italic;font-family:Georgia, "Times New Roman", Times, serif; font-size:20px;color:#4d4d4f; line-height:200%}
#work h3 {width:250px; position:absolute; left:45px; top:95px;font-style:italic;font-family:Georgia, "Times New Roman", Times, serif; font-size:20px;color:#4d4d4f; line-height:200%}
#about h1 {width:240px; text-align:center; position:absolute; left:35px; top:35px; }
.box4 span,.box5 span, .box6 span, .box7 span, .box8 span, .box9 span, .myt{font-size:18px;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}