@charset "utf-8";
/* CSS Document */
/*
by iPlus studio
website :  http://iplusstd.com
email : moe@iplusstd.com

*/

html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
}

body { background: #ffffff url(../images/bg.jpg) center top no-repeat;  margin:0; padding:0; }
img { border: 0px; display: block; }
h1,h2,h3,h4,p{ padding:0; margin:0;}
a{color:#FFFFFF;}

/*  WRAPPER */
#wrapper { position: relative; display: block; width: 100%; min-height: 100% !important; height:100%  !important;}

/*  */
.cnt { display:block;margin: 0 auto; width: 900px !important;}

.Hcnt{margin:0 auto ; width:900px; min-height:132px !important; height:132px !important; background:url(../images/effect.png) no-repeat;}

.logo{ position:relative; float:left; background:url(../images/logo.jpg) no-repeat bottom; padding-top:11px; min-width:405px !important; min-height:90px  !important;width:405px; height:90px !important;}



.txt{display:block; background:url(../images/txts.png) center no-repeat; width:100% !important ; margin-top:31px; height:53px !important;}

.btn{text-align:right; margin-top:4px; margin-right:0px; padding-top:10px;}
.btn a{text-decoration:none; padding:1px 7px 1px 7px; font-size:12px ; color:#066291; text-height:100%; }
.btn a:hover{ background:#066291; color:#fff;  -moz-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px; -ms-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;}

#content{ position:relative;  background: #066291; min-width:895px !important; width:895px  !important; min-height:430px  !important; height:430px  !important; margin-top:21px}

.contL{position:relative; float:left; width:340px !important; min-width:340px !important; min-height:100% !important; height:100% !important;}
.contR { position:relative; float:right; width:550px !important; min-width:550px !important; min-height:100% !important; height:100% !important; }

.greenBox{ color:#333333; width:240px !important; margin:25px; padding:25px; height:330px !important; background:#ffffff; -moz-border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px; text-align:left; font-weight:bold;}

.like{ width:100% !important; margin-top:25px;}


#footer1 { height:232px !important; color:#37200A ;   min-height:232px  !important;  font-size:13px;}
.fl{ position:relative; float:left; width:398px !important; margin-top:78px; min-height:155px !important;}
.fc{position:relative; float:left;margin-top:78px; width:120px; text-align:left;}
.fc span{ font-weight:bold; color:#fff;}

.fb {background:url(../images/facebook.png) no-repeat; padding-left:30px; height:20px !important; display:block;  color:#371F0A;text-decoration:none; padding-top:2px;}
.fb:hover{color:#fff; background:#3B5998;}
.twitter:hover { background:#57D5FF; color:#FFFFFF;}
.twitter { color:#371F0A; background:url(../images/twitter.png) no-repeat; padding-left:30px; padding-right:30px; height:20px !important; display:block; margin-bottom:13px; text-decoration:none; padding-top:2px;}

.fr{position:relative; float:right;margin-top:78px; width:300px; text-align:left; color:#333333; font-size:11px; }


.tit{float:left;}
.btn1 a{float:left;display:block; text-decoration:none; height:40px !important; width:105px !important; background:url(../images/btn1.png) no-repeat; margin-top:30px;}
.btn1 a:hover{  background:url(../images/btn1Hover.png) no-repeat;}

.btn2 a{float:left;display:block; text-decoration:none; height:90px !important; width:99px !important; background:url(../images/btn2.png) no-repeat;}
.btn2 a:hover{  background:url(../images/btn2Hover.png) no-repeat;}


#footer2 { float:left; background:#066291; width:100% !important; min-height:85px  !important; height:85px !important; font-size:10px; color:#FFF; margin-bottom:0px;padding:0px; } 
.centered{ margin:0px; position:relative; width:900px !important; display:block;  height:85px !important;}
.f2l { position:relative;  float:left; width:300px; padding-top:20px ; height:55px !important; } 
.f2r { position:relative; float:right; width:300px; padding-top:20px; height:55px !important;}

#footer2 a{ text-decoration:none; color:#FFFFFF;}
#footer2 a:hover{ color:#000;}


#accordion1 {
	color:#000;
	height:423px  !important;
	list-style:none;
	overflow:scroll;
	width:538px !important;
	padding: 3px 3px 3px 0;
	margin:4px 4px 4px 0;
	text-align:left;
}
#accordion1 li {
	height:423px  !important;
	position:relative;
	background:#FFF;
}

#accordion1 .slide_handle {
	bottom:0;
	cursor:pointer;
	left:0;
	position:absolute;
	width:33px !important;
	margin-left:3px;
}


#accordion1 .slide1 .slide_handle { background:url(../images/a1.jpg) no-repeat bottom; height:423px  !important; }
#accordion1 .slide1 .slide_content {background:url(../images/b1.jpg) no-repeat bottom left;  }
#accordion1 .slide1 .box  { margin-top:100px; margin-left:20px; background:#634488; width:280px !important; padding:13px; color:#FFFFFF; font-size:11px; text-height:100%; text-align:left;}


#accordion1 .slide2 .slide_handle { background:url(../images/a2.jpg) no-repeat bottom;  height:423px  !important;}
#accordion1 .slide2 .slide_content { background:url(../images/b2.jpg) no-repeat bottom left;}
#accordion1 .slide2 .box  { margin-top:220px; margin-left:50px; background:#E66000; width:280px !important; padding:13px; color:#FFFFFF; font-size:11px; text-height:100%; text-align:left;}


#accordion1 .slide3 .slide_handle {background:url(../images/a3.jpg) no-repeat bottom;  height:423px  !important;}
#accordion1 .slide3 .slide_content { background:url(../images/b3.jpg) no-repeat bottom left;}
#accordion1 .slide3 .box  { margin-top:170px; margin-left:50px; background:#6D9F0C; width:280px !important; padding:13px; color:#FFFFFF; font-size:11px; text-height:100%; text-align:left;}


  
#accordion1 .slide4 .slide_handle {background:url(../images/a4.jpg) no-repeat bottom;  height:423px  !important;}
#accordion1 .slide4 .slide_content { background:url(../images/b4.jpg) no-repeat bottom left;}
#accordion1 .slide4 .box  { margin-top:240px; margin-left:50px; background:#A80F09; width:280px !important; padding:13px; color:#FFFFFF; font-size:11px; text-height:100%; text-align:left;}


#accordion1 .slide5 .slide_handle {background:url(../images/a5.jpg) no-repeat bottom;  height:423px  !important;}
#accordion1 .slide5 .slide_content { background:url(../images/b5.jpg) no-repeat bottom left;}
#accordion1 .slide5 .box  { margin-top:170px; margin-left:50px; background:#E1B90A; width:280px !important; padding:13px; color:#FFFFFF; font-size:11px; text-height:100%; text-align:left;}



#accordion1 .slide_opened .slide_handle { cursor:default; }	
#accordion1 .slide_content {
	
	left:33px; /* Matches the width of .slide_handle */
	position:absolute;
	width:540px  !important;
	height:423px  !important;
	color:#000; font-size:12px; font-weight:bold; line-height:100%;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:4px;
	
	
}