/*  

Theme Name: OutsourceAge

Theme URI: http://outsourceage.com/

Description: Website Design Development Company.

Version: 2

Author: Husnain Raza

Author URI: http://www.outsourceage.com

*/

/* RESET HTML TAG					*/ 

/* -------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {

	margin:0;

	padding:0;

}
.alignleft{float:left;}
.alignright{float:right;}

small{margin-bottom:10px; display:block;}

small a, small a:hover{color:#222;}

table {

	border-collapse:collapse;

	border-spacing:0;

}

fieldset, img {

	border:0;

}

li {

	list-style:none;

}

caption, th {

	text-align:left;

}

h1, h2, h3, h4, h5, h6 {

	font-family: Arial, Helvetica, sans-serif;

	font-size:1em;

	font-weight: bold;

	line-height: normal;

	margin: 0 0 1em 0;

}

q:before, q:after {

	content:'';

}

sup {

	vertical-align:text-top;

}

sub {

	vertical-align:text-bottom;

}

input, textarea, select {

	font-family:inherit;

	font-size:inherit;

	font-weight:inherit;

}

input, textarea, select {

	font-size:100%;

}

legend {

	color:#000;

}

del, ins {

	text-decoration:none;

}

/* -------------------------------- */

/* STANDARD HTML TAG DEFINITION		*/ 



html {

	height: 100%;

}

body {

	background: #006699;

	color: #222;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 75%; /* Resets 1em to 10px */;

	line-height: 1.3em;

	margin:0;

	padding:0;

	height: 100%;

}

.icon h2  {

	font-size: 1.7em;

	font-weight: normal;

	padding-left: 38px;

	background-image: url(images/icon_blueorb.png);

	background-repeat: no-repeat;

	background-position: left top;

	line-height: 32px;

	color: #333;

}

h1{color:#000055; font-size:26px;	margin:10px 0 5px 0;

	padding:0; 	font-weight: normal;}

h2,.title {

	font-size: 28px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	color: #B32426 !important;

	margin:0;

	padding:0;

	clear: both;

}



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







.portPic h2 a{

	font-size: 22px;



}

.portPic h2 a:hover{text-decoration:none; color:#000055;}

h3, .postlist h3 a{

	font-size: 1.33em;

	color: #669900;

}

h4 {

	font-size: 1.1em;

	margin: 0 0 1em 0;

	color: #003F8E;

	font-weight:bold;

}

h5 {

	font-size: 1em;

	margin: 0;

}

h6 {

	font-size: 0.916em;

	margin: 0;

	color: #666;

}

p {

	margin-bottom: 1.5em;

}

a {

	cursor: pointer;

	text-decoration: none;

	color: #003F8E;

}

a:hover {

	text-decoration: underline;

}



a:active, a:focus {

	outline: none;

}

.divide {

	height: 0;

	background: #aaa;

	border-top: 1px dotted #AAA;

	clear: both;

	margin: 0 0 10px 0;

}

hr {

	height: 1px;

	padding: 0;

	background: #eee;

	/*	background: transparent url(images/hr.png) no-repeat center top;

*/	border: none;

	border-top:1px dotted #aaa;

	margin:0 0 1em 0;

	clear: both;

}



#side h3  {

	padding:0 0 7px 0;

	margin:0;

	border-bottom:1px dotted #aaa;

		font-size: 1.33em;

	color: #669900;

}

.bi {

	font-weight:bold;

	font-style:italic;

	line-height:2.1em;

}

/* -------------------------------- */

/* PAGE ELEMENTS					*/ 

/* -------------------------------- */	



#whole {

	font-size: 0.75em;

	margin: 0 auto;

	padding: 0;

	overflow: hidden;

}

/* -------------------------------- */

	/* HEADER + LOGO					*/ 

	

	#header {

	background: #FFF url(images/header.jpg) no-repeat center top;

	width: 100%;

	padding: 0 0 2em 0;

}

#headerContent {

	margin: 0 auto;

	padding: 30px 0 20px 0;

	position: relative;

	width: 984px;

}

#header h2 {

	float: left;

}

#header h2 img {border:0;}

#header h2, #header h2 {

	margin: 0;

}

/* RIBBON */

				.ribbon {

	background: url(images/weloveweb2dotO.png) no-repeat;

	height: 159px;

	left: -11px;

	top: 122px;

	width: 155px;

	display: block;

	text-indent: -9999em;

	z-index: 5;

}

.ribbon {

	position: absolute;

}

