/* menu */
.rollmenu {border-right: #576257 1px solid; padding-right: 2px; border-top: #576257 1px solid; display: block; padding-left: 8px; font-size: 11px; padding-bottom: 2px; border-left: #576257 1px solid; color: #eee; line-height: normal; padding-top: 2px; border-bottom: #19324c 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #789078; text-decoration: none;}
a.rollmenu:link, a.rollmenu:active, a.rollmenu:visited { color:#ffffff; font-weight:normal; font-size:11px;}
a.rollmenu:hover { color:#ffffff; font-weight:normal; font-size:11px;}
.rollmenu:hover {	background-color: #475147; text-decoration: none}
.menuhead {font-weight: bold; font-size: 12px; color: #ffffff; background-color: transparent}
#menu1 {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
hr { border-style:dotted; color:#f1f1f1;}

/* main */
html, body { margin:0 0 0 0; padding:0 0 0 0;}
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; color: #363636;}
a:link, a:visited, a:active {text-decoration:underline; font-size:10pt; color: #0066CC}
a:hover {text-decoration:none;}
a:link.linksmall, a:visited.linksmall, a:active.linksmall {text-decoration:underline; font-size:8pt; color:#0066CC}
a:hover.linksmall {text-decoration:none;}
img { border:0px;}
#main { width:1006px; border-left:#000000 0px solid; border-right:#000000 0px solid; background-color:#FFFFFF;}
#top_main { background-image:url(../img/top_gradient.jpg); background-position:top; background-repeat:repeat-x; text-align:left; height:93px; border:#000 solid 0px; }
#logo { float:left; border:#000 solid 0px;}
#mainmenu { border:#000 solid 0px;}
#divider { height:14px; background-image:url(../img/pagitan_gradient.jpg); background-position:top; background-repeat:repeat-x; border:#000 solid 0px;}

/* tagline */
#ourservices { background-image:url(../img/mid1.jpg); background-position:top; background-repeat:no-repeat; width:256px; height:224px; float:left; padding-top:17px; border:#000 solid 0px;}
#wrapper1 { width:206px; height:205px; border:#000 solid 0px;}
#tagline { height:241px; border:#000 solid 0px;}
#middle { float:left; vertical-align:top; width:1006px; height:241px; margin:0px; padding:0px; border:#000 solid 0px;}
#services_text { background-image:url(../img/our_services2.jpg); background-position:top; background-repeat:no-repeat; text-align:left; height:88px; width:206px;}
div.par { font-family: Arial, Helvetica, sans-serif; font-size:11px; padding:7px 0px 0 18px; width:175px;}
#readmore { width:206px; background-image:url(../img/our_services3.jpg); background-position:top; background-repeat:no-repeat; height:39px; vertical-align:middle;}
a.readmore:link, a.readmore:visited, a.readmore:active { color:#01020a; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
a.readmore:hover { color:#1367ac; font-size:12px; text-decoration:underline; font-family:Arial, Helvetica, sans-serif;}

/* services */
#services {height:215px; width:1006px; padding:0px; margin:0px; border:#000 solid 0px;}
#softdev { width:185px; height:150px; padding-top:15px; float:left; margin:0 8px 0 17px; background-image:url(../img/softdev1_1.jpg); background-position:bottom; background-repeat:no-repeat; border:#000 solid 0px;} 
div.serv_text { text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;  height:30px; width:140px; padding:10px 5px 0px 10px; border:#000 solid 0px;}
div.serv_text1 { text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;  height:30px; width:120px; padding:10px 5px 0px 10px; border:#000 solid 0px;}
div.serv_text2 { text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;  height:23px; width:120px; padding:17px 5px 0px 10px; border:#000 solid 0px;}
img.serv_but { padding:0px 0 0px 0px; border:#000 solid 0px;}
.arrow { padding:0 0 0 145px; margin:0;}
.arrow1 { padding:0 0 0 145px; margin:0;}

#testing { width:185px; height:150px; padding-top:15px; float:left; margin:0 8px 0 4px; background-image:url(../img/testing1_1.jpg); background-position:bottom; background-repeat:no-repeat; border:#000 solid 0px;} 
#bpo { width:185px; height:150px; padding-top:15px; float:left; margin:0 8px 0 4px; background-image:url(../img/bpo1_1.jpg); background-position:bottom; background-repeat:no-repeat; border:#000 solid 0px;} 
#multimedia { width:185px; height:150px; padding-top:15px; float:left; margin:0 8px 0 4px; background-image:url(../img/multimedia1_1.jpg); background-position:bottom; background-repeat:no-repeat; border:#000 solid 0px;} 
#elearning { width:185px; height:150px; padding-top:15px; float:left; margin:0 8px 0 4px; background-image:url(../img/elearning1_1.jpg); background-position:bottom; background-repeat:no-repeat; border:#000 solid 0px;} 

#dtp { width:132px; height:176px; padding-top:15px; float:left; margin:0 4px 0 4px; background-image:url(../img/serv_bg4.jpg); background-position:bottom; background-repeat:no-repeat; border:#000 solid 0px;} 
#finance { width:132px; height:176px; padding-top:15px; float:left; margin:0 4px 0 4px; background-image:url(../img/serv_bg1.jpg); background-position:bottom; background-repeat:no-repeat; border:#000 solid 0px;}

/* copyright */
#copyright { background-image:url(../img/copy_bg.jpg); background-position:top; background-repeat:no-repeat; height:61px; width:1006px; margin-top:2px;}
#copyright_in { background-image:url(../img/copy_bg.jpg); background-position:top; background-repeat:no-repeat; height:61px; width:1004px; padding:0px 0 0 0;}
#copy { float:left; padding:30px 0 0 17px; font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#767676; }
#links_below { float:right; padding:30px 17px 0 0; font-size:10px;}
a.links_below:link, a.links_below:visited, a.links_below:active { font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#767676; font-weight:bold; text-decoration:none;}
a.links_below:hover { font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#1367ac; font-weight:bold; text-decoration:underline;}

/* inside pages */
#elearning_colleft { float:left; width:150px;}
div.elearning_descleft { float:left; width:300px; padding:0 5px 0 5px;}
div.elearning_descleft font, div.elearning_descleft_none font { font-weight:bold; font-size:13px;}
div.elearning_descleft1 { float:left; width:440px; padding:0 5px 0 5px;}
div.elearning_descleft1 font { font-weight:bold; font-size:13px;}
div.elearning_descleft p#link { font-size:10px;}

#elearning_colright { float:left; width:150px;}
div.elearning_descright { float:left; width:300px; padding:0 5px 0 5px;}
div.elearning_descright font, div.elearning_descright_none font  { font-weight:bold; font-size:13px;}
div.elearning_descright1 { float:left; width:440px; padding:0 5px 0 5px;}
div.elearning_descright1 font  { font-weight:bold; font-size:13px;}
div.elearning_descright p#link { font-size:10px;}

#portfolio_main { width:970px; height:190px; border:#000 solid 0px;}
#inside_noleft { width:1006px; border:#000 solid 1px;}
#s1sd_title { font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#036801;}

/* new edits 12112009 - george talavera */
h1{ font-family: Arial, Helvetica, sans-serif; font-size:13pt; font-weight:bold; color:#006699}
h2{ font-family: Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold; color:#006699}
h3{ font-family: Arial, Helvetica, sans-serif; font-size:11pt; font-weight:bold; color:#006699}
h4{ font-family: Arial, Helvetica, sans-serif; font-size:11pt; font-weight:normal; color:#006699}
/* end */

.goup { text-align:right; padding:20px 30px 10px 0; clear:both}

#reader { padding:0 10px 0 0;}
#inside_nocontent { float:right; text-align:left; vertical-align:top; border:#000 solid 0px; padding:0 15px 0 0; width:100%;}
#inside_pic { margin:15px 0; border:6px solid #c2c2c2;}
#download { text-align:left; border:#000 solid 0px; padding:240px 20px 0 0;}

#pagitan5 { float:left; width:45px;}

#content { border-right:1px solid #eeeeee; border-left:1px solid #eeeeee;}
#inside-1, #inside, #inside1, #inside2, #inside3, #inside4, #inside5, #inside6, #inside7, #inside8, #inside9, #inside 10 {}
#frontpage{padding:20px 20px 0 20px}

/* new: 09-05-2008 */

a.locator:link, a.locator:visited, a.locator:active { font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#489ae0; text-decoration:none; font-weight:normal;}
a.locator:hover { font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#489ae0; text-decoration:underline; font-weight:normal;}
#page_locator { border:#000 solid 1px; height:25px;}
#page_pic { float:right; border:#000 solid 0px; width:220px; margin-right: 20px; text-align:center;}
#body_content {border:#000 solid 0px; padding:10px 0 0 20px; width:730px;}
#page_contact { float:right; border:#000 solid 0px; width:400px; margin-right: 20px; text-align:center;}
#body_contact {border:#000 solid 0px; padding:10px 0 0 20px; width:530px;}
#body_content_portfolio {padding:0px 20px;}

.list1 { padding:0 0 0 0px;}
#cols1 { float:left; width:200px; }

/* gt 04302009 */
#container {margin: 0 auto; width:1006px;}
.breadcrumb{padding: 10px 0 0 10px}