body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background: #ccc url(../images/top.jpg) repeat-x;
	height: 105px;
	padding: 0;
	margin: 0;
}
#outerpage {
	background: #ddd url(../images/background.jpg) center repeat-y;
	padding: 0;
	width: 792px;
	margin: 0 auto;
}
#innerpage,
.mceContentBody {
	margin: 0 6px;
	text-align: left;
	padding: 1px 20px;
}
body.mceContentBody {
	background: #fff;
}
.yellowbanner {
	margin: 0 -19px;
	height: 26px;
	clear: both;
	font-size: 15px;
	padding: 8px 0 0 12px;
	background: url(../images/yellowbanner.jpg) center no-repeat;
}
.redbanner {
	margin: 0 -19px;
	height: 26px;
	clear: both;
	font-size: 15px;
	padding: 8px 0 0 12px;
	background: url(../images/redbanner.jpg) center no-repeat;
}
.type {
	display: none;
}
.linksHeading {
	margin-bottom: 3px;
}
#leftcol {
	float: left;
	width: 232px;
}
#rightcol {
	float: right;
	width: 490px;
}
.yellowboxleft {
	width: 340px;
	background-color: #fdf3ce;
	float: left;
	padding: 4px 10px;
	margin: 10px 5px 10px 0;
}
.yellowboxright {
	width: 340px;
	background-color: #fdf3ce;
	float: right;
	padding: 4px 10px;
	margin: 10px 0 10px 5px;
}
.greyboxleft {
	width: 340px;
	background-color: #eaeaea;
	float: left;
	padding: 4px 10px;
	margin: 10px 5px 10px 0;
}
.greyboxright {
	width: 340px;
	background-color: #eaeaea;
	float: right;
	padding: 4px 10px;
	margin: 10px 0 10px 5px;
}
#footer {
	background: url(../images/yellowbanner.jpg) center top no-repeat;
	clear: both;
	text-align: center;
	margin: 0 -19px;
	padding-top: 34px;
}
#footer a {
	text-decoration: none;
	color: #000;
}
#footer a:hover {
	text-decoration: none;
	color: #f93;
}

/* === MENU === */
#header	{
	margin: 0 auto;
	background: #000;
	height: 104px;
	width: 780px;
	border-bottom: 1px solid #000;
}
#header ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#header ul li {
	display: inline;
}
#header a {
	float: left;
	display: block;
	white-space: nowrap;
	height: 104px;
	text-indent: -9999px;
	text-decoration: none;
}
#header .menu-logo {
	background-image: url(../images/menu/menu-logo.jpg);
	width: 193px;
}
#header .menu-products {
	background: url(../images/menu/menu.jpg) no-repeat 0 0;
	width: 91px;
}
#header .menu-products:hover {
	background-position: 0 -104px;
}
#header .menu-services {
	background: url(../images/menu/menu.jpg) no-repeat 0 -208px;
	width: 79px;
}
#header .menu-services:hover {
	background-position: 0 -312px;
}
#header .menu-whyuseus {
	background: url(../images/menu/menu.jpg) no-repeat 0 -416px;
	width: 103px;
}
#header .menu-whyuseus:hover {
	background-position: 0 -520px;
}
#header .menu-testimonials {
	background: url(../images/menu/menu.jpg) no-repeat 0 -624px;
	width: 109px;
}
#header .menu-testimonials:hover {
	background-position: 0 -728px;
}
#header .menu-links {
	background: url(../images/menu/menu.jpg) no-repeat 0 -832px;
	width: 55px;
}
#header .menu-links:hover {
	background-position: 0 -936px;
}
#header .menu-faq {
	background: url(../images/menu/menu.jpg) no-repeat 0 -1040px;
	width: 42px;
}
#header .menu-faq:hover {
	background-position: 0 -1144px;
}
#header .menu-contact {
	background: url(../images/menu/menu.jpg) no-repeat 0 -1248px;
	width: 107px;
}
#header .menu-contact:hover {
	background-position: 0 -1352px;
}
#header .menu-photogallery {
	background: url(../images/menu/menu.jpg) no-repeat 0 -1456px;
	width: 115px;
}
#header .menu-photogallery:hover {
	background-position: 0 -1560px;
}

/* === TEXT STYLES === */
.left {
	width: 204px;
	background-color: #fdf3ce;
	clear: left;
	float: left;
	padding: 3px 12px;
	margin: 0 5px 10px 0;
}
.left ul {
 	list-style: none;
	margin: 0;
	padding: 0;
}	
.left li {
	list-style-image: none;
	background: url(../images/yellowtick.gif) 0 4px no-repeat;
	text-align: left;
	margin: 0;
	padding: 2px 0 4px 12px;
}
.yellow {
	color: #f93;
}
a {
	color: #000;
	text-decoration: underline;
}
.download {	
	text-align:center;
	clear:both;
}
.productlink  {
	color: #f93;
	text-decoration: underline;
	font-size: 14px;
}
h1.dontslip {
	width: 460px;
	height: 104px;
	display: block;
	text-indent: -9999px;
	margin: 20px 0;
	background: #fff url(../images/DontSlip.jpg) center no-repeat;
}
h1.headline {
	font-size: 32px;
	color: #f93;
}
h2 {
	font-size: 16px;
	color: #f93;
}
h3 {
	font-size: 14px;
	line-height: 0.8;
	color: #333;
}
td.contact {
	font-weight: bold;
}
ul.notick {
	list-style-image: url(../images/bullet.gif);
}
ul.tick {
 	list-style: none;
	margin: 0;
	padding: 0;
}
ul.tick li {
	list-style-image: none;
	background: url(../images/tick.gif) 0 4px no-repeat;
	text-align: left;
	margin: 0;
	padding: 2px 0 4px 12px;
	font-weight: bold;
}
ul.sitemap {
	list-style-image: url(../images/bullet.gif);
	font-size: 13px;
	line-height: 1.8;
}
.closeWindow {
	text-align: right;
}
.links h3 {
	color: #333;
	font-size: 14px;
	height: 0;
}
a.links {
	text-decoration: underline;
	color: #f93;
}

/* === IMAGES  === */
img.rightpic {
	float: right;
	margin: 12px 6px 12px 20px;
}
img.leftpic {
	float: left;
	margin: 20px 12px 12px 0;
}
.caption {
	padding: 6px;
	font-size: 11px;
}

/* === PRODUCT POP-UP BOX ===*/	
#productbox {
	margin: 0;
	padding: 30px 20px;
	text-align: left;
	width: 556px;
	background: #fff url(../images/yellowbanner.jpg) top right repeat-x;
}
#productbox h1 {
	font-size: 18px;
	color: #f93
}
#productbox h2 {
	font-size: 18px;
	color: #f93
}
#productbox a {
	text-decoration: none;
	color: #f93;
	text-align: center;
}

/* === WEB DEVELOPMENT LINK === */	
#webdev {
	font-size: 11px;
	color:#666;
	text-align:center;
	clear: both;
}
#webdev a,
#webdev a:visited,
#webdev a:active {
	color:#666;
}