html{
	height:100%;
	font: 10px/1.4 'Lucida Grande', Arial, Verdana, sans-serif;
}

body {
	background-color:#fff;
	margin:0 auto 50px auto;
	padding:0;
	height:100%;
	cursor:default;
	text-align:center;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 0;
	line-height: 1.6em;
	font-size: 1.2em;
}

/* links ------------ */ 
a:link, a:visited {
	color:#6d952f;
	border:none;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #6d952f;
	border:none;
	text-decoration: underline;
}


a.white:link, a.white:visited {
	color:#fff;
	border:none;
	text-decoration: none;
}
a.white:hover, a.white:active, a.white:focus {
	color: #fff;
	border:none;
	text-decoration: underline;
}

a.black:link, a.black:visited {
	color:#000;
	border:none;
	text-decoration: none;
}
a.black:hover, a.black:active, a.black:focus {
	color: #000;
	border:none;
	text-decoration: underline;
}

a.gray:link, a.gray:visited {
	color:#707174;
	border:none;
	text-decoration: none;
}
a.gray:hover, a.gray:active, a.gray:focus {
	color: #707174;
	border:none;
	text-decoration: underline;
}


/* Site Nav ------------ */ 

#nav-main a{
	display:block;
	height:38px;
	margin:0px;
	float:left;
	border:none;
	background-image:url(img/nav-sprite.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	overflow:hidden;
	text-decoration: none;
}

#nav-main a:link, #nav-main a:visited, #nav-main a:hover, #nav-main a:active, #nav-main a:focus {
	border:none;
	text-decoration: none;
}

#nav-home{width:90px;background-position:0 0;}
#nav-home:hover,#nav-home.hover{width:90px;background-position:0 -38px;}

#nav-services{width:120px;background-position:-90px 0;}
#nav-services:hover,#nav-services.hover{width:120px;background-position:-90px -38px;}
        
#nav-clients{width:108px;background-position:-210px 0;}
#nav-clients:hover,#nav-clients.hover{width:108px;background-position:-210px -38px;}
        
#nav-company{width:117px;background-position:-318px 0;}
#nav-company:hover,#nav-company.hover{width:117px;background-position:-318px -38px;}

#nav-careers{width:115px;background-position:-435px 0;}
#nav-careers:hover,#nav-careers.hover{width:115px;background-position:-435px -38px;}

#nav-contact{width:139px;background-position:-550px 0;}
#nav-contact:hover,#nav-contact.hover{width:139px;background-position:-550px -38px;}


body.page-home #nav-home{
	background-position:0 -38px;
}

body.page-services #nav-services{
	background-position:-90px -38px;
}

body.page-clients #nav-clients{
	background-position:-210px -38px;
}

body.page-company #nav-company{
	background-position:-318px -38px;
}

body.page-careers #nav-careers{
	background-position:-435px -38px;
}

body.page-contact #nav-contact{
	background-position:-550px -38px;
}


/* Page Structure --------- */

.separator{
	background-color: #fff;
	height:3px;
	margin:0;
	padding:0;
	line-height: 1px;
	font-size: 1px;
}

#header-wrap{
	background:url(img/bg-header.jpg) repeat-x #7ba835;
	width:100%;
	height:139px;
}
#header{
	position: relative;
	width:990px;
	margin: 0 auto;	
}

#footer-wrap{
	background:url(img/bg-footer.jpg) repeat-x #7ba835;
	width:100%;
}
#footer{
	width:990px;
	min-height:100px;
	margin: 0 auto;	
	text-align:center;
	padding-top:25px;
	color:#fff;
}

#content-wrap{
	background:url(img/bg-content.jpg) bottom center repeat-x #fff;
	width:100%;
	min-height:350px;
}

#content{
	width:990px;
	min-height:250px;
	margin: 0 auto;
	color:#707174;
	text-align: left;
}

.grid{
	width:990px;
}

.margin{
	float:left;
	width:40px;
	height:1px;
}

.gutter{
	float:left;
	width:40px;
}

.grid-full{
	float:left;
	width:910px;
}
.grid-half{
	float:left;
	width:440px;
}

