@charset "utf-8";
/* CSS Document */
img ,#homepage_canvas, #card  { 
 behavior: url(../css/iepngfix.htc); 
}


body {

	margin:50px 0px; 
	padding:0px;
	text-align:center;
	background-image:url(../images/stripe_page_bg.jpg);
	background-repeat:repeat-x;
	background-color:#b1b0c4;
	}
	
#page_canvas {
	width:1024px;
	height:793px;
	background-image:url(../images/stripe_canvas_bg.jpg);
	background-repeat:repeat-x;
	margin:0px auto;
	text-align:left;
	padding:0px;
	}
	#homepage_canvas {
	width:1024px;
	height:793px;
	background-image:url(../images/homeWhite_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	margin:0px auto;
	text-align:left;
	padding:0px;
	
	}
	
	
#header{
	height:268px;
	width:1024px;
	margin-top:10px;
}
#logo{
	height:141px;
	width:249px;
	float:left;
	margin-left:108px;
	margin-top:36px;
	display: inline;
}
  #menu_canvas{
	height:234px;
	width:482px;
	float:right;
	margin-right:138px;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
		
}


#menu_sub_portfolio li{
list-style:none;
}
/*#menu_sub_services li{
list-style-image:url(../images/dot.gif);
list-style-position:outside;
margin-bottom:3px;

}*/
#menu_sub_services li{
list-style:none;
margin-bottom:17px;
/*list-style-image:url(../images/dot.gif);
list-style-position:outside;
margin-bottom:3px;*/
}


#menu_sub_portfolio :hover{
/*list-style-image:url(../images/dot_h.gif);*/
}
#menu_sub_services :hover{
/*list-style-image:url(../images/dot_h.gif);*/
}

#menu_canvas a:link {text-decoration: none; color:#666;}
#menu_canvas a:visited {text-decoration: none; color:#666;}
#menu_canvas a:active {text-decoration: none;color:#666;}
#menu_canvas a:hover {text-decoration: none; color: #acacac;}




#menu_canvas li.current a:link, #menu_canvas li.current a:visited, #menu_canvas li.current a:active {
/*list-style-image:url(../images/dot_r.gif);
list-style-position:outside;*/
color: #9a2f65;
}


#menu_sub_services li.current{
/*list-style-image:url(../images/dot_r.gif);*/
}

#menu_sub_portfolio li.current{
/*list-style-image:url(../images/dot_r.gif)*/;
}



#content_wrapper{
	width:954px;
	height:380px;
	margin:0px auto;
	text-align:left;
}
#content{
	height:302px;
	color:#a4a4bc;
	font-family:Arial, Helvetica, sans-serif;
	overflow: hidden;
	background-color: #FFFFFF;
	
}
#copyright{
	margin-left:74px;
	position: absolute;
	bottom: 0;
}


.roundtop { 
	background: url(../images/tr.gif) no-repeat top right; 
	width:1024px;
	margin:0px auto;
	text-align:left;
}
.roundtopwhitebg{
background:url(../images/rouded_top_white_bg.png) top right; 
	width:1024px;
	margin:0px auto;
	text-align:left;
}

.content_roundtop { 
	background: url(../images/content_top.gif) no-repeat top center; 
	width:954px;
	height:42px;
	margin:0px auto;
	text-align:left;
}

.content_roundbottom {
	background: url(../images/content_bottom.gif) no-repeat bottom right; 
	width:954px;
	height:36px;
	margin:0px auto;
	text-align:left;
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}
#menu_main{
	position:absolute;
	width:111px;
	height:105px;
	z-index:30;	
	margin-top:129px;
	margin-left:371px;
}
*html #menu_main{
position:relative;
}

#menu_main a {
	display: none;
	height:1px;
	}

#menu_sub_services{
	width:482px;
	z-index:1;
	height:152px;
	position:inherit;
	display:none;
	left:5px;
	float:right;
}

*html #menu_sub_services{
margin-top:-225px;
}

#menu_sub_services_top_wrapper{
	width:482px;
	height:14px;
	background-image:url(../images/sub_menu_services_top_wrapper.gif);
	background-repeat:repeat-y;
	background-position:top;
	margin:0px auto;
	text-align:left;
}

