/* CSS Document */
body{
	margin:0 auto;
	font-size:12px;
	font-family:Tahoma, "Trebuchet MS";
	color:#403f44;
	background:url(images/bg.jpg) center no-repeat  #97C04A;
	background-position:top;}
h2{
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#606;
	margin-top:13px;
	font-weight:bold;
	}
.cls{
	font-size:0px;
	height:0px;
	margin:0px;
	padding:0px;
	clear:both;}	
.wrap{
	width:953px;
	margin:0 auto;}	
.header{
	height:770px;
	background:url(images/content-box.png) no-repeat bottom;}
.top{
	height:400px;}
.sol-top{
	background:url(images/sol-top.png) no-repeat bottom;
	height:227px;}
.port-top{
	background:url(images/port-top.png) no-repeat bottom;
	height:227px;}
.cont-top{
	background:url(images/cont-top.png) no-repeat bottom;
	height:227px;}
.sol-inner {
	background:url(images/solution-bg.png) no-repeat bottom #FFFFFF;
	padding-bottom:20px;}
.portfolio-inner {
	padding:35px 15px 10px 20px;}
.sol-inner-left {
	width:580px;
	float:left;
	padding:35px 0px 10px 20px;}
.sol-inner-right {
	width:250px;
	float:left;
	padding-top:20px;}
.top-left{
	float:left;
	width:430px;
	padding-top:25px;}
.top-right{
	float:right;
	width:500px;}	
.nav{
	height:35px;
	padding-top:15px;}
.nav a{
	margin-right:5px;}
.logo{
	margin-bottom:27px;}
.request{
	padding-left:20px;
	padding-right:10px;
	padding-top:35px;}
.request-left{
	float:left;
	width:574px;}
.request-right{
	float:right;
	width:327px;}				
.quote{
	margin-left:125px;}
.latest-work{
	background:url(images/work-bg.gif) repeat-x;
	height:311px;
	margin:15px 0px;
	padding:15px 10px;}
.footer{
	background:url(images/work-bg.gif) bottom repeat-x;
	height:75px;}
.footer-nav {
	width:650px;
	float:left;}
.footer-nav a{
	text-decoration:none;
	font-size:11px;
	color:#949494;
	background:url(images/border.png) no-repeat right;
	padding:0px 20px;
	line-height:75px;}
.footer-nav a:hover{
	color:#706f6f;}	
.bracket {
	background:url(images/bracket.png) no-repeat;
	width:193px;
	height:35px;
	float:right;
	margin:12px 12px 0px 0px;
	padding:7px 32px;
	font-size:11px;
	color:#949494;}		
.copy{
	height:50px;
	line-height:50px;
	color:#FFFFFF;
	font-size:11px;
	padding:0px 5px;}
.copy a {
	text-decoration:none;
	color:#FFFFFF;}
.copy span{
	float:right;
}
.copy span a img {
	margin:-4px 1px;
	border:none;}
.copy span a img:hover {
	opacity:0.5;
	filter:alpha(opacity=50);}
a.home {
	background:url(images/home.png) no-repeat top;
	width:112px;
	height:33px;
	float:left;}
a:hover.home {
	background:url(images/home.png) no-repeat bottom;}
a#active.home {
	background:url(images/home.png) no-repeat bottom;}
a.portfolio {
	background:url(images/portfolio.png) no-repeat top;
	width:112px;
	height:33px;
	float:left;}
a:hover.portfolio {
	background:url(images/portfolio.png) no-repeat bottom;}
a#active.portfolio {
	background:url(images/portfolio.png) no-repeat bottom;}
a.solutions {
	background:url(images/solutions.png) no-repeat top;
	width:112px;
	height:33px;
	float:left;}
a:hover.solutions {
	background:url(images/solutions.png) no-repeat bottom;}
a#active.solutions {
	background:url(images/solutions.png) no-repeat bottom;}	
a.contact {
	background:url(images/contact.png) no-repeat top;
	width:112px;
	height:33px;
	float:left;}
a:hover.contact {
	background:url(images/contact.png) no-repeat bottom;}
a#active.contact {
	background:url(images/contact.png) no-repeat bottom;}
.testimonials {
	width:276px;
	margin-left:40px;}
.testimonials-top {
	background:url(images/testimonials-top.png) no-repeat;
	height:9px;}
.testimonials-mid {
	background:url(images/testimonials-mid.png) repeat-y;
	color:#33325d;
	font-size:18px;
	text-align:left;
	padding:0px 10px;}
.testimonials-bot {
	background:url(images/testimonials-bot.png) no-repeat;
	height:9px;}
.testi-com-top {
	background:url(images/testi-com-top.png) no-repeat;
	height:3px;}
.testi-com-mid {
	background:url(images/testi-com-mid.png) repeat-y;
	color:#7d7d7d;
	font-size:11px;
	padding:5px 0px 5px 13px;}
.testi-com-bot {
	background:url(images/testi-com-bot.png) no-repeat;
	height:15px;
	margin-bottom:7px;}
.txt {
	color:#31305b;
	font-size:11px;
	font-weight:bold;}
