/* ------------------------------------------ Body Styles ----------------------------*/

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


body {
	margin-bottom: 0px;
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #525252;
}



/* ------------------------------------------ Column ----------------------------*/
td, select {
	font-family: Tahoma;
	font-size: 10px;
	color: #000;
	font-weight: normal;
}

textarea, input {
	font-family: Tahoma;
	font-size: 16px;
	color: #000;

}

.tableDetail {
	font-size: 10px;
	font-family: Verdana;
	color: #49394E;
}

/* ------------------------------------------ Link Styles ----------------------------*/
a:link {
	color: #ffffff;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;

}
a:hover {
	color: #7B0619;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}


#info {
border-bottom: 1px solid #343434;

}

/* ------------------------------------------ Expander/Collapse for faq.html, corporate, individual ----------------------------*/

.technology { /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: 7px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}

/* ------------------------------------------ Photo Shuffler ----------------------------*/


#photodiv {
  background-repeat: no-repeat;
}


/* ------------------------------------------ Hover Gallery for gallery.html----------------------------*/

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


/* slides styling */

.photo {
	width:635px;                   /*635px*/
	text-align:left; 
	position:relative; 
	margin:0 auto;}

.photo ul.topic li {
	display:block; 
	width:101px;                   /* 125px - controls tab width */ 
	height:31px; 
	float:left; 
	}

.photo ul.topic li a.set {
	display:block; 
	font-size:11px; 
	width:100px;                    /* 124px - controls tab width*/
	height:30px; 
	text-align:center; 
	line-height:30px;               /* height of width */
	color:#000; 
	text-decoration:none; 
	border:1px solid #fff; 
	border-width:1px 1px 0 0; 
	background:#ccc; 
	font-family:verdana, 
	arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a {

color:#000; 
background:#828282;

}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a {
	color:#fff; 
	background:#828282; /* controls the background color of boxes that hold the photos */
	}

.photo ul.topic li.active ul {
	display:block; 
	position:absolute; 
	left:0; 
	top:31px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	height:375px; 
	background:#ddd;            /* normal background (Rect 2) */
	width:464px;                /* 464px hover size*/
	padding:40px 60px;          /* 40px 60px */
	border:20px solid #373537;     /* Gallery Border before hover */
	z-index:1;}

.photo ul.topic li a:hover ul,    /* controls the inner big box*/
.photo ul.topic li:hover ul {
	display:block; 
	position:absolute; 
	left:0; 
	top:31px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	height:375px;              /* the size of photos 375px */
	background:#ddd;          /* on hover background (Rect 2)*/
	width:464px;              /* the size of photos 464px */
	padding:40px 60px; 
	border:20px solid #373537; 
	z-index:100;}

.photo ul.topic li ul li {
	display:inline; 
	width:112px; /* 112px */
	height:87px; /* 87px*/
	float:left; 
	border:1px solid #fff; 
	margin:1px;}

.photo ul.topic li ul li a{
	display:block; 
	width:110px;             /* The block that shows when there's empty photo */
	height:85px; 
	cursor:default; 
	float:left; 
	text-decoration:none; 
	background:#ddd; 
	border:1px solid #ccc;
	}

.photo ul.topic li ul li a img { /* The photo size before hover*/
	display:block; 
	width:100px;              /* 100px */
	height:75px;              /* 75px */
	border:5px solid #eee;
	}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover {
	white-space:normal; 
	position:relative;
	}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img {
	position:absolute; 
	left:-50px;               /* -50px */
	top:-32px;               /* -35px */
	width:200px; 
	height:150px; 
	border-color:#242224;
	}


/* ------------------------------ Inner Div part 1/2 ------------------------------ */

#smallcontainer{
width: 600px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #242224;
}

#smallcontentwrapper{
float: left;
width: 100%;
background: #242224 ; /* #242224 */

}

#smallcontentcolumn{
margin-left: 200px;           /* adjust map position < small - large > */
width: 390px;       /* adjust the left column's width */
padding: 10px 10px;
margin-top: 20px;

}

html>body #smallcontentcolumn{
margin-left: 200px; /*Set right margin to RightColumnWidth*/
width: 380px; /* adjust the left column's width */
padding: 0 10px;
margin-top: 20px;

}

#smallleftcolumn{
float: left;
margin-left: -600px; /*Set left margin to -(RightColumnWidth) */
width: 200px; /*Width of right column*/                 /* adjust map position < small - large > */
margin-top:1px;
background: #242224;
}

html>body  #smallleftcolumn{
float: left;
margin-left: -600px; /*Set left margin to -(RightColumnWidth) */
width: 200px; /*Width of right column*/
margin-top:1px;
background: #242224;
}


/* other browsers*/
html>body .innertube{
margin-top: 0px;
}

/* IE */
.innertube{
margin-top: 20px;

}


/* ------------------------------------------Bottom bar(footer settings) ----------------------------*/

#bttmbar {
text-align: center; 
width: 980px; 
background: #000000; 
border-top: 1px dotted #808080;
}