/*
------------------------------------------------------------------------
Theme Name:    iPrint Inc.
Theme URI:     http://www.iprint.ph/
Description:   Official iPrint Inc. Website
Version:       1.01
Author:        Allan Catadman of iPrint Inc.
Author URI:    http://www.iprint.ph/
------------------------------------------------------------------------

All rights reserved.
*/

body {
    background: #000000;
    color: #FFFFFF;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10pt;
    margin: 0 auto;
    text-align: center;
}

#container {
    width: 920px;
    margin: 0 auto;
    /*padding: 0 10px 0 10px;*/
    text-align: left;
    clear: both;
}


/* Common Style */

a {
    color: #ffcc00;
    text-decoration: underlibne;
}

a:hover {
    color: #ffcc00;
    text-decoration: none;
}

a:visited, a:active {
    color: #ffcc00;
    text-decoration: underline;
}

.clr {
    clear: both;
}

.sep {
    border: 1px solid #223a45;
    margin-top: 30px;
    height: 1px;
    background: #223a45;
}


/* End of Common Style */


/* The header */

#header {
    background: url(images/header-color.jpg) top center no-repeat;
    /*margin: 0px 10px 0px 10px;*/
    padding-top: 4px;
}

#header .logo {
    float: left;
    margin-right: 12px;
}

#header .header-flash {
    background: url(images/header-flash-bg.jpg) no-repeat;
    height: 220px;
    padding: 12px 0 0 10px;
    clear: both;
}

.flash-intro {
    padding-top: 120px;
}


/* menu item */
#menu {
    margin: 30px 0 0 0px;
    padding: 0;
}

#menu ul{
    background: url(images/menu-bg.jpg) repeat-x;
    padding: 0;
    margin: 0;
    float: left;
    font: bold 80% Verdana;
}

#menu ul li{
    display: inline;
}


#menu ul li a, #menu ul li span{
    float: left;
    color: #FFFFFF;
    font-weight: bold;
    padding: 13px 15px 15px 11px;
    text-decoration: none;
    background: url(images/menu-separator.jpg) top right no-repeat;
}

#menu ul li span{ /*Targets span tag to the right of #leftcorner below*/
    padding-left: 0px;
}

#menu ul li a#leftcorner{
    float: none;
    padding-left: 10px;
    padding-right: 0px;
    background: url(images/leftcorner.gif) top left no-repeat;
}

#menu ul li a#rightcorner{
    padding-right: 10px;
    background: url(images/rightcorner.gif) top right no-repeat;
}

#menu ul li a:hover{
    text-decoration: underline;
}

#menu:after{ /*Add margin between menu and rest of content in Firefox*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* End of The header */


/* Content Style */
#content {
    margin: 20px 10px 0px 10px;
}

/* left */
#content .left {
    float: left;
    width: 280px;
    margin-right: 20px;
}

#latest-work h3 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 0px;
    background: url(images/icon-heart.jpg) 0px 4px no-repeat;
    padding-left: 20px;
}

#podcast {
    padding-top: 10px;
    padding-bottom: 10px;
}


#latest-news {

}

.news-archive {
    font-size: 11px;
}


#news-style {
    background: #151515;
    padding:1px 16px 10px 16px;
}


#latest-news p {
    font-size: 8pt;
    margin-bottom: 0px!important;
    margin-bottom:-10px;
}

#latest-news hr {
    border: 1px #313131 solid;
    margin-top: 8px;
    padding: 0 auto;
}

#latest-news h1 {
    font-size: 10pt;
    margin-bottom: -10px!important;
    margin-bottom: -20px;
    margin-top: -5px;
}


#latest-news h2 {
    font-size: 8pt;
    color: #996600;
    padding-left: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-bottom: 3px;
    background: url(images/news-star.jpg) no-repeat;
}

#latest-news h3 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 0px;
    background: url(images/icon-clock.jpg) 0px 4px no-repeat;
    padding-left: 20px;
}

#news-style ul {
    list-style: none;
    margin-top: -10px;
/*    margin-left: -0px!important;*/
    margin-left: 0px;
}

#news-style ul li {
    list-style: none;
    margin-top: -10px;
    margin-left: -40px!important;
    margin-left: 0px;
}

#news-style h2 {
    margin-bottom: 5px;
}


#news-style ul li p {
    margin-top: 0px;
}


/* right */
#content .right {
    float: right;
    width: 600px;
}

#content .right img {
    margin-right: 8px;
    margin-bottom: 6px;
}

#content .right .video img {
    margin-right: 2px;
    margin-bottom: 2px;
}

.right p {
   margin-bottom: -4px;
   line-height: 14px;
}

#content .right h1 {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0px;
    color: #FFCC33;
}

