/**
 * Stylesheet Designed by Darpan
 *
 * Author: Michael Felarca
 * vesion: 1.00
 */
body { margin:0; font-family:Verdana; font-size:11px; color:#272626;}

h1 { margin:0; padding:0; background:url(../images/h1-bg.gif) repeat-x; height:31px; text-align:left; font-family:Arial; font-size:16px;}
h2 { margin:0; padding:0; padding-left:10px; text-align:left; font-family:verdana; font-size:13px; font-weight:bold; line-height:25px; background-color:#7F7FF2;  margin-bottom:10px; color:#FFFFFF;}
h3 { margin:0; padding:0px 0px 10px 0px; font-family:Arial; font-size:13px; font-weight:bold; display:block;  color:#3231CA;}


form { margin:0; padding:0; }

/*-----DIV TAGS-----*/
#header-panel { width:900px; margin:0 auto; background:#fff; height:100px; border-left:3px solid #EDEDF9; border-right:3px solid #EDEDF9;}
#logo { background:#fff; height:80px; width:228px; margin:0px 0px 0px 103px; float:left;text-align:center; padding-top:20px;}
#header-text { background:url(../images/highpowerpic.jpg); width:275px; height:67px; float:right; margin:0px 30px 0px 0px;}

#menu { width:900px; height:35px; margin:0 auto;  border-left:3px solid #EDEDF9; border-right:3px solid #EDEDF9;}

#flash-panel { height:299px; background:url(../images/flashbg.gif) repeat-x;}
#flash-panel-file { width:900px; margin:0 auto; background:#fff; border-left:3px solid #EDEDF9; border-right:3px solid #EDEDF9;}

#content-panel { width:900px; margin:0 auto; background:#fff ; border-left:3px solid #EDEDF9; border-right:3px solid #EDEDF9;}
#content-panel-left { width:208px; float:left; margin:10px 0px 0px 104px;}
#content-panel-left-menu { width:202px;}
#content-panel-left-menu img { padding-bottom:10px;}
#content-panel-left-fourtext { width:208px; background:url(../images/fourtext.jpg); height:275px; margin-top:20px;}

#content-panel-right { width:535px; float:right; margin:10px 20px 0px 0px;}
#fadein-our { float:left; width:209px; height:157px; margin:20px 0px 0px 20px; border:1px solid #3231CA; background:#9999FF; } 
#content-list { float:right; width:280px;}
#content-list ul { margin:0; padding:0;}
#content-list ul li { list-style:none; line-height:15px; padding-left:20px; background:url(../images/bullet2.gif) no-repeat;}
#content-list ul li:hover { color:#3231CA;}

#footer-panel-top { width:900px; margin:0 auto; background:#000000; height:8px; border-left:3px solid #EDEDF9; border-right:3px solid #EDEDF9;}
#footer-panel-main { width:900px; margin:0 auto; background:#fff; border-left:3px solid #EDEDF9; border-right:3px solid #EDEDF9; text-align:center; padding:15px 0px 15px 0px; font-size:10px; color:#6261AD;}

/*----- CLASS DIV TAGS-----*/
.clr { clear:both; height:1px; font-size:1px;}
.content-panel-right-text { width:535px; margin-bottom:15px; margin-top:15px;}
.content-panel-right-text ul { margin:0; padding:0; padding-left:20px;}
.content-panel-right-text ul li { margin:0; padding-left:25px; list-style:none; padding-bottom:10px; background:url(../images/bullet.gif) no-repeat;}
.padding-left { padding:0px 10px 15px 15px;}

.box-1 { background:url(../images/box-1.jpg); width:488px; height:36px; margin:0 auto; font-family:verdana; font-size:12px; color:#FFFFFF; line-height:36px; padding-left:20px; font-weight:bold;}
.box-2 { background:url(../images/box-2.jpg) repeat-y; width:508px;margin:0 auto;}
.box-2-left { float:left; width:140px; margin-left:10px; font-weight:bold;}
.box-2-right { float:right; width:345px; margin-right:10px;}

.box-3 { background:url(../images/box-3.jpg) no-repeat; width:508px; height:13px; margin:0 auto;}

.img-center { text-align:center; margin-bottom:8px; padding-bottom:8px; border-bottom:1px dashed #6C6CBD;}

.textfield { width:300px; border:1px solid #000000; margin:5px 0px 15px 0px; font-size:11px; font-family:Verdana; padding:2px 0px 2px 2px; background-color: #CCCCCC;}
.textfield:hover {border:1px solid #fff;}
.button { font-family:Verdana; font-size:10px; padding:0px 2px 0px 2px;}
.purple { color:#9999FF;}

/*-----LINK CLASS TAGS-----*/
a.more-link { background:url(../images/more-bg.gif) no-repeat; width:43px; height:18px; font-family:Verdana; font-size:10px; text-decoration:none; font-weight:bold; color:#FFFFFF; float:right; display:block; line-height:18px; padding-left:15px;}
a.more-link:hover { color:#999999;}
a.top-link { width:43px; height:18px; font-family:Verdana; font-size:10px; text-decoration:none; font-weight:bold; color:#6C6CBD; float:right; display:block; line-height:18px; padding-left:15px;}
a.top-link:hover { color:#000000;}