/**
*This file is the main css 
*/


/* ........................... */

html
{
	height:100%;
	margin:0;
	padding:0;
}
/*............................*/

element.style 
{
	display:block;
}

/* ................................ */
body {
	background-color:#F1F1F1;
	color:gray;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:0.75em;
	font-weight:normal;
	height:100%;
	margin:0;
	padding:0;
}

/*................................*/


#page-frame 
{
margin:0 auto;
min-height:100%;
position:relative;
width:100%;

}


/* ............................. */


hr {
border:1px solid #be1027;
display:block;
height:0;
margin:20px 0;
padding:0;
}

h1 {

font-size: 18px;
font-weight: normal;
color: #037cdd;

} 

h2 {

font-size: 16px;
font-weight: normal;
color: #037cdd;

} 




/********** headerframe where loging is ********************************/


#header-container 
{
	text-align:right;
	height:100px;
	margin:0 auto;
	width:956px;
	background-color:#f1f1f1;
}

#rightech-logo
{
	background-image:url(../images/logos/header-logo.png);
	background-color:#f1f1f1;
	width:956px;
	height:80px;
	margin-top:10px;
	margin-bottom:10px;
} 

/* ............................................... */

a:visited 
{
	color:#A70805;
	font-weight:bold;
	text-decoration:none;
}

/* ................................................. */




#header-logo
 {
	float:left;
	margin-top:16px;
}

a img
{	border: 20;
	vertical-align: middle;
}

/*...............................................*/


#header-login 
{
background-image:url(../images/image-body/login-box.png);
background-position:right top;
background-repeat:no-repeat;
float:right;
height:72px;
padding-left:25px;
padding-right:24px;
padding-top:10px;
width:334px;
}


/*.............................................*/

form {
	margin:0;
	padding:0;
      }

/*.....................................*/

div.login-item 
{
  float:left;
}



label.login-label
 {
 color:gray;
 display:block;
 font-size:10px;
 line-height:10px;
}


input.username, input.password
 {
	left:0;
	margin-bottom:10px;
	margin-right:5px;
	position:relative;
	width:120px;
}

/*.........................................*/

input.sign-in-button 
{
	border:medium none;
	cursor:pointer;
	height:22px;
	margin-top:10px;
	padding:0;
	vertical-align:top;
	width:57px;
}

.clear {
clear:both !important;
font-size:0.1px !important;
line-height:0 !important;
text-indent:-5000px !important;
visibility:hidden;
}

/*....................................*/

div.remember-me 
{
float:left;
padding-right:16px;
width:120px;
}


div.remember-me input
 {
	cursor:pointer;
	margin:0;
	vertical-align:middle;
}

input
 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}


a:link 
{
	color:#A70805;
	font-weight:bold;
	text-decoration:none;
}

a.forgot-password 
{
	line-height:15px;
	vertical-align:middle;
}

/**************************** end of headerframe where login is**********/
































/*********************** start of main **********/

#main 
{
	padding-bottom:5px;
	text-align:center;
}



.main-container
 {
	background-color:#FFFFFF;
	margin:0 auto;
	width:956px;
	text-align:left;
 }



/******  top  image frame for main container, this image come on the top of the main body where menu starts**/
/*.............................................*/
.frame-top 
{
	background-image:url(../images/image-body/frame-top.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	font-size:1px;
	height:13px;
	width:956px;
}


.frame-bottom
 {
	background-image:url(../images/image-body/frame-bottom.png);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:1px;
	height:13px;
	width:956px;
}



/**__________ content container body image______**/


#content-container
 {
	/* background-color:transparent; */
	/* background-image:url(../images/image-body/content-background.gif); */
	background-position:left top;
	background-repeat:repeat-y;
	width:956px;
}



/* ------ Button Layer ------ */


#button-container
{	
	
	height:45px;
	margin:0 auto;
	width:930px;
	text-align:center;

}

#buttons {
	margin:0px;
	padding:0px;	
}
	
#buttons li {
	list-style: none;
	float:left;
	margin:0px;
	padding:0px;
	
}
#buttons a.buttonLink {
	color:#f1f1f1;
	line-height: 40px;
	margin: 0px;
	padding: 4px 4px 4px 4px; 
	width:150px;
	text-align:center;
	background: #f1f1f1 url('../images/buttons/button.png') 2px 2px no-repeat;
	float:left;
	font-weight: normal;
	font-size:medium;
}

#buttons a.buttonLink:hover {
	background: #f1f1f1 url('../images/buttons/buttonHover.png') 2px 2px no-repeat;
}


/* ------ End Button Layer ------ */






/* **** start top main title start* */
.main-title 
{
height:auto;
margin-left:3px;

}


#main-title 
{
	font-size:25px;
	height:20px;
	padding-left:0px;
	width:925px;
}

#main-title a.main-title-item, #main-title a.main-titel-item 
{
	color:#BE1029;
	display:block;
	float:left;
	font-weight:normal;
	height:100%;
}

element.style
 {
	height:auto;
	width:auto;
}
a img 
{
	border:0 none;
	vertical-align:middle;
}
/***** end top main title start**/




/***************** main contents start************/

#main-content 
{
	padding-bottom:12px;
	padding-left:25px;
	padding-top:12px;
	width:906px;
}


/******************end main **************/





















 

/************************footer Start from here where term and coditions are***/

#footer {
background-color:#F1F1F1;
bottom:0px;
height:10px;
width:100%;
text-align:center;
}


#footer-container 
{
margin:auto;
padding-left:12px;
width:956px;
}

#footer-container .footer-box 
{
padding-right:12px;
}

#footer-container .footer-box .footer-content 
{
background-image:url(../images/image-body/footer-box1.png);
background-position:center;
background-repeat:repeat-x;
height:30px;
margin:auto;
padding-top:12px;
text-align:center;
}

#footer-container .footer-box .footer-content a
 {
font-weight:normal;
padding:0 12px;
vertical-align:middle;
}

#footer-container .footer-box .footer-content a:hover
{
color:#037CDD;
}

a:link {
color:#A70805;
font-weight:bold;
text-decoration:none;
}

/* ***** footer end ***************************************** */



/* ***********************footer Start from here where term and coditions are** */

.box {
bottom:0px;
height:200px;
width:260px;
text-align:center;
}


.box-header
{
background-image:url(../images/image-body/box-header.png);
background-position:center;
background-repeat:no-repeat;
color:#ffffff;
font-size:small;
font-weight:bold;
height:30px;
width:260px;
margin:auto;
padding-top:12px;
text-align:center;
}

.box-container
{
margin:auto;
padding-left:12px;
width:240px;
text-align:left;
}

.box-footer
{
background-image:url(../images/image-body/box-footer.png);
background-position:center;
background-repeat:no-repeat;
height:20px;
width:260px;
}

/* ***** footer end ***************************************** */


/* ***** start quote ***************************************** */
.quote {
	border:1px solid #D7EBFF;
	background:#D7EBFF url('../images/image-body/quote-left.png') no-repeat left top;
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 10px;
	color:Black;
	padding-left: 85px;
}

.quote div {background: transparent url(../images/image-body/quote-right.gif) right bottom no-repeat;
padding-right: 40px;
padding-bottom: 10px;
}


/* ***** end quote ***************************************** */







/*  start the album */

/* Sample 1*/
#box1{
	position:absolute;
	width:800px;
}
#box1 span{
	display:block;
	float:left;
}




.mask1{
	position:relative;
	width:800px;
	height:500px;
	overflow:hidden;
}
span img{
	display:block;
	border:none;
}

/*  end the album */