#content .right h3 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
    background: url(images/icon-check.jpg) 0px 4px no-repeat;
    padding-left: 20px;
}

#column_main h1 {
    font-size: 16px;
    margin-bottom: -5px!important;
    margin-bottom: -10px;
    margin-top: 2px;
    color: #FFCC33;
}

/* End of Content Style */


#left-custom h3 {
    background: url(images/input-tablet.jpg) 0px 4px no-repeat;
    font-size: 18px;
    margin-bottom: 16px;
    margin-top: 10px;
    padding-left: 20px;
}

#left-custom ul li {
    list-style: none;
    margin-left: -30px;
    background: url(images/small-check.jpg) 0px 4px no-repeat;
    padding-left: 16px;
}

#left-custom li {
    margin-bottom: 4px;
}

.multimedia {
    background: url(images/contact-bg.jpg) no-repeat;
    color: #FFFFFF;
    /*border: 4px solid #161616;*/
    margin-top: -10px;

}

.multimedia h3 {
    margin-top:-20px;
}

.multimedia small {
    font-size: 14px;
    color: #FF9933;
    font-weight: bold;
    /*background: #202020;*/
    display: block;
    margin: 8px 10px 0px 10px;
    padding: 5px;
}


/* Footer Style */
#footer {
    /*background: #0f0f0f url(images/footer-bg.jpg) bottom center no-repeat;*/
    background: #0e0e0e;
    color: #808080;
    width:900px;
    height: 120px;
    font-size: 9pt;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom:5px;
}

#footer .footer-copyright {
    float: left;
    margin-top: 95px;
    margin-left: 10px;
}

#footer .footer-address {
    float: right;
    text-align: right;
    margin-top: 0px!important;
    margin-top: 10px;
    margin-right: 10px;
}

.footer-address a, .footer-address a:visited, .footer-address a:hover {
    color: color: #8D8D8D;
}


/* End of Footer Style */




/* people info */
#people {
    width: 580px;
    background: #1F1F1F;
    border: 4px solid #101010;
    padding: 6px;
}

.people-holder-one-a {
    float: left;
    width: 285px;
    margin-bottom: 10px;
    padding: 5px 0 0px 0;
}

.people-holder-two-a {
    float: right;
    width: 285px;
    margin-bottom: 10px;
    padding: 5px 0 0px 0;
}

.people-holder-one-b {
    float: left;
    width: 285px;
    margin-bottom: 10px;
}

.people-holder-two-b {
    float: right;
    width: 285px;
    margin-bottom: 10px;
}

.people-portrait {
    width: 80px;
    float: left;
    text-align:center;
    margin-right: -10px;
}

.people-portrait img {
    margin-left: 8px;
}


.people-info {
    width: 190px;
    float: right;
}

.people-info h4 {
    font-size: 14px;
    color: #6699FF;
    margin-bottom: 0px;
    margin-top: 0px;
}

.people-position {
    color: #CC9900;
    font-size: 12px;
}

.people-info a{
    font-size: 10px;
}

.highlight-one {
    background: #2D2D2D;
    margin-bottom: 2px;
    padding-top: 10px;
}

.highlight-two {
    background: #303030;
    margin-bottom: 2px;
}

.highlight-one h2, .highlight-two h2 {
    color: #0099FF;
    margin-left: 20px;
}



/* new team holder */
#left-team-holder {
   width: 358px;
   float: left;
   text-align: center;
}



#left-team {
    background: url(images/team-bg.jpg) repeat-y;
    width: 358px;
    float: left;
    text-align: left;
}

#left-team .team-content {
        padding:0px 16px 0 16px;
}


#left-team p {
    line-height: 15px;
    margin-top: 0.5em;
}


#right-team {
    width: 508px;
    float: right;
}

.team-wrapper {
    margin-bottom: 10px;
}


.team-holder {
    background: #101010;
    width: 100px;
    height: 150px;
    padding: 9px;
    float: left;
    margin-right: 8px;
}

.team-info {

}

.team-info-name {
    color: #ff9900;
}

.team-info-position {
    color: #ffffff;
}



/* Bubble tooltip */
#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url('../images/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;
}
#bubble_tooltip .bubble_middle{
	background-image: url('../images/bubble_middle.gif');
	background-repeat:repeat-y;
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('../images/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	height:44px;
	position:relative;
	top:-6px;
}

/* @group -team */
/* jdoe1 */
.team-photo-jdoe {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/jdoe1.jpg) 0px 0px no-repeat;
}

.team-photo-jdoe a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-jdoe1 a:hover {
    background: url(images/team/jdoe1.jpg) 0px -102px no-repeat;
}
/* kevin */
.team-photo-kevin {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/kevin1.jpg) 0px 0px no-repeat;
}

.team-photo-kevin a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-kevin a:hover {
    background: url(images/team/kevin1.jpg) 0px -102px no-repeat;
}

