html, body {
 height: 100%;
}

/* Browser Resetter */
body,div,span,p,a,img,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,input{margin:0;padding:0;border:0;outline:0;}
ul,li,ol{list-style:none;}
img{float: left; border:0px;}
a{
	outline: none;
	text-decoration:none;
	color: #6A9A2F;
}


/* General body layout */
body{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight: normal;
  
}

#top-wrap{
  width:100%;
  float:left;
  background:url(images/topBg.png) no-repeat center top;
}

.body-wrap{
  width:100%;
  float:left;
  background: url(images/body-wrap.png) repeat-x top left;
}

/* Layout styles */
#header-wrap{
  width:100%;
  height:84px;
  float:left;
}
#header{
  width:990px;
  float: none;
  margin:0 auto;
  position: relative;
}

h1{
  display: block;
  float:left;
  margin:5px 0 0 10px;
}



/* stylin navigation content */
ul.nav{
  min-width: 580px;
  height: 50px;
  float:right;
  display:block;
  margin:20px 0 0 0;
}
ul.nav li{
  float: left;
  width:auto;
}
ul.nav li a{
	float:left;
	font-size: 12px;
	color:#4D4D4F;
	text-align:center;
	line-height: 39px;
	padding:0px 23px;
	font-weight:bold;
}

ul.nav li a:hover, ul.nav li a.active{
  float:left;
  color:#fff;
  padding:0 23px 0 0px;
  background: url(images/nav-r.png) no-repeat right;
}
ul.nav li a:hover span, ul.nav li a.active span{
  display: block;
  float:left;
  height:43px;
  padding:0 0px 0 23px;
  background: url(images/nav-l.png) no-repeat left;
}

/* stylin bannner content */
.banner-wrap{
	width:100%;
	height:415px;
	float:left;
	background:#4D4D4F url(images/banner_bg.png) no-repeat center center;
}
.banner{
	width:990px;
	height:358px;
	float:none;
	margin:0 auto;
	padding-top:28px;
	position:relative;
	border-top:#000 solid 1px;
}
.banner .icon{position:absolute; top:10px; right:-15px; z-index:500; cursor:pointer}
.banner .pic{position:absolute; right:50px; bottom:-28px; z-index:500}

.leftContent{
	width:663px;
	height:297px;
    display:block;
    float:left;
	margin:12px 0 0 18px;
	background:url(slidedeck_js/slideContentBg.png) no-repeat;
}
.slidedeck dd .leftContent.sli2{}
.slidedeck dd .leftContent.sli2 p{margin:5px 0 0 20px; padding-left:300px; width:350px;}
.slidedeck dd .leftContent.sli2 p:first-child{margin-top:10px;}
.slidedeck dd .leftContent h3{
}
.leftContent h2{
	width:80%;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#4D4D4F;
	margin:10px 0 4px 10px;
}
.leftContent h2.sub{
	width:520px;
	margin:15px 0 0 15px;
	padding-left:10px;
}
.leftContent h2.sub span{
	color:#f58637;
	font-style:italic;
	font-weight:bold;
}
.leftContent .w-icon{
	width:auto;
	float:left;
	padding:0;
	cursor:pointer;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 25px;
}

.leftContent .makinghouse_photo{
	width:auto;
	float:left;
	padding:0;
	cursor:pointer;
	margin-top: -90px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 1px;
}

.leftContent .makinghouse_text{
	width:auto;
	float:left;
	padding:0;
	cursor:pointer;
	margin-top: -150px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 325px;
}

.leftContent .makinghouse_youtube{
	width:auto;
	float:left;
	padding:0;
	cursor:pointer;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 267px;
}

.leftContent p{
    clear:left;
	width:610px;
	float:left;
    font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4c4c4e;
	line-height:21px;
	margin:6px 0 0 10px;
}

.makinghouse p{
    clear:left;
	width:400px;
	float:right;
    font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4c4c4e;
	line-height:21px;
	margin:5px 0 0 10px;
}
.slidedeck dd img{
  float:right;
  margin: 32px 29px 0 0;
}
.leftContent.services{
	margin:34px 0 0 75px;
}

/* stylin main body content */
#content-wrap{
  width:990px;
  float:none;
  margin:0 auto;
  padding:45px 0 0px 0;
}
#content-wrap h3{
	width:100%;
	float:left;
	font-size:18px;
	color:#0e0f17;
	padding-bottom:38px;
}
#content-wrap h3 span{
	color:#899706;
}
.leftPan{
	width:275px;
	float:left;
	padding-left:30px;
	margin-right:69px;
	padding-bottom:10px;
}
.leftPan ul.lists{
	width:275px;
	float:left;
}
ul.lists li{
	width:100%;
	float:left;
	padding:21px 0;
	border-bottom:1px solid #dfdfe0;
}
ul.lists li.nopad{
	padding-top:0px;
}
ul.lists li.nobor{
	border:0px;
}
ul.lists li img{
	margin:6px 20px 0 0;
}
ul.lists li p{
	font-size:12px;
	color:#727272;
	line-height:21px;
}
ul.lists li p a{
	color:#899706;
}


