@charset "UTF-8";
/* CSS Document */




/* GENERAL CSS - CODE TO TELL FF AND IE TO SIT DOWN AND STFU */
* {
	margin:0px;
	padding:0px;
}
#body {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 0.626em; }
body div, ul, ol, li, table, img {
	margin: 0px;
	padding: 0px; }
body p, h1, h2, h3, h4, h5 {
	margin: 10px 0px 15px 0px ; }
body img {
	border: none; }
.display_none {
	display: none; }
.clear_div {
	display: none;
	height: 0px;
	width: 0px; }
body:last-child .clear_div {
	display: block;
	clear: both; }
object:focus {
	outline:none;
}
a:focus {
    outline:none;
}

/* CLEAR - BECAUSE SOMETIMES, FLOATING -ISN'T- A GOOD THING */

.clearme {
	clear: both;
}



a img {border:0}

body{
	background-image: url(images/background.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#FFFFFF;
	text-align: center;
	min-width:990px;
	margin:0 auto;
}


p {
	padding-left:5px;
	padding-right:5px;
	font-family:Verdana;
	font-size:11px;
	line-height:18px;
}

a {
	color:#676767;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

/* HEADER TAGS */

h1 {
	font-family:Verdana;
	font-size:16px;
	line-height:20px;
	color:#676767;
	padding-left:10px;
}
h2 {
	font-family:Verdana;
	font-size:16px;
	line-height:20px;
	color:#676767;
	padding-left:10px;
}
h3 {
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	color:#676767;
	padding-left:10px;
}
h4 {
	padding-left:10px;
	padding-right:10px;
	font-family:Verdana;
	font-size:11px;
	line-height:18px;
	color:#676767;
}
h5 {
	padding-left:10px;
	padding-right:10px;
	font-family:Verdana;
	font-size:11px;
	line-height:18px;
	font-weight: normal;
	color:#676767;
}



/* MAIN WRAPPER */

#main_wrapper {
	width:990px;
	margin:0 auto;
	text-align:left;
}


/* HEADER */

#header_wrapper {
	width:990px;
	height:100px;
	position:relative;
}
#logo {
	float:left;
	position:absolute;
	bottom:0px;
	left:0px;
	height:91px;
	width:308px;
	background-image:url(images/logo.jpg);
}
#nav {
	float:right;
	width:673px;
	position:absolute;
	bottom:0px;
	right:-1px;
	text-align:right;
}
#cta_phone {
	width:157px;
	height:21px;
	position:absolute;
	bottom:35px;
	right:0px;
}


/* MIDSECTION */

#mid_wrapper {
	width:990px;
}

#column_wrapper {
	width:990px;
	margin:0px;
	padding:0px;
	border:0;
}

#left_col {
	width:767px;
	vertical-align:top;
}

#marketing_window {
	width:767px;
}

#content {
	width:755px;
	background-image:url(images/content_bg.jpg);
	background-color:#FFFFFF;
	margin-top:-5px;
	*margin-top:0px;
}
#content p {
	font-family:Verdana;
	font-size:11px;
	line-height:20px;
	color:#676767;
	text-align:justify;
	padding:10px;
}

#right_col {
	width:223px;
	background-image:url(images/sidebar_bg.jpg);
	background-repeat:repeat-y;
	vertical-align:top;
	margin:0px;
	padding:0px;
}
#right_col p {
	font-family:Verdana;
	font-size:11px;
	line-height:18px;
	color:#676767;
	text-align:left;
	padding-left:8px;
	padding-right:10px;
}
#right_col ul {
	padding:5px;
}
#right_col li {
	font-family:Verdana;
	font-size:10px;
	line-height:18px;
	color:#676767;
	font-weight:bold;
}
#right_col a {
	color:#676767;
	text-decoration:underline;
	font-weight:bold;
}
#right_col a:hover {
	text-decoration:none;
}
#sidebar_top {
	height:11px;
	width:223px;
	background-image:url(images/sidebar_top.jpg);
}
.header {
	text-align:center;
}
#sidebar_bottom {
	height:11px;
	width:223px;
	background-image:url(images/sidebar_bottom.jpg);
}
#sidebar_benefits {
	height:31px;
	width:223px;
	background-image:url(images/benefits.jpg);
}
#packaging_management {
	margin-top:-15px;
}
#digital_assets {
	margin-top:-15px;
}

.side_area {
	background:#fff url(images/side_area.png) no-repeat top center;
	width:200px;
	float:right;
	margin:20px 5px 5px 10px;
}

.side_area li{
	margin-bottom:8px;
	padding-right:5px;
	color:#676767;
}

.side_header {
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:4px;
	padding-bottom:0px;
	margin:0px;
	line-height:0px;
}

