/* CSS
   template webtom grey by tom.cryns@webtom.be
*/

body {
  	font-family:"Trebuchet MS", Verdana, geneva, sans-serif;
  	font-size:small;
  	background:#ccc;
	margin:0;
	padding:0;
}

* {
	margin:0;
	padding:0;
	line-height:1.5em;
}

h1 {
	padding:0;
  	margin:10px 0px;
	font-family:"Trebuchet MS", Verdana, Sans-Serif;
  	font-size:24px;
  	font-weight:normal;
}

h2 {
	padding:0;
  	margin:-5px 0px 0px 0px;
	font-family:"Trebuchet MS", Verdana, Sans-Serif;
  	font-size:13px;
  	font-weight:normal;
	color:#000;

}

h3 {
	padding:0;
  	margin:10px 0px;
	font-family:"Trebuchet MS", Verdana, Sans-Serif;
  	font-size:14px;
  	font-weight:normal;
	color:#fff;
}
h4 {
	padding:0;
  	margin:10px 0px 0 0;
	font-family:"Trebuchet MS", Verdana, Sans-Serif;
  	font-size:18px;
  	font-weight:normal;
}

#container {
	width:900px;
	margin:5px auto 30px auto;
	padding:5px;
	background:#fff;
  	font-size:95%;
}

#watermark {
	height:25px;
  	margin:0px;
  	padding:5px 10px 10px 10px;
  	color:#fff;
  	font-size:85%;
  	text-align:right;
  	background:#7b7b7b url(../images/tlcorner.gif) top left no-repeat;
}

#watermark h1{
  	margin:0px;
  	font-size:200%;
	color:#fff;
	text-decoration:none;
	text-align:right;
}


#watermark a:link {color:#fff; text-decoration:none;}
#watermark a:visited {color:#fff; text-decoration:none;}
#watermark a:hover {color:#fff; text-decoration:underline;}
#watermark a:active {color:#fff; text-decoration:none;}


#watermark h1 a:link {color:#fff; text-decoration:none;}
#watermark h1 a:visited {color:#fff; text-decoration:none;}
#watermark h1 a:hover {color:#fff; text-decoration:none;}
#watermark h1 a:active {color:#fff; text-decoration:none;}

#header {
  	margin:0;
  	padding:30px 10px 20px 10px;
	background:#7b7b7b;
  	color:#fff;
  	font-size:95%;
  	text-align:left;
  	clear:both;
}

#content {
 	width:880px;
 	margin:5px 0px 5px 0px;
 	padding:10px;
 	float:right;
 	background:#ccc;
}

#content ol,
#content ul{
	padding:5px 20px;
}

#content p{
	padding:3px 0px;
}
 
#content a:link {color:#555; text-decoration:none;}
#content a:visited {color:#555; text-decoration:none;}
#content a:hover {color:#555; text-decoration:underline;}
#content a:active {color:#555; text-decoration:none;}


#content a img{
 	text-decoration:none;
 	border:0;
}


#ads {
	height:50px;
  	margin:0;
  	padding:10px 10px 0px 5px;
	background:#eee;
  	color:#555;
  	font-size:95%;
  	text-align:right;
  	clear:both;
}

#footer {
  	clear:both;
  	padding:5px 10px;
  	background:#333 url(../images/brcorner.gif) bottom right no-repeat;
  	color:#fff;
  	font-family:Verdana, sans-serif;
  	font-size:85%;
  	text-align:left;
}

#footer a:link {color:#fff; text-decoration:none;}
#footer a:visited {color:#fff; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:underline;}
#footer a:active {color:#fff; text-decoration:none;}

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


/* Menu bar CSS */

#nav, #nav ul {
	float:left;
	list-style:none;
	line-height:1;
	background:#949393;
	border:0;
	margin:0;
	text-align:center;
}

#nav a {
	display:block;
	width:150px;
	color:#fff;
	text-decoration:none;
}

