/* General */

html{
  background: #000000 url(../images/page_bg.gif) center top;
}


body{
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/page_bg.gif) center top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
	height: 100%;
}

img{
	border: 0px;
}

form{
	margin: 0px;
	padding: 0px;
}

a {
  color:#FFFFFF;
}

.clear{
	clear: both;
	height: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	margin: 0px 0px 0px 0px;
}

.publish{
	color: #f49d06;
	font-weight: normal;
}

span#publish{
  color: #f49d06;
	font-weight: normal;
}

.promo{
	color: #d70056;
	font-weight: normal;
}

.knowledge{
	color: #0082c4;
}

span#promo{
	color: #d70056;
	font-weight: normal;
}

.shop{
	color: #0082c4;
	font-weight: normal;
}

span#shop{
	color: #0082c4;
	font-weight: normal;
}

/* Structure */

#parent_container{
	width: 900px;
	margin: 0px auto 0px auto;
}

#header_container{
	width: 900px;
	height: 97px;
}

/* Header */

#left_box_top{
	float: left;
	height: 97px;
	width: 39px;
	background: url(../images/box/left_box_top.gif) bottom left no-repeat;
}

#right_box_top{
	float: right;
	height: 97px;
	width: 39px;
	background: url(../images/box/right_box_top.gif) bottom left no-repeat;
}

#main_logo{
	float: left;
	position: relative;
	left: 3px;
	top: 18px;
}

#main_logo p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#header_container.landing_page{
	background: url(../images/circles_right.gif) 782px 20px no-repeat;
}

#top_menu{
	height: 14px;
	float: left;
	position: relative;
	top: 82px;
	width: 683px;
	background: url(../images/top_menu_bg.gif) top left repeat-x;
	display: inline-block;
}

#top_menu ul{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	color: #c5c6c7;
	font-size: 11px;
}

#top_menu li{
	float: left;
}

#top_menu li.shop_btn{
	margin: 0px 0px 0px 9px;
}

#top_menu li.promo_btn{
	margin: 0px 4px 0px 10px;
}

#top_menu li.publish_btn{
	margin: 0px 5px 0px 0px;
}

#header_container.landing_page #top_menu{
	background: url(../images/welcome_to.gif) bottom left no-repeat;
	height: 97px;
	width: 782px;
	position: relative;
	top: 0px;
}

/* Box Content (image)*/

#box_content{
	background: url(../images/box/box_bg.gif) top left no-repeat;
	width: 900px;
	height: 347px;
	padding: 3px 18px 0px 18px;
}

#box_content.home{
	background: url(../images/box/box_bg_home.gif) top left no-repeat;
	width: 900px;
	height: 427px;
	padding: 3px 18px 0px 18px;
}

#box_content img{
	margin: 0px;
	padding: 0px;
}

/* Main Content */
#main_content{}

#left_box_bottom{
	height: 20px;
	width: 39px;
	background: url(../images/box/left_box_bottom.gif) top left no-repeat;
}

#left_box_bottom.home{
	background: url(../images/box/left_box_bottom_home.gif) top left no-repeat;
}

#right_box_bottom{
	height: 20px;
	width: 42px;
	background: url(../images/box/right_box_bottom.gif) top right no-repeat;
}

#right_box_bottom.home{
	background: url(../images/box/right_box_bottom_home.gif) top left no-repeat;
}

#right_box_bottom_cms{
	height: 20px;
	width: 42px;
	background: url(../images/box/right_box_bottom_home.gif) top right no-repeat;
}

.content_menu_holder{
background: url(../images/menu_bg.gif) top left repeat-y;
padding: 0px 3px 0px 3px;
}

.content_menu_holder_cms{
background: url(../images/menu_bg_home.gif) top left repeat-y;
padding: 0px 3px 0px 3px;
}

#content_menu{
	width: 191px;
	overflow: hidden;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}

#content_menu_cms{
	width: 191px;
	background: url(../images/cms/menu_bg.gif) top left;
	overflow: hidden;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}

#menu_title_publish, #menu_title_promo, #menu_title_knowledge, #menu_title_cms{
	width: 191px;
	height: 28px;
}

#menu_title_publish{
	background: url(../images/publishing/menu_title.gif) top left no-repeat;
}

#menu_title_promo{
	background: url(../images/promo/menu_title.gif) top left no-repeat;
}

#menu_title_knowledge{
	background: url(../images/knowledge/menu_title.gif) top left no-repeat;
}

#menu_title_shop{
	background: url(../images/shop/menu_title.gif) top left no-repeat;
}

