/* CSS Document */


html, body, h1, h2, h3, h4, h5, h6, p, li, ul, a, form, br, span, blockquote {
	margin: 0px; /* Removes default margin that some browsers add. */
	padding: 0px; /* Removes default padding that some browsers add. */
	border: 0px;
	text-decoration: none;
	
}

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	line-height: 100%;
	background-image: url(images/back.gif);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
}
.clearfloat {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
}.purple_text {
	color: #52006B;
	text-decoration: underline;
}
.green_text {
	color: #37AE56;
}
.white_text {
	color: #FFFFFF;
}
.purple_highlight {
	margin: 0px;
	color: #37AE56;
	font-weight: bold;
	text-decoration: underline;
	padding: 0px;
}
.green_highlight {
	background-color: #37AE56;
	margin: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	color: #FFFFFF;
}
.form_box {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 3px 2px;
	margin: 0px;
	font-size: 70%;
	color: #333333;
}
.formboxspace {
	margin-top: 10px;
}
.button {
	color: #FFFFFF;
	background-color: #37AE56;
	padding: 2px 4px;
	font-size: 80%;
	line-height: 100%;
}
.button_selected {
	border: 1px solid #52006B;
	color: #52006B;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	font-size: 80%;
}
.button:hover, .button:active, .button:focus, #right_content_text a:hover, #right_content_text a:active, #right_content_text a:focus,
#rss a:hover, #rss a:active, #rss a:focus {
	background-color: #999999;
	color: #FFFFFF;
}
.hide {
	visibility: hidden;
}
.date_block {
	background-image: url(images/date_block.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 45px;
	text-align: center;
	padding-top: 6px;
	margin-right: 10px;
	margin-bottom: 8px;
	float: left;
	padding-bottom: 6px;
}
.date_block_deep {
	background-image: url(images/date_block.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 45px;
	text-align: center;
	padding-top: 6px;
	margin-right: 10px;
	margin-bottom: 8px;
	float: left;
	padding-bottom: 6px;
}
.underline {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-bottom: 5px;
	padding-top: 10px;
}
h1 {
	color: #52006B;
	font-size: 140%;
	line-height: 140%;
	margin-bottom: 15px;
	letter-spacing: -1px;
	font-weight: normal;
	margin-top: 15px;
}
h2 {
	color: #52006B;
	font-size: 90%;
	line-height: 130%;
	font-weight: bold;
	margin-bottom: 5px;
}
h3 {
	font-size: 90%;
	line-height: 130%;
	font-weight: normal;
	margin-bottom: 7px;
	color: #FFFFFF;
}
h4 {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 110%;
	line-height: 100%;
	letter-spacing: -1px;
}
h5 {
	font-size: 140%;
	line-height: 140%;
	color: #52006B;
	margin-bottom: 10px;
	font-weight: bold;
}
h6 {
	font-size: 70%;
	line-height: 100%;
	font-weight: normal;
	color: #52006B;
	margin-bottom: 4px;
	margin-top: 7px;
}
#header {
	height: 92px;
	width: 812px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/header.gif);
	margin-top: 10px;
	padding-top: 20px;
	padding-right: 28px;
}
#header_tel {
	text-align: right;
}
#animation_block {
	padding: 0px;
	height: 250px;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/animation_block_notext.gif);
	background-repeat: no-repeat;
}
#main_wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 28px;
	padding-bottom: 15px;
	padding-left: 28px;
	width: 784px;
	background-image: url(images/main_wrapper_back.gif);
	background-repeat: repeat-y;
}
#tab_menu {
	font-size: 70%;
	float: right;
	width: 80%;
	line-height: 120%;
}
#tab_menu ul {
	list-style-type: none;
	padding-bottom: 0px;
	margin-top: 43px;
	letter-spacing: -1px;
}
#tab_menu li {
	margin: 0px 0px 0px 2px;
	padding: 0px;
	float: right;
	background-image: url(images/right_tab.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#tab_menu a {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 6px 10px 7px;
	color: #000000;
	text-decoration: none;
	background-image: url(images/left_tab.gif);
	cursor: pointer;
}
#tab_menu li a:hover, 
#tab_menu li a:active, 
#tab_menu li a:focus,
blockquote#homePage li#homeLink a,
blockquote#aboutPage li#aboutLink a,
blockquote#whatPage li#whatLink a,
blockquote#portfolioPage li#portfolioLink a,
blockquote#testimonialsPage li#testimonialsLink a,
blockquote#newsPage li#newsLink a,
blockquote#contactPage li#contactLink a,
blockquote#featuredPage li#featuredLink a


