/*
Theme Name: Top Call Center Philippines
Theme URI: http://www.
Description: Top Call Center Philippines
Version: 1.0
Author: Stratforce
Author URI: http://www.stratforce.com/
Tags: fixed width, white, 960, css, xhtml

	Top Call Center Philippines
	http://www.

	This theme was designed and built by Stratforce,
	the world's first, only and leading search marketing firm 
	specializing in providing strategically positioned websites™ 
	for enterprises.
	http://www.stratforce.com/


*/
/* ----------------------------------------- */
/* ------------- CSS Reset ----------------- */
/* ----------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}

/* remember to define focus styles! */
:focus {	outline: 0;}

/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}


/* ----------------------------------------- */
/* ------------- CSS Text  ----------------- */
/* ----------------------------------------- */
/* =Basic HTML
--------------------------------------------------------------------------------*/
body{	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;}
a:focus{	outline: 1px dotted invert;}
hr{	border-color: #ccc;	border-style: solid;	border-width: 1px 0 0;	clear: both;	height: 0;}

/* =Headings
--------------------------------------------------------------------------------*/
h1{	font-size: 25px;}
h2{	font-size: 23px;}
h3{	font-size: 21px;}
h4{	font-size: 19px;}
h5{	font-size: 17px;}
h6{	font-size: 15px;}

/* =Spacing
--------------------------------------------------------------------------------*/
ol{ list-style: decimal;}
ul{ list-style: square;}
li{	margin-left: 30px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{	margin-bottom: 20px;}

/* ----------------------------------------- */
/* ------------- GRID Layout  -------------- */
/* ----------------------------------------- */
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width:60px;
}

.container_16 .grid_2 {
	width:120px;
}

.container_16 .grid_3 {
	width:180px;
}

.container_16 .grid_4 {
	width:240px;
}

.container_16 .grid_5 {
	width:300px;
}

.container_16 .grid_6 {
	width:360px;
}

.container_16 .grid_7 {
	width:420px;
}

.container_16 .grid_8 {
	width:480px;
}

.container_16 .grid_9 {
	width:540px;
}

.container_16 .grid_10 {
	width:600px;
}

.container_16 .grid_11 {
	width:660px;
}

.container_16 .grid_12 {
	width:720px;
}

.container_16 .grid_13 {
	width:780px;
}

.container_16 .grid_14 {
	width:840px;
}

.container_16 .grid_15 {
	width:900px;
}

.container_16 .grid_16 {
	width:960px;
}



/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left:60px;
}

.container_16 .prefix_2 {
	padding-left:120px;
}

.container_16 .prefix_3 {
	padding-left:180px;
}

.container_16 .prefix_4 {
	padding-left:240px;
}

.container_16 .prefix_5 {
	padding-left:300px;
}

.container_16 .prefix_6 {
	padding-left:360px;
}

.container_16 .prefix_7 {
	padding-left:420px;
}

.container_16 .prefix_8 {
	padding-left:480px;
}

.container_16 .prefix_9 {
	padding-left:540px;
}

.container_16 .prefix_10 {
	padding-left:600px;
}

.container_16 .prefix_11 {
	padding-left:660px;
}

.container_16 .prefix_12 {
	padding-left:720px;
}

.container_16 .prefix_13 {
	padding-left:780px;
}

.container_16 .prefix_14 {
	padding-left:840px;
}

.container_16 .prefix_15 {
	padding-left:900px;
}



/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right:60px;
}

.container_16 .suffix_2 {
	padding-right:120px;
}

.container_16 .suffix_3 {
	padding-right:180px;
}

.container_16 .suffix_4 {
	padding-right:240px;
}

.container_16 .suffix_5 {
	padding-right:300px;
}

.container_16 .suffix_6 {
	padding-right:360px;
}

.container_16 .suffix_7 {
	padding-right:420px;
}

.container_16 .suffix_8 {
	padding-right:480px;
}

.container_16 .suffix_9 {
	padding-right:540px;
}

