*{
	margin:0;
       padding:0; 
}

body{
	background:#ebebec;
	font:11px/20px Arial,Tahoma,Helvetica,sans-serif;
	color:#222;
}
table,tr,tbody {
    display: block;
    float: left;
    width: 100%;
}
tr.contact_table.lisa {
margin-top: 30px;
}
table td {
    display: block;
    float: left;
}
.jquery-slider-selectors {
    display: none !important;
}
@font-face {
  font-family: 'Avenir';
  src: url('Avenir.eot'); /* IE9 Compat Modes */
  src: url('Avenir.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Avenir.woff') format('woff'), /* Pretty Modern Browsers */
       url('Avenir.ttf')  format('truetype');
}
img {
    max-width: 100%;
    height: auto;
}

.jquery-slider-slide {
    position: relative !important;
}

.jquery-slider-slide img {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
}
.rbordered {
    border-radius: 4px;
    padding: 2% !important;
    border: 1px solid #ddd;
    box-shadow: inset 0px 0px 10px -3px black;
  background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(63%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(242,242,242,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(242,242,242,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(242,242,242,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1 );
    overflow: hidden;
}

.jquery-slider-wrapper, .slider {
    width: 100% !important;
    padding: 0px;
    margin: 0px;
    height: auto !important;
}
/* Layout Styles Starts */
div#main-banner h3 {
    text-align: center;
    font-family: Avenir,Arial,Tahoma,Helvetica,sans-serif;
    padding: 2% 0px 0px 0px;
    display: block;
    width: 88%;
    padding: 2% 6% 0px 6%;
    float: left;
    margin: 0px;
    font-size: 17px;
}
.toggler{
	cursor: pointer;
	float:right;
	font-size: 30px;
	line-height: 50px;
	width: 50px;
	max-width: 20%;
	height: 50px;
	background-image: url(images/toggle.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90% 70%;
	margin-top: 2%;
	margin-right: 2%;
}
.mobile{
	display:none;
}
#menu ul li:first-child a {
    padding-left: 0px;
}
#wrapper{
	width: 100%;
	margin:0 auto;
	max-width: 960px;
}
	#header{
		height: auto;
		overflow:hidden;
	
		margin-bottom: 2%;
}
		#logo{
			width: 76%;
			padding: 2% 0px 0px 0px;
			float:left;
		
			max-width: 340px;
}
#logo a{
				background:url(images/logo.png) no-repeat;			
				background-size: 100% auto;
}
#logo a{
					height:64px;
					display:block;
}
#logo h1 a span{
						display:none;
}
#toll-free{
			width:257px;
			height:38px;
			padding:38px 0 0 5px;
			float:right;
}
#menu{
		background: transparent;
		height: auto;
		margin: 0 0 1.5% 0;
		display: block;
		float: left;
		width: 100%;
}
#menu ul{
			list-style:none;
}
#menu li, #menu li a, #menu li a.home:hover, #menu li a.hcurrent, #menu li a.current{
				display:block;
				float:left;
}
#menu li a, #menu li a.current, #menu li a.hcurrent{
					padding: 0 14px;
					font: 16px/20px Avenir,Arial,Tahoma,Helvetica,sans-serif;
					color: #333;
					line-height:39px;
					font-weight: bold;
					cursor:pointer;
}
#menu li a:hover, #menu li a.current{
						background: transparent;
						text-decoration:none;
						color: #74a72f;
}
#menu li a.home:hover, #menu li a.hcurrent{
						background: transparent;
						color: #74a72f;
}
#main-banner{
		height: auto;
}
#main-banner img{
			float:left;
}
#main-banner .floatright{
			width:420px;
			float:right;
			padding:5px 0 0 0;
}
#main-banner .floatright h2{
				color:#231f20;
				font-size:46px;
				margin:0 0 10px 0;
				display:block;
				background:url('images/main-banner-heading.gif') no-repeat;
				width:381px;
				height:41px;
}
#main-banner .floatright h3{
				color:#00b4f0;
				font-size:36px;
				display:block;
				background:url('images/main-banner-heading2.gif') no-repeat;
				width:311px;
				height:32px;
				margin:0 0 10px 0;
}
#main-banner .floatright h2 span, #main-banner .floatright h3 span{
					display:none;
}
#main-banner .floatright p{
				margin:0 0 15px 0;
}
#container-home{
		padding: 2% 0;
}
.sblock1-wrap{
			width: 27.7%;
			float:left;
			margin-right: 2%;
			min-height: 180px;
}
.sblock1-wrap.end{
				margin:0 !important;
				margin:0;
}
.sblock1{
				background:url('images/sblock1-top.jpg') no-repeat top;
}
.sblock1-bottom{
					background:url('images/sblock1-bottom.jpg') no-repeat bottom;
					padding:25px 25px 25px 25px;
					height:210px;
}
.sblock1-bottom h4{
						font-size:28px;
}
.sblock1-bottom p{
						margin:0 0 15px 0;
}
			
