@import url("../Default/style.css");
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);


/* CSS RESET */
html, body, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, tt, var,center, dl, dt, dd, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; 	padding: 0; 	border: 0; 	font-size: 100%; 	font: inherit; 	vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block; }
body {	line-height: 1.4;}
ol {list-style: decimal; list-style-position: outside; padding-left: 30px;}
ul {list-style: circle; list-style-position: outside; padding-left: 30px;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
table tr td {vertical-align: top;}
#theme-title h1 {font-size: 18px; font-weight: bold;}
#theme-title-prod h1 {display:none;}
/* end of css reset */

/*
a, a:hover, a:visited {
	text-decoration: none;
	color: #000;
}
*/

.lato{font-family: 'Lato', sans-serif;}
.i{font-style: italic;}
.htitle{ font-size:16px; color:#990000; font-weight:bold;}
a img {
	border: none;
}

html,body{
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:verdana;
	display:table;
}


#theme{
	display:table;
	width:100%;
	height:100%;
}

#theme-frame{
	height:100% auto;
	min-height:380px;
	margin:auto;
	width:1000px;
	background:url(imgs/content-bg.png) top left repeat;
	border-left:0px solid #efefef;
	border-right:0px solid #efefef;
}

#theme-lang { padding-right:20px; z-index:999; display: none;}
#theme-lang ul {list-style:none; margin:0px; padding:0px; text-align:right;}
#theme-lang ul li { display:inline;}
#theme-lang ul li a,
#theme-lang ul li a:visited { padding:3px 5px 3px 5px; border-left:1px solid #888888; color:#fff;}
#theme-lang ul li:first-child a { border-left:0px;}

#theme-header { 
	display:block;
	height:90px;
	background:#000;
	}
#frame-header{width:1000px; margin:auto; position:relative;}

#theme-header-logo { }
#theme-header-logo img { border:0px; padding:0px; position:absolute; left:0px; top:8px;}

#frame-headerpage{color:#fff;position:absolute; right:0px; top:62px;}

#theme-menu-frame{width:100%; background:url(imgs/menubg.jpg) top left repeat-x; height:64px;}
#theme-menu{ clear:both; position: relative; z-index: 999;width:1000px; margin:auto; background:url(imgs/menu.png) top left no-repeat;height:64px;}

#theme-slider-frame{width:100%; background:url(imgs/slider-bg.jpg) top left repeat-x;}
#theme-slider{width:1000px; margin:auto; height:400px;}
#theme-home-slection{width:1000px; margin:auto; height:145px; background:#666;}

#theme-bodybg{width:100%;background:url(imgs/bodybg.jpg) top left repeat-x;}
#theme-container { clear:both; min-height:350px;}


#theme-title {padding:0px 10px 0px 0px; }

#theme-contain{ display: block; padding:20px 10px 0px 10px; min-height:300px; text-align:justify;}

#theme-footer {clear:both; padding:30px; border-top:0px solid #888888; text-align:left; color:#fff; background:url(imgs/menubg.jpg) top left repeat-x; margin-top:50px;}

a, a:hover, a:visited {	text-decoration: none;}
img {border: none;}
input,  textarea { background: #fff; border: solid 1px #77b5c6;}

/*
CUSTOM Pre-defined CSS
*/

#clearall {clear: both;}
#space-10 {display: block; width: 1px; height: 10px; padding: 0px; margin: 0px;}
#space-20 {display: block; width: 1px; height: 20px; padding: 0px; margin: 0px;}
#flush-mid {width: 800px; margin: 0px auto; }


#banner {text-align: center;}
#banner_template_list {padding-top: 10px;}

.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:220px;
	height:300px;
	margin:10px;
	background:#111 url(progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

.mosaic-block h4{ font:300 16px 'Lato', sans-serif; line-height:140%; color:#fff; text-align:left; text-shadow:1px 1px 0 rgb(0,0,0); }
.mosaic-block p{ font:300 12px 'Lato', sans-serif; color:#aaa; text-shadow:1px 1px 0 rgb(0,0,0);}
.mosaic-block a{ text-decoration:none; }

#cms5-faqcatlist { clear:both;}
#cms5-faq-list {clear:both;}
#cms5-faq-list ol#faq { }
#cms5-faq-list ol#faq li#faq { font-size:14px; font-weight:bold; border-bottom:2px dotted #333; padding:25px 0px 10px 0px;}
#cms5-faq-list ol#faq li#faq div#question{ color:#660000;}
#cms5-faq-list ol#faq li#faq div#question a{ display:block;}
#cms5-faq-list ol#faq li#faq div#answer{ font-size:13px; font-weight:normal; padding-top:10px; padding-bottom:20px; color:#000;}