.clearing {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

.txt-green{
	color: #6d952f;
}

.txt-small{
	font-size:.8em;
}

/* main header -------- */

#header-left{
	float:left;
	width:301px;
}

#header-right{
	float:left;
	width:689px;
}

#nav-main{
	background:url(img/nav-sprite.jpg) no-repeat top left;
	overflow:hidden;
	position:relative;
	top:69px;
	width:689px;
	height:38px;
}


/* Text Wrapping Divs ------------- */
.r-01, .r-02, .r-03, .r-04, .r-05, .r-06, .r-07, .r-08, .r-09, .r-10 {float:right; clear:right;}

.r-01{
	width:40px;
	height:10px;
}

.r-02{
	width:60px;
	height:12px;
}

.r-03{
	width:100px;
	height:12px;
}
.r-04{
	width:130px;
	height:12px;
}




/* home page slide show -------------- */
.next{
	cursor:pointer;
	height:20px;
	margin:16px 0 0 10px;
}

.prev{
	cursor:pointer;
	height:20px;
	margin:16px 0 0 10px;
}

#slide ul, #slide li{
	padding:0;
	margin:0;
	list-style:none;
}

	
#slide{
	position:relative;
	width:990px;
	height:294px;
	margin:0 auto;
}
	#slide #slidenav{
		position:absolute;
		top:250px;
		right:0px;
		margin-bottom:0;
		width:990px;
		height:44px;
		z-index: 50;
	}
	#slide #slidenav #buttons{
		float:left;
		margin-left:2px;
	}
	#slide #slidenav #buttons a{
		margin:14px 0 0 10px;
		color:#fff;
		overflow:hidden;
	}

	#slide .prev{
		float:left;
	}
	#slide .next{
		float:left;
	}

#slideshow{
	position: absolute;
	top:0;
	left:0;
	overflow:hidden;
	width:990px;
	height:294px;
	border:1px solid #777;
	background: #000;
}

	#slideshow ul{
		width:3900px;
		padding-left:0;
		
	}

		#slideshow li{
			float:left;
			margin:0 16px;
			cursor:pointer;
		}

#buttons ul{
	list-style-type: none;
	float:left;
	margin-left:10px;
}
	#buttons li{
		display:inline;
		float:left;
		margin-right:10px;
		width:20px;
		height:20px;
	}

	#buttons li a{
		display:block;
		text-decoration: none;
		width:18px;
		height:18px;
		border:2px solid #7ca935;
		background-color:#7ca935;
	}

	#buttons li a:link, #buttons li a:visited{
		border:2px solid #7ca935;
		background-color:#7ca935;
		text-decoration: none;
	}

	#buttons li a:active, #buttons li a:hover{
		border:2px solid #7ca935;
		background-color:#fff;
		text-decoration: none;
	}


	#buttons a{
		background: url(img/slider-nav-sprite.gif) center top no-repeat;
		display:block;
		float:left;
		text-decoration: none;
		width:10px;
		height:18px;
		border:0px solid #7ca935;
		background-color:transparent;
		text-indent: -9999px;
	}

	#buttons a:link, #buttons a:visited{
		width:10px;
		height:18px;
		border:0px solid #7ca935;
		background-color:transparent;
	}

	#buttons a:active, #buttons a:hover{
		background-position: center -20px;
		width:10px;
		height:18px;
		border:0px solid #7ca935;
		background-color:transparent;
	}

	#buttons a.activeSlide { background-position: center -20px; }

#buttons-text{
	float:left;
	height:25px;
	margin:15px 20px 0 20px;
	color:#dbdbdb;
	font-size:.8em;
	letter-spacing: .2em;
}

/* Clear Fix for Floated elements --------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* home page -------- */

.hdr-home{
	margin:0 0 10px 0;
}

#content-bg-wrap{
	background: url(img/bg-contentarea.jpg) top center no-repeat transparent;
	width:100%;
	padding-bottom:20px;
	padding-top:50px;
	min-height: 320px;
}