.container_16 .suffix_10 {
	padding-right:600px;
}

.container_16 .suffix_11 {
	padding-right:660px;
}

.container_16 .suffix_12 {
	padding-right:720px;
}

.container_16 .suffix_13 {
	padding-right:780px;
}

.container_16 .suffix_14 {
	padding-right:840px;
}

.container_16 .suffix_15 {
	padding-right:900px;
}



/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left:60px;
}

.container_16 .push_2 {
	left:120px;
}

.container_16 .push_3 {
	left:180px;
}

.container_16 .push_4 {
	left:240px;
}

.container_16 .push_5 {
	left:300px;
}

.container_16 .push_6 {
	left:360px;
}

.container_16 .push_7 {
	left:420px;
}

.container_16 .push_8 {
	left:480px;

}

.container_16 .push_9 {
	left:540px;
}

.container_16 .push_10 {
	left:600px;
}

.container_16 .push_11 {
	left:660px;
}

.container_16 .push_12 {
	left:720px;
}

.container_16 .push_13 {
	left:780px;
}

.container_16 .push_14 {
	left:840px;
}

.container_16 .push_15 {
	left:900px;
}



/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left:-60px;
}

.container_16 .pull_2 {
	left:-120px;
}

.container_16 .pull_3 {
	left:-180px;
}

.container_16 .pull_4 {
	left:-240px;
}

.container_16 .pull_5 {
	left:-300px;
}

.container_16 .pull_6 {
	left:-360px;
}

.container_16 .pull_7 {
	left:-420px;
}

.container_16 .pull_8 {
	left:-480px;
}

.container_16 .pull_9 {
	left:-540px;
}

.container_16 .pull_10 {
	left:-600px;
}

.container_16 .pull_11 {
	left:-660px;
}

.container_16 .pull_12 {
	left:-720px;
}

.container_16 .pull_13 {
	left:-780px;
}

.container_16 .pull_14 {
	left:-840px;
}

.container_16 .pull_15 {
	left:-900px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/* ----------------------------------------- */
/* ------------- Layout CSS ---------------- */
/* ----------------------------------------- */
/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {	font-weight:normal;}


/* branding
----------------------------------------------- */
h1#branding {	font-weight:normal;	font-size:3em;	text-align:left;	margin-bottom:0;}


/* boxes
----------------------------------------------- */
.box {	background:#ddd;	margin-bottom:20px;	padding:10px 10px 1px 10px;}
.block {	padding-top:10px;}
div.menu {  padding:0;}
div.menu h2 {  margin:0;}
div.menu .block {	padding-top:0;}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {	margin-bottom:1em;}
blockquote {	font-size:1.2em;	padding-left:1em;	border-left:4px solid #ccc;}
blockquote cite {  font-size:.9em;}
ul, ol {  padding-top:0;}


/* forms
----------------------------------------------- */
form {  overflow:hidden;}
fieldset {
  border:1px solid #bbb;
  padding:10px;
  position:relative;
  background:#e9e9e9;
  margin-bottom:10px;
}
legend {
  font-size:1.1em;
  padding:.4em .8em;
  background:#fff;
  border:1px solid #bbb;
}
fieldset.login p {  margin-bottom:1em;  margin-top:0pt;}
fieldset p label {  width:98%;}
fieldset p input {  width:98%;}
fieldset p select {  width:99%;}
fieldset.login p label {
  float:left;
  line-height:2em;
  margin-right:3%;
  text-align:right;
  width:32%;
}
fieldset.login p input {  width:60%;}
fieldset.login input.button {  margin-left:35%;}
form p.notice {  font-weight:bold;}
input.search.text {  width:66%;}
input.search.button {  width:28%;  margin-left:2%;}



/* ----------------------------------------- */
/* ------------- Style CSS ---------------- */
/* ----------------------------------------- */
/* body
----------------------------------------------- */
body {
	background: #F2F2F0 url(images/body-bg.png) top repeat-x;
	border: none;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0;
}

/* container
----------------------------------------------- */
.container_16 {
	background: #FFF;
	width: 1000px;
	padding: 0;
}


/* anchors
----------------------------------------------- */
a, a:hover {
	text-decoration: none;
	color: #2C6EBC;
}

/*my custom styles */
.rounded{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: solid #FFF 1px;
	*\border: none;
}
.alignleft { float: left; }
.alignright { float: right; }
.textleft { text-align: left; }
.textright { text-align: right; }
.box { background: transparent; }
#searchform #s{
		border: solid #C6C6C6 1px;
		margin: 0;
	}
#searchform #searchsubmit{
		background: url(images/search-button-bg.png) 0 0 no-repeat;
		width: 20px;
		margin: 0 3px;
		border: none;
		text-indent: -9999px;
	}

/* head border
----------------------------------------------- */
#head-border {	
}

