@charset "utf-8";
/* reset and main page styles */

@import url("style018-jq-styles-in.css");

/*****************/

#cont_us_018{
	text-align:left;
	width:492px;
	position:absolute;
	top:20px;
	left:10px;
	color:#757575;
	font-size:14px;
	height: 299px;
}
#cont_us2_018 {
	text-align:left;
	width:492px;
	position:absolute;
	top:300px;
	left:10px;
	color:#757575;
	font-size:14px;
	height: 299px;
}


#cont_us2_018 {
	top:300px;
	
	height:300px;
}
#cont_us_018 ul { padding:10px; list-style-type:none }
#cont_us_018 ul li { width:100%; height:200px;}

#cont_frm_018 {
	position:absolute;
	top:28px;
	right:18px;
	width:380px;
	height:500px;
	overflow:hidden;
	border-left:1px #666666 solid;
	/*background:transparent url(../inimages/bgwt20.png) repeat;*/
	text-align:left;
	color:#757575;
	padding-top:50px;
}

.txbox,.txtnm,.txteml,.txtmbl { width:250px; background:#0C0C0C; font-size:14px; font-weight:normal; padding:4px; text-align:left; border:1px #000 solid; border-bottom:#1E1E1E; border-right: #1E1E1E; padding-left:20px; color:#000; }
.txbox2 { width:230px; background:#333; color:#F5F5F5; font-size:14px; font-weight:normal; padding:4px; text-align:left; border:1px #000 solid; border-bottom:#666; border-right:#666; }
input[type=submit].btns,.btns { background:#00a8d6; color:#FFF; font-size:14px; padding:6px; border:0; cursor:pointer}
input[type=submit].btns:hover,.btns:hover { background:#000;}

p.c1text {
	position:absolute;
	top:57px;
	left:248px;
	z-index:1;
	width: 228px;
	height: 138px;
}
p.c1text span { line-height:20px; color:#2D2D2D}

#cont_us2_018 p.c1text { left:20px;}

.frow,.frow2 { padding:6px 5px 0;  text-align:center; height:35px; color:#858585; font-weight:bold; clear:both; }
.fleft,.fleft2 { FLOAT:left; WIDTH: 100px; TEXT-ALIGN:right; font-size:14px; height:35px;  }
.fright,.fright2 {WIDTH:232px; PADDING-LEFT:8px; FLOAT:left;  TEXT-ALIGN:left; font-family:Arial, Helvetica, sans-serif; height:35px; font-size:10px; }

.text_input { border: #9A9A9A 1px solid; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size: 18px;}

.frow2,.fleft2,.fright2 { height:124px;}

.btnsbx { width:250px; text-align:right; height:50px; clear:both}

.contentCnt_018 { top:300px;}

#cont_frm_018 form input.text_input { background:#fff; width:232px; color:#000;   border-color:#CFCFCF }
#cont_frm_018 form textarea.text_input {background:#fff; padding:4px 0 6px 6px; color:#000;   border-color:#CFCFCF; font-size:18px;}


#cont_us_018 h3,#cont_us2_018 h3,#cont_frm_018 h3 { font-size:20px; color:#000; font-weight:normal; margin-left:20px; margin-bottom:15px}

.mapbutton a {
	position:absolute;
	top:205px;
	left:20px;
	z-index:1;
	width:80px;
	background:#00a8d6;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	display:block;
	padding:8px 12px;
	text-decoration:none;
}
.mapbutton a:hover { background:#000;}
	
/**************************ajax-form*********************/

.mail{
	width:500px;
	margin:auto;
}
#formail{
	width: 500px;
	margin: auto;
}
#formail label{
	display: block;
	margin: 2px 0;
}
#text{
	background: #f8f8f8;
}
#sendmail{
	margin-top: 10px;
	display: block;
}
#response{
	display: none;
	border: 1px solid #ccc;
	background: #333;
	color:#fff;
	padding: 10px;
	width: 370px;
	margin-left:10px;
}


@media only screen and (max-width: 592px) and (min-width: 320px){
	.container_all { height: 1476px; }
	.styl011_texturebg { height:244px; }
	.content_018, .content2_018 { width:96%;}
	.content_018 { height:1000px;}
	#cont_us_018,#cont_us2_18,#cont_frm_018,.imgholder2-18,.imgholder2-18,.mapbutton a { position:static; }
	div.c1text { position:static; height:auto; padding-bottom:10px;}
	.pgbackground { min-height:1350px;}
	.contentCnt_018 { width:100%; left:0; height:1150px; }
	.content2_018 { left:0; top:310px; }
	
	#cont_us2_018 { width:98%; height:auto; padding-bottom:30px; margin:0 auto; }
	#cont_frm_018 { width:94%; margin-left:3%; height:550px; border:0;}
	.logo_in_018 { height:110px; }
	#cont_us_018 { width:96%; margin:0 auto; height:auto; }
	#cont_us_018 h3 { margin-top:20px;}
	
	#cont_us2_018 p.c1text,#cont_us_018 p.c1text { position:static; height:auto; margin-bottom:15px; padding-left:20px; }
	#cont_us_018 p.c1text { margin-top:7px;}
	.closeicon_018 { top:189px; right:5px;}
	.content_bg_018 { height:1150px;}
	.styl013_texturebg { height:180px;}
	.sitegallery_018,.mediaplayer_018,.store_018,.contactus_018  { top:1270px;}
	.framecnt-18 { width:100%; left:0; background:url(../inimages/content_frame_11cnt.png) no-repeat; background-size:100%; height:1000px; }
	.mapbutton a { margin-left:20px;}
	
	.fleft, .fleft2,.fright, .fright2 { float:none; text-align:left; width:100%; }
	
	.closeicon_018 { top: -25px; right: 0px;}
	.mail { width:98%;}
	#formail { width:80%;}
	#cont_frm_018 form input.text_input { width:180px;}
	.fright { height:40px;}
	.fleft, .fleft2 { height:auto; }
	.frow, .frow2 { height:auto; width:98%; padding:0;}
	#cont_frm_018 form textarea.text_input { width:180px;}
	.btnsbx { width:70%; left:0; text-align:center; margin:0; }
	.styl05_texturebg { height:192px; }
	.fright, .fright2 { padding:0; }
	.icnWrap { top:1410px;}
	.fnav-in_05 { top:1380px;}
	.imgholderWrap { width:220px; margin:0 auto 10px auto;}
}
@media only screen and (max-width: 592px) and (min-width: 480px){
	
}

@media only screen and (max-width: 800px) and (min-width: 768px){
	.framecnt-18 { background:url(../inimages/content_frame_11_760.png) no-repeat; width:100%; background-size:100%; left:0; height:650px; }
	#cont_frm_018 { right:0; left:36%; }
	#cont_frm_018 form input.text_input { width:200px;}
	#cont_frm_018 form textarea.text_input { width:192px;}
	.btnsbx { width:100%; margin:0; text-align:center; }
	#formail { width:100%;}
	.mail { width:100%;}
	.content2_018 { width:100%; left:0; top:340px;}
	#cont_us_018 { margin:10px 0 0 15px; width:30%; position:static;}
	#cont_us2_018 { width:30%; position:static; }
	#cont_us2_018 { margin-left:15px; }
	.closeicon_018 { right:0px;}
	
	p.c1text,.mapbutton a { position:static}
	p.c1text { height:auto; margin-bottom:15px; }
	#cont_us2_018 h3 { line-height:1.4;}
	
	.icnWrap { top:840px;}
	
	
}