.cta_header {
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding-top:4px;
	padding-bottom:10px;
}

.home_cta {
	width:355px;
	height:390px;
	float:left;
	background-image:url(images/home_cta_bg.jpg);
	background-repeat:no-repeat;
	background-color:#F3F3F3;
	margin-left:7px;
	*padding-bottom:-5px;
}

.home_cta  ul{
	list-style-type:none;
}

.home_cta li{
	font-family:Verdana;
	font-size:11px;
	line-height:18px;
	color:#676767;
	margin-top:17px;
	background: url(images/bullet.gif) left center no-repeat;
	padding-left: 16px;
}
.home_cta a {
	color:#676767;
	text-decoration:underline;
	font-weight:bold;
}

.home_cta a:hover {
	text-decoration:none;
}

.staff_left {
	float:left;
	width:320px;
    margin:20px 0px 0px 10px;
}

.staff_right {
	float:right;
	margin:20px 5px 0px 0px;
	width:320px;
}

.staff_left a {
	color:#676767;
	text-decoration:underline;
	font-weight:bold;
	
}

.staff_left a:hover {
	text-decoration:none;
}

.staff_right a {
	color:#676767;
	text-decoration:underline;
	font-weight:bold;

}

.staff_right a:hover {
	text-decoration:none;
}
#logos {

}
#features-btn {
	float:right;
	margin-right:15px;
}

#testimonials-btn {
	float:right;
	margin-right:15px;

}

#supplier ul{
	margin-bottom:3px;
}

#supplier li {
	margin-bottom:15px;
}

#retailer li {
	margin-bottom:10px;
}

/* FOOTER */

#footer_wrapper {
	font-family:Verdana;
	font-size:10px;
	line-height:18px;
	color:#676767;
}
#footer_links {
	float:left;
	padding-left:15px;
}
#footer_links a {
	color:#676767;
	text-decoration:none;
}
#footer_links a:hover {
	text-decoration:underline;
}
#footer_flash {
	float:right;
	width:180px;
}



/* LISTS */
ul {
	margin-left: 25px;
}
ol {
	margin-left: 25px;
}
li {
	font-family:Verdana;
	font-size:11px;
	line-height:18px;
	margin-bottom:5px;
    color:#676767;
}


/* LINKS */



/* INFO BOX */

#info_box {
	width:740px;
	background-image:url(images/box_bg.jpg);
	background-repeat:repeat-x;
	background-color:#F3F3F3;
	position:relative;
	margin-left:7px;
	*padding-bottom:-5px;
}

#box_top_left_corner {
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}
#box_top_right_corner {
	position:absolute;
	top:-1px;
	*top:0px;
	right:0px;
	z-index:10;
}

.box_top_left_corner {
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}
.box_top_right_corner {
	position:absolute;
	top:-1px;
	*top:0px;
	right:0px;
	z-index:10;
}


/* SPRY TABS */

ul.TabbedPanelsTabGroup {
	display:block;
	width:740px;
	height:50px;
	margin-left:0px;
}
li.TabbedPanelsTab {
	display:block;
	height:45px;
	width:200px;
	float:left;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding-top:4px;
}

li#tab1 {
	width:146px;
}
li#tab2 {
	width:130px;
}
li#tab3 {
	width:156px;
}
li#tab4 {
	width:146px;
}
li#tab5 {
	width:146px;
}
li#tab6 {
	width:146px;
}

li#tab1.TabbedPanelsTabSelected {
	background-image:url(images/tab_over_bg.jpg);
	background-repeat:repeat-x;
}
li#tab2.TabbedPanelsTabSelected {
	background-image:url(images/tab_over_bg.jpg);
	background-repeat:repeat-x;
}
li#tab3.TabbedPanelsTabSelected {
	background-image:url(images/tab_over_bg.jpg);
	background-repeat:repeat-x;
}
li#tab4.TabbedPanelsTabSelected {
	background-image:url(images/tab_over_bg.jpg);
	background-repeat:repeat-x;
}
li#tab5.TabbedPanelsTabSelected {
	background-image:url(images/tab_over_bg.jpg);
	background-repeat:repeat-x;
}
li#tab6.TabbedPanelsTabSelected {
	background-image:url(images/tab_over_bg.jpg);
	background-repeat:repeat-x;
}


li#support_tab1 {
	width:247px;
}
li#support_tab2 {
	width:247px;
}
li#support_tab3 {
	width:246px;
}
li#support_tab1.TabbedPanelsTabSelected {
	background-image:url(images/tab_over_bg.jpg);
	background-repeat:repeat-x;
}
li#support_tab2.TabbedPanelsTabSelected {
	background-image:url(images/tab_over_bg.jpg);
	background-repeat:repeat-x;
}
li#support_tab3.TabbedPanelsTabSelected {
	background-image:url(images/tab_over_bg.jpg);
	background-repeat:repeat-x;
}