/* QUOTE */

				#quote {

	position: absolute;

	text-indent: -9999em;

	z-index: 5;

	background: url(images/btn_quote.png) no-repeat;

	right: 0;

	top: 380px;

	display: block;

	width: 272px;

	height: 152px;

}

#quote a {

	display: block;

	width: 272px;

	height: 90px;

}

#headerContentNone {

	padding-bottom: 0;

}

#quoteNone a {

	display: none;

}

/* -------------------------------- */

		/* NAVIGATION						*/ 

	

		#nav {

	float: right;

	margin: 38px 0 20px 0;

	position: relative;

	z-index: 10;

}

#nav ul {

	margin:0;

	padding:0;

}

#nav li {

	display: inline;

	float: left;

}

#nav li a {

	background: url(images/navline.png) no-repeat;

	color: #FFF;

	display: block;

	font-size: 1.2em;

	line-height: 54px;

	padding: 0 20px;

}

#nav li a:hover, #currentpage {

	background: url(images/navlineO.png);

	text-decoration: none;

}

#nav li a#currentpage {

	cursor: default;

}

/* -------------------------------- */

		/* BANNER							*/ 

		

		#banner {

	clear: both;

	height: 320px;

	margin: 0 auto;

	padding:0;

	width: 965px;

	position: relative;

}

#banner ul {

	margin:0;

	padding:0

}

#banner li {

	background: url(images/banner1.jpg) no-repeat;

	height: 320px;

	width: 965px;

	text-indent: -9999em;

	margin:0;

	padding:0

}

#banner li#banner2 {

	background: url(images/banner2.jpg) no-repeat;

}

#banner li#banner3 {

	background: url(images/banner3.jpg) no-repeat;

}

#banner li#banner4 {

	background: url(images/banner4.jpg) no-repeat;

}

#banner li a {

	width: 965px;

	height: 320px;

	display: block;

}

/* THE CAROUSEL */

			.jcarousel-container {

	position: relative;

}

.jcarousel-container-horizontal {

	width: 965px;

	height: 320px;

}

.jcarousel-clip {

	z-index: 2;

	overflow: hidden;

	position: relative;

	width: 965px;

	height: 320px;

}

.jcarousel-list {

	z-index: 1;

	overflow: hidden;

	position: relative;

	top: 0;

	left: 0;

}

.jcarousel-list li,  .jcarousel-item {

	float: left;

	list-style: none;

	width: 965px;

	height: 320px;

}

.jcarousel-control {

	position: absolute;

	z-index: 4;

	top: 10px;

	right: 10px;

}

.jcarousel-control a {

	background: url(images/trans_000_10.png);

	padding: 5px;

	color: #FFF;

}

.jcarousel-next, .jcarousel-prev {

	z-index: 3;

	display: none;

	position: absolute;

	top: 0;

	height: 320px;

	width: 45px;

	cursor: pointer;

}

.jcarousel-next {

	right: 0;

}

.jcarousel-prev {

	left: 0;

}

/* -------------------------------- */

		/* CONTENT							*/ 

		

		#contentWrap {

	background: #FFF;

}

#content {

	/*background: url(images/content.png) repeat-y -1px 0;*/

				margin: 0 auto;

	width: 992px;

}

#contentContent {

	width: 964px;

	margin: 0 auto;

}

#main, #side {

	float: left;

}

/* -------------------------------- */

				/* MAIN								*/ 

				

				#intro {

	background: url(images/horizontal.png) no-repeat center bottom;
           display:block;
	padding: 0 0 40px 0;
	margin: 0 0 1em 0;

}

.unit {

	float: left;

	width: 320px;

}

#intro h2{ line-height:32px; padding-left:38px; font-size:1.7em;}

.unit.one {

	padding: 0 10px 0 0;

	width: 300px;

}

.one h2 {

	color: #b32426;

	background: url(images/icon_rainboworb.png) no-repeat left top; 

}

.unit.two {

	padding: 0 10px;

	width: 320px;

	border-left: 1px solid #e6e6e6;

	border-right: 1px solid #e6e6e6;

}

.two h2 {

	color: #003F8E;

	background: url(images/icon_blueorb2.png) no-repeat left top;

}

.unit.three {

	padding: 0 0 0 10px;

	width: 280px;
clear:right;

}

.three h2 {

	color: #669900;

	background: url(images/icon_screw.png) no-repeat left top;

}

.unit.four {

	padding: 0 10px 0 0;

	width: 300px;

}

