/*

	colors:
		#820b8d // dark purple
		#cc99cc // light purple
		#00bb55 // green

*/

/* =Global Reset
-----------------------------------------------------------------------------*/
* {font-size: 100.01%; margin: 0; padding: 0;}
html {font-size: 74.5%; background-color:#c9c;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 0 0 1em;
}

/* =Base Elements
---------------------------------------------------------------------- */
a, a:link, a:visited, a:active {color: #8C8574; text-decoration: underline;}
a:hover {color: #645634; text-decoration: underline;}
body {
	background: #cc99cc url(/img/bg.gif) top repeat-x;
	color: #333;
	font: 1.1em/1.75em "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	padding-bottom: 3em;
}
h1 {display: none;}
h4 {color: #555; font-size: 1.3em; font-weight: normal;}
h3 {color: #00bb55; font-size: 1.3em; font-weight: normal;}
h4 {font-size: 1.1em;}
h5 {font-weight: normal; font-size: 1.2em; margin-top: 2em; border-bottom: 1px solid #ddd; padding-bottom: .5em}
hr {border: none; height: 1px; background: #fff; margin: 1.25em 0;}
img {border: 0;}
ol, ul {margin-left: 2em;}

/* =Structure
---------------------------------------------------------------------- */
#wrap 		{margin: 0 auto; width: 760px;}
#masthead {margin: 0 auto; width: 770px;}
#nav {margin: 0 auto; width: 770px;}
#content 	{}
#sidebar 	{}
#footer		{}

/* =Wrap
---------------------------------------------------------------------- */
#wrap {
	background: #fff url(/img/bg-content.gif) 0 0 no-repeat;
	border: 5px solid #cc99cc; 
	border-top: none;
	border-bottom: none;
}

#nav a, #nav a:link, #nav a:visited, #nav a:active {color: #fff; text-decoration: none;}
#nav a:hover {color: #000; text-decoration: none;}

#nav a.active, #nav a.active:link, #nav a.active:visited, #nav a.active:active {color: #820b8d; text-decoration: none; } /* background:url(/img/tab_left.gif) no-repeat left; color:#cc99cc; */
#nav a.active:hover {color: #000; text-decoration: none; }

#nav {
	background: url(/img/bg-nav.gif) 0 0 no-repeat;
	line-height: 2.5em;
	text-align: right;
}
#nav ul {
	list-style: none;
	margin: 0;
}
#nav li {
	display: inline;
	margin-right: 18px;
}

#nav li.active {
	display: inline;
	margin-right: 18px;
/*	background:url(/img/tab_right.gif) no-repeat right #cc99cc; */
}


/*
#navtab {
	height:24px;
	margin: 0;
	padding:0;
	display:block;
	background:url(/images/shell/bg_nav4.gif) repeat-x top left;
}
#navtab ul {
	height:24px;
	margin:0;
	padding:0 0 0 13px;
	list-style:none;
	display:block;
}
#navtab li {
	float: left;
	margin:0 4px 0 0;
	padding:0;
	list-style:none;
	display:block;
}
#navtab a {
	font-family: Arial;
	font-size: 16px;
	font-weight:bold;
	color:#FFF;
	margin:0;
	padding:0 0 0 14px;
	text-decoration:none;
	text-transform:capitalize;
	text-align:center;
	line-height:24px;
	display:block;
}
#navtab a span {
	padding:0 14px 0px 0;
	display:block;
	text-transform:capitalize;
}

#navtab a.leftnav {
	font-family: Arial;
	font-size: 13px;
	font-weight:bold;
	color:#FFF;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
	text-transform:lowercase;
	text-align:center;
	line-height:24px;
	display:block;
}
#navtab a.leftnav span {
	padding:0 7px 0 0;
	display:block;
	text-transform:lowercase;
}

#navtab a:hover {background:url(/images/shell/nav_left3.gif) no-repeat left; color:#333;}
#navtab a:hover span {background:url(/images/shell/nav_right3.gif) no-repeat right }
#navtab a.active {background:url(/images/shell/nav_left3.gif) no-repeat left; color:#333;}
#navtab a.active span {background:url(/images/shell/nav_right3.gif) no-repeat right;}
*/

#acclogin {display: none;}

/* =Masthead
---------------------------------------------------------------------- */
#masthead {
	position: relative;
	height: 100px;
}
#logo {
	position: absolute;
	top: 0;
	left: 0;