#menu_title_cms{
	background: url(../images/cms/menu_title.gif) top left no-repeat;
}

#content_menu ul, #content_menu_cms ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#content_menu li, #content_menu_cms li{
	width: 191px;
	height: 19px;
	color: #ffffff;
	text-indent: 20px;
	font-size:11px;
	padding: 2px 0px 0px 0px;
	font-weight: normal;
}

#content_menu .publish li{
	background: url(../images/publishing/menu_list_bg.gif) top left no-repeat;
}

#content_menu .promo li{
	background: url(../images/promo/menu_list_bg.gif) top left no-repeat;
}

#content_menu .knowledge li{
	background: url(../images/knowledge/menu_list_bg.gif) top left no-repeat;
}

#content_menu_cms li{
	background: url(../images/cms/menu_list_bg.gif) top left no-repeat;
}

#content_menu li a, #content_menu_cms li a{
	color: #ffffff;
	text-decoration: none;
}

#content_menu li a:hover, #content_menu_cms li a:hover{
	text-decoration: underline;
}

#shop_now_btn{
	margin: 7px 0px 7px 7px;
}

#mailing_list_publish, #mailing_list_promo, #mailing_list_knowledge{
	margin: 6px 0px 0px 0px;
	height: 83px;
	width: 191px;
}

#mailing_list_publish{
	background: url(../images/publishing/mailing_list_bg.gif) top left no-repeat;
}

#mailing_list_promo{
	background: url(../images/promo/mailing_list_bg.gif) top left no-repeat;
}

#mailing_list_shop{
	background: url(../images/shop/mailing_list_bg.gif) top left no-repeat;
}

#mailing_list_knowledge{
	background: url(../images/knowledge/mailing_list_bg.gif) top left no-repeat;
}

#mailbox_holder{
	float: left;
	margin: 55px 0px 0px 10px;
	width: 131px;
	display: inline;
}

#mail_list_box_left{
	background: url(../images/mail_list_box_bg_left.gif) top left no-repeat;
	height: 19px;
	width:2px;
	float: right;
	display: inline;
}

#mail_list_box_right{
	background: url(../images/mail_list_box_bg_right.gif) top left no-repeat;
	height: 19px;
	width:2px;
	float: right;
	display: inline;
}

.mail_list_box{
	float: right;
	background: url(../images/mail_list_box_bg.gif) top left repeat-x;
	border: 0px;
	height: 13px;
	width: 113px;
	color: #6a6a6a;
	font-size: 7pt;
	padding: 2px 7px 4px 7px;
	margin: 0px;
	display: inline;
}

.mail_list_btn{
	float: left;
	margin: 55px 0px 0px 10px;
}

#sn_links{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#sn_links li{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.content_copy_holder{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/content_copy_holder_bg.gif) top left;
}

.content_copy_holder_case{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/content_case_bg.gif) top left repeat-y;
}

.content_copy_holder_services{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/content_services_bg.gif) top left repeat-y;
}

.content_copy_holder_services_cms{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/cms/content_services_bg.gif) top left repeat-y;
}

.content_copy_holder_cms{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/cms/content_copy_bg.gif) top left;
}

.content_title{
	font-size: 18px;
	height: 27px;
	width: 622px;
	padding: 1px 0px 0px 0px;
}

.content_title.publish{
	background:url(../images/publishing/main_content_title.gif) top left no-repeat;
}

.content_title.promo{
	background:url(../images/promo/main_content_title.gif) top left no-repeat;
}

.content_title.shop{
	background:url(../images/shop/main_content_title.gif) top left no-repeat;
}

.content_title.cms{
	background:url(../images/cms/main_content_title.gif) top left no-repeat;
}

#content_title_txt{
	color: #c5c6c7;
	font-weight: normal;
	padding: 0px 0px 0px 14px;
}

#content_copy{
	width: 622px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content_copy_cms{
	width: 622px;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content_copy_cms a{
  color: #ffffff;
  text-decoration: none;
}

#content_copy_cms a:hover{
  text-decoration: underline;
}

/*#content_copy{
	scrollbar-base-color: #333333;
	scrollbar-track-color: #262626;
	scrollbar-face-color: #333333;
	scrollbar-highlight-color: #666666;
	scrollbar-3dlight-color: #666666;
	scrollbar-darkshadow-color: #000000;
	scrollbar-shadow-color: #262626;
	scrollbar-arrow-color: #000000;
}*/

#content_copy_text{
	padding: 13px 0px 10px 14px;
	color: #c5c6c7;
	font-size: 9px;
	text-align:justify;
	line-height: 15px;
	width: 420px;
	float: left;
}