{
   color: #FFFFFF;
  background-image: url(images/left_tab_purple.gif); 
}
#tab_menu li:hover, 
#tab_menu li:active, 
#tab_menu li:focus,
blockquote#homePage li#homeLink,
blockquote#aboutPage li#aboutLink,
blockquote#whatPage li#whatLink,
blockquote#portfolioPage li#portfolioLink,
blockquote#testimonialsPage li#testimonialsLink,
blockquote#newsPage li#newsLink,
blockquote#contactPage li#contactLink,
blockquote#featuredPage li#featuredLink

 {
	background-image: url(images/right_tab_purple.gif);
	
}


#left_menu {
	width: 200px;
}
#left_menu_wrapper {
	float: left;
	width: 200px;
	margin-top: 15px;
}
#left_menu ul {
	margin: 15px 0px 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 80%;
	line-height: 110%;
	color: #000000;
	letter-spacing: -1px;
}
#left_menu li {
}
#left_menu li a {
	background-repeat: no-repeat;
	display: block;
	padding: 6px 5px 6px 15px;
	margin-bottom: 2px;
	color: #000000;
	background-image: url(images/sidemenu_button.gif);
}
#left_menu li a:hover, 
#left_menu li a:active, 
#left_menu li a:focus,
blockquote#brandPage li#brandLink a,
blockquote#webPage li#webLink a,
blockquote#dmarketingPage li#dmarketingLink a,
blockquote#printPage li#printLink a,
blockquote#packagingPage li#packagingLink a,
blockquote#advertisingPage li#advertisingLink a,
blockquote#mediaPage li#mediaLink a,
blockquote#exhibitionPage li#exhibitionLink a,
blockquote#prPage li#prLink a,
blockquote#dmPage li#dmLink a,
blockquote#teamPage li#teamLink a,
blockquote#processPage li#processLink a,
blockquote#socialPage li#socialLink a,
blockquote#promotionalPage li#promotionalLink a,
blockquote#webshopPage li#webshopLink a,
blockquote#privacyPage li#privacyLink a,
blockquote#accessPage li#accessLink a,
blockquote#sitemapPage li#sitemapLink a,
blockquote#photoPage li#photoLink a,
blockquote#illustrationPage li#illustrationLink a,
blockquote#termsPage li#termsLink a
{
	color: #FFFFFF;
	background-image: url(images/sidemenu_button_purple.gif);
}
#keep_in_touch_block p {
	font-size: 70%;
	line-height: 130%;
	color: #FFFFFF;
}
#right_content_text {
	float: left;
	width: 550px;
	margin-left: 30px;
	padding-bottom: 5px;
}
#right_content_text  p {
	font-size: 80%;
	line-height: 150%;
	margin-bottom: 10px;
}
#right_content_text ul {
	list-style-type: square;
	list-style-position: inside;
	font-size: 80%;
	line-height: 140%;
	margin-bottom: 10px;
}
#right_content_text li {
	margin-bottom: 3px;
}
#right_content_text ul a {
	list-style-type: square;
	list-style-position: inside;
	color: #52006B;
}
.indent {
	margin-left: 20px;
}
#baseline {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/baseline.gif);
	background-repeat: no-repeat;
	width: 784px;
	padding-right: 28px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 28px;
	font-size: 60%;
	height: 64px;
	font-family: Arial, Helvetica, sans-serif;
}
#baseline a {
	color: #52006B;
	text-decoration: underline;
}
#keep_in_touch_block {
	background-image: url(images/keep_in_touch_block.gif);
	background-repeat: no-repeat;
	height: 110px;
	width: 165px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px 15px 10px 20px;
}
.left_news_block {
	background-image: url(images/news_shade_box.gif);
	background-repeat: no-repeat;
	float: left;
	height: 130px;
	width: 230px;
	padding: 15px;
	margin-right: 30px;
	margin-bottom: 15px;
}
#left_news_block p, #right_news_block p {
	font-size: 80%;
	line-height: 140%;
}
.right_news_block {
	background-image: url(images/news_shade_box.gif);
	background-repeat: no-repeat;
	float: left;
	height: 130px;
	width: 230px;
	padding: 15px;
	margin-bottom: 15px;
}
.news_block {
	padding: 10px;
	background-color: #E5E5E5;
	margin-bottom: 15px;
	background-image: url(images/corner.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.news_block p a {
	color: #37AE56;
	text-decoration: underline;
}
.news_block img {
	float: right;
	margin-left: 10px;
	border: 1px solid #FFFFFF;
}
#graphicblock_right img {
	border: 1px solid #FFFFFF;
	margin-bottom: 13px;
}
#enquiry_form {
	width: 230px;
	float: right;
	margin-top: 15px;
	padding: 0px 15px 15px;
	background-image: url(images/enquiry_shade_box.gif);
	background-repeat: no-repeat;
	height: 255px;
}
#sendbutton {
	float: left;
	margin-top: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.graphicblock_left, .graphicblock_left_noroll  {
	height: 134px;
	width: 134px;
	float: left;
	margin-top: 10px;
	border: 5px solid #CCCCCC;
	padding: 15px;
}
.graphicblock_middle_end, .graphicblock_middle_end_noroll {
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	height: 134px;
	width: 134px;
	border: 5px solid #CCCCCC;
	padding: 15px;
}
.graphicblock_left:hover, .graphicblock_left:active, .graphicblock_left:focus, .graphicblock_middle_end:hover, .graphicblock_middle_end:active, .graphicblock_middle_end:focus, .news_block img:hover, .news_block img:active, .news_block img:focus {
	cursor: pointer;
	border-top-color: #52006B;
	border-right-color: #52006B;
	border-bottom-color: #52006B;
	border-left-color: #52006B;
}
.bold {
	font-weight: bold;
}