#content-body {
	background: #FFF url(images/content-body-bg.png) 3px 0 no-repeat;
}

/* header
----------------------------------------------- */
#header {
	background: url(images/content-head-bg.png) bottom center no-repeat;
	margin: 10px 0 10px 20px;
	margin-left: 17px;
	height: 326px;
	border: solid #8F9194 2px;
}
	#header #header-left{
		background: url(images/header-left-bg.png) 0 0 no-repeat;
		margin: 0;
		padding: 0;	
	}
	#header #header-right{
		background: url(images/header-right-top-bg.png) top right no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
	}
#header #logo{
	background: url(images/logo.png) 30px 10px no-repeat;
	height: 80px;
	padding: 0;
	margin: 0 auto;
	float: left;
}
	#header #logo h1 a, .page-template-form-page-php #header #logo h1{
		text-indent: -9999px;
		display: block;
		height: 50px;
	}
	#header #logo h1#branding{
		padding: .8em 0 0 0;
	}
	#header #logo .description {
		display: none;
	}	
#header #toprightnav{
	margin: 20px 0 0 0;
	padding: 0 30px 0 0;
	height: 34px;
	color: #151717;
}
#header #toprightnav h6{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}	
#header #searchform{
	clear:both;
	margin: 7px 0 20px 0;
	padding: 0 30px 0 0;
	text-align: right;
	font-weight: bold;
	color: #151717;
}	
#header #topnav{
	padding: 0;
	margin-bottom: 0px;
	height: 26px;
	font-size: 14px;
	border-bottom: solid #BE202E 5px;
}
	#header #topnav span{
		margin-left: 30px;
	}
	#header #topnav ul{
		margin: 0;
		padding: 0 20px 0 0;
	}
	#header #topnav ul li{
		display: inline;
		margin: 0;
		padding: 0;
	}
	#header #topnav ul li a{
		color: #081C1F;
		font-weight: normal;
		padding: 0 15px;
		border-left: solid #081C1F 1px;
	}
	#header #topnav ul li.first a{
		border: none;	
	}
	#header #topnav ul li a:hover, #header #topnav ul li.current_item a{
		color: #BE2025;
	}
#header #flash-banner h3{
	text-indent: -9999px;
	height: 120px;
}		
#header #content-head{	
	position:absolute;
	top: 300px;
	left: 2px;
	color: #FFF;
}
	#header #content-head h5{
		display: block;
		text-align:center;
		padding: 5px 0 0 0;
		font-size: 13px;
	}
/* content
----------------------------------------------- */ 
#main-content {
	margin: 0 0 0 17px;
}	
#main-content h3{
	font-size: 16px;
	font-weight: bold;
}
#main-content  table {
	width: 600px;
	border: none;
	margin: 5px 0 25px 40px;
}
#main-content  .anim {
width: 450px;
}
#main-content  table td{
}
#main-content  .anim td{

}
#main-content  .anim .title{
	color: #010101;
	font-weight: bold;
	width: 70px;
}