/*	z-index: 2; */
}

/*
#cart {
	height: 48px;
	position: absolute;
	bottom: 20px;
	right: 25px;
	font-size: 1em;
	font-weight: bold;
	line-height: 48px;
}
#cart a {
	background: url(/img/cart.png) 235px 0 no-repeat;
	color: #fff;
	display: block;
	text-decoration: none;
}
#cart a:hover {
	background: url(/img/cart.png) 235px -48px no-repeat;
}
#cart a em {color: #e7e3cf; font-style: normal; font-weight: normal; padding-left: 20px;}
#cart a:hover em {color: #fff;}
#cart a strong {color: #645634; padding-left: 75px; text-decoration: underline;}
#cart a:hover strong {color: #332c1b;}
*/

#team {
/*	height: 48px; */
	position: absolute;
	bottom: 10px;
	right: 25px;
	font-size: 1em;
	font-weight: bold;
/*	line-height: 48px; */
}
#team a {
/*	background: url(/img/cart.png) 235px 0 no-repeat; */
	color: #820b8d;
	display: block;
	text-decoration: none;
}
#team a:hover {
/*	background: url(/img/cart.png) 235px -48px no-repeat; */
}
#team a em {color: #820b8d; font-style: normal; font-weight: normal; /* padding-left: 20px; */}
#team a:hover em {color: #cc99cc;}
#team a strong {color: #820b8d; /* padding-left: 75px; */ text-decoration: underline;}
#team a:hover strong {color: #cc99cc;}


/* =Content
---------------------------------------------------------------------- */
#content {
	margin: 20px 20px 0;
	float: left;
	width: 495px;
}
#content h3, #content h4 {
	border-bottom: 1px solid #eee;
	margin-bottom: .5em;
	padding-bottom: .5em;
}
#preview {
	background: url(/img/preview.jpg) 0 0 no-repeat;
	color: #666;
	height: 200px;
	width: 495px;
	margin-bottom: 2em;
}
#preview-content {
	padding: 10px 15px 0;
	width: 220px;
}
#preview-image {
	float:right;
	padding: 10px 0px 0px 20px;
	width: 215px;
}
#preview-content h3 {
	border: none;
	padding: 0;
}
#watchdemo a {
	background: url(/img/watchdemo.png) 0 0 no-repeat;
	display: block;
	width: 155px;
	height: 28px;
	text-indent: -9999px;
	margin: 0 auto .5em;
}
#watchdemo a:hover {
	background: url(/img/watchdemo.png) 0 -28px no-repeat;
}
.feature {
	background: url(/img/bg-feature.gif) bottom left no-repeat;
	float: left;
	margin-top: .5em;
	margin-left: 10px;
	padding-left: 5px;
	width: 145px;
}
.feature p {
	color: #888;
	line-height: 1.5em;
	margin-bottom: .5em;
}
.feature strong {
	color: #06c;
}
.feature:hover strong {color: #222;}
.feature:hover p {
	color: #555;
}
#latestnews {
	width: 100%;
}

#latestnews_half {
	width: 55%;
}


#latestnews p {
	background: url(/img/news.gif) 0 0 no-repeat;
	color: #333;
	line-height: 1.4em;
	padding-left: 2em
}
#latestnews a {
	text-decoration: none;
}
#quote {
	color: #666;
	float: right;
	font-size: 1.2em;
	font-style: italic;
	margin-right: 5%;