/*  Added for admin section */

#adminlogin_form {
	width: 230px;
	float: left;
	margin-top: 15px;
	padding: 15px;
	background-image: url(images/adminlogin_shade_box.gif);
	background-repeat: no-repeat;
	height: 126px;
}

#adminmenu {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	height: 38px;
	padding: 10px;
}

#adminstandard_form {
	width: auto;
	float: left;
	margin-top: 15px;
	padding: 15px;
	height: auto;
	background-color: #CCCCCC;
}

#admin_form {
	width: 500px;
	float: left;
	margin-top: 15px;
	padding: 15px;
	height: auto;
	background-color: #CCCCCC;
}

.adminform_box {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Tahoma, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 3px 2px;
	margin: 0px;
	font-size: 70%;
	color: #333333;
}
#graphicblock_right {
	float: right;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	background-color: #E5E5E5;
	background-image: url(images/corner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
	width: 137px;
}
#graphicblock_right p {
	font-size: 70%;
	margin-top: -6px;
}

#offscreen {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: -8000px;
}
#portfolio_selector {
	background-image: url(images/back.gif);
	background-repeat: repeat;
	padding: 5px;
	font-size: 80%;
	color: #FFFFFF;
	margin-bottom: 15px;
	margin-right: 8px;
}
#displaying_button_wrap {
	float: right;
	margin-right: 8px;
	font-size: 90%;
	margin-bottom: 13px;
	width: 320px;
	text-align: right;
}
#displaying_wrap {
	float: left;
	font-size: 80%;
	margin-bottom: 13px;
}
.float_right {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	clear: both;
}
#rss {
	margin-top: 20px;
	font-size: 70%;
}
#rss a {
	color: #37AE56;
}