.grid-home-left{
	float:left;
	width:535px;
	padding: 0 0 20px 0;
	background: url(img/bg-mouse.jpg) 100% 10px no-repeat;
}

.grid-home-left .r-01{width:80px;height:10px;}
.grid-home-left .r-02{width:100px;height:12px;}
.grid-home-left .r-03{width:140px;height:12px;}
.grid-home-left .r-04{width:170px;height:12px;}


.grid-home-right{
	float:left;
	width:345px; 
}

.grid-home-right ul {
	float:left;
	width:172px;
	padding:0 0;
	margin:0 0 0 0;
	list-style-type:  none;
}

.grid-home-right li {
	font-size:.9em;
	margin: 15px 0;
	list-style-type:  none;
	background: url(img/gt-blk.gif) 0 5px no-repeat;
	padding-left:10px;
}

.grid-home-left2{
	float:left;
	width:460px;
	padding-top:15px;
}

.grid-home-right2{
	float:left;
	width:430px;	
	padding-top:15px;
}

a.learnmore-wht{
	padding-left:8px;
	text-decoration: underline;
	background: url(img/gt-wht.gif) 0 7px no-repeat;
}
a.learnmore-blk{
	padding-left:8px;
	text-decoration: underline;
	background: url(img/gt-blk.gif) 0 7px no-repeat;
}

.grid-home-left .learnmore-blk{
	float: right;
	clear: right;
	margin-right:15px;
	margin-top:-10px;
}


.grid-home-left p{
	width:480px;
}


#home-clientlogo{
	width:990px;
	height:65px;
	overflow:hidden;
	margin:20px auto 0 auto;
}

#home-altrow{
	width:990px;
	height:177px;
	background: url(img/bg-altrow.jpg) top center no-repeat #fff;
	margin:0 auto;
}

#home-funnel{
	float:left;
	position: relative;
}

#home-funnel p{
	color:#fff;
	width:315px;
	padding:0 0 0 0;
	margin:12px 0 0 0;
}

#home-funnel .learnmore-wht{
	position: absolute;
	text-decoration: underline;
	top:130px;
	left:245px;	
}


#home-mobile{
	position: relative;
	float:left;
}

#home-mobile p{
	color: #fff;
	width:230px;
	padding:0 0 0 0;
	margin:12px 0 0 0;
}

#home-mobile .learnmore-blk{
	position: absolute;
	text-decoration: underline;
	top:130px;
	left:150px;	
}



/* services -------- */
.page-services #content-bg-wrap{
	background: url(img/bg-contentarea-services.jpg) top center no-repeat transparent;
	width:100%;
	padding-bottom:20px;
	padding-top:50px;
}

.page-services .bg-services{
	padding-bottom:40px;
}

.page-services .grid-left{
	float:left;
	width:180px;
}

.page-services .grid-right{
	float:left;
	width:690px;
}

.page-services ul {
	padding:0 0;
	margin:0 0 12px 0;
	list-style-type:  none;
}

.page-services li {
	font-size:.9em;
	margin: 6px 0 6px 12px;
	list-style-type:  none;
	background: url(img/gt-blk.gif) 0 5px no-repeat;
	padding-left:10px;
}

.services-chart{
	float:right;
	clear:right;
	padding:2px 0 0 0;
	
}

#services-flash{
	width:990px;
	height:163px;
	margin:0 auto;
}


/* Shopping Cart Developemnt --------- */
.bg-cartdev{
	background: url(img/bg-cartdev.jpg) right 10px no-repeat transparent;
}

.bg-cartdev .r-01 { width:230px; height:140px; }
.bg-cartdev .r-02 { width:310px; height:80px;}
.bg-cartdev .r-03 { width:230px; height:30px;}


/* Web Design --------- */
.bg-webdesign{
	background: url(img/bg-webdesign.jpg) right 45px no-repeat transparent;
}
.bg-webdesign .r-01{
	width:240px;
	height:235px;
}

/* Mobile Design --------- */
.bg-mobiledesign{
	background: url(img/bg-mobiledesign.jpg) right top no-repeat transparent;
}
.bg-mobiledesign .r-01{ width:240px;height:100px;}
.bg-mobiledesign .r-02{ width:330px;height:140px;}
.bg-mobiledesign .r-03{ width:270px;height:30px;}

