 /*   
Name: Ubeeco Packaging Solutions
Description: The Packaging Advisory - Industrial Packaging Products, News & Advice
Author URI: http://www.ubeeco.com.au
Version: 1.0
Tags: The Packaging Advisory - Industrial Packaging Products, News & Advice
Web Design: Pitstop101media.com
-------------------------------------------------------------- */


/* Base
-------------------------------------------------------------- */

body {
	background: #fff url(i/bodybg.jpg) center;  
	margin:0; 
}

/******************************************************
header
******************************************************/

.wrapper {
	width: 1113px;
	margin: 5px auto;
	overflow:auto;
}
.header {
	background: url(i/headergradient.png) repeat-x;
}
.headerwrapper {
	width: 1103px;
	margin: 0 auto;
	height:172px;
	padding:0 5px;
}
.headercontact {
	height:27px;
	padding-top:5px;
	font:bold 20px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#000;
	text-shadow:-1px 2px 1px #888;
	text-align:right;
}
.socialnetwork {
	height: 19px;
	text-align:right;
}
.headerlogo {
	height:122px;
	background:url(i/headerlogo.png) center no-repeat;
}

/*********************************************************************
left
*********************************************************************/
.left {
	width:260px;
	float:left;
}
.leftbox {
	margin:7px 5px;
	padding:1px;
	background:#FFF;
	border:1px #a9a9a9 solid;
	box-shadow: 0px 0px 10px 0px #b1b1b1;
	overflow:auto;
}
.boxheaderbg {
	background:url(i/boxheaderbg.png) right no-repeat;
	height:26px;
	padding-top:6px;
	padding-left:13px;
	font:16px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.searchfield {
	background:url(i/searchfieldbg.png) no-repeat;
	margin:13px;
	margin-right:0;
	height:30px;
	width:190px;
	float:left;	
}
.recenttext {
	margin:14px;
	font:12px Tahoma, Geneva, sans-serif;
	color:#939393;
}
.leftmediaoutline {
	border:1px #000000 solid;
	margin:1px 7px 7px 7px;
	background:#FFF;
}
.leftmedia {
	padding:1px;
	font:12px Tahoma, Geneva, sans-serif;
	color:#939393;
}

/*********************************************************************
middle
*********************************************************************/
.middle {
	width:592px;
	float:left;
}
.middlebox {
	margin:7px 9px;
	padding:1px;
	background:#FFF;
	border:1px #a9a9a9 solid;
	box-shadow: 0px 0px 10px 0px #b1b1b1;
}
.middleheader {
	background:url(i/middleheader1.png) right no-repeat;
	height:43px;
	padding-top:6px;
	padding-left:13px;
	font:29px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#FFFFFF;	
}
.middleinsidebox {
	background:#FFFFFF url(i/middleboxbg.png) top left no-repeat;
	padding: 15px 20px 20px 58px;
	font: 13px Tahoma, Geneva, sans-serif;
	color:#797979;
	position:relative;
}
.date {
	width:39px;
	height:47px;
	background:#fff url(i/datebg.png) top repeat-x;
	border:1px #f02300 solid;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	left:0;
	top:0;
	position:absolute;
	z-index:8px;
}
.middlevideo {
	margin-bottom:10px;
	padding:1px;
	background:#FFF;
	border:1px #a9a9a9 solid;
	box-shadow: 0px 0px 10px 0px #b1b1b1;
	overflow:auto;
	text-align: center;
}
/*********************************************************************
right
*********************************************************************/
.right {
	width:260px;
	float:left;
}
.rightbox {
	margin: 7px 5px 10px 5px;
	padding:1px;
	background:#FFF;
	border:1px #a9a9a9 solid;
	box-shadow: 0px 0px 10px 0px #b1b1b1;
}
.rightmenu {
	font:14px "Century Gothic", Arial, Helvetica, sans-serif;
}
.rightmenu li {
	list-style-type:none;
	list-style:none;
}
.rightmenu a {
	background:url(i/rightmenubg.png) top right no-repeat;
	height:27px;
	text-decoration:none;
	color: #CCC;
	padding:5px 15px 0 15px;
	display:block;
}
.rightmenu a:hover {
	color: #FFF;
}
.socialnetworkrt {
	margin:8px 5px 0 5px;
	text-align: center;
}
.categoriestext {
	margin:14px;
	font:bold 13px Tahoma, Geneva, sans-serif;
	color:#939393;
}
.categoriestext a {
	line-height:18px;
	color:#7f7f7f;
	text-decoration:none;
}
.categoriestext a:hover {
	color:#000;
}
.rightboxtwitter {
	margin: 7px 5px 10px 5px;
	padding:1px;
	box-shadow: 0px 0px 10px 0px #b1b1b1;
}

/*********************************************************************
footer
*********************************************************************/
.footerwrapper {
	width: 1103px;
	margin: 0 auto;
	padding:0 5px;
}
.footer {
	background:#FFFFFF;
	width:1097px;
	height:262px;
	border:1px #a9a9a9 solid;
	box-shadow: 0px 0px 10px 0px #b1b1b1;
	padding:1px;
}
.footerlogo {
	width:246px;
	height:263px;
	float:left;
	margin-right:1px;
}
.footerdivider {
	background:#a9a9a9;
	width:1px;
	height:265px;
	float:left;
}
.footerinfo {
	background:#01317d url(i/footerbg.png) repeat-x;
	width:848px;
	height:263px;
	float:left;
	margin-left:1px;
}
.navigationhead {
	width:117px;
	height:33px;
	float:left;
	font:16px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-left:20px;
	padding-top:8px;
}
.navigationmenu {
	background:url(i/footerdivider.png) right repeat-y;
	width:117px;
	height:214px;
	float:left;
	font:14px Tahoma, Geneva, sans-serif;
	color:#9f9f9f;
	padding-left:20px;
	padding-top:8px;
}
.navigationmenu li {
	list-style-type:none;
	list-style:none;
}
.navigationmenu a {
	line-height:35px;
	text-decoration:none;
	color:#9f9f9f;
	padding:10px 0;
}
.navigationmenu a:hover {
	color:#fff;
}
.categoryhead {
	width:314px;
	height:33px;
	float:left;
	font:16px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-left:20px;
	padding-top:8px;
}
.categorymenu {
	background:url(i/footerdivider.png) right repeat-y;
	width:314px;
	height:214px;
	float:left;
	font:13px Tahoma, Geneva, sans-serif;
	color:#9f9f9f;
	padding-left:20px;
	padding-top:8px;
}
.categorymenu li {
	list-style-type:none;
	list-style:none;
}
.categorymenu a {
	line-height:18px;
	text-decoration:none;
	color:#9f9f9f;
	padding:10px 0;
}
.categorymenu a:hover {
	color:#fff;
}
.recenthead {
	width:196px;
	height:33px;
	float:left;
	font:16px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-left:20px;
	padding-top:8px;
}
.recentmenu {
	background:url(i/footerdivider.png) right repeat-y;
	width:180px;
	height:214px;
	line-height:15px;
	float:left;
	font:12px Tahoma, Geneva, sans-serif;
	color:#9f9f9f;
	padding:8px 16px 0 20px;
}
.recentmenu li {
	list-style-type:none;
	list-style:none;
}
.recentmenu a {
	line-height:18px;
	text-decoration:none;
	color:#9f9f9f;
	padding:10px 0;
}
.recentmenu a:hover {
	color:#fff;
}
.callushead {
	width:141px;
	height:33px;
	float:left;
	font:16px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-left:20px;
	padding-top:8px;
}
.callusmenu {
	width:141px;
	height:214px;
	float:left;
	font:16px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#9f9f9f;
	padding-left:20px;
	padding-top:8px;
	text-shadow:-1px 1px 1px #333333;
	position:relative;
}
.pitstop {
	font:bold 13px Tahoma, Geneva, sans-serif;
	text-align:center;
	bottom:10px;
	left:0px;
	position:absolute;
	z-index:5;
	text-shadow:none;
}