.four h3 {

	color: #141d24;

	font-family:Georgia, "Times New Roman", Times, serif;

	background-image:none;

	margin:10px 0;

}

.unit.five {

	padding: 0 10px;

	width: 320px;

	border-left: 1px solid #e6e6e6;

	border-right: 1px solid #e6e6e6;

}

.five .piclenselink{display:none;}

.five h3 {

	color: #000;

	background-image: none;

}

.unit.six {

	padding: 0 0 0 10px;

	width: 270px;

}

.six h3 {

	color: #000;

	background-image:none;

}

.unit.seven {

	padding: 0 0 0 10px;

	width: 270px;
margin-bottom:30px;

}

.seven h3 {

	color: #000;

	background-image:none;

}

#post-29 {

display:none;
}

#refader-3 {

	margin:1px 12px 10px 20px;

	width: 861px;

	background:#fff url(http://outsourceage.com/wp-content/uploads/2011/01/testib.jpg) no-repeat;
height:163px;
	color:#757575;
       padding: 20px 30px 0px 20px;

}

#RandomExcerpts {

position: relative;
overflow: hidden;
height: 75px;

}
.hbanner img
{
 padding-right: 15px !important;
 /*float: left;*/
}

/*.employer
{
	padding: 0 0 0 28px !important;
	position: relative;
	right: 25px;
	float: rifgt;
	top: 33px;
}*/


.hbanner h2 {

	display:none;

}

#attachment_30 {display:block; float:left; }

#intro h2 {

	margin: 0 0 0.5em 0;

}

#intro h3 {

	color: #000;

	margin-bottom: 0.1em;

}

/* -------------------------------- */

				/* MAIN								*/ 

				

				#main {

	width: 550px;

	padding: 0 37px 0 0;

	margin: 0 10px 0 0;

}

/* -------------------------------- */

				/* SIDE								*/ 

				

				#side {

	padding: 20px;

	width: 327px;

	background: url(images/sidebar.png) no-repeat

}

.menuright {

display:none;
}

.rightmenu {

	margin: 0 0 2em 0;

	padding: 0;

	border-top:1px solid #fff;
      
      

}

.rightmenu ul {

	margin:0;

	padding:0;

	list-style:none;

	list-style-position:outside;

}

.rightmenu ul li {

	font-size:1.1em;

	display:block;

	margin:0;

	padding:0;

}

.rightmenu ul li a {

	display:block;

	padding:10px 0;

	color:#333;

	border-bottom:1px dotted #ccc;

	text-decoration:none;

	background:url(images/tag.gif) no-repeat scroll 99% 50%;

}

.rightmenu ul li a:hover {

	display:block;

	padding:10px 0;

	color:#003F8E;

	border-bottom:1px dotted #ccc;

	text-decoration:none;

}

/* -------------------------------- */

	/* FOOTER							*/ 

		

	#footer {

	clear: both;

	color: #FFF;

	background: #0076B1 url(images/footer.png) no-repeat center top;

	font-size: 0.916em;

}

#footer h1{display:none;}

#footer h3, #footer a {

	color: #FFF;

	background: none;

	padding: 0;

}

#footer h3 {

	font-size: 1.5em;

	font-weight: normal;

}

#footerContent {

	margin: 0 auto;

	width: 964px;

}

#quaffsocial {

	height: 90px;

	color:#666;

	font-weight:bold;

	font-size:1.2em;
        margin-bottom: 10px; 

}

#quaffsocial a {

	float:right;

	color: #afafaf;

	margin-left: 20px;

	margin-right: 20px;

}

#footer .unit {

	height: 240px;

}

#aboutShort.unit {

	padding: 0 20px 0 0;

	width: 370px;

	background: url(images/footerline.png) no-repeat right top;

}

#sitemap.unit {

	padding: 0 0 0 40px;

	width: 200px;

	background: url(images/footerline.png) no-repeat right top;

}

#sitemap li {

	display: block;

	float: left;

	width: 100px;

	margin-bottom: 10px;

}

#search.unit {

	padding: 0 0 0 40px;

	width: 284px;

}

#search #searchBar, #search p, #search ul {

	clear: both;

}

#searchBar {

	background: url(images/search.png) no-repeat;

	width: 228px;

	height: 38px;

	position: relative;

	margin: 0 0 1em -5px;

}

#searchBtn {

	position: absolute;

	top: 3px;

	right: 3px;

}

