/* CSS Document */
html, body, div, span,h1, h2, h3, h4, h5, h6, p, a, abbr, acronym,dd, ol, ul, li, fieldset, form {margin:0;padding:0;border:0;}
body {font:normal 12px Tahoma;color:#8E979E;line-height:18px;  background:url(../images/bg.jpg) center top repeat-y;background-color: #454021;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0}
p.p1 {margin:12px 0 0 0;}
p.p2 {margin-top:20px;}
p.p3{	margin-top:12px;	width:280px;	line-height: 16px;}
a {color:#68653A; text-decoration:underline;}
a:focus, a:hover {color:#B8AC58; text-decoration:none;}
.float-l{float:left}
.float-r{float:right}
.clear_b{clear:both;}
.clear_l{clear:left;}
.clear_r{clear:right;}
.mar_b7{margin-bottom:7px; clear:both;}


h2{color:#6C6A3F; font:normal 24px Trebuchet MS; margin-bottom:15px;}
h2.green{color:#9AA85D; padding-left:0px;font:normal 24px Trebuchet MS; margin-bottom:15px;}



/*header starts here*/
#bg{overflow:hidden;width: 100%; background:url(../images/bg3.jpg) center top no-repeat;}

.wrapper{width:900px; margin:0 auto; position:relative; clear:both}
.main {	width:100%;float:left;}


#header{width:auto; height:122px; background:url(../images/header_bg.jpg) right top no-repeat; margin-top:0px}
#header h1.logo{	background:url(../images/logo.jpg) no-repeat left top; margin-top:28px;	width:274px;height:88px;float: left;}
#header h1.logo a{display:block; text-indent:-9999px}


.login{width:486px; padding:17px 0px 0 0; float:right; color:#D0C896; position:relative;}
input.textbox1{width:128px;height:16px;background-color:#736D49; border:1px solid #736D48; color:#D1C997; margin:0 7px; padding-left:2px;}
.log{position:absolute;top:14px;right:26px;z-index:100;background:url(../images/login.jpg) left top no-repeat;border:none;width:48px;height:25px;}
.log:hover{ position:absolute; top:14px; right:26px; z-index:100; background:url(../images/login_o.jpg) left top no-repeat; border:none; width:48px; height:25px;}



/*----------navigation---------*/
ul#nav{	width:504px; margin-top:40px; float:right;list-style:none;position: relative;}
ul#nav li{float:left; margin:0 0 0 18px; display:block;}

ul#nav li a{ float:left;}

ul#nav li a.home{width:48px;height:33px;text-indent:-5000px;background:url(../images/home.jpg) left top no-repeat;display: block;}
ul#nav li a.home:hover,ul#nav li a.select_h{width:48px;height:33px;text-indent:-5000px;background:url(../images/home_o.jpg) left top no-repeat;display: block;}

ul#nav li a.services{width:70px;height:33px;text-indent:-5000px;background:url(../images/services.jpg) left top no-repeat;display: block;}
ul#nav li a.services:hover,ul#nav li a.select_s{width:70px;height:33px;text-indent:-5000px;background:url(../images/services_o.jpg) left top no-repeat;display: block;}

ul#nav li a.port{width:74px;height:33px;text-indent:-5000px;background:url(../images/port.jpg) left top no-repeat;display: block;}
ul#nav li a.port:hover,ul#nav li a.select_p{width:74px;height:33px;text-indent:-5000px;background:url(../images/port_o.jpg) left top no-repeat;display: block;}

ul#nav li a.blog{width:37px;height:33px;text-indent:-5000px;background:url(../images/blog.jpg) left top no-repeat;display: block;}
ul#nav li a.blog:hover,ul#nav li a.select_b{width:37px;height:33px;text-indent:-5000px;background:url(../images/blog_o.jpg) left top no-repeat;display: block;}

ul#nav li a.company{width:79px;height:33px;text-indent:-5000px;background:url(../images/company.jpg) left top no-repeat;display: block;}
ul#nav li a.company:hover,ul#nav li a.select_c{width:79px;height:33px;text-indent:-5000px;background:url(../images/company_o.jpg) left top no-repeat;display: block;}

ul#nav li a.contact{width:68px;height:33px;text-indent:-5000px;background:url(../images/contact.jpg) left top no-repeat;display: block;}
ul#nav li a.contact:hover,ul#nav li a.select_co{width:68px;height:33px;text-indent:-5000px;background:url(../images/contact_o.jpg) left top no-repeat;display: block;}


/*----------------content-------------------*/
#content_n{
	background:url(../images/cont_bg.jpg) left top repeat-x #E8EDD3;
	width:836px;
	padding:46px 32px 42px;
	border-top:1px solid #fff;
	position: relative;
	overflow: hidden;
	
}
#content_n .div_l{width:350px; float:left;}
#content_n .div_m{
	width:266px;
	float:left;
	text-align: center;
}
#content_n .div_r{width:220px; float:left;}

#content_n .div_l label{color:#7D903E;text-transform:uppercase;font-size:11px;width:115px;float:left;padding-bottom: 7px;}
#content_n .div_l label.two{padding-bottom:0px;}
.textbox2{	width:228px;	border:1px solid #DEDABB;	height:16px;	margin-bottom: 7px; color:#7D903E; font-size:11px; padding-left:2px;}
.textarea1{width:344px;	border:1px solid #DEDABB;	height:66px; color:#7D903E; font-size:11px;	margin-bottom:5px; padding-left:2px; }
.submit{background:url(../images/submit.gif) left top no-repeat; width:60px; height:26px; border:none; cursor:hand;}
.submit:hover{	background:url(../images/submit_o.gif) left top no-repeat;width:60px;height:26px;border: none;}

#content_n .div_m img{margin:0px 0 0 0px;}
#content_n .div_m img.bor_0{margin:0px;}
h3{color:#6D693F; text-transform:uppercase; font-size:11px;}
#content_n .div_r p{color:#B8AC58; line-height:16px;}
#content_n .div_r span{color:#7D903F; font-weight:bold; font-size:11px;}
/*----------footer---------*/
#bg2{overflow:hidden;width: 100%; background:url(../images/bg2.jpg) center top repeat-y;}
.main2{
	text-align:center;
	color:#98956B;
	font-size:11px;
	line-height: 20px;
	padding-bottom:20px;
	padding-top: 0px;
}
.main2 a{color:#C2BEA2; text-decoration:none}
.main2 a:hover{color:#98956B; text-decoration:underline}
.main2 p{line-height:40px;}
.main2 span {color:#C2BEA2;padding:0 1px;}

/*-- 23-10-09 --*/
.main3{ float:left; width:644px;
	text-align:center;
	color:#98956B;
	font-size:11px;
	line-height: 20px;
	padding-bottom:20px;
	padding-top: 0px;
}

.main3 a{color:#C2BEA2; text-decoration:none}
.main3 a:hover{color:#98956B; text-decoration:underline}
.main3 p{line-height:40px;}
.main3 span {color:#C2BEA2;padding:0 1px;}

/*-- 23-10-09 --*/

/*--------------------innerpage styles---------------------------*/
#content_inner{	background:url(../images/bot_bg.gif) left bottom no-repeat #fff;width:900px;padding-bottom:227px;position: relative;overflow: hidden;}
#content_inner .div_l{
	width:280px;
	float:left;
	background:url(../images/left_bg.jpg) left 50% no-repeat;
	min-height:600px;
	padding-top:50px;
	padding-bottom: 360px;
}
#content_inner .div_r{width:566px; float:right; color:#959378; padding-top:42px; padding-right:34px;}
h4{color:#5C5631; font-size:18px; line-height:25px;}
h4.sub{color:#A69201;}
span.brown{color:#B6AC66; font:normal 14px/20px Trebuchet MS; font-style:italic;}
h2.main_webdesign{color:#A2AF67;font:normal 26px Trebuchet MS;text-transform: none; text-indent:-9999px; background:url(../images/webdesign_h2.jpg) left top no-repeat; height:31px;}
h2.main_marketing{color:#A2AF67;font:normal 26px Trebuchet MS;text-transform: none; text-indent:-9999px; background:url(../images/online.jpg) left top no-repeat; height:31px;}
h2.main_printing{color:#A2AF67;font:normal 26px Trebuchet MS;text-transform: none; text-indent:-9999px; background:url(../images/printdes.jpg) left top no-repeat; height:31px;}
h2.main_hosting{color:#A2AF67;font:normal 26px Trebuchet MS;text-transform: none; text-indent:-9999px; background:url(../images/hosting_1.jpg) left top no-repeat; height:31px;}
h2.main_maintenance{color:#A2AF67;font:normal 26px Trebuchet MS;text-transform: none; text-indent:-9999px; background:url(../images/maintenance.jpg) left top no-repeat; height:31px;}
h2.main_logo{color:#A2AF67;font:normal 26px Trebuchet MS;text-transform: none; text-indent:-9999px; background:url(../images/logodesign.jpg) left top no-repeat; height:31px;}
h2.main_hosting_main{color:#A2AF67;font:normal 26px Trebuchet MS;text-transform: none; text-indent:-9999px; background:url(../images/hosting_maintenance.jpg) left top no-repeat; height:31px;}

h2.directmail{color:#A2AF67;font:normal 26px Trebuchet MS;text-transform: none; text-indent:-9999px; background:url(../images/direct_mail.jpg) left top no-repeat; height:31px;}

h2.main_overview{background:url(../images/overview.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
h2.main_overview_training_videos{background:url(../images/training_video.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
h2.main_overview_training_scripts{background:url(../images/scripts.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
h2.main_overview_training_job_descript{background:url(../images/tasks.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
h2.main_overview_training_independent_contractor{background:url(../images/independent_contractor.jpg) left top no-repeat; height:31px;text-indent:-9999px;}

h2.main_team{background:url(../images/team.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
h2.main_mission{background:url(../images/mission.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
h2.main_company_news{background:url(../images/company_news.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
h2.main_affiliations{background:url(../images/affiliations.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
h2.main_faq{background:url(../images/faq.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
h2.main_career{background:url(../images/career.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
h2.main_green{background:url(../images/go-green.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
h2.main_glossary{background:url(../images/glossary.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
h2.main_company_apparel{background:url(../images/company_apparel.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
h2.main_privacy{background:url(../images/privacy_policy.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
h2.main_contact{background:url(../images/contact_h.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
h2.main_printing_services{background:url(../images/printing_services.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
h2.main_sitemap{background:url(../images/sitemap.jpg) left top no-repeat; height:31px;text-indent:-9999px;}
img.img_main{padding-top:15px; padding-left:108px;}
p.p_main{color:#8E979E; font:normal 15px/20px "Trebuchet MS"; }
p.p_main span{color:#B6AC66;}
.bor_b1{ background:url(../images/line.gif) repeat-x left bottom; padding:0 0 30px 0;}

ul.list_3{list-style:none;padding-left:1px; padding-top:20px;}
ul.list_3 li{ background:url(../images/arrow_s.gif) left 7px no-repeat; padding-left:15px; color:#85836F;}
ul.list_3 li ul{list-style:none;}
ul.list_3 li ul li{ background:url(../images/bullets.gif) left 7px no-repeat; padding-left:15px; color:#85836F;}
ul.list_3 li a, ul.list_3 li ul li{text-decoration:none; color:#85836F; font:normal 13px/22px "Trebuchet MS"}
ul.list_3 li a:hover, ul.list_3 li ul li a:hover{color:#4C4516; text-decoration:underline;}
/*-----------------------------innerpage left menu------------------------------*/
#content_inner .div_l h3{color: #A2AF67;margin:0px 0 28px 30px;font:normal 26px Trebuchet MS;text-transform: none;}

ul.iner_menu{list-style:none;padding-left:10px; padding-top:3px;}
ul.iner_menu li{padding-left:15px; color:#4C4516; font:bold 14px/42px "Trebuchet MS"}
ul.iner_menu li ul{list-style:none; padding:20px 0 10px 0;}
ul.iner_menu li ul li, ul.iner_menu li ul li a{ padding-left:15px; color:#A69201;font:bold 14px/24px Arial; background:none;}
ul.iner_menu li a{text-decoration:none; color:#4C4516; font:bold 14px/36px "Trebuchet MS"}
ul.iner_menu li.select{background:url(../images/inner_menu_bg2.png) right top no-repeat; line-height:42px;}
ul.iner_menu li ul li a:hover{text-decoration:underline;}
ul.iner_menu li ul li:hover{background:none; line-height:24px;}
ul.iner_menu li:hover, ul.iner_menu li a:hover{}
ul.iner_menu li ul li span.active{text-decoration:underline; padding-left:15px;}

/*--------------------collapse menu-----------------*/
h3.print_1{ /*header of 1st demo*/
cursor: hand;cursor: pointer;padding: 7px 5px;background:url(../images/line.gif) repeat-x left bottom #fff;}
.print_d1{ overflow:hidden;padding:20px ;}
.print_d1 img{ padding-right:10px;}
.print_d1 p{ font-weight:bold;}

#logo{ margin-top:28px;	width:274px;height:88px;float: left;}

/*----------------------------portfolio------------------------------*/
#content_inner .cont{width:; padding:40px 20px 20px; display:block; background:url(../images/inner_cont_bg.jpg) left top no-repeat; overflow:hidden;}
ul.portfolio,ul.portfolio_logo{list-style:none; padding:0; margin:0; padding-top:20px; }
ul.portfolio li{ padding-bottom:13px; margin-bottom:30px; background:url(../images/line.gif) repeat-x left bottom; overflow:hidden;}
ul.portfolio li div{float:left; width:340px;}
ul.portfolio li img{float:left; margin:0 20px 0px 30px; background:url(../images/port_bg.jpg) left top repeat-x; padding:1px;}
ul.portfolio li h2{color:#5C5631; font-size:18px; line-height:25px;}
ul.portfolio li img.center{float:left; margin:0 20px 0px 70px; background:url(../images/port_bg.jpg) left top repeat-x; padding:1px;}
#content_inner .cont h3{color: #A2AF67;margin:0px 0 8px 30px;font:normal 26px Trebuchet MS;text-transform: none;}
.pad_l20{ padding-left:30px;}
.pad_l40{ padding-left:123px;}

ul.portfolio_logo li{
	padding:20px 0;
	margin-bottom:7px;
 	background:url(../images/line.gif) repeat-x left bottom;
	overflow:hidden;
	width:430px;
	float:left;
	display: block; text-align:center; position:relative;
/*	background: url(../images/port_bg.jpg) left top repeat-x;*/
}
.devider{ position:absolute; right:0; top:0; z-index:1; width:1px;}
ul.portfolio_logo li.f{	padding:20px 0;	margin-bottom:7px; 	background:url(../images/line.gif) repeat-x left bottom;overflow:hidden;
	display: block; text-align:center; width:860px;}
ul.portfolio li.last,ul.portfolio_logo li.last{ background:none;}
div.web-design{	width:860px;}
ul.portfolio_logo li span{font:bold 24px Arial; color: #5C5631}
ul.portfolio_sub{width:860px;margin:0 auto;list-style:none;}
ul.portfolio_sub li{float:left;}

ul.portfolio_sub li a.w-design{ background:url(../images/web-design-o.png) left top no-repeat; width:160px; height:29px; display:block; text-indent:-9999px; padding-right:120px; margin-left:40px;}
ul.portfolio_sub li a.w-design:hover,ul.portfolio_sub li a.w-design-active { background:url(../images/web_design.png) left top no-repeat; width:160px; height:29px; display:block; text-indent:-9999px; padding-right:120px;margin-left:40px;}
ul.portfolio_sub li a.l-design{ background:url(../images/logo-design-o.png) left top no-repeat; width:189px; height:29px; display:block; text-indent:-9999px; padding-right:120px;}
ul.portfolio_sub li a.l-design:hover, ul.portfolio_sub li a.l-design-active{ background:url(../images/logo-design.png) left top no-repeat; width:189px; height:29px; display:block; text-indent:-9999px; padding-right:120px;}
ul.portfolio_sub li a.p-design{ background:url(../images/print-design-o.png) left top no-repeat; width:191px; height:29px; display:block; text-indent:-9999px;}
ul.portfolio_sub li a.p-design:hover,ul.portfolio_sub li a.p-design-active{ background:url(../images/print-design.png) left top no-repeat; width:191px; height:29px; display:block; text-indent:-9999px;}

ul.portfolio_sub li a.testimonials{ background:url(../images/testimonials.png) left top no-repeat; width:200px; height:29px; display:block; text-indent:-9999px;}

ul.portfolio_sub li a.sitemap{ background:url(../images/sitemap.png) left top no-repeat; width:160px; height:29px; display:block; text-indent:-9999px;}
ul.portfolio_sub li a.sitemap:hover,ul.portfolio_sub li a.sitemap-active { background:url(../images/sitemap.png) left top no-repeat; width:160px; height:29px; display:block; text-indent:-9999px;}
/*------------------contact---------------------*/
.quick_quote{width:500px; position:relative;}
.quick_quote label{width:115px;float:left;padding-bottom: 7px;}
.quick_quote label.two{padding-bottom:0px;width:115px;float:left;}
.textbox_344{	width:344px;	border:1px solid #DEDABB;	height:16px;	margin-bottom: 7px; color:#959378; font-size:11px; padding-left:2px;}
.textarea_344{width:344px;	border:1px solid #DEDABB;	height:84px; color:#959378; font-size:11px;	margin-bottom:5px; padding-left:2px; }
.d2{width:48%; float:left;}
/*-------------------------------testimonials-----------------------*/
ul.testimonials{
	list-style:none;
	padding:0;
	margin:0 auto;
	padding-top:20px;
	width: 842px;
}
ul.testimonials li{
	margin-bottom:4px;
	float: left;
}
/*ul.testimonials li div{padding:15px 15px 0 15px;float:left;background:url(../images/testimonials_bg.png) no-repeat left top; overflow:hidden; width:812px; height:138px; color:#6C6A3F;}*/
ul.testimonials li div.box{float:left;background:overflow:hidden; width:842px;color:#6C6A3F;}
ul.testimonials li div.top{background:url(../images/testimonials_top.png) no-repeat left top; height:15px; float:left; width:842px; display:block; }
ul.testimonials li div.bottom{background:url(../images/testimonials_bot.png) no-repeat left top; height:38px; float:left; width:842px; display:block; }
ul.testimonials li div.mid{	background:url(../images/testimonials_mid.png) repeat-x left top #EAEFD6;	float:left;	width: 812px; padding:0 15px 7px 15px;}
h4.test{color:#5C5631;font-size:18px;clear:none;padding:0;margin:0;	float: right;}
ul.testimonials li span{
	float:right;
	clear: both;
}
ul.testimonials li div.test{
	float:right;
	height: auto;
	background: none; padding:0; margin-right:8px; margin-bottom:14px;
}
.mar_t20{ margin-top:20px;}

a.testimonial {
	background:url(../images/what_our_clients_are_saying.png);
	height: 31px;
	width:235px;
	text-indent:-7000px; display:block;
}	
a.testimonial:hover {
background:url(../images/what_our_clients_are_saying_o.png);
	height: 31px;
	width:235px;
	text-indent:-7000px; display:block;
}	
.mar_left100{margin-left:100px;}

<!-- new addition -->


.facebook{ float:left; width:120px; padding:0; margin:0 4px 0 0;}
	/*.facebook p{ text-align:left; color:#a8bc58; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; padding:0 9px 0 0; margin:0; }
		.facebook p a{ text-decoration:none; color:#a8bc58; }
		.facebook p a:hover{ text-decoration:none; color:#ffffff; }*/
		.face{ float:left; width:110px; margin:0; }
		
.twitter{ float:left; width:60px; padding:0;}
	/*.twitter p{ text-align:left; color:#a8bc58; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; padding:0; margin:0;}
		.twitter p a{ text-decoration:none; color:#a8bc58;}
		.twitter p a:hover{  color:#ffffff;}*/
	.twitter_pic{ float:right; width:41px; padding:0; margin:0 0 0 10px;}