#container{
		padding:0 0 22px 0;  
}
#mainarea{
			width:635px;
			float:left;
}
#mainarea2{
			float:left;
			display: block;
}
.mblock1-wrap{
				background:url('images/mblock1-bg.jpg') repeat-y;
				min-height:100%;
}
.mblock1-wrap2{
				background:url('images/mblock1-bg2.jpg') repeat-y;
}
.mblock1{
					background:url('images/mblock1-top.jpg') no-repeat top;
}
.mblock2{
					background:url('images/mblock1-top2.jpg') no-repeat top;
}
.mblock1-bottom{
						background:url('images/mblock1-bottom.jpg') no-repeat bottom;
						padding:25px;
}
.mblock1-bottom2{
				background:url('images/mblock1-bottom2.jpg') no-repeat bottom;
						padding:25px;
						min-height:100%;
}
.p1{
						margin: 0 0 0 1%; 
}



#works{
				margin:25px 0 0 0;
}
#works h3{
					font-size:20px;
}
#sidearea{
			width:310px;
			float:right; max-height:100%; min-height:100%;
}
.sblock2-wrap{
				background:url('images/sblock2-bg.jpg') repeat-y;
}
.sblock2{
					background:url('images/sblock2-top.jpg') no-repeat top;  min-height:100%;
}
.sblock2-bottom{
						background:url('images/sblock2-bottom.jpg') no-repeat bottom;
						padding:25px 25px 8px 25px; max-height:100%; min-height:100%;

}
#sidearea .sblock2-bottom ul{
							list-style:none;
							margin:0; min-height:100%;
}
.sblock2-bottom li{
								padding:3px 0;  min-height:100%;
}
#footer{
		background: transparent;
		height: auto;
		line-height:39px;
		padding: 0 2%;
		font-size:12px;
		margin: 0 0 2% 0;
		color: #333;
		font-weight: bold;
		overflow:hidden;
	
		font-family: Avenir;
}
#footer a{
			color:#333;
}

/* Layout Styles Ends */



/* Form Styles */

.input{
	border:1px solid #a5a5a5;
	background:none;
	cursor:text;
	margin:5px 0;
	padding:2px;
	width:200px;
}
textarea.input{
	width:415px;
	height:100px;
}

.input:focus, .textarea:focus{
	border:1px solid #000;
}

.submit-btn{
	background:url(images/submit-btn.jpg) no-repeat;
	width:91px;
	height:37px;
	border:none;
	outline:none;
	cursor:pointer;
}

a.take-tour-btn, a.portfolio-btn, a.read-more-btn{
	background:url(images/buttons.gif) no-repeat top;
	width:151px;
	margin:0 19px 0 0;
	height:40px;
	display:block;
	float:left;	
}
a.portfolio-btn{
	background-position:0 -36px;
}
a.read-more-btn{
	background-position:0 -72px;
	width:91px;
}
	a.take-tour-btn span, a.portfolio-btn span, a.read-more-btn span, a.visit-site-btn span{
		display:none;
	}
a.visit-site-btn{
	background:url(images/vist-site-btn.jpg) no-repeat;
	width:91px;
	height:27px;
	display:block;
	margin:0 0 5px 0;
}

/* Form Styles */


/* Paragraph and list Styles */

#container p.hr{
	border:solid #d3d3d3;
	border-width:1px 0 0 0;
	margin:0;
	outline:none;
}
#container p{
	margin: 0 0 2% 0;
}
#container form p{
	margin:0 0 5px 0;
}
#container p img.floatleft{
	margin:0 20px 0 0; min-height:100%;
}
#container p img.floatright{
	margin:0 0 0 20px; height:100%;
}
#mainarea img.floatleft, #mainarea p img.floatleft{
	margin:10px 10px 10px 0; height:100%;
}
#mainarea img.floatright, #mainarea p img.floatright{
	margin:10px;
}
#container ul, #container ol{
	margin: 0 0 0 2%; height:100%;
}
#container ol{
	margin:0 0 0 30px;	
}
ul#portfolio{margin:0;list-style:none;}
#container dt, #container1 dt{
	font-weight:bold;
	margin:20px 0 10px 0;
}

/* Paragraph Styles */

/* Genric Styles Starts */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
		margin:0 100 0;

display: block;
}
.clearfix1 {
	margin:0 15px 0 0 ;
	margin:0 13px 0 0;
	line-height: 24px;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a {
	color:#222;
	text-decoration:none;
	font-weight:bold;
}
td h2 {
margin: 0px;
line-height: 50px;
padding-left: 5%;
}
a:hover {text-decoration:underline;color:#74a72f;}
h1{font-size:32px;}
h2{font-size:26px;}
h3{font-size:23px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; color:#231f20;font-family:"Myriad Pro Cond","Trebuchet MS";font-weight:normal;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ color:#231f20;font-weight:normal;}							
img{border:none; }
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
#container .nomargin, .nomargin{margin:0;}
#container.nobg, .nobg{background:none;}
.padding15{padding:15px;}


/* Genric Styles Ends */

.spacerli{line-height:23px;}

.spacerli2(margin-bottom:6px; }

.lispacer{padding-bottom:140px; }

.listype{padding-left:43px;}