/* CSS Document */



/*General*/

.clear {

	clear:both;

	}

/*END*/





/*----- Page Styling -----*/



body {

	margin:0px;

	padding:0px;

	font-family:Arial;
	
	background:url(bg.png) top center no-repeat;

	}



#wrap {

	width:750px;

	margin:auto;
	

	}





/*----- END Page Styling -----*/





/*Contact Details*/

#contactdetails {


	float:right;
	padding-right:10px;



	}
	
#ph {
font-size:2.2em;
line-height:100px;
width:150px;
text-align:center;
}

/*END*/





/*Logo and Name*/

#name {

	color:#000;

	text-decoration:none;

	font-family:Arial;

	font-size:1.3em;

	line-height:100px;

	float:left;

	padding:0px;

	margin:0px;

	}

#name:hover {

	color:#990000

}

#logo {

	float:left;

	border:0px;
	padding:0px;
	margin:0px;

	}

/*END*/





/*Banner*/

#banner {

	border-top:3px #000000 solid;

	border-bottom:3px #000000 solid;

	}

/*END*/





/*Menu*/

/* common styling */
.menu {font-family: arial; width:750px; position:relative; margin:0; font-size:14px; margin:2px 0 0 0px 0; z-index:5;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000000; width:125px; height:30px; text-align:center; background:#fff; line-height:30px; font-size:14px; overflow:hidden; border-bottom:3px solid #000;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:0px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background: #993333;}
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0; width:125px; border-top:3px solid #000;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#fff; color:#000; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; font-size:12px; line-height:24px; height:24px;}
.menu ul li:hover ul li a:hover {background:#660000; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:126px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-126px;}

/*END*/
	#selfCCC {float:right; line-height:30px; padding-right:50px;}
	fieldset { border:0;margin:0;padding:0; }
	label { display:block; }
	input.text,textarea { width:300px;font:.9em arial; color:#333333; padding:3px;margin:1px 0;border:1px solid #ccc; }

/*Home*/

.homeflash {
position:relative;
top:0px;
float:right;
display:block;
width:400px;
margin-bottom:6px;
margin-top:5px;
z-index:1;
}

.homecontent {
width:750px;
margin:auto;
}

a.lightbox {
*position:relative;
*top:-2px;
border:1px solid #990000;
padding:3px;
margin-left:6px;
margin-top:11px;
display:block;
float:left;
filter:alpha(opacity=60);
-moz-opacity: 0.6; 
opacity: 0.6;
-khtml-opacity: 0.6;
}
a.lightbox:hover {
filter:alpha(opacity=100);
-moz-opacity: 1; 
opacity: 1;
-khtml-opacity: 1;
}

.homeimg {
border:0px;
padding:0px;
margin:0px; 
}

.hproduct {
display:block;
float:left;
width:245px;
height:100px;
margin-left:5px;
margin-bottom:5px;
font-size:.79em;
text-decoration:none;
}

.hproduct p {
font-size:.75em;
padding:2px;
margin:0px;
margin-top:3px;
color:#000000;
text-decoration:none;
}

.hproduct b {
font-size:1.005em;
font-weight:bold;
text-decoration:none;
}

.hproduct img {
float:left;
padding-right:5px;
padding-top:5px;
padding-bottom:10px;
border:0px;
}

#hometext {
float:left;
display:block;
width:320px;
padding:15px;
font-size:.85em;
text-align:justify;
}

#hometext b {
font-size:1.3em;
font-weight:bold;
color:#663333;
}

#homeq {
coloR:#990000;
padding:5px;
margin-left:10px;
margin-top:8px;
margin-bottom:3px;
float:right;
display:block;
width:140px;
line-height:1.15em;
font-size:1em;
text-align:right;
border-left:2px solid #eebbbb;
}
#homeq span {
color:#995555;
}

#homeq b {
color:#995555;
}
/*END*/

#contentwrap {

padding:0px;

margin:0px;

position:relative;

top:-16px;

}

.homecontent {
}
#contactpinfo b {
font-size:1.1em;
font-weight:bold;
color:#552222;
}
#contactpinfo {
margin-top:20px;
width:150px;
padding:10px;
font-size:.9em;
margin-right:10px;
float:right;
text-align:center;
display:block;
}
.aboutcontent {
font-size:.75em;
padding-left:10px;
}

.contactcontent {
font-size:.85em;
color:#333333;
}

.contactcontent b {
font-size:1.2em;
font-weight:bold;
color:#552222;
}

.aboutcontent b {
font-size:1.1em;
font-weight:bold;
color:#552222;
}
.aboutimg {
float:right;
padding-left:15px;
padding-bottom:10px;
}

.contactimg {
float:left;
padding-right:15px;
padding-bottom:10px;
}

.testcontent {
background:url(testbg.png) bottom right no-repeat;
}
.testcontent ul, .testcontent li {
list-style:none;
padding:0px;
margin:0px;
}

.testcontent b {
font-size:1.1em;
font-weight:bold;
color:#552222;
padding-left:20px;
}

.testcontent ul em {
font-size:.8em;
font-weight:bold;
color:#996666;
}

.testcontent ul a {
text-decoration:none;
color:#000000;
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:18px;
margin:0px;
border-top:1px dotted #000000;
display:block;
}

.testcontent ul a:hover {
background:#330000 url(testimg.jpg) bottom right no-repeat;
color:#FFFFFF;
}

#btmimgs {
float:left;
margin-top:5px;
}

#btmimgs img {
border:0px;
}

#copyright {
margin-top:5px;
height:25px;
display:block;
float:right;
line-height:12px;
font-size:.7em;
text-align:right;
}

#copyright a {
color:#990000;
text-decoration:none;
}

#copyright a:hover {
text-decoration:underline;
}

.productscontent {
	font-size:.8em;
	margin-left:20px;
	margin-right:25px;
}

.productscontent p {
	margin-top:20px; 
}

.productscontent h2 {
	font-size:1.6em;
	margin:0px;
	padding:0px;
	margin-left:10px;
	margin-top:20px;
	color:#990000;
}

.productscontent img {
	border:0px;
	margin-left:-20px;
}

.productimg {
	margin-left:-20px;
}

.pimgr img {
	padding:4px;
	background:#CCCCCC;
	border:1px #666666 solid;
	margin:6px;
}

.pimgr {
	margin-left:30px;
	float:right;
	margin-right:-20px;
	margin-bottom:5px;
	margin-top:5px;
}

.pimgl img {
	background:#CCCCCC;
	border:2px #333333 solid;
	margin:10px;
}

.pimgl {
	margin-right:30px;
	float:left;
	margin-left:-20px;
	margin-bottom:5px;
	margin-top:5px;
}

#productlinks {
background:url(testbg.png) bottom right no-repeat;
}

.productscontent ul, .testcontent li {
list-style:none;
padding:0px;
margin:0px;
}

.productscontent ul em {
font-size:.8em;
font-weight:bold;
color:#996666;
}

.productscontent ul a {
text-decoration:none;
color:#000000;
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:18px;
margin:0px;
border-top:1px dotted #000000;
display:block;
font-size:1.2em
}

.productscontent ul a:hover {
background:#330000 url(testimg.jpg) bottom right no-repeat;
color:#FFFFFF;
}

.product {
padding-right:80px;
}

a:hover .hproduct b {
	text-decoration:underline;
	color:#660000;
}

a:hover .hproduct p {
	color:#330000;
}

a:hover .hproduct {
cursor:hand;
}