li#about_tab1 {
	width:185px;
}
li#about_tab2 {
	width:185px;
}
li#about_tab3 {
	width:185px;
}
li#about_tab4 {
	width:185px;
}

li#about_tab1.TabbedPanelsTabSelected {
	background-image:url(images/tab_over_bg.jpg);
	background-repeat:repeat-x;
}
li#about_tab2.TabbedPanelsTabSelected {
	background-image:url(images/tab_over_bg.jpg);
	background-repeat:repeat-x;
}
li#about_tab3.TabbedPanelsTabSelected {
	background-image:url(images/tab_over_bg.jpg);
	background-repeat:repeat-x;
}
li#about_tab4.TabbedPanelsTabSelected {
	background-image:url(images/tab_over_bg.jpg);
	background-repeat:repeat-x;
}

.TabbedPanelsContent {
	color:#676767;
	font-family:Verdana;
	font-size:11px;
	line-height:22px;
	padding:10px;
}
.TabbedPanelsTabHover {
	cursor: pointer;
	text-decoration:underline;
}

.TabbedPanelsContent a {
	color:#676767;
	text-decoration:underline;
}

.TabbedPanelsContent a:hover {
	text-decoration:none;
}

.tab_content_left {
	width:400px;
	float:left;
	margin-right:10px;
}
.tab_content_right {
	width:310px;
	float:right;
}
.tab_map_left {
	width:300px;
	float:left;
	margin-right:10px;
}
.tab_map_right {
	width:410px;
	float:right;
}





/* CONTACT FORM - TABLES IN CSS WITH DIVS... BECAUSE I CAN */

#contact_form {
	width: 100%;
	font-family:Verdana;
	font-size:11px;
	line-height:20px;
	color:#676767;
	letter-spacing:0px;
}
#contact_table {
	width: 400px;
	font-family:Verdana;
	font-size:11px;
	line-height:20px;
	color:#676767;
	letter-spacing:0px;
	padding-left:10px;
}
.contact_row {
	width: 300px;
	height: 25px;
}
.contact_field {
	float: left;
	width: 45px;
	padding-right: 5px;
	text-align: right;
	padding-top: 5px;
	height: 20px;
}
.contact_box {
	float: right;
	width: 250px;
	text-align: left;
	height: 25px;
}
input.contactinput {
	width: 250px;
	font-family:Verdana;
	font-size:11px;
	color:#676767;
	background-color: #FFFFFF;
}
textarea.contacttext {
	font-family:Verdana;
	font-size:11px;
	color:#676767;
	background-color: #FFFFFF;
}


/* SERVICES SPRY DROPS */

.CollapsiblePanel {
	margin: none;
	padding:none;
}
.CollapsiblePanelTab {
	margin:none;
	padding: none;
	cursor: pointer;
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	color:#676767;
	text-align:justify;
	padding-left:10px;
	display:block;
	width:500px;
	height:20px;
}
.CollapsiblePanelContent {
	font-family:Verdana;
	font-size:11px;
	line-height:20px;
	color:#676767;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	margin:10px;
	border:solid thin #676767;
	background-image:url(images/box_bg.jpg);
	background-repeat:repeat-x;
	background-color:#F3F3F3;
}
.CollapsiblePanelContent h3 {
	color:#FFFFFF;
	margin-top:0px;
}
.CollapsiblePanelTab a {
	color: none;
	text-decoration: none;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
	text-decoration: underline;
}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	text-decoration: none;
}

.CollapsiblePanelTab2 {
	margin:none;
	padding: none;
	cursor: pointer;
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	color:#676767;
	text-align:justify;
	padding-left:10px;
	display:block;
	width:500px;
	height:20px;
}

.CollapsiblePanelTab2 a {
	color:#676767;
	text-decoration:underline;
	font-weight:bold;
}

.CollapsiblePanelTab2 a:hover {
	text-decoration:none;
}

.CollapsiblePanelContent2 {
	font-family:Verdana;
	font-size:11px;
	line-height:20px;
	color:#676767;
	text-align:justify;
}



/* CASE STUDIES */

.case_study {
	width:735px;
	margin:10px;
	margin-top:20px;
}
.cs_left {
	width:220px;
	float:left;
}
.cs_right {
	width:515px;
	float:right;
	font-family:Verdana;
	font-size:11px;
	line-height:20px;
	color:#676767;
	text-align:justify;
}






#book_meeting {
	position:absolute;
	bottom:35px;
	right:210px;
	width:400px;
}
#book_meeting a {
	font:bold 16px Verdana;
	color:#0300EF;
	text-decoration:none;
}
#book_meeting a:hover {
	text-decoration:underline;
}