/* for admin */
.form_text_holder {
	float: left;
	width: 110px;
	text-align: right;
	padding: 6px 12px 6px 0px;
	margin-bottom: 5px;
	font-size: 70%;
	line-height: 100%;
	font-weight: normal;
	color: #52006B;
}
#adminmenu1 {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	height: 58px;
	padding: 10px;
	background-color: #E9E9E9;
	font-size: 90%;
	line-height: 150%;
}
#adminmenu1 a {
/*	display: block; */
	padding: 2px 7px;
	text-decoration: none;
	cursor: pointer;
	color: #666666;
}

#adminmenu1 a:hover, #adminmenu1 a:active, #adminmenu1 a:focus  {
	background-color: #333333;
	color: #cccccc;
}
.admin_select {
	color: #000000;
	padding: 1px;
	font-size: 100%;
	margin-right: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
table {
	float: left;
	font-size: 80%;
	line-height: 100%;
	padding: 6px 12px 6px 0px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}
th {
	text-align: left;
}
.input_box_textarea {
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 2px 5px;
	font-size: 80%;
	line-height: 100%;
	margin: 0px;
	margin-bottom: 5px;
}
#content2 {
	padding-left: 20px;
	margin-bottom: 15px;
}
.orange_highlight {
	color: #FFFFFF;
	background-color: #FF6600;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	font-weight: bold;
}
#main_wrapper_confirm {
	background-color: #FFFFFF;
	width: 640px;
	margin-top: 10px;
	padding-top: 22px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#footer_confirmation {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	font-size: 65%;
	color: #666666;
	line-height: 110%;
}
.input_box_select {
	border: 1px solid #999999;
	color: #666666;
	font-size: 80%;
	line-height: 100%;
	margin: 0px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.admin_text_arrow_button {
	font-size: 80%;
	line-height: 100%;
	color: #52006B;
	text-decoration: none;
	background-repeat: no-repeat;
	display: block;
	float: left;
	padding-left: 6px;
	margin-left: 5px;
	background-position: 0px 1px;
	font-weight: normal;
}.admin_text_arrow_button a {
	color: #000000;
	text-decoration: none;
}
.admin_text_arrow_button:hover, .admin_text_arrow_button:active, .admin_text_arrow_button:focus {
	color: #DE0040;
	text-decoration: underline;
	cursor: pointer;
}
.form_img_holder {
	margin-bottom: 5px;
	background-color: #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#admin_image_list {
	float: left;
	width: 530px;
	margin-right: 40px;
	margin-left: 40px;
}

.nav_links {
	float: left;
	padding-top: 15px;
	font-size: 80%;
	line-height: 100%;
	color: #000000;
	text-decoration: none;
}

.img_holder {
	margin-bottom: 5px;
	background-color: #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.sub_heading {
	font-size: 140%;
	line-height: 130%;
	color: #666666;
	font-weight: normal;
	margin-bottom: 3px;
	letter-spacing: -1px;
}

.adminnotes {
/*	width: 110px; */
	text-align: left;
	padding: 18px 12px 22px 125px;
	margin-bottom: 5px;
	font-size: 70%;
	line-height: 100%;
	color: #666666;
	font-weight: normal;
}

.subhead {
	font-size: 130%;
	line-height: 130%;
	color: #666666;
	font-weight: bold;
	margin-bottom: 3px;
	letter-spacing: -1px;
}

.adminnotes a {
	color: #0066cc;
	font-weight: normal;
	text-decoration: underline;
	cursor: pointer;
}

.adminnotes a:hover, .adminnotes a:active, .adminnotes a:focus  {
	color: #333333;
}
