@charset "utf-8";
/* CSS Document */

body
{
margin:0; 
padding:0;
background-color:#000000; font-family:"arial";
font-size:12px;
line-height:18px;
color:#636466; text-align:justify;
}
.maintext
{
font-family:arial;
font-size:12px;
line-height:18px;
color:#636466; text-decoration:none;
}
a
{
color:#636466;
text-decoration:none;
}
p
{
padding:0px; margin:0px;
}

#wrapper
{
width:100%;
height:auto;
}

#main
{
width:990px;
height: 1100px; 
margin:0 auto;
}

#header
{
width:990px;
height:491px;
}

#opadiv{
	background:rgba(225,4,4,0.4);
	margin:0; padding:0;
	position:absolute;
	z-index:1000;
	height: auto;
	width:990px;
}

@font-face {
 font-family:'CALIBRI';
 src:url('../font/Calibri.eot');
 src:local('O'), url('../font/Calibri.woff') format('woff'), url('../font/CALIBRI.ttf') format('truetype'), url('../font/Calibri.svg') format('svg');
 font-weight:normal;
 font-style:normal
}

.nav
{
width:900px; padding-left:150px; height:50px;
font-family:'CALIBRI', cursive ;
float:left; color:#fff;
font-size:18px; 

}

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

.nav ul li
{
float:left;
padding:0 10px 0 10px; 

}

.nav ul li a
{
text-decoration:none;
color:#fff;
display:block;
line-height:50px;
padding:0 10px 0 10px; 
}

.nav ul li a.active
{
color:#000; 
background:rgba(225,4,4,0.9);
}

.nav ul li a:hover
{
text-decoration:none;
color:#000; background:rgba(225,4,4,0.9);
}
.right-container
{
width:303px; 
height:400px; 
float:right; padding-right:10px; 
}
.right-box
{
width:303px; 
height:214px; 
background:url(../images/right-box.jpg) no-repeat; 
float:right; 
}

.heading
{
font-family:"CALIBRI";
font-size:30px;
letter-spacing:1px;
line-height:18px;
color:#e10404; font-weight:bold;

}

.heading
{
font-family:"CALIBRI";
font-size:25px;
letter-spacing:1px;
line-height:18px;
color:#45413f; font-weight:bold; text-decoration:none;

}

.text1
{
font-family:"CALIBRI";
font-size:20px;
letter-spacing:1px;
line-height:18px;
color:#45413f; font-weight:bold;

}

.text2
{
font-family:"CALIBRI";
font-size:20px;
letter-spacing:1px;
line-height:18px;
color:#bb3535;
font-weight:bold; text-decoration:none;
}
.text2 a
{
font-family:"CALIBRI";
font-size:20px;
letter-spacing:1px;
line-height:18px;
color:#bb3535;
font-weight:bold; text-decoration:none;
}
.text2 a:hover
{
font-family:"CALIBRI";
font-size:20px;
letter-spacing:1px;
line-height:18px;
color:#bb3535;
font-weight:bold; text-decoration:none;
}

.text3
{
font-family:arial;
font-size:14px;
letter-spacing:1px;
line-height:18px;
color:#45413f;

}

.text4
{
font-family:arial;
font-size:13px;
letter-spacing:1px;
line-height:18px;
color:#820000;
font-weight:bold; text-decoration:none;

}
.text4 a
{
font-family:arial;
font-size:13px;
letter-spacing:1px;
line-height:18px;
color:#820000;
font-weight:bold; text-decoration:none;

}
.text4 a:hover
{
font-family:arial;
font-size:13px;
letter-spacing:1px;
line-height:18px;
color:#820000;
font-weight:bold; text-decoration:none;

}

.text5
{
font-family:arial;
font-size:16px;
letter-spacing:1px;

color:#45413f; font-weight:bold;

}









#opadiv2{
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	position:absolute;
	z-index:1000;
	
	width:650px;
	margin-left:15px;
	top:480px;
	float:left;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(34, 34, 34, 0.3);
	box-shadow: 0px 0px 5px 3px rgba(34, 34, 34, 0.3);

}


.item {
	width:232px;
	height:179px;	
	/*border:4px solid #ccc;	*/
	margin:5px 5px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.item .caption {
	width:232px;
	height:179x;
	background:#000;
	color:#fff;
	font-weight:normal;
	overflow:auto;
	overflow-x:none;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=90);    /* ie  */
	-moz-opacity:0.9;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.9;    /* for really really old safari */  
	opacity: 0.9;    /* css standard, currently it works in most modern browsers like firefox,  */
	
}

.item .caption a {
	text-decoration:none;
	color:#fff005;
	font-size:16px; font-weight:bold;
	
	/* add spacing and make the whole row clickable*/
	padding:10px;
	display:block;
}

.item .caption p {
	padding:5px 15px 10px 15px;	
	margin:0;
	font-size:13px; text-align:justify; line-height:17px;
}



.clear {
	clear:both;	
}









/*========================= from css start ====================================*/ 	
	
	
INPUT {
 background:url(../images/input.png) 0 0 repeat-x;
 border:1px solid #d3d3d3;
 color:#555;
 padding:5px;
 float:left;

}
SELECT {
 background:url(../images/input.png) 0 0 repeat-x;
 border:1px solid #d3d3d3;
 color:#555;
 padding:5px;
 float:left;

}
TEXTAREA {
 background:url(../images/input.png) 0 0 repeat-x;
 border:1px solid #d3d3d3;
 color:#555;
 padding:5px;
 float:left;

}
fieldset, input, textarea, select, a.button, .meta ul li a, ul.nav li li a:hover, p.main input, input.login, table, .message, #easyTooltip, div.wysiwyg {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
input.button
{
    background-repeat: repeat-x;
    color: #FFF;    
    font-weight: bold;
    display: inline-block;    
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    padding: 0 12px 4px;
    margin: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
    cursor: pointer;
    position: relative;
}

.button{ background-position: 0 -80px; font-size: 12px; height: 32px; line-height: 29px; }

*+html .button, *+html .button-icon { border-color: none ; border: 1px solid transparent; }

.button{  background-image:url(../images/bg-lite.png); background-color: #263849; border-color: #610101; }
.button:hover{ background-color: #16222C; color: #FFF; }

.button-state { background-color: #a60404; border-color: #610101; }
.button-state:hover { background-color: #610101; }

.button-action { background-image:url(../images/bg-lite.png) !important; }

.button-state { inherit button; background-image:url(../images/bg-lite.png) !important; }

.button-action { background-color: #ae085c; border-color: #610101; }
.button-action:hover { background-color: #7a0440; }


/*========================= form CSS End ====================================*/