/* stylin right side column content */
.rightPan{
	width:586px;
	float:left;
	margin-bottom:12px;
}
.rightPan .innerLeft{
	width:260px;
	display:block;
	float:left;
	margin-right:65px;
}
.innerLeft h3{
	width:100%;
	float:left;
}
.innerLeft p{
	width:260px;
	display:block;
	float:left;
	color:#727272;
	line-height:21px;
	padding-bottom:30px;
}
.innerLeft p a{
	color:#899706;
	font-weight:bold;
}
.innerLeft img{
	float:left;
	margin:0 0 32px 0;
}

/* stylin inner right side content */
.innerRight{
	width:260px;
	display:block;
	float:left;
}
.innerRight img{
	margin:0 0 32px 0;
}
.innerRight p{
	width:100%;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
	padding-bottom:26px;
}
.innerRight p a{
	font-weight:bold;
	color:#899706;
}

/* stylin bottom content */
.botom-wrap{
	width:990px;
	float:left;
	background:url(images/botom-wrap.png) repeat-x top left;
	border:1px solid #eeeeee;
	position:relative;
}

.botomLeft{
	width:750px;
	display:block;
	float:left;
	margin:33px 0 0 30px;
	padding-bottom:36px;
}
.quot{width:auto; position:absolute; left:18px; top:25px; z-index:0}
#slider{
	width:700px;
	height:210px;
	float:left;
	position:relative;
	overflow:hidden;
	left:0;
	top:0;
	background:none;
}
.botomLeft div.testimonial{
	width:700px;
	float:left;
	background:none;
	
	}
#next{
	width:27px;
	height:43px;
	position:absolute;
	right:220px;
	bottom:30px;
	cursor:pointer;
	background:url(images/nexrt.png) no-repeat
}
.botomLeft h4{
	font-size:18px;
	font-weight:bold;
	color:#4D4D4F;
	padding-bottom:21px;
}
.botomLeft h4 span{
	color:#899706;
}
.botomLeft blockquote{
	width:595px;
	float:left;
	text-indent:23px;
	font-size:12px;
	color:#727272;
	line-height:21px;
	padding:3px 0 24px 0;
	background: url(images/quote.png) no-repeat top left;
}
.botomLeft p.signature{
	width:200px;
	float:left;
	margin-top:10px;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	color:#727272;
}
.botomLeft p.testim{
	width:700px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#727272;
	line-height:20px;
	margin-top:18px;
}
.botomLeft p.testim:first-child{text-indent:20px}
/* stylin botom right content */
.botomRight{
	width:172px;
	display:block;
	float:left;
	margin:33px 0 0 0;
}
.botomRight h4{
	font-size:18px;
	font-weight:bold;
	color:#4D4D4F;
	padding-bottom:21px;
}
.botomRight h4 span{
	color:#899706;
}
.botomRight p{
	width:100%;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
}
.botomRight p a{
	font-size:12px;
	color:#4D4D4F;
	text-decoration:none;
}
.botomRight p a:hover{
	font-size:12px;
	color:#699A2F;
	text-decoration:underline;
}


/* stylin footer content */
#footer-wrap, .push{
  clear:both;
  width:100%;
  height:90px;
  float:left;
  margin:40px 0 0 0;
  background:#eeeeee url(images/footer-wrap.gif) repeat-x;
}

#footer{
  width:970px;
  height:66px;
  float:none;
  margin:0 auto;
  padding-top:23px;
}

.push{background:none; margin-bottom:0px}

#footer p.copyright{
	min-width:120px;
	float:left;
	font-size:11px;
	color:#727272;
	line-height:21px;
	clear:left;
}
/* stylin signature content */
p.sign{
	width:180px;
	float:right;
	margin:7px 47px 0 0;
	font-size:11px;
	color:#727272;
	font-style:italic;
	font-weight:bold;
}
p.sign a{
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	color:#727272;
	text-decoration:underline;
}
p.sign a:hover{
	text-decoration:none;
}

/* stylin footer navigation content */
ul.footNav{
	clear:left;
	min-width:260px;
	float:left;
}
ul.footNav li{
	float:left;
	color:#727272;
	line-height:21px;
}
ul.footNav li a{
	float:left;
	padding:0px 4px;
	font-size:11px;
	color:#727272;
}

/* ###############################
###### stylin Inner Pages #######
############################## */ 

/* stylin about us page */
.rightPan p{
	font-size:12px;
	color:#727272;
	line-height:21px;
	width:100%;
	float:left;
	text-align:justify;
	padding-bottom:30px;
}
.rightPan p a{
	color:#899706;
	font-weight:bold;
}


