/* CSS Document */
html, body, form {margin:0; padding:0}
body {padding:0; margin:0; font-family:"Lucida Grande", sans-serif, Arial, Helvetica; font-size:small; color:#666666; background:#E0E0E0 url(../images/bodybg.gif) repeat-x left top; }
img {border:0}
p {margin:0px 0px 7px 0px; padding:0; color:#666666; line-height:21px;}
a {outline:none; text-decoration:none; color:#00AEEF;}
a:hover {outline:none; color:#124553; text-decoration:underline;}
input, select, textarea {font-family:"sans-serif", Arial, Helvetica; font-size:12px; padding:2px; color:#333333; outline:none;}
.container { width:940px; margin:0 auto; border:0px solid red; }
.header {width:940px; height:179px; margin:0px auto; padding: 0px; background:url(../images/headbg.gif) no-repeat left top; border:0px solid red;}
.logo { float:left; width:356px; display:block; padding:56px 0px 0px 64px; border:0px solid red; }
.head_right {width:500px; float:right; margin:0px; padding:0px 20px 0px 0px; border:0px solid red;}
.tagline { width:369px; height:111px; float:left; padding:31px 0px 0px 131px; }

.clear { clear:both; margin: 0px; padding: 0px; }
.spac20 { padding:20px 0px 0px 0px; }
.spac5 { padding:5px 0px 0px 0px; }
.spac10 { padding:10px 0px 0px 0px; }
.hline { border-bottom:1px solid #999999; line-height:8px; }

.nav { height:30px; width:467px; float:left; padding:0px 0px 0px 16px; border:0px solid red;} 
/* Nav Menu */
a.company { width:83px; height:30px; background:url(../images/company_nav.gif) no-repeat left top; display:block; float:left; }
a.company:hover { background:url(../images/company_nav.gif) no-repeat left bottom; }
a.product { width:149px; height:30px; background:url(../images/pro_ser_nav.gif) no-repeat left top; display:block; float:left; }
a.product:hover { background:url(../images/pro_ser_nav.gif) no-repeat left bottom; }
a.portfolio { width:81px; height:30px; background:url(../images/portfolio_nav.gif) no-repeat left top; display:block; float:left; }
a.portfolio:hover { background:url(../images/portfolio_nav.gif) no-repeat left bottom; }
a.community { width:98px; height:30px; background:url(../images/community_nav.gif) no-repeat left top; display:block; float:left; }
a.community:hover { background:url(../images/community_nav.gif) no-repeat left bottom; }
a.contact { width:56px; height:30px; background:url(../images/contact_nav.gif) no-repeat left top; display:block; float:left; }
a.contact:hover { background:url(../images/contact_nav.gif) no-repeat left bottom; }

/* Menu End */

h1 {color:#00AEEF; margin:0px; padding:0px 0px 20px 0px; line-height:20px; font-size:18px; text-transform:uppercase; }
h2 {color:#FF0099; margin:0px; padding:10px 0px 2px 0px; font-size:16px; line-height:17px; font-weight:normal;}
h3 {font-size:14px; color:#00AEEF; margin:0px; padding:10px 0px 0px 0px; line-height:18px; font-weight:bold; }
h3 span { color:#FF0099; line-height:24px; display:block; font-weight:bold; }

.middle_container { float:left; width:900px; padding:0px 20px 0px 20px; background:url(../images/mid_bg.png) repeat-y left top;}
.middle_content { float:left; width:800px; padding:25px 50px 0px 50px; border:0px solid red; }
.middle_content p{ line-height:18px; text-align:justify; }
.mid_content { float:left; width:600px; padding:0px 30px 0px 0px; border:0px solid red; }
.right_pannel { width:170px; float:left; padding:0px 0px 0px 0px; border:0px solid red; }

/* Middle */
.banner { width:900px; height:121px; padding:0px 0px 20px 0px; background:url(../images/banner.jpg) no-repeat left top;}
.banner1 { width:900px; height:121px; padding:0px 0px 20px 0px; background:url(../images/banner.jpg) no-repeat left top; }
.home_left {width:378px; padding:20px 40px 0px 50px; text-align:center; float:left; }
.home_left p{ line-height:26px; font-size:14px; }
.phone { color:#FF0099; font-size:22px; font-weight:bold; }
.hmimg { width:130px; float:left; }
.home_right { width:299px; float:left; }
.home_right h2{ padding:10px 0px 0px 0px; font-size:14px; font-weight:bold; }
ul.hmlist { margin:4px 0px 0px 0px; padding:0px 0px 0px 0px;}
ul.hmlist li{ margin:0px; padding:0px 0px 0px 10px; list-style-type:none; background:url(../images/dot_bullet.gif) no-repeat left center; width:128px; float:left; line-height:18px; font-size:12px; }
p.font_14 { font-size:14px; letter-spacing:0em;  line-height:24px; }
ul.list { margin:4px 0px 0px 0px; padding:0px 0px 0px 0px;}
ul.list li{ margin:0px; padding:0px 0px 0px 10px; list-style-type:none; background:url(../images/dot_bullet.gif) no-repeat left center; line-height:18px; font-size:12px;  }

/* Right Pannel */

/* footer */
.footer { background:#00AEEF; height:38px; margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; }
.footer p{ color:#FFFFFF; line-height:38px; margin:0px; padding:0px; text-align:center; font-size:11px; font-weight:bold; letter-spacing:0.05em; }
.footer p a{ color:#FFFFFF; }

/* form */
.frm { border:0px solid #E9E7E7; padding:10px 10px 10px 10px; } 
.frm p { margin:0px; padding:0px 0px 13px 0px; text-align:left; font-size:11px; }
.frm p span { float:left; width:80px; line-height:20px; text-align:right; padding:0px 10px 0px 0px;  }
.cstext { border:1px solid #C4C4C4; background:#FFFFFF; height:19px; width:298px; padding:0px; font-size:11px; }
.csbutton { border:1px solid #CBCCCC; background:url(../images/button_bg.gif) repeat-x left top; padding:0px 8px; color:#000000; font-weight:bold; height:23px; font-size:13px; }
.csselect { border:1px solid #BDBDBD; width:284px; height:26px; }
.mandatory { color:#666666; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }

.base1 { width:340px; float:left; }
.base2 { width:340px; float:right; }
.absmiddle { vertical-align:middle; }
.pay_opt { margin:15px 0px 10px 0px; text-align:center; }