@charset "UTF-8";
/* CSS Document */
body
{
	margin:auto;
	height:100%;
	width:100%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@index.php@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*******************************/
#header
{					
	margin:auto;
	min-height:160px;
	width:1130px;	
}
#header .logo
{
	margin:50px 0px 0px 70px;
	float:left;
}
#header a
{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
}

#header .link a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7b8d9b;
}
#header .link a:hover
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:13px;
}
/*******************************/
#content
{
	width:950px;
	margin:auto;
	min-height:230px;
}
#content .subtitle
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	font-weight:bold;
}
#content .sub
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}
/*******************************/
#howtodo
{
	width:100%;
	min-height:211px; 
	background-color:#e5ecf3; 	
	margin:auto;
	background-image:url(../images/gradient_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color:#dde5e9;
	border-bottom:1px solid #a7b4be;
}
#howdowedoit1
{
	border:1px solid #cdcdcd;
	width:410px;
	height:194px;
	background-color:#FFFFFF;	
	float:left;	
}
#howdowedoit1 .title
{
	color:#707070;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:20px;	
	font-weight:bold;	
}
#howdowedoit1 a
{
	text-decoration:none;
	color:#7b8d9b;
}
#howdowedoit1 a:hover
{
	text-decoration:underline;
	color:#000000;
}

#howdowedoit1 .subtitle
{
	color:#7b8d9b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:11px;	
	margin-left:20px;
	margin-top:2px;
	text-decoration:none;	
}
#howdowedoit1 .subtitle a
{
	text-decoration:none;
	color:#7b8d9b;
}
#howdowedoit1 .subtitle a:hover
{
	text-decoration:none;
	color:#000000;
}

#howdowedoit1 .sub
{
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:20px;		
}
#howdowedoit1 .sub a
{
	text-decoration:none;
	color:#666666;
}
#howdowedoit1 .sub a:hover
{
	text-decoration:underline;
	color:#000000;
}
/*******************************/
#footer
{
	text-align:right;
	color:#7b8d9b;
	margin-top:3px;
	margin-right:20px;
	font-size:10px;
}
#footer a
{
	color:#7b8d9b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
}
#footer a:hover
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
	text-transform:uppercase;
}
#aOnce
{
	width:100%; 
	background-color:#b9c9d7; 
	height:37px; 
	margin-top:10px; 
	text-align:right;
	border-bottom:7px solid #ffffff;
}
#aOnce a
{
	text-decoration:none; 
	color:#7f919f;
}
#aOnce a:hover
{	
	color:#000000;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@index_page.php@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#main
{
	width: 100%;	
	/*height:600px;*/
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@pruducts.php@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#pruducts
{
	background-image:url(../images/gradient_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color:#dde5e9;
	border-bottom:1px solid #a7b4be;
}
#pruducts img
{
	border:0px;
	text-decoration:none;
}

.description {
	position: absolute;
	z-index: 5;
	display: block;
	/*background: url(../images/layer1-copy.gif) 0px 10px no-repeat;*/
	background: url(../images/layer2.gif) 0px 10px no-repeat;
	padding: 0px;
	width: 214px;
	margin-top: 109px;
	height: 70px;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
	cursor:pointer;
}
.description a
{
text-decoration:none;
color:#000000;
}
.description2 {
	position: absolute;
	z-index: 5;
	display: block;
	background: url(../images/layer2.gif) 0px 10px no-repeat;
	padding: 0px;
	width: 244px;
	margin-top: 169px;
	height: 133px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	cursor:pointer;
}
.description3 {
	position: absolute;
	z-index: 5;	
	display: block;
	/*background: url(../images/layer3.gif) 0px 10px no-repeat;*/
	background: url(../images/layer2.gif) 0px 10px no-repeat;
	padding: 0px;
	width: 187px;
	margin-top: 169px;
	height: 126px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	cursor:pointer;
}
.description4 {
	position: absolute;
	z-index: 5;
	display: block;
	/*background: url(../images/layer4.gif) 0px 10px no-repeat;*/
	background: url(../images/layer2.gif) 0px 10px no-repeat;
	padding: 0px;
	width: 232px;
	margin-top: 119px;
	height: 96px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	cursor:pointer;
}
.description5 {
	position: absolute;
	z-index: 5;
	display: block;
	/*background: url(../images/layer5.gif) 0px 10px no-repeat;*/
	background: url(../images/layer2.gif) 0px 10px no-repeat;
	padding: 0px;
	width: 244px;
	margin-top: 169px;
	height: 101px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	cursor:pointer;
}
.description6 {
	position: absolute;	
	display: block;
	/*background: url(../images/layer6.gif) 0px 10px no-repeat;*/
	background: url(../images/layer2.gif) 0px 10px no-repeat;
	padding: 0px;
	width: 187px;
	margin-top: 169px;
	height: 101px;
	filter:alpha(opacity=1);
	-moz-opacity:.01;
	opacity:.01;
	z-index: 200;
	cursor:pointer;
}
.description7 {
	position: absolute;
	z-index: 5;
	display: block;
	/*background: url(../images/layer7.gif) 0px 10px no-repeat;*/
	background: url(../images/layer2.gif) 0px 10px no-repeat;
	padding: 0px;
	width: 232px;
	margin-top: 112px;
	height: 74px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	cursor:pointer;
}
.description8 {
	position: absolute;
	z-index: 5;
	display: block;
	/*background: url(../images/layer8.gif) 0px 10px no-repeat;*/
	background: url(../images/layer2.gif) 0px 10px no-repeat;
	padding: 0px;
	width: 214px;
	margin-top: 169px;
	height: 101px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	cursor:pointer;
}
.description2 a
{
text-decoration:none;
color:#000000;
}
.description3 a
{
text-decoration:none;
color:#000000;
}
.description4 a
{
text-decoration:none;
color:#000000;
}
.description5 a
{
text-decoration:none;
color:#000000;
}
.description6 a
{
text-decoration:none;
color:#000000;
}
.description7 a
{
text-decoration:none;
color:#000000;
}
.description8 a
{
text-decoration:none;
color:#000000;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#aboutopal
{
	width:972px; 
	margin:auto;
}
#spantitle
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:22px;
}
#aboutopal a
{
	text-decoration:none;
	color:#5e798f;
}