#menu_sub_services_bottom_wrapper{
	width:482px;
	height:14px;
	background-image:url(../images/sub_menu_services_bottom_wrapper.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0px auto;
	text-align:left;
	clear:both;
}

#menu_sub_portfolio{
	width:277px;
	z-index:2;
	margin-top:-1px;
	display:none;
	float:right;
	position:inherit;
	
}

*html #menu_sub_portfolio{
position:relative;
margin-left:0px;
float:right;
vertical-align:top;

}

#menu_sub_portfolio_top_wrapper{
	width:277px;
	height:13px;
	background-image:url(../images/sub_menu_portfolio_top_wrapper.gif);
	background-repeat:repeat-y;
	background-position:top;
	margin:0px auto;
	text-align:left;
}

#menu_sub_portfolio_bottom_wrapper{
	width:277px;
	height:13px;
	background-image:url(../images/sub_menu_portfolio_bottom_wrapper.gif);
	background-repeat:no-repeat;
	background-position:botom;
	margin:0px auto;
	text-align:left;
}
#content span {
	display: none;
	}
#home span {
	display: none;
	}
#menu_main span {
	display: none;
	}
#home {
	width: 324px;
	height: 96px;
	background-image:url(../images/home_introtxt_white_bg.gif);
	background-repeat:no-repeat;
	float:right;
	margin-right:147px;
	margin-top:30px;
	margin-left:74px;
	}
*html #home{
margin-right:75px;
}

#thankyou {
	width: 777px;
	height: 289px;
	background-image:url(../images/content_page/thankyou.gif);
	background-repeat:no-repeat;
	}
#portfolio{

	width:834px; 
	height:296px;
	margin-left:64px;

}


.portfolio_intro_text{
	background-image:url(../images/content_page/portfolio.gif);
	background-repeat:no-repeat;
}
#services{
	
}

.services_intro{
	width: 777px;
	height: 136px;
	background-repeat:no-repeat;
	background-image:url(../images/content_page/services/services_intro.gif);
}

#services_album{
	width: 388px;
	height: 222px;
	background-repeat:no-repeat;
}

.advertising{
	background-image:url(../images/content_page/services/advertising/intro_text.gif);
	background-repeat:no-repeat;
}

.and_more{
	background-image:url(../images/content_page/services/web_analytics_and_search_engine_optimization/intro_text.gif);
	background-repeat:no-repeat;
}
.copywriting_and_editing{
	background-image:url(../images/content_page/services/copy_writing_and_editing/intro_text.gif);
	background-repeat:no-repeat;
}

.electronic_marketing_email{
	background-image:url(../images/content_page/services/electronic_marketing_email_campaigns/intro_text.gif);
	background-repeat:no-repeat;
}

.logo_design_and_branding{
	background-image:url(../images/content_page/services/logo_design_and_branding/intro_text.gif);
	background-repeat:no-repeat;
	
}

.newsletters_and_annual_reports{
	background-image:url(../images/content_page/services/news_letter_and_annual_reports/intro_text.gif);
	background-repeat:no-repeat;
}

.package_design{
	background-image:url(../images/content_page/services/package_design/intro_text.gif);
	background-repeat:no-repeat;
}

.pr_publicity{
	background-image:url(../images/content_page/services/pr_publicity/intro_text.gif);
}
.printed_marketing_materials{
	background-image:url(../images/content_page/services/printed_marketing_materials/intro_text.gif);
	background-repeat:no-repeat;
}

.web_analytics_and_seo{
	background-image:url(../images/content_page/services/web_analytics_and_search_engine_optimization/intro_text.gif);
	background-repeat:no-repeat;
}

.web_site_design{
	background-image:url(../images/content_page/services/web_site_design_and_development/intro_text.gif);
	background-repeat:no-repeat;
}

.web_site_maintenance{
	background-image:url(../images/content_page/services/web_site_maintenance_and_hosting/intro_text.gif);
	background-repeat:no-repeat;
}