/* Contact Page */
p.address{
	width:100%;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
}
p.address a{color:#727272}
.rightPan img.map{
	margin-bottom:30px;
}

/* stylin blog page content */
 ul.blog{
	display:block;
	width:100%;
	float:left;
}
 ul.blog li{
	width:100%;
	float:left;
	display:block;
	padding-bottom:30px;
}
 ul.blog li h4{
	font-size:21px;
	color:#494949;
	line-height:21px;
	padding:0px 0px 10px 0;
}
 ul.blog li img{
	margin:10px 9px 10px 0;
}
 ul.blog li p a{
	font-size:12px;
	color:#727272;
}
 ul.blog li p a:hover{
	text-decoration:none;
}
 ul.blog li a.more{
	 width:90px;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#899706;
}
 ul.blog li p.date, ul.blog li p.post, ul.blog li p.comments{
	padding:0 0 9px 0;
}
 ul.blog li p.date a{
	 text-decoration:none;
	 border-bottom:1px dotted #3d3d3d;
 }

 /* stylin sitemap content */
ul.sitemap, ul.sitemap li{
	clear:both;
	width:120px;
	float:left;
	display:block;
}
ul.sitemap li a{
	width:90px;
	display:block;
	float:left;
	font-size:12px;
	color:#899706;
	font-weight:bold;
	padding:0px;
	line-height:21px;
}
ul.sitemap li a:hover{
	color:#454545;
}

form.mail{width:403px;float:left}

form.mail input{
       width:301px;
       height:18px;
       padding:5px 10px;
/*padding:4px 10px;*/
       margin-top:12px;
       float:left;
       font:13px/17px Arial,Helvetica,sans-serif;
       color:#757a7a;
	   border:#c0c0c0 solid 1px;
	   background:#f2f2f2
}


form.mail textarea{
       width:375px;
       height:89px;
       padding:5px 10px;
       margin-top:15px;
       float:left;
       font:13px/18px Arial,Helvetica,sans-serif;
       color:#757a7a;
       overflow:auto;
	   border:0px;
	    border:#c0c0c0 solid 1px;
	   background:#f2f2f2
}


form.mail .submit{width:90px; height:32px; float:left; cursor:pointer; background:url(images/submitBg.png) no-repeat; clear:left}
#outerShell{
	width:100%;
	float:left;
	min-height: 100%;
height: auto !important;
height: 100%;
margin:0 0 -90px 0;
}
.fullWidth{
	width:100%;
	height:500px;
	float:left;
	background:url(images/bigstockphoto_Room_1399860.jpg) no-repeat 0 -100px
}
.fullWidth .servicePanel
{
	width:663px;
	height:297px;
	float:left;
	margin:50px 0 0 30px;
	background:url(slidedeck_js/slideContentBg.png) no-repeat
}
.fullWidth .servicePanel h3{
	margin:10px 0 0 10px;
}
.fullWidth .servicePanel ul
{
	width:643px;
	float:left;
	margin:0 0 0 10px
}
.fullWidth .servicePanel ul li
{
	width:100%; 
	float:left;
	list-style-position:inside;
	list-style-type:circle;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4c4c4e;
	line-height:21px;
}
.fullWidth .servicePanel p{
    clear:left;
	width:610px;
	float:left;
    font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4c4c4e;
	line-height:21px;
	margin:6px 0 0 10px;
}
.footRight
{
	width:161px;
	height:59px;
	float:right;
}
.footRight p{
	width:100%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#727272;
	font-weight:bold;
	font-style:italic;
	margin:5px  0 0 5px
}
.footRight p a{
	color:#727272
}
.footRight .bookMarks{
	width:100%;
	height:37px;
	float:left;
	background:url(images/footrightBg.png) no-repeat;
}
.footRight .bookMarks .uTube{
	width:61px;
	height:100%;
	float:left;
	margin:0 12px 0 5px;
}
.footRight .bookMarks .faceBook{
	width:35px;
	height:100%;
	float:left;
	margin-right:12px;
}
.footRight .bookMarks .twitt{
	width:35px;
	height:100%;
	float:left;
}
#services{
	width:998px;
	height:363px;
	margin:0 auto;
	overflow:hidden;
	padding:28px 0 0 0;
	position:relative;
	background:url(images/servicesPic.png) no-repeat 4px bottom
}
#services .pic{
	width:auto;
	position:absolute;
	top:0px;
	right:25px;
}
#services ul
{
	width:530px;
	float:left;
	margin:22px 0 0 38px;
}
#services ul li
{
	width:100%;
	float:left;
	list-style-position:inside;
	list-style-type:disc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4c4c4e;
	line-height:20px;
}