/* farren */
.team-photo-farren {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/farren1.jpg) 0px 0px no-repeat;
}

.team-photo-farren a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-farren a:hover {
    background: url(images/team/farren1.jpg) 0px -100px no-repeat;
}

/* shiela */
.team-photo-sheila {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/sheila1.jpg) 0px 0px no-repeat;
}

.team-photo-sheila a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-sheila a:hover {
    background: url(images/team/sheila1.jpg) 0px -100px no-repeat;
}

/* des */
.team-photo-des {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/des.jpg) 0px 0px no-repeat;
}

.team-photo-des a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-des a:hover {
    background: url(images/team/des.jpg) 0px -100px no-repeat;
}

/* marlon */
.team-photo-marlon {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/marlon.jpg) 0px 0px no-repeat;
}

.team-photo-marlon a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-marlon a:hover {
    background: url(images/team/marlon.jpg) 0px -100px no-repeat;
}

/* allan */
.team-photo-allan {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/allan1.jpg) 0px 0px no-repeat;
}

.team-photo-allan a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-allan a:hover {
    background: url(images/team/allan1.jpg) 0px -102px no-repeat;
}

/* guy */
.team-photo-guy {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/guy1.jpg) 0px 0px no-repeat;
}

.team-photo-guy a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-guy a:hover {
    background: url(images/team/guy1.jpg) 0px -102px no-repeat;
}


/* grace */
.team-photo-grace {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/grace1.jpg) 0px 0px no-repeat;
}

.team-photo-grace a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-grace a:hover {
    background: url(images/team/grace1.jpg) 0px -102px no-repeat;
}


/* amy */
.team-photo-amy {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/amy1.jpg) 0px 0px no-repeat;
}

.team-photo-amy a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-amy a:hover {
    background: url(images/team/amy1.jpg) 0px -100px no-repeat;
}

/* miles */ 
.team-photo-miles {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/miles1.jpg) 0px 0px no-repeat;
}
.team-photo-miles a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-miles a:hover {
    background: url(images/team/miles1.jpg) 0px -102px no-repeat;
}
/* patrick */
.team-photo-patrick {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/patrick.jpg) 0px 0px no-repeat;
}

.team-photo-patrick a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-patrick a:hover {
    background: url(images/team/patrick.jpg) 0px -102px no-repeat;
}

/* marie */
.team-photo-marie {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/marie1.jpg) 0px 0px no-repeat;
}

.team-photo-marie a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-marie a:hover {
    background: url(images/team/marie1.jpg) 0px -100px no-repeat;
}

/* gelynne */
.team-photo-gelynne {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/gelynne1.jpg) 0px 0px no-repeat;
}

.team-photo-gelynne a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-gelynne a:hover {
    background: url(images/team/gelynne1.jpg) 0px -102px no-repeat;
}
/* jasmin */
.team-photo-jasmin {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/jasmin1.jpg) 0px 0px no-repeat;
}

.team-photo-jasmin a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-jasmin a:hover {
    background: url(images/team/jasmin1.jpg) 0px -102px no-repeat;
}

/* Mike */
.team-photo-mike {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/mike1.jpg) 0px 0px no-repeat;
}

.team-photo-mike a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-mike a:hover {
    background: url(images/team/mike1.jpg) 0px -102px no-repeat;
}
/* luisito */
.team-photo-luisito {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/luisito1.jpg) 0px 0px no-repeat;
}

.team-photo-luisito a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-luisito a:hover {
    background: url(images/team/luisito1.jpg) 0px -102px no-repeat;
}
/* camilo */
.team-photo-camilo {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/camilo1.jpg) 0px 0px no-repeat;
}

.team-photo-camilo a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-camilo a:hover {
    background: url(images/team/camilo1.jpg) 0px -102px no-repeat;
}
/* armando */
.team-photo-armando {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/armando1.jpg) 0px 0px no-repeat;
}

.team-photo-armando a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-armando a:hover {
    background: url(images/team/armando1.jpg) 0px -102px no-repeat;
}
/* renato */
.team-photo-renato {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #FFCC00 url(images/team/renato1.jpg) 0px 0px no-repeat;
}

.team-photo-renato a {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 10px;
}

.team-photo-renato a:hover {
    background: url(images/team/renato1.jpg) 0px -102px no-repeat;
}

	/* @end */




/* the tooltip */

#JT_arrow_left{
	background-image: url(images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	position: absolute;
	z-index:101;
	left:-10px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	position: absolute;
	z-index:101;
	height:23px;
	width:10px;
    left: -2px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	/*border: 2px solid #3e3e3e;*/
	background-color: #3e3e3e;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#FFFFFF;
}

.JT_loader{
	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #292929;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #292929;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:0px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:pointer;
}