#presentation{
background-repeat:no-repeat;
background-position:right;
width:206px; 
height:296px; 
display:inline; 
float:left;
}

.presentation_logo_business_system
{
background-image:url(../images/content_page/portfolio/logos_and_business_system.gif);
}

.presentation_portfolio
{
background-image:url(../images/content_page/portfolio/portfolio.gif);
}
.presentation_brochure_catalog
{
background-image:url(../images/content_page/portfolio/bochures_and_catalogs.gif);
}

.presentation_website_design_and_dev
{
background-image:url(../images/content_page/portfolio/web_site_design_and_dev.gif);
}

.presentation_advertisements
{
background-image:url(../images/content_page/portfolio/advertisements.gif);
}

.presentation_newsletters_and_annual_reports
{
background-image:url(../images/content_page/portfolio/newsletters_and_annual_reports.gif);
}

.presentation_packaging_design
{
background-image:url(../images/content_page/portfolio/packaging_design.gif);
}

.presentation_featured_stories_and_profiles
{
background-image:url(../images/content_page/portfolio/featured_stories_and_profiles.gif);
}

#flash{
width:625px;
height:296px;
background-image:url(../images/ajax-loader.gif);
background-position:center;
background-repeat:no-repeat;
float:left;
}

.slideshow {
	border: 1px solid #ccc;
	width: 450px;
	height: 300px;
}

.loading {
	background: url(../images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 5px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 5px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

.outline {
	border: 1px solid #992c65;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	width: 230px;
	float: left;
}

a {
	color: #992c65;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #999;
	text-decoration: none;
}
#menu_main {
	
	background-position:bottom center;
	background-repeat:no-repeat;
	}
	
.shade_white_bg {

	background:url(../images/menu_shade_white_bg.gif);
	

	}
.shade_gray_bg{
background:url(../images/menu_shade.gif);
}

#menu_main li a {
	height: 25px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;

	}	
	
#menu_main li a:link, #menu_main li a:visited {
	color: #CCC;
	display: block;

	padding: 0px 0 0 0px;

	}
	
#menu_main li a:hover {
	color: #FFF;
	background:  url(../menu_main.gif) 0 -32px;
	padding: 0px 0 0 0px;
	
	}	
#menu_main ul {
	padding: 0px 0 0 0px;
	margin: 0px 0px;
	list-style:none;
	}	
.contact{
	background:url(../images/contact.gif);
}
#menu_main li a:hover.contact {
	
	background:url(../images/contact_r.gif) 0 -0px;
	padding: 0px 0 0 0px;

	}	
	
.services{
	background:url(../images/services.gif);
}

.services_selected{
	background:url(../images/services_r.gif) 0 0px;
	padding: 0px 0 0 0px;
}
#menu_main li a:hover.services_selected {
	
	background:url(../images/services_r.gif) 0 0px;
	padding: 0px 0 0 0px;
	}	
#menu_main li a:hover.services {
	
	background:url(../images/services_r.gif) 0 -0px;
	padding: 0px 0 0 0px;

	}	

.portfolio{
	background:url(../images/portfolio.gif);
}
.portfolio_selected{
	background:url(../images/portfolio_r.gif) 0 0px;
	padding: 0px 0 0 0px;
}
#menu_main li a:hover.portfolio_selected {
	
	background:url(../images/portfolio_r.gif) 0 0px;
	padding: 0px 0 0 0px;
	}	

.contact_selected{
	background:url(../images/contact_r.gif) 0 0px;
	padding: 0px 0 0 0px;
}
#menu_main li a:hover.contact_selected {
	
	background:url(../images/contact_r.gif) 0 0px;
	padding: 0px 0 0 0px;
	}	

#menu_main li a:hover.portfolio {
	background:url(../images/portfolio_r.gif) 0 0px;
	padding: 0px 0 0 0px;

	}	
#slideshowContainer{
width:398px; 
height:247px;  
float:right; 
margin-right:78px; 
margin-top:35px; 
display:inline;
}