/*	margin-top: 2em;*/
	text-align: right;
	width: 35%;
}
#quote p:hover {
	color: #06c;
}
#quote em {
	color: #aaa;
	font-size: .8em;
}
.zemRequired {font-weight: bold;}
#zemContactForm #name, #zemContactForm #email, #zemContactForm #subject, #zemContactForm #enquiry {font-weight: normal; width: 100%;}
#zemContactForm #enquiry {font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;}
.highlight {
	background: #ffffd3;
	margin-top: .5em;
	padding: .5em;
}
.date {color: #999;}

/* =Sidebar
---------------------------------------------------------------------- */
#sidebar {
	color: #888;
	float: left;
	margin: 20px 0 0;
	width: 200px;
}
#sidebar p:hover, #sidebar ul:hover {color: #666;}
#sidebar h3 {
	border-bottom: 1px solid #eee;
	color: #00bb55; /* 888 */
	margin-bottom: .5em;
	padding-bottom: .5em;
}
#sidebar ul {
	list-style-type: circle;
}
#version a {
	background: url(/img/version.png) 0 0 no-repeat;
	display: block;
	width: 155px;
	height: 28px;
	text-indent: -9999px;
	margin-left: 22px;
}
#version a:hover {
	background: url(/img/version.png) 0 -28px no-repeat;
}
#buynow {
	border: 2px solid #fc0;
	line-height: 1.75em;
	margin: 2em auto;
	text-align: center;
	width: 100px;
}
#buynow a {
	display: block;
	padding: 1em;
}
#buynow a, #buynow a:link, #buynow a:visited, #buynow a:active {color: #000; text-decoration: none;}
#buynow a:hover {color: #06c; text-decoration: none;}
#buynow p {
	margin: 0;
}
#buynow a strong {
	color: #06c;
	font-size: 1.25em;
}
#buynow a:hover strong {
	color: #000;
	font-size: 1.25em;
}
#buynow a em {
	color: #999;
}
#buynow a:hover em {
	color: #06c;
}

/* =Footer
---------------------------------------------------------------------- */
#footer a, #footer a:link, #footer a:visited, #footer a:active {color: #fff; text-decoration: none; }
#footer a:hover {color: #000; text-decoration: none;}

div#footerwrap {
	width:100%;
	/*	position:absolute; */
	bottom:0;
	left:0;
	height:30px;
}
body>div#footerwrap {
	/* position:fixed;  */
}
div#footer {
	height:30px;
}

div#footer{
	background: #00bb55;
	color: #fff;
	padding: 0 6px;
	text-shadow: 2px 2px #222;
}
div#footer p {
	line-height: 30px;
	text-align: left;
}
.right {float: right; padding-right: 12px;}


/* =Other
-----------------------------------------------------------------------------*/
.clear {clear:both;}
#accessability {display: none;}

/* ------------------------------------------------------------ 
    ACCOUNT
------------------------------------------------------------ */
#login {margin-bottom: 1em;}
#login input, #changepass input {
	color: #695B3A;
	font-weight: bold;
	margin: .5em 0;
}
#login p, #changepass p {margin-bottom: .25em;}
#login form label, #changepass form label {
	display: block;
	float: left; 
	margin: 7px 10px 0 0;
	text-align: right; 
	width: 70px;  
}
#forgotten {display: none;}
#changepass {display: none;}
#history {margin-top: .25em;}
#history strong {
	display:block;
	float: left;
	width: 150px;
}
#history p {margin: 0;}

.memorium_photo { padding: 5px; width:260px; float:left}
.memorium	{ color: #820b8d; }

hr.table {background:#FDF none repeat scroll 0% 50%;
border:medium none;
height:2px;
margin:0.8em 0pt;
}

blockquote {
	padding-left: 10px;
	border-left: 2px solid #fdf;
	margin-left: 10px;
	font-style:italic;
	color: #820b8d;
}

blockquote em {
	font-weight:bold;
	}


#rotatingImages {
margin:0pt;
background-image:url(/img/imageRotate_Backer.jpg);
background-repeat:no-repeat;
/* float:right; */
margin-left:100px; 
text-align:center;
height:196px;
padding:14px 0pt 0pt 18px;
width:305px;
}