/* the mootools style */

.mb {
    margin-right: -16px;
}


/* Services Include */
#service-include {
   background: url(images/service-include.jpg) no-repeat;
   margin-top: 10px;
}

#first-service {
   width: 180px;
   float: left;
}

#second-service {
   width: 180px;
   float: left;
}

#third-service {
   width: 210px;
   float: right;
}

#first-service ul, #second-service ul, #third-service ul {
    list-style: none;
    margin-left: -30px!important;
    margin-left: 10px;
}

#first-service li, #second-service li, #third-service li {
    background: url(images/star-gold.gif) no-repeat 0px 3px;
    padding-left: 15px;
    padding-bottom: 5px;
}



/* contact details and map */

#contact-details {
    background: url(images/contact-bg.jpg) no-repeat;
    padding:5px 10px 0px 20px;
}

#contact-details h2 {
    font-size: 14px;
    color: #FFCC33;
    margin-bottom: -10px;
}

#iprint-map {
    margin-top: 10px;
}

/* the blog */
#blog {
    text-align: justify;
}


.author-pic {
    background: #101010 url(images/farren-profile.jpg) 5px 5px no-repeat;
    padding:1px 0px 5px 80px;
    height: 70px;
}

#blog .author-pic h1 {
    margin-top: 10px;
}

#blog .author-pic h1 a {
    font-size: 16px;
    color: #0099FF;
    text-decoration: none;
}

#blog .author-pic h2 {
    font-size:8pt;
    color:#606060;
    margin-top: -15px;
    font-weight: normal;
}

#blog .author-pic h3 {
    font-size:9pt;
    margin-top: -10px;
    margin-left:-20px;
    color:#505050;
    background: none;
    font-weight: normal;
}

.dotted {
    background: url(images/dotted.jpg) no-repeat;
    height:12px;
    margin-bottom: 10px;
    margin-top: 20px;
}


/* blog list */
#blog-list {
    background: url(images/blog-list.jpg) no-repeat;
}

#blog-list ul {
    list-style:none;
    margin-left: -24px!important;
    margin-left: 15px;
    padding-top: 20px;
}

#blog-list li {
    background: url(images/bubble.jpg) no-repeat 0px 4px;
    padding-left: 16px;
    margin-bottom: 5px;
}



#column_main h2 {
    font-size: 10pt;
    margin-bottom: -5px!important;
    margin-bottom: -10px;
    margin-top: 2px;
    color: #505050;
    font-weight: normal;
}


/* the portfolio */

#portfolio img {
    margin-right:25px;
}




/* the portfolio Printing */

#portfolio-printing {

}

#portfolio-printing .client-one {
    border:6px solid #151515;
    width: 80px;
	height: 80px;
	float: left;
	margin-right: 5px;
    margin-bottom: 10px;
}

#portfolio-printing .client-two {
    border:6px solid #1D1D1D;
    width: 80px;
	height: 80px;
	float: left;
	margin-right: 5px;
    margin-bottom: 10px;
}

.co-desc {
    background: #202020;
    padding: 5px;
    display:block;
}



/* archive */

#front {
    float: right;
    width: 600px;
}


#front ul {
    list-style: url(images/notepad.gif);
}

#front li {
    margin-bottom: 10px;
    padding-left: 0px!important;
    padding-left: 8px;
}

.meta {
    color: #363636;
    font-size: 10px;
}

#front .category_header h1 {
    font-size: 18px;
}

g-list li {
    background: url(images/bubble.jpg) no-repeat 0px 4px;
    padding-left: 16px;
    margin-bottom: 5px;
}



#column_main h2 {
    font-size: 10pt;
    margin-bottom: -5px!important;
    margin-bottom: -10px;
    margin-top: 2px;
    color: #505050;
    font-weight: normal;
}


/* the portfolio */

#portfolio img {
    margin-right:25px;
}




/* the portfolio Printing */

#portfolio-printing {

}

#portfolio-printing .client-one {
    border:6px solid #151515;
    width: 80px;
	height: 80px;
	float: left;
	margin-right: 5px;
    margin-bottom: 10px;
}

#portfolio-printing .client-two {
    border:6px solid #1D1D1D;
    width: 80px;
	height: 80px;
	float: left;
	margin-right: 5px;
    margin-bottom: 10px;
}

.co-desc {
    background: #202020;
    padding: 5px;
    display:block;
}



/* archive */

#front {
    float: right;
    width: 600px;
}


#front ul {
    list-style: url(images/notepad.gif);
}

#front li {
    margin-bottom: 10px;
    padding-left: 0px!important;
    padding-left: 8px;
}

.meta {
    color: #363636;
    font-size: 10px;
}

#front .category_header h1 {
    font-size: 18px;
}