#nav li { /* all list items */
	float:left;
	width:150px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width:150px;
	left:-999em;
}

#nav li ul li a {
	color:#fff;
	font-weight:normal;
	border-top:solid white 1px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
}

#nav li:hover, #nav li.sfhover {
	background-color:#616161;
	color:#fff;
}

/* End of Menu bar CSS */

/*column stuff */
.vertline {background:url(../images/whitespacer.gif) top right repeat-y;}
.col1 {float:left;width:60%; margin:0px 0px 10px 10px; padding-right:5px;}
.col1 ul {list-style:square;}
.col2 {float:left; width:30%; margin:0px 0px 10px 10px; background-color:#807f7f; padding-left:5px;}
.col {float:left; width:49%; margin:0px 0px 10px 5px;}
.col ul {list-style:none; margin:0px; padding:0px;}
.colwhite {float:left; width:34%; margin:0px 0px 10px 10px; padding-top:20px; background-color:#ccc; padding-left:5px; color:#000; line-height:12px;}
.colwhite h3 {line-height:12px;}
.vertliner {background:url(../images/whitespacer.gif) top left repeat-y;}
.productscol {float:right; background-color:#fff;margin:0px 0px 10px 0px;  padding:20px 5px 0 5px; line-height:12px;}

/* gallery */
.portfolio {background-color:#FFF; width:882px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;}
.portfolionav {width:880px; margin-left:auto; margin-right:auto;}
.portfolio td {padding:1px 0px 1px 1px; margin-left:auto; margin-right:auto;}
#gallbutt a:link {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px; text-decoration:none;}
#gallbutt a:visited {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px; text-decoration:none;}
#gallbutt a:hover {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px; text-decoration:none;}
#gallbutt a:active {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px; text-decoration:none;}
.page {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px; text-decoration:underline;}

/* link box */
#textbox {width:800px; margin-left:auto; margin-right:auto;}
#textbox ul {list-style-position:outside; list-style-image: url(../images/bullet.gif); margin-left:20px; padding-left:0px;}
#textbox ul li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #fff;}
#textbox h2 {padding:0;	margin:10px 0 0 0; font-family:"Trebuchet MS", Verdana, Sans-Serif; font-size:12px; font-weight:normal; color: #fff;}
#textbox a:link {text-decoration:underline; color:#fff;}
#textbox a:visited {text-decoration:underline; color:#fff;}
#textbox a:hover {text-decoration:underline; color:#D980AA;}

.que {color:#9C3030;}
.ans {color:#333;}
.back {text-align:right; color: #fff;}

#breadcrumb {color: #fff;
	background-color:#666;
	width:210px;
	font-family:"Trebuchet MS", Verdana, Sans-Serif;
  	font-size:10px;
  	font-weight:bold;
	padding:5px 0px
}

#breadcrumb ul {
	margin-left:auto;
	margin-right:auto;
	display:inline;
	border:none;
	} 

#breadcrumb ul li {
	border:none;
	list-style:none;
	display:inline;
	}

#breadcrumb a:link {text-decoration:none; color:#fff;}
#breadcrumb a:visited {text-decoration:none; color:#fff;}
#breadcrumb a:hover {text-decoration:underline; color:#D980AA;}
#breadcrumb .sel a {text-decoration:underline; color:#999;}


#homebull li {
	display:inline;
	padding-right:10px;
	}

.center {text-align:center; clear:both;}
.nocenter {text-align:left;}

.inline {display:inline;}
.inliner {float:right; display:inline;}

.heading {
	padding:0;
  	margin:10px 0px;
	font-family:"Trebuchet MS", Verdana, Sans-Serif;
  	font-size:24px;
  	font-weight:normal;
}

.button {padding: 0px 0px 0px 4px;}

#products {margin-right:auto; margin-left:auto;background-color:#fff;}
#products td {border:1px solid #999; padding:5px;}
#products img {padding:5px;}

.pad {padding-top:5px;}