/*--------------------------------------------------------------------
    
    Standard Web CSS Document for NETSARIUS & Eskaywoo projects

---------------------------------------------------------------------*/

/* CCS for elements  */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0px;
	margin-top: 10px;	
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg-watermark2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FFFFFF;	/* Set background color
	   background-color: #02569A;
    */	/* Set background image
       background-image:url('filename.gif');
       background-repeat:no-repeat | repeat | repeat-x | repeat-y;
       background-attachment:fixed; (this will make the image looks like floating)
    */
	background-attachment: fixed;
}
.footer {
	background-image: url(../images/img-line-btm.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
.content {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.navi {
	background-image: url(../images/btn-home-u.png);
}
.heroimg {
	background-image: url(../images/img-hero-home.jpg);
	background-repeat: no-repeat;
}

td,th, p, div {

	/* 12px, 11px, 10px are common */

	/* options for text setting
       color: #000000;
       text-align:  	left | right | center | justify
       text-decoration:  	none | underline | overline | line-through | blink
	   word-spacing:	normal | 14px;
	   letter-spacing:	normal | 14px;
	*/
}

/* CCS for links  */

a:link {
	color: #999999;
	text-decoration: none;	
}

a:visited {
	color: #999999;
	text-decoration: none;	
}

a:hover {
	color: #666666;
	text-decoration: none;	
}
}

a:active {

}

/* header elements */

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}


/* form elements */
BUTTON {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
INPUT {font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align:middle;}
SELECT {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
TEXTAREA {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/* others */
div, h1, h2, h3, h4, form, label, img, span{
	margin:0; padding:0; border:0px;
}


/* block quote and list */
BLOCKQUOTE, PRE	{font-family:	Courier New, monospace;}
UL {
   margin-left:0px;
   padding-left:2px;
   margin-bottom:1px;
      }
   
ul li {
	padding-left: 20px;
	list-style: none;
	background-image: url(../images/ico-bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;	
        }
    
OL {	
   margin-left:20px;
   padding-left:2px;
   margin-bottom:1px;

}
	
	UL LI LI {list-style-type:	disc;}
UL LI LI LI	{list-style-type:	circle;}
OL LI {list-style-type:	decimal;}
OL OL LI {list-style-type:	lower-alpha;}
OL OL OL LI	{list-style-type:	lower-roman;}


/*--------------------------------------------------------------------
    
    User Defined Class and CSS settings

---------------------------------------------------------------------*/

.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #999999;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 5px;
}
.copy {
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color:#EC2C27;
	text-transform: uppercase;
}
.header3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #999999;
	font-weight: bold;
}

a.footer:link, a.footer:visited {
	}
	
a.footer:hover, a.footer:active{
		
}

.copyright {font-size: 8px;}
.imgborder {
	padding: 10px;
	border: 1px solid #CCCCCC;
	text-align: center;
	background-position: center;
}
.box {
	border: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.header4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #333333;
	font-weight: bold;
}