#content_client_text{
	padding: 13px 0px 0px 14px;
	color: #c5c6c7;
	font-size: 9px;
	text-align:justify;
	line-height: 15px;
	width: 608px;
	float: left;
}

#content_services_text{
	padding: 13px 0px 0px 14px;
	color: #c5c6c7;
	font-size: 9px;
	text-align:justify;
	line-height: 15px;
	width: 368px;
	float: left;
}

#content_copy_text p, #content_client_text p, #content_services_text p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
}

#content_copy_text ul, #content_services_text ul{
	list-style: none;
	margin: 6px 0px 14px 0px;
	padding: 0px 0px 0px 0px;
}

#content_copy_text li, #content_services_text li{

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
}

.publish_list li{
	background: url(../images/publishing/bullet_point.gif) 2px 7px no-repeat;
}

.promo_list li{
	background: url(../images/promo/bullet_point.gif) 2px 7px no-repeat;
}

.knowledge_list li{
	background: url(../images/knowledge/bullet_point.gif) 2px 7px no-repeat;
}

.shop_link{
	color: #0082c4;
	font-weight: bold;
	text-decoration: none;
}

/* Case Studies */

#case_studies{
	width: 158px;
	float: right;
}

#case_studies a{
	text-decoration: none;
}

.case_study{
	background: url(../images/case_study_bg.gif) no-repeat;
	width:129px;
	height: 63px;
	margin: 12px 0px 12px 14px;
	padding: 3px 3px 3px 3px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
}

.case_study img{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
}

.case_study a{
	color: #ffffff;
	height: 100%;
	width: 100%;
	display: block;
}

.case_study span{
	font-weight: bold;
}

.case_study_img{
  width: 129px;
  margin: 14px auto 0px 16px;
}

/* Contact Us */

#contact_us_publish{
	width: 230px;
	background: url(../images/publishing/contact_bg.gif) top left no-repeat;
	float: right;
	padding: 0px 0px 5px 0px;
}

#contact_us_promo{
	width: 230px;
	background: url(../images/promo/contact_bg.gif) top left no-repeat;
	float: right;
	padding: 0px 0px 5px 0px;
}

#contact_us_knowledge{
	width: 230px;
	background: url(../images/knowledge/contact_bg.gif) top left no-repeat;
	float: right;
	padding: 0px 0px 5px 0px;
}

#contact_us_cms{
  width: 230px;
	background: url(../images/cms/contact_bg.gif) top left no-repeat;
	float: right;
	padding: 0px 0px 5px 0px;
}

#contact_us_publish table, #contact_us_promo table, #contact_us_cms table, #contact_us_knowledge table{
	margin: 34px 0px 0px 27px;
	height: 170px;
}

#contact_us_publish td, #contact_us_promo td, #contact_us_cms td, #contact_us_knowledge td{
	padding: 0px 0px 10px 0px;
	vertical-align: top;
}

.contact_form_input{
	width: 179px;
	height: 17px;
	border: 0px;
	background: url(../images/mail_list_box_bg.gif) top left repeat-x;
	float: right;
	font-size: 9px;
	color: #6a6a6a;
	padding: 2px 5px 0px 5px;
}

#contact_us_publish select, #contact_us_promo select, #contact_us_cms select, #contact_us_knowledge select{
	color: #ffffff;
	font-size: 9px;
	background: #333333;
	float: right;
	width: 193px;
	color: #6a6a6a;
}

#contact_us_publish textarea, #contact_us_promo textarea, #contact_us_cms textarea, #contact_us_knowledge textarea{
	width: 182px;
	background: url(../images/contact_textarea_bg.gif) top left;
	overflow: hidden;
	height: 83px;
	border: 0px;
	color: #6a6a6a;
	padding: 4px 5px 4px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	resize: none;
}

.contact_us_btn{
	float: right;
	margin: 1px 11px 0px 0px;
}

.contact_us_btn_cms{
	float: right;
	margin: 2px 11px 0px 0px;
}

/* Clients */

#paging{
	float: left;
	margin: 5px 0px 12px 0px;
	width: 35px;
	font-weight: bold;
}

#page_numbers{
	float: left;
	margin: 5px 0px 0px 4px;
	line-height: 12px;
}

#page_numbers ul{
	list-style: none;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#page_numbers li{
	width: 9px;
	height: 13px;
	float: left;
	background: url(../images/paging_bg.gif) 0px 1px no-repeat;
	padding: 2px 0px 0px 3px;
	margin: 0px 3px 0px 0px;
	display: inline;
}