/* SEM --------- */
.bg-sem{
	
}

.bg-sem p {
	margin-bottom:30px;
}

/* careers --------- */
.page-careers #content-bg-wrap{
	background: url(img/bg-contentarea-careers.jpg) top center no-repeat transparent;
	width:100%;
	padding-bottom:20px;
	padding-top:50px;
}

.bg-careers{

}

.bg-careers .r-01{
	width:1px;
	height:1px;
}
.bg-careers .r-02{
	width:1px;
	height:1px;
}

/* Company ---------- */
.page-company #content-bg-wrap{
	background: url(img/bg-contentarea-careers.jpg) top center no-repeat transparent;
	width:100%;
	padding-bottom:20px;
	padding-top:50px;	
}

.bg-company{

}

.bg-company .r-01{
	width:1px;
	height:1px;
}
.bg-company .r-02{
	width:1px;
	height:1px;
}
.bg-company .r-03{
	width:1px;
	height:1px;
}

/* Contact ---------- */
.page-contact #content-bg-wrap{
	background: url(img/bg-contentarea-careers.jpg) top center no-repeat transparent;
	width:100%;
	padding-bottom:20px;
	padding-top:50px;
}

.page-contact .bg-contact{
	padding-bottom:40px;
}


form#contactus{

}

.page-contact input.text{
	border:1px solid #cecece;
	width:240px;
	height:18px;
	color:#a3a4a4;
	font-size:11px;
}

.page-contact textarea.txtarea{
	border:1px solid #cecece;
	width:240px;
	height:160px;
	color:#a3a4a4;
	font-size:11px;
}

.page-contact fieldset {
	width:440px;
	text-align:left;
	margin-bottom: 10px;
	border:none;
	padding:0;
	margin: 0;
}

.page-contact label {
	display: block;
 	color:#a3a4a4;
	line-height: 1.8;
	vertical-align: top;
	font-size:11px;
	padding-right:10px;
	text-align: right;
}
.page-contact fieldset ul {
  margin: 10px 0;
  padding: 10px 0;
  display:block;
  clear:both;
  list-style: none;
	list-style-type: none;
}
.page-contact fieldset li.left {
  list-style: none;
	list-style-type: none;
  display:block;
  float:left;
  width:160px;
  padding: 0;
  margin: 0;
}

.page-contact fieldset li.right {
  list-style: none;
  display:block;
  float:left;
  width:280px;
  padding: 0;
  margin: 0;
}


.page-contact fieldset .message {
	width:400px;
}

.page-contact input.phone{
	float:left;
	border:1px solid #cecece;
	width:240px;
	height:18px;
	margin-right:5px;
	color:#a3a4a4;
	font-size:11px;
}


.page-contact input#submit, .page-contact input[type="submit"] {display:inline; background: url(img/btn-submit-sprite.gif) 0 0 no-repeat; border: none; width: 80px; height: 16px; margin: 5px 20px 0 0; cursor:pointer; padding-top: 1px; float:left; text-indent: -9999px;}
form#contactus input#submit:hover, #contactus input[type="submit"]:hover { background-position: 0 -16px; }

.page-contact input#reset, .page-contact input[type="reset"] { display:inline; background: url(img/btn-reset-sprite.gif) 0 0 no-repeat; border: none; width: 67px; height: 16px; margin: 5px 10px 0 0; cursor:pointer; padding-top: 1px; float:left; text-indent: -9999px;}
.page-contact input#reset:hover, .page-contact input[type="reset"]:hover { background-position: 0 -16px; }


.page-contact em {
  font-weight: normal;
  font-style: normal;
}

.page-contact fieldset .submit{
}


/* Clients ----------- */
.page-clients #content-bg-wrap{
	background: url(img/bg-contentarea-careers.jpg) top center no-repeat transparent;
	width:100%;
	padding-bottom:20px;
	padding-top:50px;
}

.hdr-clients{
	position:relative;
	left:50%;
	margin:0 0 10px -175px;
}