.txt a{
	text-decoration:none;
	color:#31305b;}
.txt2 {
	color:#2e2d57;
	font-weight:bold;
	font-size:18px;}
.txt3 {
	color:#2e2d57;
	font-size:10px;
	text-decoration:underline;}
.txt3 a{
	color:#2e2d57;
	text-decoration:underline;}
.app-box {
	margin-top:18px;
	padding:0px 38px;}
.app-box a{
	text-decoration:none;
	color:#403F44;}	
.app-box img{
	border:none;}	
.app-box-top {
	background:url(images/app-top.png) no-repeat;
	height:16px;}
.app-box-mid {
	background:url(images/app-mid.png) repeat-y;
	padding:0px 14px;}
.app-box-bot {
	background:url(images/app-bot.png) no-repeat;
	height:16px;}
.bible-cont {
	width:500px;
	float:left;
	padding-left:25px;}
a.app-store {
	background:url(images/app-store.png) no-repeat top;
	width:162px;
	height:62px;
	float:left;}
a:hover.app-store {
	background:url(images/app-store.png) no-repeat bottom;}
a#current.app-store {
	background:url(images/app-store.png) no-repeat bottom;}
.form {
	width:522px;
	float:left;
	padding-top:25px;
	font-size:12px;
	color:#403f44;}
.map {
	float:right;
	padding-top: 25px;
	margin-right:20px;
}
.add-box {
	background:url(images/add-box.png) no-repeat;
	width:265px;
	height:57px;
	padding:20px 40px;
	color:#fff;
	font-size:12px;}
.txtfield {
	width:240px;
	height:23px;
	background:#faf8f8;
	border:solid 1px #c7c7c7;
	margin:5px 0px 12px 0px;
	font-size:12px;
	color:#403f44;
	line-height:23px;
	padding:0px 3px;
	font-family:Tahoma, "Trebuchet MS";}
.txtfield:hover {
	border:solid 1px #6e6e6e;}
.txtarea {
	width:440px;
	height:210px;
	background:#faf8f8;
	border:solid 1px #c7c7c7;
	margin:5px 0px 12px 0px;
	font-size:12px;
	color:#403f44;
	font-family:Tahoma, "Trebuchet MS";}
.txtarea:hover {
	border:solid 1px #6e6e6e;}
.map-add {
	width:340px;
	height:448px;
	border:solid 1px #a4b727;
	margin-bottom:10px;}
.map-add a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#72a12e;}
.map-add a:hover{
	color:#bae45c;}
a.viewapp img{
	display:block;
	
}
a.viewapp{
	line-height:25px;
	color:#333;
	font-weight:bold;
}
a.viewapp span{
	background:url(images/viewapp2.png) no-repeat top;
	width:83px;
	display:block;
	height:29px;
	margin:0 auto;}
a:hover.viewapp span {
	background:url(images/viewapp2.png) no-repeat bottom;}
a:hover.viewapp img {	
	border:5px solid #4f8a10;}
a.request-btn {
	background:url(images/request.png) no-repeat top;
	width:317px;
	height:84px;
	float:left;
	margin-left:125px;
}
a:hover.request-btn {
	background:url(images/request.png) no-repeat bottom;}
a.request-quote-r {
	background:url(images/request-quote-r.png) no-repeat top;
	width:293px;
	height:84px;
	float:left;
	margin-left:22px;}
a:hover.request-quote-r {
	background:url(images/request-quote-r.png) no-repeat bottom;}
a.submit {
	background:url(images/submit.png) no-repeat top;
	width:108px;
	height:35px;
	float:left;}
a:hover.submit {
	background:url(images/submit.png) no-repeat bottom;}
.portfolio-box {
	background:url(images/portfolio-box.png) no-repeat;
	width:222px;
	height:353px;
	float:left;
	margin:0px 14px 30px 14px;
	padding:7px 13px 10px;
	font-size:11px;}
.portfolio-box:hover {
	background:url(images/portfolio-box-h.png) no-repeat;
	color:#FFFFFF;}
a.appstore {
	background:url(images/appstore.png) no-repeat top;
	width:108px;
	height:42px;
	float:left;}
a:hover.appstore {
	background:url(images/appstore.png) no-repeat bottom;}
a#current.appstore {
	background:url(images/appstore.png) no-repeat bottom;}
.border-top {
	background:url(images/border-top.png) no-repeat;
	height:1px;}
.border-mid {
	background:url(images/border-mid.png) repeat-y;
	padding:35px 40px;}
.border-bot {
	background:url(images/border-top.png) no-repeat;
	height:1px;}
.slider-box {
	width:155px;
	height:225px;
	padding:10px 10px;
	margin:0px ;}
.slider-box:hover {
	background:#d3dbdf;
	color:#FFFFFF;}
.slider-box img{
	border:5px solid #aebcc6;}	

.slider-box a{
	text-decoration:none;}	
	
	
	
	
	
	
div#scrollbar { 
    display:none;
	margin:0px 20px;
    }

/* below in external file */
div#wn	{ 
    position:relative; 
	height:252px; 
    overflow:hidden;
	margin:5px 20px;	
	}
div#scrollbar { 
    position:relative; 
	height:18px;

    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track { 
    position:absolute; left:18px; top:0px;
    width:856px; height:17px; 
    background:url(images/track.png) repeat-x;
  }
div#dragBar {
    position:absolute; left:0px; top:0px;
    width:20px; height:17px; 
	background:url(images/scroll.png) no-repeat;
	background-position:center;
	 background-color:#709f2d;
	 margin-top:-1px;
  }  
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    }