@font-face{font-family: Lato, sans-serif; src:url(font/Lato-Regular.ttf);}
@font-face{font-family: Oswald; src:url(font/Oswald-Regular.ttf);}
@font-face{font-family: OpenSans; src:url(font/OpenSans-Regular.ttf);}
@font-face{font-family: Roboto Condensed; src:url(font/RobotoCondensed-Regular.ttf); font-style:normal; font-weight: normal;}
@font-face{font-family: Roboto Condensed; src:url(font/RobotoCondensed-Italic.ttf); font-style:Italic; font-weight: normal;}
@font-face{font-family: Roboto Condensed; src:url(font/RobotoCondensed-Bold.ttf); font-style:normal; font-weight: Bold;}
@font-face{font-family: Nunito; src:url(font/Nunito-Regular.ttf); font-style:normal; font-weight: normal;}

#menu {
	width: 100%;
	height: 35px;
	font-size: 18px;
	font-family: Oswald;
	font-weight: normal;
	font-style:normal;
	text-align: center;
	margin:-55px 0px 0px 0px;
	color: #FFF;
	list-style: none;
	
}
#menu ul {
    height: auto;
    padding: 8px 0px;
    margin: 0px;
	font-family: Oswald;
}
#menu li {
	display: inline;
	padding: 25px;
	text-transform: capitalize;
	font-family: Oswald;
}
#menu a {
    text-decoration: none;
    	color:#fff;
    padding: 8px 8px 15px 8px;
	font-family: Oswald;
}
#menu a:hover {
	color:#000;
	padding-bottom: 15px;
}

#menu1 li {
	display: inline;
	padding: 10px;
	text-transform: capitalize;
	font-family: Oswald;
}
/*===== Submenu =====*/
#menu li ul { display: none; }
#menu ul li a:hover { color:#0000; }

#menu li:hover ul {
	font-size: 12px;	
	background-color: #fff;
    border: 1px solid #D3D9DE;
	margin-top:auto;
	margin-left:380px;
	display:block;
	position: absolute;
	visibility: visible;
	z-index: 99999;
	color:#000000;
	width:190px;
	line-height:20px;
	text-align:left;
	font-family: Oswald;
}

#menu li ul li a:hover {
	background-color:white;
	border-radius: 0px;
	padding:0px;
	margin:0px;
	}
	
#menu li:hover li {
  float: none;
  font-size: 12px; 
  padding:0px 10px;
	margin:0px;
	display:block;
}
#menu li:hover li a{
  float: none;
  font-size: 12px; 
  color:#808080;
  padding:0px;
	margin:0px;
}
#menu li:hover li a:hover{
  float: none;
  font-size: 12px;
  padding:5px;
  color:#000000;
}

 .fullpage
{
	width: 1000px;
	height: auto;
	margin: 0px 200px 0px 135px;
	/*background:url(images/bg.jpg) repeat;*/
	z-index: auto;
	
}
body
{
	padding:0px;

	font-family: Nunito;
	font-weight:normal;
	font-style:normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
background:#de5e30;
}
.bodyfull
{
	margin:0px 0px 0px 0px;
	padding:0px;
		background:url(images/bg2.png) repeat-x;
}

div.slide
{
	margin:20px 0px 0px 0px;
}


