*{
padding:0;
margin:0;
}

body {
padding:0px;
background: #ffffff;
font-family: Arial,sans-serif;
color: #000000;
}

#container {
margin-left: 10px;
margin-top: 10px;
background-color: #ffffff;
border: 0px solid black;
width: 70%;
padding-top: 10px;
padding-bottom: 10px;
}

#products_container {
margin-left: 10px;
margin-top: 10px;
background-color: #ffffff;
border: 0px solid black;
padding-top: 10px;
padding-bottom: 10px;
}

#about {
width: 75%;
}

#about p {padding-bottom: 10px;}


/* Navigation bar */

.sand_bl {background: url(images/sand_bl.gif) 0 100% no-repeat #ffcc99;}
.sand_products_bl {background: url(images/sand_bl.gif) 0 100% no-repeat #ffcc99;}
.sand_br {background: url(images/sand_br.gif) 100% 100% no-repeat}
.sand_tl {background: url(images/sand_tl.gif) 0 0 no-repeat}
.sand_tr {background: url(images/sand_tr.gif) 100% 0 no-repeat; padding:5px;}

.clear {font-size: 1px; height: 1px} 

#nav {margin-bottom: 10px;}

.blue_bl {background: url(images/blue_bl.gif) 0 100% no-repeat #ccddff;}
.blue_br {background: url(images/blue_br.gif) 100% 100% no-repeat}
.blue_tl {background: url(images/blue_tl.gif) 0 0 no-repeat}
.blue_tr {background: url(images/blue_tr.gif) 100% 0 no-repeat; padding:5px;}

.exp_bl {background: url(
http://www.thoughtless.ca/dyn_img/2c906429-0c7b-4462-866e-e8b3f6d83595/corner/direction/bottom-left/curve/1/from/ffffff/to/000000/size/5) 0 100% no-repeat #000000; width: 5em;}
.exp_br {background: url(http://www.thoughtless.ca/dyn_img/2c906429-0c7b-4462-866e-e8b3f6d83595/corner/direction/bottom-right/curve/1/from/ffffff/to/000000/size/5) 100% 100% no-repeat}
.exp_tl {background: url(http://www.thoughtless.ca/dyn_img/2c906429-0c7b-4462-866e-e8b3f6d83595/corner/direction/top-left/curve/1/from/ffffff/to/000000/size/5) 0 0 no-repeat}
.exp_tr {background: url(http://www.thoughtless.ca/dyn_img/2c906429-0c7b-4462-866e-e8b3f6d83595/corner/direction/top-right/curve/1/from/ffffff/to/000000/size/5) 100% 0 no-repeat; padding:5px;}


#mainleft {
width: 29%; /* 30% of container, which is 50% */		
float: left;
margin-right: 1%
}	


#mainright {
width: 69%; /* 70% of container, which is 50% */
float: left;
margin-right: 1%;
}


#footer {
clear: both;
margin-left: 0px;
width: 50%; /* 50% just like the container */
background-color: #ffffff;
text-align: left;
}


.ctr {display: block; margin-left: auto; margin-right: auto;}
.smaller {font-size: smaller; color: #000000;}
.nobullet {list-style-type: none;}

table.products {width: 75%;}
table.products td {vertical-align: top; font-size: smaller;  width: 50%; padding-bottom: 10px;}

.imglink {border: none;}
	
.u {text-decoration: underline;}

ul {margin-left: 20px;}
	

a:link {font-size:14px; color: #0000ff; text-decoration: underline; font-family: Arial,sans-serif; font-weight: bold;}
a:visited {font-size:14px; color: #0000ff; text-decoration: underline; font-family: Arial,sans-serif; font-weight: bold;}
a:hover {font-size:14px; color: #ff0000; text-decoration: none; font-family: Arial,sans-serif; font-weight: bold;}
a:active {font-size:14px; color: #ff0000; text-decoration: none; font-family: Arial,sans-serif; font-weight: bold;}


h2 {border-bottom: 1px solid #000000; margin-bottom: 5px; color: #000000;}