#searchField {

	font-size: 1.16em;

	color: #999;

	border: 0;

	margin: 0;

	padding: 0;

	top: 10px;

	left: 10px;

	position: absolute;

	width: 170px;

}

#search p {

	font-size: 0.916em;

}

#search li {

	float: left;

	display: block;

	margin: 0 10px 10px 0;

	padding: 0 10px;

	width: 100px;

}

/*						#search li a{

							display: block;

							width:50px;

							padding: 0 0 0 10px;

							}

*/				

	/* -------------------------------- */

	/* LAST FOOT						*/ 

		

	#lastfoot {

	clear: both;

	color: #FFF;

	background: #006699;

	width: 100%;

	font-size: 0.916em;

	border-top: 1px solid #0e89c6;

	padding: 15px 0 0 0;

	margin: 0;

}

#lastfoot a {

	color: #FFF;

}

#lastfootContent {

	margin: 0 auto;

	width: 964px;

	padding:0;

}

/* -------------------------------- */

/* INNER PAGE MODIFICATIONS			*/ 

/* -------------------------------- */



.innerpage #banner, #banner.innerpage {

	background: red;

	height: 160px;

}

.innerpage #headerContent {

	padding-bottom: 0;

}

.innerpage #quote a {

	top: 200px;

}

/* -------------------------------- */

/* Contact Form						*/ 



#form dt {

	font-weight: bold;

	margin: 0 0 1.5em 0;

	width: 200px;

	float: left;

	display: block;

}

#form dd {

	margin: 0 0 1em 0;

	width:350px;

	float:right;

	display: block;

}

#form div {

	margin:0;

	padding:0;

	width:550px;

	clear:both;

	display:block;

}

#form input, #form select, #form textarea {

	padding: 2px;

}

/* -------------------------------- */

/* CUSTOM CLASSES					*/ 

/* -------------------------------- */



.fl {

	float: left;

	margin: 0 1em 1em 0;

}

.fr {

	float: right;

	margin: 0 0 1em 1em;

}

.fl0 {

	float: left;

}

.fr0 {

	float: right;

}

.mb0 {

	margin-bottom: 0;

}

.mb1em {

	margin-bottom: 1em;

}

.altcolor {

	color: #ff6600;

}

.absolute {

	position: absolute;

}

.none {

	display: none;

}

blockquote, ul.list, ol.list, dl.list {

	/*giving blockquotes and lists room to breath*/

	margin:1em;

}

ol.list, ul.list, dl.list {

	/*bringing lists on to the page with breathing room */

	margin-left:2em;

}

ol.list li {

	/*giving OL's LIs generated numbers*/

		list-style: decimal outside;

}

ul.list li {

	/*giving UL's LIs generated disc markers*/

		list-style: disc outside;

}

/* -------------------------------- */

/* IMAGE FRAME						*/ 



img.frame {

	background: url(images/imageframe.png) no-repeat;

	padding: 8px;

	margin: 0 0 1.5em 0;

}

/* -------------------------------- */

/* NICE LIST						*/ 



ul.niceList {

	margin: 0 0 0 1em;

}

ul.niceList li {

	list-style: none;

	background: url(images/list.png) no-repeat 0 4px;

	padding-left: 2em;

}

.niceList h3 {

	margin: 0;

}

/* -------------------------------- */

/* POST LIST						*/ 

.postList li {

	margin:0;

	padding:0;

}

/*.postList li:last-child {

	margin-bottom: 0;

	border: none;

	}*/

	.postPic, .postInfo {

	float: left;

	display: inline;

	margin-top:5px;

}

img.portPic {

	margin:5px 0 10px 0;

	border:1px solid #cdcdcd;

}

/*		.portPic img{

		margin:0;

		padding:0;

		border:1px solid #aaa;

		}*/	

	.postList .postInfo {

	width: 188px;

}

.postInfo {

	margin: 0 0 0 10px;

	padding: 0;

}

.postInfo h3, .postInfo p {

}

.postInfo span {

	color: #838383;

	float: right;

}

/* POSTLIST IN #MAIN */

#main .postList li {

	background: url(images/horizontal_main.png) no-repeat center top;

	padding: 1.5em 0;

}

#main .postList li:first-child {

	padding-top: 0;

	background: none;

}

#main .postList .postInfo {

	width: 397px;

	margin-left: 25px;

}

#main .postList .postPort {

	margin:0;

	padding:0

}

/* -------------------------------- */

/* SITEMAP							*/ 



.tree {

	margin:0;

	padding:0;

	position:relative;

}

.tree li {

	padding: 4px 0 4px 20px;

}

