/* Zero down margin and padding on all elements to zap browser defaults*/
* {
  margin: 0;
  padding: 0;
}

* *{
  margin: 0;
  padding: 0;
	
}

/* Add back some padding 
------------------------ */

#contentLinks{
	padding-left: 5px;
}

#contentGraphics{
	padding-left: 5px;
}

#contentCopy{
	padding-left: 10px;
}

h1{
  margin-bottom : 15px;
}

h2{
	margin-bottom : 5px;
}

#navSub{
		width: 174px;
}

/* =main structure
------------------------ */

html {
	background-color: #f1eaf4;
}

body {
  font: 62.5%/1.6 Verdana, sans-serif;
  background-color:#f1eaf4;
  text-align: center; 
  min-width: 800px;
  color : #999;
}

#wrapper {
  background-color: #fff;
  width: 760px; 
  margin: 10px auto; 
  text-align: left;
  border: 2px solid #964d9e;
}

#banner{
  height: 140px;
	background-image : url(../assets/images/haptic-banner-760.jpg);
  background-repeat : no-repeat;
}

#navMain{
	height : 30px;
  background-color : #8f3f97;
}

#header{

}

#content{
  background-color : #fff;
}

#contentLinks{
  float : left;
  width : 164px;
  clear : left;
}

#contentGraphics{
  float : left;
	width : 255px;
}

#contentCopy{
  float : left;
	width : 310px;
}

#products{
	float : left;
}

#footer { 
  clear: both;
  height: 25px;
  color: #7b634a;
  background-color: #fff;
  margin: 0px;
  padding-top: 2px;
}

/* =span
------------------------ */

#banner span.strapline{
  position : relative;
  top : 30px;
  left : 320px;
  font-size : 1.75em;
  color : #12417a;
}

#header span{
	float : left;
	background-color : cyan;
}


/* =h
------------------------ */

#header h1 {
	width : 315px;
  background-image: url(../assets/images/h1-welcome-2007.gif);
  background-repeat : no-repeat;
  text-indent : -3000px;
  height : 50px;
  margin-top: 20px;
  float : left;
}

h2.taggies {
  width : 110px;
  background-image: url(../assets/images/h2-taggies-2007.gif);
  background-repeat : no-repeat;
  text-indent : -1000px;
  height : 30px;
}

h2.minimink {
  width : 110px;
  background-image: url(../assets/images/h2-minimink.gif);
  background-repeat : no-repeat;
  text-indent : -1000px;
  height : 30px;
}

h2.about{
  margin-top: 20px;
  background-image: none;
  text-indent: 0;
  color: #8f3897;
	
}

h3 {
  margin-top: 1em;
  font-size: 1.4em;
  font-weight: normal;
  color : #000;
  color : #2a845c;
}

h4{
	color : #8a634a;
	font-size : 1.1em;
}

/* =p
------------------------ */

p {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1.15em;
  margin-bottom: .75em;
  color: #555;
	margin-right : 15px;
}

#header p{
  display :block;
  float : left;
  clear : none;
  font-size : 1.1em;
  padding-top : 40px;
}

span#topCopy p.strapline{
  color : #fb0065;
  font-weight : bold;
}

span#botCopy p.strapline{
  color : #714f12;
  font-weight : bold;
}

 p.first{
  font-weight : bolder;
}

#footer p {
  margin: .25em 0;
  font-size : 1em;
  color: #800080;
  text-align : center;
}

#products ul li.copyright p{
	font-size : .85em;	
}

p.price{
	font-weight : bolder;
	padding-bottom : 20px;
	border-bottom : 1px dotted #8a634a;
}

p.colours{
	padding-top : 10px;
	font-weight : bolder;
}

p.bold{
	font-weight: bold;
}


/* =span
------------------------ */

#contentCopy span#topCopy {
  height : 160px;
}


/* =ul
------------------------ */

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#navMain ul{
  /*
   position : absolute;
	top : 145px;
	left : 260px;
	*/
  padding-left : 240px;
  padding-top : 5px;
}


ul#navSub {
	float : left;
	clear : left;
}
#navSub ul li {
  display : inline; /* :KLUDGE: Removes large gaps in IE/Win */
}

#navMain ul li{
  float : left;
}

/* =a
------------------------ */

a {
  color: #8a634a;
}


#navSub a {
  display: block;
  width: 159px;
  height: 20px;
  line-height: 20px;
  color: #8a634a;
  text-decoration: none;
  text-indent: 10px;
	border-bottom : 1px solid #fff;
	margin-left : 2px;
	background-repeat: repeat-y;
}

#navSub a:link, #navSub a:visited {
  text-decoration: none;
}

#navSub a:hover, #navSub a:active {
  color : #fff;
	background-color : #fff;
  text-decoration : none;
}

#navSub a.taggies{
	/*margin-top : 60px;*/
	height : 162px;
	/*background-image : url(../assets/images/margin-menu-taggies-172.gif);*/
	background-image : url(../assets/images/hp_tags_logo_tm.jpg);
}

#navSub a.minimink{
	height : 162px;
	background-image : url(../assets/images/minmink-logo.jpg);
	margin-top: 5px;
}

#navMain a{
	display : block;
	float : left;
  height: 20px;
  line-height: 20px;
	padding-right : 1em;
	color : #eed6be;
	text-decoration : none;
}

#navMain a:hover, #navMain a:active{
	text-decoration : underline;
}


/* =images
------------------------ */

#contentGraphics img{
  padding-bottom : 5px; 
}

/* =links
------------------------ */


/* =acronym, abbr
------------------------ */

#content p acronym {
  padding-left: 0px;
  border-bottom : 1px dotted;
  text-decoration : none;
  cursor : help;
}

/* =clear
-------------------- */

.clear{
	clear: both;
}