.fix
{
	padding: 10px 50px 0px 50px;
}
.white
{
	background:#FFFFFF;
	width:550px;
	padding:20px;
	margin:0px;
	box-shadow: 0px 10px 5px #8a4b17;
}
.para
{
	line-height:20px;
}
.white1
{
	background:#FFFFFF;
	width:260px;
	padding:17px;
	margin:0px;
	box-shadow: 0px 10px 5px #8a4b17;
	
}
div .box1
{
	margin:0px;
	padding:0px;
}
div .box2
{
	padding:6px;
	margin-top: -311px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 599px;
	
}
p
{
	font-family: OpenSans;
	font-size:14px;
	text-align:justify;
	line-height: 20px;
}
p.heads1
{
	font-size:18px;
	font-family: Oswald;
	font-weight:normal;
	font-style:normal;
	margin:0px;
	background:#FFFFFF;
	padding:10px 30px 10px 30px;
	width:80px;
}
.read 
{
	width:70px;

	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.2, #FFB813),
	color-stop(1, #DF5C2D)
);
	background-image: -o-linear-gradient(bottom, #FFB813 20%, #DF5C2D 100%);
	background-image: -moz-linear-gradient(bottom, #FFB813 20%, #DF5C2D 100%);
	background-image: -webkit-linear-gradient(bottom, #FFB813 20%, #DF5C2D 100%);
	background-image: -ms-linear-gradient(bottom, #FFB813 20%, #DF5C2D 100%);
	background-image: linear-gradient(to bottom, #FFB813 20%, #DF5C2D 100%);
	text-align:center;
	padding:0.4px;
	color:#FFFFFF;
	font-family: OpenSans;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 453px;
	font-size: 12px;
}
.read a
{
	color:#000;
}
.bbox1
{
	background:#ffb341;
	border-radius: 10px;
	width: 200px;
	padding: 10px;
	margin: 0px 0px 10px 0px;
}
.bbox2
{
	background:#ffb341;
	border-radius: 10px;
	width: 180px;
	padding: 10px;
	margin: -220px 0px 0px 229px;
}
.bbox3
{
	background:#ffb341;
	border-radius: 10px;
	width: 180px;
	padding: 10px;
	margin: -220px 0px 0px 465px;
}
.bbox4
{
	background:#ffb341;
	border-radius: 10px;
	width: 180px;
	padding: 10px;
	margin: -220px 0px 0px 699px;
}
.bbox12
{
	background:#ffffff;
	border-radius: 10px;
	width: 200px;
	height: 200px;
	margin: 0px;
}
.title1
{
	margin:0px 0px 0px 0px;
	background-color:#7d7d7d;
	padding:9px;
	text-align:center;
	border-radius: 5px;
	color:#FFF;
	font-family: Oswald;
	font-weight:normal;
	font-style:normal;
	font-size:16px;
	text-transform: uppercase;
}
.read1
{
	width:80px;
	height: 20px;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.2, #FFB813),
	color-stop(1, #DF5C2D)
);
background-image: -o-linear-gradient(bottom, #DF5C2D 20%, #FFB813 100%);
background-image: -moz-linear-gradient(bottom, #DF5C2D 20%, #FFB813 100%);
background-image: -webkit-linear-gradient(bottom, #DF5C2D 20%, #FFB813 100%);
background-image: -ms-linear-gradient(bottom, #DF5C2D 20%, #FFB813 100%);
background-image: linear-gradient(to bottom, #DF5C2D 20%, #FFB813 100%);
text-align:center;
padding:5px;
margin:28px 0px 0px 50px;
border-radius:10px;
color:#FFFFFF;
font-family:Oswald;
}
.read1 a
{
color:#FFFFFF;
text-decoration: none;
}
#slideshowCont {
	float:left;
	width: 900px;
	border:1px solid #e3e3e3;
	background:url(../topaz/images/slideBG.png);
	overflow:scroll;
	position:relative;
}

#next{
top:75px;
left:10px;
cursor:pointer;
position:absolute;
display:none;
}
#last{
top:75px;
right:10px;
cursor:pointer;
position:absolute;/* */
display:none;
}
#slideShow {
padding:20px 0px;
width:520px;
height:142px;
float:left;

}

#slideShow ul{
list-style:none;
margin:0;
padding:0;
width:1900px;
margin-left:58px;
}
#slideShow ul li {
float:left;
background:url(../topaz/images/slideBG.png); /* IE places a white background around the images, not sure why, but this fixes it*/
}
#slideShow ul li div{
float:left;
margin-left:26px;
margin-right:24px;

}

#slideShow ul li div p{
margin:0;
padding:0;
width:120px;
background:url(../topaz/images/imgFooterBG.png) repeat-x;
text-align:center;
color:#5e8387;
text-transform:uppercase;
padding:2px 0px;
font-size:12px;

}
.clear {
clear:both;
}
.heading a
{
text-align:center;
font-size:11px;
margin:0px;
color:#e91d23;
text-decoration:none;
}
.heading a:hover
{
text-align:center;
font-size:11px;
margin:0px;
color:#fff;
text-decoration:none;
}
div.contect
{
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}


abt2cal
{
	font-size: 12px;
	
}
.headss {
	font-size: 16px;

}
select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #eeeeee;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px; width: 194px;}
}
.b {
	font-weight: bold;
}