.tree ul {

	background: url(images/ul.gif) repeat-y -9px 15px;

	margin: 4px 0 -2px;

}

.tree ul li {

	background: url(images/li.gif) no-repeat 0 7px;

}

.sitemapbold {

	font-weight: bold;

}

/* -------------------------------- */

/* CLEARBITCH						*/ 



.clearfix:after, .boxcontent:after, .postList li:after, #contentContent:after, #footerContent:after, #lastfoot:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix, .boxcontent, .postList li, #contentContent, #footerContent, #lastfoot {

	display: inline-block;

}

* html .clearfix, * html .boxcontent, * html .postList li, * html #contentContent, * html #footerContent, * html #lastfoot, * html #intro {

	height: 1%;

}

.clearfix, .boxcontent, .postList li, #contentContent, #footerContent, #lastfoot{

	display: block;

}

.clear {

	clear: both;

}

/* -------------------------------- */

/* BUTTONS							*/ 



a.btn {

	display: block;

	text-indent: -9999em;

	background-repeat: no-repeat;

}

/* VIEW SERVICES */

	a.viewServices {

	background-image: url(images/btn_viewServices.png);

	width: 115px;

	height: 24px;

}

a.viewServices:hover {

	background-image: url(images/btn_viewServicesO.png);

}

/* VIEW SERVICES */

	a.viewOnline {

	background-image: url(images/btn_viewOnline.gif);

	width: 115px;

	height: 24px;

}

a.viewOnline:hover {

	background-image: url(images/btn_viewOnlineO.gif);

}

/* VIEW TESTIMONIALS */

	a.viewTestimonials {

	background-image: url(images/btn_viewTestimonials.png);

	width: 166px;

	height: 33px;

	margin-top:20px;

}

a.viewTestimonials:hover {

	background-image: url(images/btn_viewTestimonialsO.png);

}

/* VIEW PORTFOLIO */

	a.viewPortfolio {

	background-image: url(images/btn_viewPortfolio.png);

	width: 166px;

	height: 33px;

	margin-bottom:15px;

}

a.viewPortfolio:hover {

	background-image: url(images/btn_viewPortfolioO.png);

}

/* ALL SERVICES */

	a.allservices {

	background-image: url(images/btn_all_services.gif);

	width: 165px;

	height: 32px;

	margin-top:20px;

}

a.allservices:hover {

	background-image: url(images/btn_all_servicesO.gif);

}

/* BLACK LINK */

	a.black {

	color:#000;

	text-decoration:none;

}

a.black:hover {

	color:#003F8E;

	text-decoration:none;

}

/* LISTING */

	.pointslist li {

	background:transparent url(images/zoom.gif) no-repeat scroll 0% 0%;

	padding-left:15px;

	margin: 10px 0 0 20px;

}

/*--------------------------------------------------------*/

/* SERVICES LISTING                                       */



.servicesicons {

	margin:0 0 10px 0;

	padding:0;

}

.servicesicons ul {

	list-style:none;

	list-style-position:outside;

	margin:0 auto;

	padding:0;

}

.servicesicons ul li {

	margin:0 0 15px 0;

	padding:0;

	width:180px;

	float:left;

	display:block;

}

.servicesicons ul li a h4 {

	margin:0;

	width:160px;

	padding:0 20px 10px 0;

	text-align:center;

}

.servicesicons ul li a img {

	margin:0 0 0 12px;

	padding:0;

	display:block;

}

/*-------------------------------------------------------------------------*/

/*CONTACT US FORM                                                          */

fieldset {

	border:medium none;

}

legend {

	display:none;

}

input, select, textarea {

	vertical-align:middle;

	color:#6D798B;

}

label {

	color:#666666;

	font-weight:bold;

}

select {

	width:255px;

	background:#FFFFFF url(images/bg_input.gif) repeat-x scroll center top;

	border:1px solid #DBE0E6;

}

textarea {

	height:200px;

	width:250px;

	background:#FFFFFF url(images/bg_input.gif) repeat-x scroll center top;

	border:1px solid #DBE0E6;

}

.required {

	color:#B32426;

	font-weight:bold;

}

.txtbox {

	height:17px;

	width:250px;

	background:#FFFFFF url(images/bg_input.gif) repeat-x scroll center top;

	border:1px solid #DBE0E6;

}

.submit {

	cursor:pointer;

}

.map{margin-bottom:15px;}

#post-29 .attachment-thumbnail {
	float: left;
}