html {overflow-y: scroll;}
body {
  font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  background:#ffffff url(../img/body_bg.jpg) repeat left top; 
  color:#666; 
  line-height:1.5em;
}

a{ color:#666; text-decoration:none;}
html a:hover, a.active, #footer a:hover, a.dark-grey:hover{color:#ff9900; text-decoration:underline;}
a.dark-grey{color:#333;}
a.white{ color:#fff;}
strong{ font-weight:bold;}
h2{font-size:20px; padding-bottom:20px;}
h3{font-size:16px;}

/*********** heading image replacement ****************/
.h_welcome{ background:url(../images/img_welcome.gif) no-repeat left top; text-indent:-9999px;}
.h_latest_updates{ background:url(../images/img_latest_updates.gif) no-repeat left bottom; text-indent:-9999px; }
.h_recent_work{ background:url(../images/img_recent_work.gif) no-repeat left top; text-indent:-9999px;}
.h_serv{ background:url(../images/img_serv.gif) no-repeat left top; text-indent:-9999px;}
.h_about{ background:url(../images/img_about.gif) no-repeat left top; text-indent:-9999px;}
.h_web{ background:url(../images/img_webdesign.gif) no-repeat left top; text-indent:-9999px;}
.h_wd_services{ background:url(../images/img_webdesign_services.gif) no-repeat left top; text-indent:-9999px;}
.h_other_services{ background:url(../images/img_other_services.gif) no-repeat left top; text-indent:-9999px;}
.h_folio_exm{ background:url(../images/img_folio_exm.gif) no-repeat left top; text-indent:-9999px;}
.h_about2{ background:url(../images/img_aboutVisual.gif) no-repeat left top; text-indent:-9999px;}
.h_takealook{ background:url(../images/img_takealook.gif) no-repeat left top; text-indent:-9999px;}
.h_contact{ background:url(../images/img_contact.gif) no-repeat left top; text-indent:-9999px;}
.h_folio{ background:url(../images/img_folio.gif) no-repeat left top; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#f90}
.h_folio span{ visibility:hidden; display:block; width:95px; float:left;}
.h_quote{ font-family: "trebuchet MS", Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#043E6C; font-size:24px;}
.h_menu{ font-family: "trebuchet MS", Georgia, "Times New Roman", Times, serif; font-weight:normal; color:orange; font-size:20px;}





p{ margin-bottom:15px;}
.right {width:auto; float:right; position:relative;}
.left {width:auto; float:left; position:relative;}
.spacer {clear:both; float:none; height:30px; overflow:hidden;}
.red{ color:#EC1C24; }
.orange, a.orange, a span.orange{ color:#FF9900;}


.wrapper{
  width:930px; 
  margin:0 auto; position:relative;
}
#footer{
	width:100%;  float:left;
	background:#000 url(../images/bg_footer.gif) repeat-x left top;
	padding:25px 0 50px 0;
	color:#fff; font-size:11px;
}
#footer a{ color:#fff;}
#footer h3{ margin-bottom:20px; font-weight:bold;}
.social{width:930px; float:left;}
.profile{width:930px; float:left; padding-top:20px;}
.profile_new{width:930px; float:left; padding-top:70px;}
input{ vertical-align:middle;}
.newsletter
{
	width:401px; float:left; height:57px; 
	/*background:url(../images/bg_newsletter.gif) no-repeat left top;*/
	background:url(../images/bg_newsletter.png) no-repeat left top;
	text-align:right;
	padding:13px 3px 0px 0;
}
.text-newsletter{ width:130px; margin-top:6px;  }
.about{ width:250px; float:left;}
.services{ width:630px; float:right;}
.services li{ float:left; padding-right:30px;}


#header{ width:930px; float:left; background:url(../images/bg_top_right.gif) no-repeat right top; position:relative;}
.top_strip{ float:right; text-align:right; color:#fff; padding:10px 10px 0 0;}
.top_strip li{ float:left; text-align:center; padding:0 25px;}
.quote{}

.logo{
  width:104px; 
  float:left; 
  background:url(../images/Visual_Marketing_logo.gif) no-repeat; 
}
.logo h1, .logo h1 a{
  display:block; 
  width:104px; 
  height:79px; 
  float:left; 
  text-indent:-999px; 
  font-size:1px; 
}
 .nav{width:820px; float:right; background:url(../images/bg_mainMenu.gif) repeat-x 0 22px; height:57px; font-family:Arial, Helvetica, sans-serif; color:#000000;list-style-type:none; padding-top:22px;}

/*.top_nav{width:816px; position:absolute; right:0; bottom:-3px; background:url(../images/bg_mainMenu.gif) no-repeat left top; padding:4px 4px 5px 0; height:51px; overflow:hidden;}*/


.nav ul{margin:0px; padding:4px 0px 0px 198px; }
.nav ul li{list-style:none; padding:0px 0px 0px 0px ; display:inline;float:left;  }
.nav ul li a{display:block; float:left; }


.nav ul li a#home {display:block; float:left; background:url(../images/home.jpg) no-repeat;  height:53px; width:82px;}
.nav ul li a#home:hover{display:block; float:left; background:url(../images/home_over.jpg) no-repeat;  height:53px; width:82px;}


.nav ul li a#web {display:block; float:left; background:url(../images/web.jpg) no-repeat;  height:53px; width:64px;}
.nav ul li a#web:hover{display:block; float:left; background:url(../images/web_over.jpg) no-repeat;  height:53px; width:64px;}

.nav ul li a#print {display:block; float:left; background:url(../images/print.jpg) no-repeat;  height:53px; width:68px;}
.nav ul li a#print:hover{display:block; float:left; background:url(../images/print_over.jpg) no-repeat;  height:53px; width:68px;}

.nav ul li a#marketing {display:block; float:left; background:url(../images/marketing.jpg) no-repeat;  height:53px; width:117px;}
.nav ul li a#marketing:hover{display:block; float:left; background:url(../images/marketing_over.jpg) no-repeat;  height:53px; width:117px;}

.nav ul li a#portfolio {display:block; float:left; background:url(../images/portfolio.jpg) no-repeat;  height:53px; width:102px;}
.nav ul li a#portfolio:hover{display:block; float:left; background:url(../images/portfolio_over.jpg) no-repeat;  height:53px; width:102px;}

.nav ul li a#about {display:block; float:left; background:url(../images/about.jpg) no-repeat;  height:53px; width:83px;}
.nav ul li a#about:hover{display:block; float:left; background:url(../images/about_over.jpg) no-repeat;  height:53px; width:83px;}

.nav ul li a#contact {display:block; float:left; background:url(../images/contact.jpg) red no-repeat;  height:53px; width:106px;}
.nav ul li a#contact:hover{display:block; float:left; background:url(../images/contact_over.jpg) no-repeat;  height:53px; width:106px;}




 /*.nav{width:816px; float:left; background:url(../images/bg_menu.jpg) repeat-x top left; height:51px; font-family:Verdana,Arial, Helvetica, sans-serif; color:#000000;list-style-type:none;}
.nav ul{margin:0px; padding:0px 0px 0px 10px; }
.nav ul li{list-style:none; padding:0px 0px 0px 0px ; display:inline; font-size:15px; float:right; background:url(../images/divider.jpg) no-repeat right center; height:51px; }
.nav ul li a{color:#414141; text-decoration:none; display:block; float:left; padding:0px 0px 5px 0px; }
.nav ul li a span{padding:17px 15px; display:block;}
.nav ul li a:hover,.nav ul li a.active{ background:url(../images/bg_menu_over.jpg)  repeat-x; height:51px;}
.nav ul li a:hover span,.nav ul li a.active span{ background:url(../images/bg_menu_over.jpg)  repeat-x; color:#ffffff;}
  */
.top_nav{width:816px; position:absolute; right:0; bottom:-3px; background:url(../images/bg_mainMenu.gif) no-repeat left top; padding:4px 4px 5px 0; height:51px; overflow:hidden;}
#mainMenu { float:right; overflow:hidden; padding-top:15px;}
#mainMenu li{ float:left;}

#mainMenu li a{float:left;display:block;width:auto;text-decoration:none;color:#939598;background:url(../images/nav.gif) no-repeat left 10px;}


/*
.top_nav{width:816px; position:absolute; right:0; bottom:-3px; background:url(../images/bg_mainMenu.gif) no-repeat left top; padding:4px 4px 5px 0; height:51px; overflow:hidden;}
#mainMenu { float:right; overflow:hidden;}
#mainMenu li{ float:left;}

#mainMenu li a{float:left;display:block;width:auto;text-decoration:none;color:#939598;background:url(../images/nav.gif) no-repeat left 10px;}


*/
/*
#mainMenu #menu a{ width:82px; background-position:0 0;}
#mainMenu a:hover, #mainMenu a.active{background-position:-82px -51px;}
#mainMenu li a{ float:left; height:51px; display:block; background-image:url(../images/nav.gif); background-position:0 0; width:80px; text-indent:-9999px; font-size:1px;}
*/




#mainMenu #menu01home a{ width:82px;}
#mainMenu #menu01home a:hover, #mainMenu #menu01home a.active{ background-position:0 -51px;}

/*#mainMenu #menu01home a{ width:82px; background-position:0 0;}
#mainMenu #menu01home a:hover, #mainMenu #menu01home a.active{ background-position:0 -51px;}*/

#mainMenu #menu02web a{ width:64px; background-position:-82px 0;}
#mainMenu #menu02web a:hover, #mainMenu #menu02web a.active{ background-position:-82px -51px;}

#mainMenu #menu03print a{ width:68px; background-position:-146px 0;}
#mainMenu #menu03print a:hover, #mainMenu #menu03print a.active{ background-position:-146px -51px;}

#mainMenu #menu04marketing a{ width:114px; background-position:-214px 0;}
#mainMenu #menu04marketing a:hover, #mainMenu #menu04marketing a.active{ background-position:-214px -51px;}

#mainMenu #menu05portfolio a{ width:102px; background-position:-331px 0;}
#mainMenu #menu05portfolio a:hover, #mainMenu #menu05portfolio a.active{ background-position:-331px -51px;}

#mainMenu #menu06about a{ width:83px; background-position:-433px 0;}
#mainMenu #menu06about a:hover, #mainMenu #menu06about a.active{ background-position:-433px -51px;}

#mainMenu #menu07contact a{ width:102px; background-position:-516px 0;}
#mainMenu #menu07contact a:hover, #mainMenu #menu07contact a.active{ background-position:-516px -51px;}


#content{ width:924px; float:left; padding:30px 3px;}
.intro{ width:280px; float:left;}
.right_col_large{ width:592px; float:right; padding:10px 0px 0px 10px;}
.left_col_large{ width:602px; float:left;}
.showcase{ width:560px; float:right;}
.showcase2{ width:auto; float:left; padding:10px; background:#F9F7E9; border:solid 1px #ccc;}
.showcase_thumb{ width:auto; float:left; padding:6px; background:#F9F7E9; border:solid 1px #ccc;}



.showcase2 img, .showcase_thumb img{ font-size:1px; float:left;}
.news_story{ width:280px; float:left; color:#000; padding-bottom:4px;}
.news_story img{ float:left; padding:0 10px 10px 0; font-size:1px;}
.top_banner{ width:930px; float:left; background:url(../images/bg_top.gif) no-repeat left top; height:auto!important; min-height:60px; height:60px; margin-top:10px;}
.req_callback{ float:right; padding:20px 20px 0 0;}
.req_callback input{ font-size:11px;}
.wd115{ width:115px; border:solid 1px #999999; color:#9c9c9c; padding:2px;}
.wd280{ width:280px; border:solid 1px #999999; color:#9c9c9c; padding:2px;}

.large_txt{ font-size:14px;}
.largest_txt{ font-size:20px;}
.wd_services, .other_services{ width:290px; float:left; padding-top:0px;}
.list_large_txt li{ font-size:14px; padding-bottom:10px; font-weight:bold;}
.testimonial_box{ background:#FBFBF8 url(../images/bg_testimonial.gif) no-repeat right bottom; border:solid 1px #ccc; padding:20px 15px; width:250px; position:relative;}
.call2action{ position:absolute; right:0; top:-40px;}
.right_col_narrow{ width:280px; float:right; position:relative; padding-top:15px;}

.fullwidth{ width:920px; float:left;}

.narrow_col{ width:280px; float:left; padding-right:20px;}
.narrow_col_last{ width:300px; float:right; text-align:right;}

.asterisk{ color:#ff9900;}
.formdiv fieldset{ padding:20px 0 0 0; width:inherit; float:left;}
.formdiv label{ display:block; width:70px; text-align:right; padding-right:15px; float:left; font-weight:bold;}
.mailing_list{ width:450px; float:left; padding-top:42px;}

.showcaseBox{ width:920px; clear:both; padding:10px 0;}
.showcaseBox .cell{ width:306px; float:left; text-align:left;  }
.showcaseBox .cell2{ width:306px; float:left; text-align:center;padding-right:34px;}
.showcaseBox .cell3{ width:306px; float:left; text-align:right; padding-bottom:17px;}

.showcaseBox .cell_new{width:306px; float:left; text-align:center;padding-bottom:17px; }

.showcaseBox img{ width:264px; padding:6px; background:#F9F7E9; border:solid 1px #ccc;}


a.img_thumb img
{
border:solid 4px #cccccc; margin-right:5px;}
a.img_thumb:hover img
{
border:solid 4px #ff9900;}

.wd_services_new, .other_services_new{ width:290px; float:left; padding-top:40px;}
.h_wd_services_new{ background:url(../images/img_webdesign_services.gif) no-repeat left top; text-indent:-9999px;}
.h_other_services_new{ background:url(../images/img_other_services.gif) no-repeat left top; text-indent:-9999px;}




/*For Paging*/
.search-results-bar
{
	background:#DCDED8 none repeat scroll 0 0;
	float:left;
	margin-left:13px;
	margin-top:10px;
	padding:5px 10px;
	width:871px;
}
.floatleft
{
	width: auto;
	float: left;
}
.pagination
{
	width: auto;
	float: right;
}
.pagination img
{
	float: left;
	vertical-align: middle;
	font-size: 1px;
	margin-left: 5px;
}
.numbering
{
	width: auto;
	float: left;
	padding: 0 5px;
}
.numbering .cpgreen
{
	/*span.green class replaced with currentpage_green   	color: #1F7831; */
	font-weight: bold;
}