#contact{
margin-left:57px; 
width:842px;
}
#contact_tag{
width:217px;
height:295px;
float:left; 
background-image:url(../images/contact_tag_bg.gif); 
background-repeat:no-repeat;
}
#contact_canvas{
width:625px; 
float:right; 
}
#contact_top_wrapper{
height:20px; 
width:625px; 
background-image:url(../images/contact_top_wrapper.gif); 
background-repeat:no-repeat; 
background-position:top	; 
background-color:#e4e3ea;
margin:0px auto;
text-align:left; 
}

#contact_bottom_wrapper{
height:20px; 
width:625px; 
background-image:url(../images/contact_bottom_wrapper.gif); 
background-repeat:no-repeat; 
clear:both; 
background-position:bottom; 
background-color:#e4e3ea;
margin:0px auto;
text-align:left;
}
#contact_canvas_inside{
width:625px; 
background-color:#e4e3ea; 
height:255px; 
overflow:hidden; 
clear:both;

}
#contact_label_canvas{
width:130px; 
height:255px; 
float:left; 
margin-top:15px; 
font-size:80%;
margin-left:70px;
}

*html #contact_label_canvas{
margin-left:40px;
}

.form_label{
height:35px; 

}
#form_variable_canvas{
width:400px; 
height:255px;  
float:left; 
margin-top:15px; 
margin-right:20px;

}
*html #form_variable_canvas
{
margin-right:10px;
}
.form_txt{
height:32px; 
padding-top:0px; 

}
.form_txt_area{
height:32px; 
padding-top:5px; 
height:110px; 


}
.form_txt_field{
border: 0px;
margin-left:0px; 
width:375px; 
height:22px;
}
.form_txtarea_field{
border: 0px; 
margin-left:0px; 
width:375px; 
height:120px;
margin-top:-4px;
}

.submit
{ width:59px;
height:24px;
margin-left:10px;
background-image:url(../images/submit.gif);
float:left;
}
.name{
width:87px;
height:32px;
background-image:url(../images/name.gif);
background-repeat:no-repeat;
background-position:top;
}

.phone{
width:87px;
height:32px;
background-image:url(../images/phone.gif);
background-repeat:no-repeat;
background-position:top;
}
.email{
width:87px;
height:32px;
background-image:url(../images/email.gif);
background-repeat:no-repeat;
background-position:top;
}
.comments{
width:87px;
height:22px;
background-image:url(../images/comments.gif);
background-repeat:no-repeat;
background-position:top;
}

/*NEW Design CSS*/

/*Common*/
#footer{
position:absolute;
	font-size:7pt; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#666666; 
	clear:both;
	margin-left:515px;
	margin-top:59px;
}

#dropshaddow{
background-image:url(../images/footer_bg.jpg);
background-repeat:no-repeat;
height:60px;
width:984px;
margin-left:34px;
}
/*Home*/

#Slide_home{
width:650px; 
margin-left:90px;
height:208px;
}
/*services*/
#Accent{
margin-left:84px; 
float:left; 
display:inline;  
width:233px; 
height:217px; 
margin-top:-10px;
}

#card{
float:right;
width:448px ; 
height:331px; 
margin-right:70px; 
margin-top:140px; 
background-image:url(../images/services_card.png);
background-repeat:no-repeat;
}
#card p{
font-family:Arial, Helvetica, sans-serif; 
font-size:10pt; 
word-spacing:0px;
letter-spacing:0px;

color:#484849;
margin:0 0;
margin-top:10px;
line-height:20px;
}

#card_content_wrapper{
padding:35px 35px 25px 45px; 
overflow:hidden;
height:150px;
}
#services_navigation{
float:left;
margin-left:39px;
clear:both;
margin-top:-20px;
}
*html #services_navigation{
margin-left:19px;
}

#portfolio_navigation{
float:left;
margin-left:24px;
clear:both;
margin-top:250px;
}

#footer ul{
display:none;
}
#card_content_wrapper h1{
display:none;
}
/*TEST PNG background


#page_canvas {
	width:1026px;
		background-image:url(../images/bgpng_gray2.png);
	}
	
	.roundtop { 
	
	display:none;
}*/

/* IE6 hack*/