#page_numbers li.cur_page_publish{
	background: url(../images/publishing/paging_bg_cur.gif) 0px 1px no-repeat;
	color: #ffffff;
}

#page_numbers li.cur_page_promo{
	background: url(../images/promo/paging_bg_cur.gif) 0px 1px no-repeat;
	color: #ffffff;
}

#page_numbers li.cur_page_knowledge{
	background: url(../images/knowledge/paging_bg_cur.gif) 0px 1px no-repeat;
	color: #ffffff;
}

#page_numbers a, #next_link a{
	text-decoration: none;
	color: #c5c6c7;
}

#page_numbers a:hover, #next_link a:hover{
	text-decoration: underline;
}

#sort_by{
	float: right;
	margin: 5px 12px 8px 0px;
	display: inline;
}

.sort_select{
	float: left;
	background: #333333;
	color: #ffffff;
	font-size: 9px;
	margin: 0px 0px 0px 4px;
}

#next_link{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
}

.client{
	width: 602px;
	height: 62px;
	background: url(../images/client_bg.gif) top left no-repeat;
	overflow: hidden;
	margin: 0px 0px 10px -4px;
	clear: left;
}

.client img{
	margin: 3px 11px 0px 3px;
	float: left;
}

.client_title{
	width: 60px;
	color: #ffffff;
	height: 18px;
}

.client_text{
	float: left;
	padding: 5px 0px 0px 0px;
	line-height: 12px;
	width: 355px;
	height: 48px;
	overflow: hidden;
}

.test_text{
	float: left;
	width: 520px;
	line-height: 12px;
	padding: 7px 0px 0px 0px;
}

/* Footer */

.footer_box{
	padding: 0px 3px 0px 3px;
}

.footer_container{
	margin: 3px auto 0px auto;
	background: url(../images/footer_bg.gif) top left no-repeat;
	width: 816px;
	height: 18px;
	font-size: 10px;
}

.footer_container.publish{
	color: #f49d06;
}

.footer_container.promo{
	color: #d70056;
}

.footer_container.shop{
	color: #0082c4;
}

.footer_container.home{
	margin: 0px auto 0px auto;
	background: url(../images/footer_home_bg.gif) top left no-repeat;
	width: 816px;
	height: 18px;
	color: #ffffff;
}

.footer_container.cms{
	color: #ffffff;
}

.footer_container ul{
	float: left;
	margin: 2px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: inline;
}

.footer_container li{
	float: left;
	font-weight: normal;

}

.footer_container li a{
	color: #c5c6c7;
	text-decoration: none;
}

.footer_container li a:hover{
	text-decoration: underline;
}

.footer_container img{
	float: right;
	margin: 0px 10px 0px 0px;
}

/* Home Page */

.home_col{
	width: 286px;
	float: left;
	padding: 0px 3px 0px 0px;
	display: inline;
	color: #c5c6c7;
	line-height: 15px;
	font-size: 9px;
}

.home_col p{
  margin: 0px;
  padding: 0px;
}

.home_col img{
	position: relative;
	top: 3px;
	margin: 0px;
	padding: 0px;
	width: 286px;
}

#left_col_top, #mid_col_top, #right_col_top{
	width: 286px;
	height: 95px;
	cursor: pointer;
}

#left_col_top{
	background:url(../images/home/home_left_top.gif) top left no-repeat;
}

#left_col_btm, #mid_col_btm, #right_col_btm{
	position: relative;
	top: 6px;
	width: 210px;
	height: 159px;
	padding: 4px 10px 0px 66px;
	text-align: justify;
}

#left_col_btm a, #mid_col_btm a, #right_col_btm a{
	color: #ffffff;
	text-decoration: none;
}

#left_col_btm a:hover, #mid_col_btm a:hover, #right_col_btm a:hover{
	text-decoration: underline;
}

#left_col_btm{
	background:url(../images/home/home_left_btm.jpg) top left no-repeat;
}

#mid_col_top{
	background:url(../images/home/home_mid_top.gif) top left no-repeat;
}

#mid_col_btm{
	background:url(../images/home/home_mid_btm.jpg) top left no-repeat;
}

#right_col_top{
	background:url(../images/home/home_right_top.gif) top right no-repeat;
}

#right_col_btm{
	background:url(../images/home/home_right_btm.jpg) top right no-repeat;
}

#content_menu li.active{
  color: #6A6A6A;
}

.client_image{
  float: left;
  margin: 15px;
  display: inline;
}

.client_info{
  float: left;
  width: 520px;
  position: relative;
  top: 12px;
  color: #c5c6c7;
  padding:0px 0px 10px 0px;
}

/***************** LIGHTBOX ****************************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }