/* CSS Codes By Proweaver Pearl  */

html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;}
button, input, select, textarea {color: #000;}
/*::-moz-selection { background: #fe57a1; color: #000; text-shadow: none;}
::selection { background: #fe57a1; color: #000; text-shadow: none;}*/
a {color: #f1e975; text-decoration: underline;}
a:focus { outline: thin dotted;}
a:hover, a:active {outline: 0; color:#fff; text-decoration: underline;}
img{margin:0; padding:0;}
html{background:url(images/bg.jpg) repeat-x #06135d;}
body { margin: 1.3em auto; font-family:Arial;}
.comp{color:#329900; font-weight:bold;}
.comingsoon{font-weight:bold; color:#fff; font-style:italic;}
.clearfix{clear:both; overflow:hidden;}
.f-left{float:left;}
.f-right{float:right;}
@media only screen and (max-width: 450px) {
	html {font-size: 15px; font-family:Arial;}
	body {max-width: 100%;}
	img {width: 100% !important;	}
	#banner {width:100%; height:160px; background:url(images/banner.png) no-repeat #fff; padding-bottom:0!important;	clear:both; overflow:hidden;}
	.padding{padding:0 2%!important;}
	.content img{width: 100% !important;	}	
	.content span{width:45%!important}
}

@media only screen and (min-width: 450px) {  
	body {max-width: 450px;	min-width: initial;	}
	img {max-width: 100% !important;	} 
	#banner {width:100%; height:160px; background:url(images/banner.png) no-repeat #fff; padding-bottom:0!important;	clear:both; overflow:hidden;}
	#compname {margin-top:30px;}
}

#wrapper{background:#FFF; padding:25px 0;}

#nav {width:100%; height:auto; margin:0 auto 30px auto;}
#nav ul{margin: 0; padding: 0; list-style: none; margin-bottom: 0;}
#nav ul li{margin-bottom:4px;}
#nav ul li a{display: block; background: url(images/nav.png) no-repeat center top; width:100%; height:55px; line-height:55px; font-weight:bold; text-decoration:none; color:#000; text-align:center; text-transform:uppercase;}
#nav ul li a:hover, #nav ul li.current a {background: url(images/nav.png) no-repeat center bottom; color:#fff;}

/*main*/
#main {margin-top:10px; padding:0 0 20px 0; background:#98108b;}
.content {text-align:center; padding:15px 25px; color:#fff; line-height:23px;}
.content ul {margin:-5px 0 0 0; padding:0 0 10px 20px; text-align:left;}
.content li {background:url(images/bullet.png) no-repeat 0px 4px; list-style:none; padding-left:25px;}
h1 {font-size:25px; padding:0; margin:0; color:#fff; text-align:center; font-weight:normal;}
.welcomeComp{color:#fff; font-size:55px; text-align:center;}
.welcomeComp span {font-size:28px; text-transform:uppercase;}
.imageCont {padding:20px 0;}

.accordion2 {width:100%; margin-top:0;}
.accordion2 ul li h3 {padding:0; margin:0; cursor: pointer; color:#f1e975; font-weight:normal;}
.accordion2 ul li h3:hover {text-decoration:underline;}

#thumb {margin:0; padding:20px 0;}
h2 {font-size:40px; padding:0; margin:0; color:#720c9b; text-align:center; font-weight:normal;}
.thumblink {width:100%; height:auto; margin:0 auto;}
.thumblink ul{margin: 0; padding: 0; list-style: none; margin-bottom: 0;}
.thumblink ul li{margin-bottom:4px;}
.thumblink ul li a{display: block; background: url(images/tab.png) no-repeat center top; width:100%; height:40px; text-decoration:none; color:#000; text-align:center; padding:10px 0 0 0; font-size:20px;}
.thumblink ul li a:hover{color:#7714a2; text-decoration:none;}

#bottom {margin:0; height:150px; padding:20px 0; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background:#7714a2;}
.bottomText {text-align:center; font-size:16px; color:#fff; padding:40px 0 0 0;}	
.bottomText span {font-size:52px;}
	
#footer {color:#6487d2; line-height:23px; font-size:15px; text-align:center; padding:20px 0 0 0;}
#footer p{padding:0; margin:0;}
#footer a{color:#6487d2; }
#footer a:hover{color:#6487d2; }

.footer_link a {color:#FFF!important; font-size:15px;}
.footer_link a:hover {color:#FFF;}

.login_btn {
	font-size:12px; 
	color:#ffa600; 
	font-family:arial;
	text-transform:uppercase;
}
.login_btn:hover {
	color:#000;
}
.login_btn span {
	color:#ffa600!important;
	padding:10px 5px 0 0px;
	text-align:center;
	margin-top:12px;
}
.triangle {
	float:left;
	width:0px;
	height:0px;
	margin:14px 9px 0 0;
}