#media{
	width:998px;
	height:363px;
	margin:0 auto;
	overflow:hidden;
	padding:28px 0 0 0;
	position:relative;
	background:url(images/mediaPic.png) no-repeat 4px bottom
}
.mediaHold{
	width:896px;
	height:297px;
	float:left;
	position:relative;
	margin:33px 0 0 73px;
	background:url(images/mediaBg.png) no-repeat
}
.mediaHold h2{
	width:80%;
	float:left;
    font-family: Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#4c4c4e;
	margin:10px 0 4px 10px;
}
.mediaHold h4{
	width:auto;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#4c4c4e;
	padding-bottom:21px;
	margin:10px 0 0 20px;
}
.mediaHold h4 span{
	color:#699a2f;
}

.mediaHold ul
{
	width:815px;
	float:left;
	clear:left;
	margin:22px 0 0 5px;
}
.mediaHold ul li
{
	width:100%;
	float:left;
	list-style-position:inside;
	list-style-type:disc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4c4c4e;
	line-height:20px;

}

.mediaHold #slider2
{
	width:820px; float:left; clear:left; margin-left:33px;
}
.mediaHold #slider2 .wrap{
	width:100%;
	height:237px;
	float:left;
	position:relative;
}
#nxt,#pre{
 width:17px;
 height:36px;
 cursor:pointer;
 position:absolute;
 right:11px;
 top:50%;
 margin-top:-18px;
 background:url(images/arrows.png) no-repeat 0 0;
}
#pre{
 left:11px;
 background:url(images/arrows.png) no-repeat 0 -36px;
}

.bottomIcons{
	width:888px;
	height:40px;
	position:absolute;
	left:1px;
	bottom:8px;
}
.bottomIcons .utube{
   	width:59px;
	height:23px;
	float:left;
	margin-left:14px;
	margin-top:5px;
	background:url(images/utube.png) no-repeat 0 0;
}
.bottomIcons .utube:hover{
	background-position:0 -23px;
}
.bottomIcons .faceBook{
	width:32px;
	height:32px;
	float:left;
	margin-left:14px;
	background:url(images/faceBook.png) no-repeat
}
.bottomIcons .faceBook:hover{
	background-position:0 -32px;
}
.bottomIcons .twitter{
	width:32px;
	height:32px;
	float:left;
	margin-left:14px;
	background:url(images/twitter.png) no-repeat
}
.bottomIcons .twitter:hover{
	background-position:0 -32px;
}
.bottomIcons .w_ico{
	width:32px;
	height:32px;
	float:left;
	margin-left:14px;
	background:url(images/w.png) no-repeat
}
.bottomIcons .w_ico:hover{
	background-position:0 -32px;
}
.bottomIcons .h_ico{
	width:32px;
	height:32px;
	float:left;
	margin-left:14px;
	background:url(images/h-ico.png) no-repeat
}
.bottomIcons .h_ico:hover{
	background-position:0 -32px;
}

.mediaHold .left{
    width:418px;
	float:left;
}
.mediaHold .address{
	width:215px;
	float:left;
	margin:30px 0 0 73px;
}
.mediaHold .address h4{
	margin:0;
}
h4.frm{
	margin:10px 0 0 0;
	padding:0;
}
.mediaHold .address p
{
	width:100%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4c4c4e;
	line-height:20px;
}
.portfolio{
	width:770px;
	height:297px;
    display:block;
	margin:10px 0 0 15px;
}
.portfolio.extn
{
	width:800px;
}

.portfolio .content{
 	width:360px;
	float:left;
}
.portfolio .content h4{
	width:auto;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#4c4c4e;
	padding-bottom:10px;
	margin:10px 0 0 0px;
}
.portfolio .content h4 span{
	color:#699a2f;
}
.portfolio .content p
{
	width:100%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4e;
	line-height:18px;
	text-align:justify
}


.portfolio .content img{
	width:auto;
	float:left;
	margin:10px 0 0 20px;
	padding:0;
}
.portfolio img#portPic{
	width:auto;
	float:left;
	margin:0 0 0 10px;
	padding:0;
}


.portfolio .content2{
 	width:414px;
	float:left;
}
.portfolio .content2 h4{
	width:auto;
	float:left;
	font-size:27px;
	font-weight:bold;
	color:#4c4c4e;
	margin:10px 0 0 0px;
}
.portfolio .content2 h4 span{
	color:#699a2f;
}
.portfolio .content2 p
{
	width:100%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4e;
	line-height:18px;
	margin-top:5px;
}
.more{
	width:140px;
	height:14px;
	float:left;
	position:absolute;
	right:0;
	bottom:-20px;
	background:url(images/more.png) no-repeat;
}
.more .left{
	width:7px;
	height:11px;
	float:left;
}
.more .right{
	width:7px;
	height:11px;
	float:right;
}