body {margin:0; background: #536630 url(../img/bg-main22.jpg) no-repeat top center;}
#main {position: relative;}
form,fieldset {margin:0;padding:0;border:0;}
img {border:0;}
br.clear {clear: both;}
a {color:#93b045; outline: none;}
a:visited {outline: none;}
#page{min-width:960px;}
#page .body{ width:960px; margin:0 auto;}
.clear {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}


/* HOMEPAGE */
#home {margin:0; background: #536630 url(../img/bg-main-homepage.jpg) no-repeat top center;}

/* HEADER */
#header{ width:100%; overflow:hidden;}

/* LOGO */
#header h1{ float:left; margin:0;}
#header h1 a{float:left; width:290px; height:49px; text-indent:-9999px; overflow:hidden; background:url(../img/logo.gif) no-repeat 0 0;}

/* NAV */

#menu {float:right; margin:0; padding:0; list-style:none; width:438px;}

ul#menu li a{float:left;display:block;background:url(../img/bg-mainmenu.jpg) no-repeat 0 0;text-indent:-9999px;height:49px}
ul#menu li#m-about a{background-position:-2px 0px; width:113px;}
ul#menu li#m-serv a{background-position:-117px 0px; width: 119px;}
ul#menu li#m-work a{background-position:-238px 0px; width: 113px;}
ul#menu li#m-contact a{background-position:-353px 0px; width:93px;}

ul#menu li a span {background:url(../img/bg-mainmenu.jpg) no-repeat 0 0;height:50px;display:block}
ul#menu li#m-about a span{background-position:-2px -49px}
ul#menu li#m-serv a span{background-position:-117px -49px}
ul#menu li#m-work a span{background-position:-238px -49px}
ul#menu li#m-contact a span{background-position:-353px -49px}

/* MAIN */

	/* Left Col */
.left{float:right; width:572px; padding:160px 36px 0 20px; font:12px/19px Arial,sans-serif; color:#5f5f5f;}
#main .left h1{margin:0; font:18px/20px Arial,sans-serif; color:#93b045; font-weight: bold;}
.left h2{ margin:0; padding-top: 15px; font:17px/20px Arial,sans-serif; color:#93b045;} 
.left p{margin:0; padding:0px 0px 14px 0px;}
#main .left p.reg{margin:0; padding:0px 0px 15px 0px; }
#main .left .last{padding:0;}
#main .left ul{margin:0; padding:0px 0px 10px 0px; list-style:none;}
#main .left ul ul {padding:0px 0px 0px 0px; margin-top:0px;}	
#main .left ul li {padding:0 0 0 30px; background:url(../img/bg-icon1.gif) no-repeat 12px 5px;}
	
#main .ecommerce .steps p.left-ballon { border-width: 2px; border-style: solid; -moz-border-radius: 15px;-khtml-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px; margin:10px 0 0 0; padding:5px 5px; font-size:12px;}

#main .ecommerce .steps p{font-size: 14px; padding:10px 0;}
#main .ecommerce .steps h1, #main .ecommerce .steps h2 {font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif;}
#main .left ul.inlinelist li {display: inline; background:url(../img/bg-icon1.gif) no-repeat 12px 3px;}
.feature {border: 1px solid #fba056; background-color: #fedec4; padding:15px 10px 15px 15px;}
#main .feature h2 {color:#e56923; padding:0;}
.feature p {color:#69635f;padding:0;}

/* Sidebar Navigation */	
#main .sidebar {float:left; position:relative; width:332px; height:auto; padding:120px 0 0 0;}	
#main .sidebar .sidebarbackground {background:url(../img/bg-sidebar.gif) no-repeat 1px 1px; filter:alpha(opacity=59); /* CSS3 standard */ opacity:0.59;position:absolute; top:0; left:0; height:100%; width:331px; z-index: 0;}


#main .sidebarbackground {border-top-color: #586434; border-top-style: solid; border-top-width: 1px; background:url(../img/bg-sidebar.gif) repeat-y 1px 1px; filter:alpha(opacity=59); /* CSS3 standard */ opacity:0.59;position:absolute; top:0; left:0; height:100%; width:331px; z-index: 0;}



#main .topic {background:url(../img/bg-topic.gif) no-repeat 1px 1px; filter:alpha(opacity=20); /* CSS3 standard */ opacity:0.20; position:absolute; height: 120px; width: 329px; top:0; left:1px;}

#main ul#sidebar li.hover p,
#main ul#sidebar li:hover p{color:#e7f5bd;}
#main ul#sidebar li.hover p a,
#main ul#sidebar li:hover p a{color:#fff;}

ul#sidebar h3 {margin:0 0; padding:10px 0 10px 12px; text-indent: 32px; font:bold 14px/16px "Helvetica Neue", Arial, sans-serif;}

/* this is the padding for an active H3 with a sub list */
ul#sidebar li.ecom.active h3, ul#sidebar li.CMS.active h3 {padding:10px 0 3px 12px;}

ul#sidebar a {text-decoration: none;color: #ffffff;}
ul#sidebar p {padding:0;margin:0;}
ul#sidebar p.date {font-style:italic;}
ul#sidebar p a {color:#536630;}
ul#sidebar li ul li {display:none;}
ul#sidebar li.active ul { padding-bottom:10px;}
ul#sidebar li.active ul li { list-style-type: none; font-weight: 500; color: #edf9c8; font-size: 12px; font-family: "Helvetica Neue"; padding: 2px 0 2px 12px; background:none; display:block; width:240px;}
ul#sidebar li.active ul a {text-decoration:none; font-weight: 500; color: #edf9c8;}

li.intro h3 { background-position: 12px 7px; background-image: url(../img/ic-house.gif); background-repeat: no-repeat; }
li.webdesign h3 { background-position: 12px 7px; background-image: url(../img/ic-screen.gif); background-repeat: no-repeat; }
li.ecom h3 { background-position: 12px 5px; background-image: url(../img/ic-cart.gif); background-repeat: no-repeat;}
li.CMS h3 { background-position: 12px 7px; background-image: url(../img/ic-cms.gif); background-repeat: no-repeat; }
li.brand h3 { background-position: 12px 9px; background-image: url(../img/ic-pp-sym.gif); background-repeat: no-repeat;  }


#main ul#sidebar{margin:5px 0 5px 18px; padding:0; list-style:none; width:300px; overflow:hidden; color:#fff; font-family:"Helvetica Neue", Arial,sans-serif; z-index: 8;}
	
ul#sidebar li{position:relative; z-index: 8; width:100%; padding:0 0 1px; background:url(../img/separator1.gif) repeat-x 0 100%;}
ul#sidebar li.last{background:none;padding:0;}
ul#sidebar li a:hover{text-decoration:none;}
ul#sidebar li div{margin:3px 10px 3px 0; padding:0 0; width:100%;}
/* change for sidebar to active 
ul#sidebar li.hover div,ul#sidebar li:hover div {background:url(../img/blog-over.png) repeat 0 0;}
*/
ul#sidebar li.active div {background:url(../img/blog-over.png) repeat 0 0;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
ul#sidebar li.active div li.subactive {background-color: #aac26a; color: white; background-position: 204px 2px; background-image: url(../img/ic-active-sidebar4.gif); background-repeat: no-repeat; display:block; overflow: visible; z-index: 100; width:220px; -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
ul#sidebar li.active div li.subactive a{color: #ffffff;} 
/*ul#sidebar li.active div li.subactive {background-color: #aac26a; color: white; list-style-type:disc; }*/

/* BLOG SIDEBAR */
#main ul#blog li.hover p,
#main ul#blog li:hover p{color:#e7f5bd;}
#main ul#blog li.hover p a,
#main ul#blog li:hover p a{color:#fff;}
ul#blog h3 { margin:0; padding:0 0 14px; font:bold 14px/16px Arial,sans-serif;}
ul#blog h3 {padding:0;}
ul#blog p {padding:0;margin:0;}
ul#blog p.date {font-style:italic;}
ul#blog p a {color:#536630;}
.news ul#blog{padding:0; margin:0; list-style:none; width:100%; overflow:hidden; color:#fff; font:11px/14px Arial,sans-serif;}
.news ul#blog li{ float:left; width:100%; padding:0 0 1px; background:url(../img/separator1.gif) repeat-x 0 100%;} 
ul#blog{ margin:10px 10px 0 10px; padding:0; list-style:none; width:312px; overflow:hidden; color:#fff; font:11px/14px Arial,sans-serif;}
ul#blog li{ float:left; width:100%; padding:0 0 1px; background:url(../img/separator1.gif) repeat-x 0 100%;} 
ul#blog li.last{background:none;padding:0;}
ul#blog li a:hover{text-decoration:none;}
ul#blog li div{ padding:10px 0; width:100%;}
.news ul#blog li div{ padding:9px 0; width:100%;}
#main .services .sidebar ul#blog li div {padding:12px 0 13px;}
#main .ecommerce .sidebar ul#blog li div {padding:12px 0 13px;}
#main .cms .sidebar ul#blog li div {padding:12px 0 13px;}
ul#blog li.hover div,ul#blog li:hover div {background:url(../img/blog-over.png) repeat 0 0;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
#page ul#blog p,#page ul#blog h3 {padding-left:9px;padding-right:9px;}
#main .services .sidebar ul#blog li div {padding:12px 0 13px;}
#main .ecommerce .sidebar ul#blog li div {padding:12px 0 13px;}
#main .cms .sidebar ul#blog li div {padding:12px 0 13px;}
ul#blog li.hover div,ul#blog li:hover div {background:url(../img/blog-over.png) repeat 0 0;}
#page ul#blog p,#page ul#blog h3 {padding-left:9px;padding-right:9px;}

/* HOME PAGE */
#main .home h1{margin:0; background:url(../img/bg-home.jpg) no-repeat 0 0; width:100%; height:427px;}
#main .home h1 a{float:left; overflow:hidden; text-indent:-9999px; width:588px; height:187px; margin:140px 0 0;}

	/* home page - columns */
#main .home .columns{width:100%; overflow:hidden; height:229px; color:#fff; font:10px/14px Arial,sans-serif;}
#main .home .columns h3{margin:0; padding:0 0 14px; font:bold 14px/16px Arial,sans-serif;}
#main .home .columns h3.pre-date{padding:0;}
#main .home .columns p{margin:0; padding:0 0 14px;}
#main .home .columns p.last{padding:0;margin:0;}
#main .home .columns p.date{font-style:italic;}
#main .home .columns p a{color:#536630;}
#main .home .columns p.apply{width:100%; overflow:hidden; padding:12px 0 0;}
#main .home .columns p.apply a{float:right; width:93px; height:33px; text-indent:-9999px; overflow:hidden; background:url(../img/btn-apply.gif) no-repeat 0 0;}
	
	/* home page - news*/
#main .home .columns .news{float:left; width:308px; height:199px; padding:16px 10px 14px; background:url(../img/bg-news.jpg) no-repeat 0 0;}
	
	
#main .services .right ul#sidebar li div {padding:12px 0 13px;}
#main .ecommerce .right ul#sidebar li div {padding:12px 0 13px;}
#main .cms .right ul#sidebar li div {padding:12px 0 13px;}


#page ul#sidebar p,#page ul#sidebar h3 {padding-left:9px;padding-right:9px;}

	/* home page - about*/
#main .home .columns .about{float:left; width:239px; padding:26px 62px 0 12px; height:203px; color:#526628; background:url(../img/bg-about.jpg) no-repeat 0 0;}

	/*main - home page - hiring*/
#main .home .columns .hiring{ float:right; width:290px; padding:26px 17px 0 12px; height:203px; background:url(../img/bg-hiring.jpg) no-repeat 0 0;}



/* MAIN LEFT BG */
#main .services,
#main .about,
#main .contact,
#main .portfolio,
#main .ecommerce, 
#main .cms { width:100%; overflow:hidden; padding:0 0 100px; background:url(../img/bg-serv.gif) repeat-y 0 0;
background:url(../img/bg-serv.gif) repeat-y 0 0;}


/* PORTFOLIO */
	/* BLOG */	

#portfolio .left{ float:left; width:608px; padding:160px 0px 0 20px; font:10px/19px Arial,sans-serif; color:#5f5f5f;} 
#portfolio #main .left .reg{ margin:0; padding:0px 20px 15px 0px; font-size:12px; } 
#portfolio .work_bound { width: 280px; height: 200px; overflow: hidden; float: left; margin-bottom: 30px;} #portfolio  .one {margin: 0px 20px 0px 5px;}		
#portfolio .work_bound .outline { width: 278px; height: 130px; border: 1px solid #daded3;} 
#portfolio .work_bound .thumb { width: 270px; height: 126px; overflow: hidden; margin: 2px 2px 2px 4px;} 
#portfolio .work_bound .underling { height: 30px; width: 280px; overflow: hidden; margin: 0px; padding: 0px;} 
#portfolio #main .left h2.portCategories { font-size: 15px ; display: block; margin: 0px 0px 0px 5px ; padding-bottom: 1px; letter-spacing: 0px; width: 580px; text-transform: uppercase; border-bottom: 1px solid #beda72;} 	
#portfolio .work_bound a h2 { margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; font:13px/14px Arial,sans-serif; color:#93b045; display: inline; position: relative; float: left; width: 200px;} 
#portfolio a {color: #93b045; text-decoration: none;} 
#portfolio a.launch, { color: #93b045; font-size: 10px; text-decoration: none; float: right; position: relative; width: 70px; text-align: right; padding: 0px; margin: 0px; }
#portfolio a.launch:hover, a:hover {color: #ccc;}	
	

/* PRIVACY */
#privacy #main .left p {margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; font-size: 10px;}
#privacy a {color: #93b045;}
#main .left h1{ margin:0; font:20px/20px Arial,sans-serif; color:#93b045; font-weight: bold;} 



/* CONTACT */
#contact h2 {font-size: 24px;}
#contact form p {margin: 0px; padding: 0px; line-height: 12px;} 
#contact form ul li {margin-bottom: 6px;}	
label.formFieldQuestion { line-height:125%; padding:0 10px 1px 0; border:none; display:block; font-size:95%; } 
.checkboxcontent {display:block; line-height:1.4em; margin:2px 0 3px 0; }
.checkbox {float:left; margin: 1px 4px 4px 3px;}
#main .contact .left li p {padding:0 0 0 0;}


/* FOOTER */
#footer {background: #3e3e3e url(../img/bg-footer_extend.jpg) repeat-x;}	
#footer .foot_main_center {background:url(../img/bg-footer.gif) no-repeat 50% 0; min-width:960px; padding:14px 0 0; font:10px/15px Arial,sans-serif; color:#fff;}
#footer .foot_content{width:960px; margin:0 auto; height:250px;}
#footer .left{float:left; width:621px; padding:0 0 0 20px;}
#footer .right{float:right; width:276px; padding:0 0 0 43px;}
#footer ul.links{margin:0; padding:0 0 25px; list-style:none; width:100%; overflow:hidden; font:9px/13px Arial,sans-serif; color:#b2d967; text-transform:uppercase;}
#footer ul.links li{float:left; padding:0 15px 0 0;}
#footer ul.links li a{text-decoration:none;color:#b2d967;}
#footer ul.links li a:hover{text-decoration:underline;}
#footer h3{font:14px/19px Arial,sans-serif; margin:0; color:#b2d967; }	
#footer p{margin:0; padding:0 0 9px;}
#footer .clients{width:100%; overflow:hidden;}
#footer .clients ul{float:left; width:120px; margin:0; padding:0 10px 0 0; list-style:none; line-height:19px;}
#footer .clients ul li{float:left; width:100%; text-align:left;}
#footer .clients ul li a{color:#fff; text-decoration:none;}
#footer .clients ul li a:hover{text-decoration:underline;}
#subscribe{padding:0 20px 0 0; width:256px; overflow:hidden;}
#subscribe label{float:left; width:45px; padding:7px 0 0; color:#93b045;}
#subscribe span{float:left; width:211px; height:20px; padding:0 0 19px; background:url(../img/bg-input.gif) no-repeat 0 0;}
#subscribe input.text{float:left; width:201px; height:14px; margin:3px 5px; padding:0; border:0; font:10px/14px Arial,sans-serif; color:#000; background:none;}	
#subscribe input.btn{width:82px; height:32px; float:right; background:url(../img/btn-submit.gif) no-repeat 0 0;}
#subscribe input#b-subscr.hover,#subscribe input.btn:hover{background-position:0 -33px;}
a.back {display: block; color: #93b045; background-color: #FFFFFF; font: 1em Arial,sans-serif; padding: 0px; margin: 10px 20px 0px 3px; text-align: right; float: right;}


/* PAGE HEADERS OLD */
#main .services .left {background:url(../img/bg-services.gif) no-repeat 0 0;	}
#main .about .left {background:url(../img/header_about.jpg) no-repeat 0 0;	}	
#main .contact .left {background:url(../img/header_contactus.jpg) no-repeat 0 0; }	
#main .portfolio .left {background:url(../img/header_thework.jpg) no-repeat 0 0; }	
#main .ecommerce .left {background:url(../img/bg-ecommerce.gif) no-repeat 0 0; }
#main .cms .left {background:url(../img/bg-cms.gif) no-repeat 0 0; }