#main-content #post-content {
	text-align: justify;
	line-height: 1.8em;
	font-size:12px;
	border: solid #8F9194 2px;
}
#post-content h3, #post-content h3 a{
}
#post-content #page-navi a{

}
	/* home single items
	----------------------------------------------- */
	#main-content .single-item{
		margin-bottom: 10px;
		padding: 10px 0 0 0;
		border: solid #8F9194 2px;
		text-align: justify;
	}
	#main-content .single-item .box{
		margin-left: 10px;
		margin-bottom: 2px;
	}
	#main-content .single-item .thumbs{
		margin: 0 0 0 10px;
		background: #F1F1F1 url(images/default-thumb.png) 4px 12px no-repeat;
		-moz-border-radius-topright: 20px;
		-moz-border-radius-topleft: 20px;		
		-webkit-border-top-right-radius: 20px;
		-webkit-border-top-left-radius: 20px;
		border: solid #F1F1F1 1px;
		width: 155px;
		height: 155px;
	}
	#main-content .single-item .thumbs img{
		margin-top: 7px;
		margin-left: -1px;
	}
	#main-content .single-item .item-info{
		margin-left: 20px;
		margin-bottom: 10px;
		padding: 15px;
		width: 720px;
		height: 120px;
		background: #FAEFEF;
		font-size: 97%;
		border: solid #FAEFEF 1px;
	}
	#main-content .single-item .item-info .compTitle{
		width: 230px;
	}
	#main-content .single-item .item-info h3{
		color: #010101;
		font-size: 17px;
		text-align: left;
	}
	/* slider box
	----------------------------------------------- */
	.single-item .sliderbox h2{		
		display:block;
		margin: 0;
		padding: 0;
		text-align: right;
		font-size: 12px;		
		height: 22px;
	}
	.single-item .sliderbox h2 a {
		
	}
	.single-item .sliderbox h2 a.visible, .single-item .sliderbox h2 a.hidden {
		background: #E6E7E8;
		margin-top: 1px;
		margin-right: 10px;
		padding: 3px 5px 3px 20px;
		*\padding: 5px 5px 5px 20px;
		color: #151717;
		width: 160px;
		*\width:95%;
	}
	.single-item .sliderbox h2 a.visible{
		background:#F1F1F1 url("images/switch_minus.gif") 7px 50% no-repeat;
		*\background:#F1F1F1 url("images/switch_minus.gif") -20px -20px no-repeat;
	}
	.single-item .sliderbox h2 a.hidden, .single-item .sliderbox h2 a.hidden:hover {
		background:#F1F1F1 url("images/switch_plus.gif") 7px 50% no-repeat;
		*\background:#F1F1F1 url("images/switch_plus.gif") -20px -20px no-repeat;
	}
	.single-item .sliderbox {
		background: url(images/single-item-bg.png) 0px bottom  no-repeat;
		margin-top: -10px;
		
	}
	.single-item .sliderbox .block{
		padding: 5px 0 5px 170px;
		margin: 0;
	}
	.single-item .sliderbox .block .rounded{
		background:#F1F1F1;
		margin-bottom: 10px;
	}
	.single-item .sliderbox .block .rounded h4{
		color: #BF1E2E;
		font-size: 13px;
		text-transform: uppercase;
		padding-bottom: 5px;
		border-bottom: solid #BE2026 1px;
	}
	

	/* home page
	----------------------------------------------- */
	.home #main-content #post-content {
		margin: 0;
		padding: 0;
		background: url(images/post-content-top-bg.png) top repeat-x;		
		height: 220px;
		overflow: hidden;
	}
	.home #post-content #grayhead .box{
		height: 20px;
		margin-bottom: 0px;
		padding: 0;
	}
	.home #post-content #grayhead a, .home #post-content #grayhead img{
		float: right;
		padding:2px 10px 0 0;
	}
	.home #post-content-left, .home #post-content-right {
		float: left;
	}
	.home #post-content-left .box{
		margin: 0;
		padding: 20px 10px 10px 20px;
	}
	.home #post-content-right .box{
		margin: 0;
		padding: 20px 14px 10px 10px;
	}
	.home #post-content-left h3, .home #post-content-right h3{
		font-size: 13px;
		font-weight: bold;
		color: #BF1E2E;
	}
	 	


	/* single pages
	----------------------------------------------- */
	.page {
		background: #F1F1F1 url(images/body-bg.png) top repeat-x;
	}
	.page #container{
		width: 555px;
		margin: 10px auto;
		padding: 0;
		
	}
	.page .rounded{
		background: #FFF url(images/header2-bg.png) top repeat-x;
		border: solid #8F9194 2px;		
	}
	.page .box{
		margin: 0;
		padding: 0;
	}
	.page #header{
		background: none;
		width: 100%;
		height: 65px;	
		margin: 0;
		border: none;
	}
	.page #header #logo{
		background: url(images/logo2.png) 20px 2px no-repeat;
		width: 100%;
		height: 60px;
		padding: 0;
		margin: 0 auto;
		float: left;
	}
	.page #header #logo h1 a{
		text-indent: -9999px;
		display: block;
		height: 50px;
	}
	.page #header #logo h1#branding{
		padding: .2em 0 0 0;
	}
	.page #header #logo .description {
		display: none;
	}
	.page #content {
		background: url(images/page-heading-bg.jpg) top center no-repeat;
		margin-bottom: 20px;
	}
	.page #content .box{
		padding-left: 35px;
		padding-right: 35px;
		text-align: justify;
	}
	.page #content h4{
		color: #FFF;
		font-size: 13px;
		padding: 3px 0;
		margin-left: -15px;
		margin-bottom: 20px;
	}
	.page #content strong{
		color: #BF1E2E;
	}
	#formtable{
		width: 470px;
		height: auto;
		margin: 0;
		padding: 0;
	}
	#formtable td{
		text-align: left;
	}
	#formtable #companytype, #formtable #callcenters {
		margin: 0 0 15px 0;
		padding: 0;
		text-align: left;
	}
	#formtable #companytype .wpcf7-list-item, #formtable #callcenters .wpcf7-list-item {
		clear: both;
		display: block;
		margin-bottom: 20px;
	}
	#formtable #callcenters .wpcf7-list-item {
		clear: both;
		margin-bottom: 5px;
		display: block;
	}
	#formtable #companytype .wpcf7-list-item input, #formtable #callcenters .wpcf7-list-item input{
		width:15px;
		float: left;
	}
	#formtable #companytype .wpcf7-list-item-label, #formtable #callcenters .wpcf7-list-item-label{
		margin-left:2px;
		float: left;
		display: inline-block;
		width: 410px;
	}	
        #formtable #callcenters .wpcf7-list-item-label{
		margin-left:2px;
		width: 200px;
		display: inline;
                float: left;
	}
	#formtable input{
		width: 210px;
	}
        #formtable select {
		width: 265px;
	}
	#formtable textarea{
		
	}
        #formtable .msgInq {
		width: 215px;
	}
	#formtable textarea.message {
		width: 160px;
	}
	#formtable input.submit{
		background: url(images/send-button.png) 2px 8px no-repeat;
		color: #FFF;
		text-align: -9999px;
		padding: 2px;
		width: 60px;
		height: 35px;
		border: none;
		margin-left: 145px;
	}
	#formtable #callcenters{
		width: 220px;
		}

/* site information
----------------------------------------------- */
#site_info {
	float: left;
	background: #FFF;
	margin: 0 auto;
	padding: 10px 0 0 0;
	display: block;
	clear: both;
	height: 40px;
}
#site_info .box {
	padding: 3px 0;
	margin: 0 20px;
	font-size: 95%;
}
#site_info #footer-left{
	text-align: left;
	color: #404040;
}
#site_info #footer-right{
	float: right;
	text-align: right;
	color: #404040;
}
#site_info a{
	color: #404040;
	font-weight: normal;
}
#site_info b{
	font-weight: normal;
	padding: 0 10px;
}

/* custom scroll
----------------------------------------------- */
.home #mycustomscroll {
	height: 136px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding: 0 5px 0 0;
}
.MultiBoxControls {
	display: none;
}