/* CSS Document */

body{padding:0;margin:0;color:#363636;background-color:#000000; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; text-align: center; font-size:12px; line-height:15px; }
div, h1, h2, h3, h6, form, label, img, span{ margin:0; padding:0; border: 0}
p {margin-top:4 0 0 0; padding:0;}
a {color: #0170CC;}
a.nolink {text-decoration: none; color: #363636}
a.nolink:hover {text-decoration: underline; color: #0170CC}

h1 {color: #0170CC; font-size:24px; line-height:30px; }
h2 {color: #363636; margin-bottom: 10px; font-size:18px; line-height:22px; }
h3 {color: #0170CC; font-size:12px; line-height:15px; font-weight: normal; margin-bottom: 5px;}
h6 {color: #363636; font-size:16px ! important; padding-bottom: 10px }
#contact h2 {color: #0170CC; font-size:12px; font-weight: normal }
#contact h3 {color: #363636; font-size:18px; font-weight: normal }
.news h2 a {color: #0170CC; margin: 0px; font-size:12px; line-height:10px; font-weight: normal; text-decoration: none;}
.news h2 a:hover {color: #0170CC; margin: 0px; font-size:12px; font-weight: normal; text-decoration: underline;}
.news a {color: #0170CC; font-weight: normal; text-decoration: none;}
.news a:hover {color: #0170CC; font-weight: normal; text-decoration: underline;}
.news {margin-top: 15px}
.services h2 a {color: #0170CC; margin: 0px; font-size:12px; line-height:15px; font-weight: normal; text-decoration: none;}
.services h2 a:hover {color: #0170CC; margin: 0px; font-size:12px; line-height:15px; font-weight: normal; text-decoration: underline;}
.services a {color: #363636; text-decoration: none;}
.services a:hover {color: #0170CC; text-decoration: underline;}
.servicesmain h2 a {color: #0170CC; margin: 0px; font-size:12px; line-height:15px; font-weight: normal; text-decoration: none;}
.servicesmain h2 a:hover {color: #0170CC; margin: 0px; font-size:12px; line-height:15px; font-weight: normal; text-decoration: underline;}
.servicesmain a {color: #0170CC; margin: 0px; font-size:12px; line-height:15px; font-weight: normal; text-decoration: none;}
.servicesmain a:hover {color: #0170CC; margin: 0px; font-size:12px; line-height:15px; font-weight: normal; text-decoration: underline;}
.date {color: #959595}
hr {color: #E3F0F8; height: 1px; margin-bottom: 15px; border:0px; background-color:E3F0F8; border: 0; height: 1px; margin: 2px 0 15 0;}
.page1 {float: left; width:60px }
.page2 {float: left;  text-align: center; width: 400px}
.page3 {float: right; width: 60px; margin-right: 20px; text-align: right; }

.clr{clear:both;font-size:0px; line-height:0px;}

.emarketing {float: left; width: 300px; }
.login {float: right; width: 439px; text-align: right; color: #ffffff; background:url(images/tformback.gif) 0 0 no-repeat; background-position: top right;}
.login form {padding:5 15 5 5; }
.loginbox {width: 140px}
.login input {border: 1px solid #000000;}
.navback { background:url(images/nav.gif) 0 0 no-repeat; background-position: top left; padding: 4 0 0 5}
.fifty {width: 250px; float: left}

.factsheet {font-size:16px; line-height:20px; margin-bottom: 10px; font-weight: bold}
.boxmid {background:url(images/box-mid.gif) no-repeat; height: 56px; clear: both}
.boxend {background:url(images/box-bottom.gif) no-repeat; height: 11px; clear: both}
#header{width:1000px;padding:0;margin-left: auto; margin-right: auto; text-align: left;}
#header .logo img{position:relative;left:0px; top:0px; text-align: left; width: 248px}
#header ul.nav{width:900px;height:28px;padding:0;margin:0;list-style-type:none;background:url(images/nav_back.gif) 0 0 no-repeat;}
#header ul.nav li{float:left;padding:0;margin:0;}
#header ul.nav li a{display:block;padding:5 0 5 0;color:#363636; text-decoration:none; margin:0 1px 0 0;float:left;background:url(images/nav_off.gif) 0 0 no-repeat;width: 84px; text-align: center;font:bold 12px/19px  "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;}
#header ul.nav li a:hover{background:url(images/nav_on.gif) 0 0 no-repeat;}
#header ul.nav li.on{display:block;float:left; margin:0; padding:5 0 5 0; background:url(images/nav_on.gif) 0 0 no-repeat; text-decoration:none; width: 84px;font:bold 12px/19px  "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; text-align: center;}
#mainpage {background-color: #ffffff; width:1000px; padding:0; margin-left: auto; margin-right: auto; text-align: left; background:url(images/box-bottom-back.gif) 0 0 repeat-x #ffffff; background-position: bottom left;}
#mainpagebot {background-color: #ffffff; width:1000px; padding:0; margin-left: auto; margin-right: auto; text-align: left;}
#bottom {width:1000px; padding:0; margin-left: auto; margin-right: auto; text-align: left; color: #ffffff}
.contactright {padding-top: 30px}

.panel1 {width: 580px;float: left}
.panel1 .padd {padding: 30 10 20 20;}
.panel2 {width: 580px;float: left}
.panel2 .padd {padding: 30 10 20 20;}
.panel2 .padd h2 {color: #0170CC; font-size:12px; line-height:15px; font-weight: normal; margin-bottom: 5px;}
.panel2 li {padding-bottom: 5px;}
.panel2 ul {padding:0;margin:0;list-style-type:none; margin-top: 15px; margin-left: 18px; list-style-image: url(images/pbullet.gif)}
.panel3 {width: 485px; float: left}
.panel3 .padd {padding: 30 10 20 20;}
.titleonly {padding: 30 10 20 20;}

/* Twitter link added by: John Ryan Acoba - Web Designer
-------------------------------------- */
.right1 {width: 414px;float: right}
.right1 div.link_twitter           {float: right;}
.right1 div.link_twitter a         {text-decoration: none;}
.right1 div.link_twitter a:hover   {text-decoration: underline;}
.right1 div.link_twitter a img     {float: left; padding: 0 25px;}
.right1 div.link_twitter a h2      {float: left; font-size: 150%; font-weight: normal; color: #1078cf; padding: 0 20px 0 0;}
.rightpadd {padding: 30 40 10 0; }

.services {width: 33%; float: left}
.services .padd {padding: 0 10 20 20;}
.servicesmain {width: 33%; float: left}
.servicesmain .padd {padding: 0 10 20 20;}
.homenews {width: 250px;float: left; margin-right: 30px;}
.homenews2 {width: 250px;float: left;}
.rightlinks {padding: 0 0 0 30;}
.rightlinks li {background:url(images/bullet.gif) 0 0 no-repeat; padding-bottom: 5px}
.rightlinks li a {padding-left: 20px; text-decoration: none; color: #0170CC}
.rightlinks li a:hover {padding-left: 20px; color: #0170CC; text-decoration: underline;}
.activepage ul {top: 5px}
.activepage li a{padding-left: 20px; color: #9B9B9B; text-decoration: none;}
.activepage {background:url(images/nullbullet.gif) 0 0 no-repeat; background-position: top left;}
.rightlinks ul {padding:0;margin:0;list-style-type:none;}
.bulletlist li {background:url(images/bullet.gif) 0 0 no-repeat; padding-bottom: 5px}
.bulletlist li a{padding-left: 20px;}
.bulletlist ul {padding:0;margin:0;list-style-type:none; margin-top: 15px}
.testimonials {color: #707070}
.quote {color: #464646}

/* Footer - Updated by: John Ryan Acoba - Web Designer
-------------------------------------- */
#bottom .padd {padding: 20;}
#bottom .botleft          {float: left; width: 580px; color: #ffffff}
#bottom .botleft ul       {margin: 0; padding: 0;}
#bottom .botleft ul li    {display: inline; list-style-type: none;}
#bottom .botleft a        {color: #ffffff; text-decoration: none;}
#bottom .botleft a:hover  {color: #0170CC; text-decoration: underline;}
#bottom .botright             {float: right; width: 380px; text-align: right;}
#bottom .botright ul          {margin: 0; padding: 0;}
#bottom .botright ul li       {display: inline; list-style-type: none;}
#bottom .botstrapline     {color: #0170CC;}


#didyouknow {background:url(images/didyouknow.gif) 0 0 repeat-x #ffffff; background-position: top right; height: 367px;}
#didyouknow .padd {padding:166 65 0 98; color: #939393}
#didyouknow2 {background:url(images/didyouknow2.gif) 0 0 repeat-x #ffffff; background-position: top right; height: 367px;}
#didyouknow2 .padd {padding:166 65 0 98; color: #939393}
#didyouknowbot {background:url(images/didyouknow-bottom.gif) no-repeat; height: 239px; clear: both}
#didyouknowbot .padd {padding:150 65 0 578; color: #939393}
#didyouknowbot2 {background:url(images/didyouknow-bottom2.gif) no-repeat; height: 194px; clear: both}
#didyouknowbot2 .padd {padding:140 15 0 578; color: #939393}
#didyouknowbot3 {background:url(images/didyouknow-bottom3.gif) no-repeat; height: 194px; clear: both}
#didyouknowbot3 .padd {padding:140 15 0 578; color: #939393}
#didyouknow3 {background:url(images/didyouknow3.gif) 0 0 repeat-x #ffffff; background-position: top right; height: 367px;}
#didyouknow3 .padd {padding:166 65 0 98; color: #939393}

#contact form {text-align: left}
#contact textarea {width: 250px; height: 190px}
#contact input {width: 200px; margin-bottom: 15px}
#contact .send input {width: 61px}