/* CSS Document * written by Ian Latchmansingh*/

html {
height:100%;
}
body {
	height:100%;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#000000;
	background-position:50% 100%;
	background-repeat:no-repeat;
	background-image: url(img/bg-light.jpg);
	background-attachment: fixed;
}

p {
font-size:8pt;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16pt;
letter-spacing:1pt;
}

h2 {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size:11pt;
color:#006699;
text-indent:20px;
}

h3 {
font-size:8pt;
letter-spacing:1pt;
color:#990000;
text-transform:uppercase;
}

h4 {
color:#333333;
font-weight:bold;
text-transform:uppercase;
font-size:8pt;
}

a:link {
color:#0099CC;
text-decoration:none;
}
#text a:visited {
color:#666666;
text-decoration:none;
}
a:hover, a:active {
color:#003366;
text-decoration:underline;
}

/* DIVS */

#wrapper {
width:800px;
margin:0px auto;

}

#top {
width:700px;
height:170px;
background-image: url(img/ecm-top_bg.jpg);
background-position:top center;
background-repeat:no-repeat;
padding-left:100px;
}

#contentwrap {
	width: 600px;
	padding: 0px 100px;
	background-image: url(img/ecm-content_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#left {
	width:150px;
	float:left;
	background-image: url(img/nav-top.gif);
	background-position: center top;
	background-repeat:no-repeat;
	padding-top: 80px;
}

#nav {
width: 150px;
color:#fff;
background-image:url(img/nav-bg.gif);
background-repeat:repeat-y;
}

#navfooter {
height:47px;
width:150px;
background-image:url(img/nav-bot.gif);
background-repeat:no-repeat;
background-position:top;
}

#logo {
width:150px;
height:194px;
margin-top:30px;
background-image:url(img/logobg.gif);
background-repeat:no-repeat;
background-position:top;
padding-top:12px;
}

#right {
width:430px;
float:right;
}

#text {
width:390px;
padding:20px;
margin-bottom:20px;
background-image:url(img/text-bg.gif);
background-repeat:repeat-y;
background-position:center;
}

#ad {
	width:153px;
	height:157px;
	color:#fff;
	padding-left:50px;
	padding-top:15px;
	padding-right: 10px;
	float: left;
}
#ad2 {
	width:153px;
	height:157px;
	color:#fff;
	padding-left:50px;
	padding-top:15px;
	padding-right: 10px;
	float: left;
}
#ad h1, #ad2 h1 {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#FFFFFF;
font-size:18pt;
line-height:5px;
}
#prod-desc {
border-top:3px solid #666666;
border-bottom:2px dotted #AFAFAF;
padding:10px;
margin-bottom:15px;
background-image:url(img/product-bg.gif);
background-position:top left;
background-repeat:no-repeat;
}

#footer {
width:600px;
clear:both;
height:30px;
color:#CCCCCC;
background-color:#000000;
padding:10px 5px;
text-align:center;
border:1px solid #666666;
margin:0 auto;
}

/*NAV*/
#nav ul {
	margin: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	padding: 0;
}

#nav li {
height:30px;
	padding: 0px;
	margin: 0px;
}

#nav a {
display: block;
padding: 0px 0px 0px 16px;
font-family:Arial, Helvetica, sans-serif;
text-transform:lowercase;
text-decoration:none;
font-size:18pt;
letter-spacing: -1pt;
color:#FFFFFF;
}

#nav a:link, a:visited {
color: #FFFFFF;
text-decoration: none;

}

#nav a:hover, #navlist a:active {
	background-color: #638e3c;
	color: #FC9F38;
	background-image:url(img/link-bg.gif);
	background-repeat:repeat-y;
	text-decoration:none;
}

#ad a:link, a:visited, #ad2 a:link, a:visited {
color:#C8E8F7;
text-decoration:underline;
}

#ad a:hover, a:active, #ad2 a:hover, a:active {
color:#FFFFFF;
text-decoration:none;
}

/*custom*/
.clearfix:after {

	content: ".";

		display: block;

			height: 0;

			clear: both;

			visibility: hidden;

			}
#text ol {
font-size:9pt;
color:#990000;
}

#text li {
color:#000000;
}

#prod-desc h2 {
color:#5A9B2B;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-weight:bold;
font-size:12pt;
letter-spacing:-1pt;
text-indent:0;
padding-left:40px;
}

.dvd {
background-image:url(img/ad-dvd.gif);
background-repeat:no-repeat;
background-position:top;
}

.prod {
background-image:url(img/ad-prod.gif);
background-repeat:no-repeat;
background-position:top;
}

.nav-pad {
	padding:0px 10px;
	color: #fff;
}

.text-pad {
padding-left:30px;
}

.img-brd {
border:3px solid #000000;
}

.price {
border-bottom:1px dashed #990000;
padding-bottom:10px;
}