#main {width:980px; margin:0 auto; position:relative;}

#header {height:146px; background:url(images/header-bg.jpg) no-repeat left top;}
#header, #content, #footer { font-size:0.5625em;}

#content { height:532px; background:url(images/content-bg.jpg) no-repeat left top; position:relative;}

.col-1, .col-2, .col-3 { float:left;}

/*======= index-1.html =======*/
#page2 #content .col-1 {width:177px; margin-right:29px;}
#page2 #content .col-2 { width:162px;}

/*======= index-2.html =======*/
#content .col-1 {width:288px; margin-right:50px;}
#content .col-2 { width:278px;}

/*======= index-3.html =======*/
#page4 #content .col-1 {width:436px; margin-right:12px;}
#page4 #content .col-2 { width:167px;}

/*======= index-4.html =======*/
#page5 #content .col-1 {width:177px; margin-right:19px;}
#page5 #content .col-2 { width:172px;}

/*======= index-5.html =======*/
#page6 #content .col-1 {width:177px; margin-right:19px;}
#page6 #content .col-2 { width:172px;}
#page6 #content .col-3 { width:172px; margin-left:20px;}

/*======= index-6.html =======*/
#page7 #content .col-1 {width:322px;}
#page7 #content .col-2 { width:293px;}


/*=========================*/


#footer {height:72px; background:url(images/footer-bg.jpg) no-repeat left top;}



.showbg{// for fadeout effect *This is optional
background-color: black;
}

.link_nor{// for clickable normal link
background-color: #333333;
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 2px solid #808000;
padding:0px 4px 0px 4px;
text-align:center;
color:white
}


.link_act
{// for clickable active link
background-color:#808000;
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 2px solid #808000;
padding:0px 4px 0px 4px;
text-align:center;
color:white
}

span{// for watermark
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
color:black
}

.gray
{// for cover
background-color: gray;
position: absolute;
border: 0px solid #9F6D11;
z-index: 100;
}

img{// for image border
border: 0px solid ;
background-color: white;
}

.opa{// for watermark opacity 
color:white;
padding:10px 20px 0px 20px;
position: absolute;
z-index: 101;
background-color: #FFA928;
opacity:0.5;
filter: alpha(opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha
(Opacity=100,FinishOpacity=50, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16); 
-moz-opacity: 0.5;
}