/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

html {width:100%;}

body { 	 
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#676767;
	min-width:980px;
	background:#dfdfdf url(../images/page-bg.gif) top center repeat-y;
}

.main {
	width:980px; 	
	padding:0;
	margin:0 auto;
	font-size:13px;
	line-height:18px;
}

img {border:0; vertical-align:top; text-align:left;}
input, textarea{font-family:Arial, Helvetica, sans-serif;}
textarea{overflow:auto;}
#spamkiller{display:none;}

a {color:#4e9bc6; outline:none; cursor:pointer; text-decoration:underline}
a:hover {text-decoration:none; color:#111f28;}

object {outline:none;}
fieldset {border:0;}
ul {list-style:none;}
table, table td {padding:0; border:none; border-collapse:collapse;}
.fleft{ float:left;}
.fright{ float:right;}
.clear{ width:100%; overflow:hidden;}
.col-1, .col-2, .col-3, .col-4, .row-box-1, .row-box-2, .row-box-3, .row-box-4{ float:left;}
.br{ display:block;}
/*contstant-text*/
.bottom-none{ padding-bottom:0 !important;}
.bg-none{ background:none !important;}
.border-none{ border:none;}
* {margin:0; padding:0;}
/**/



/*********************************header*************************************/
.tail-top-menu{ background:#373737; height:30px;}
.tail-content{}
.tail-header{}

/*top-menu*/
.top-menu li{ background:url(../images/top_menu_separator.gif) right 7px no-repeat;  margin:0 3px 0 0;}
.top-menu li:hover{ background:none !important;}
.top-menu li, .top-menu li a{ display:block; float:left; line-height:1.2em; height:50px} 
.top-menu li a{ text-decoration:none; color:#fff; font-size:16px;}
.top-menu li a:hover{ color:#FFF;}
.top-menu li a span{ display:block; padding:15px 19px 15px 19px;}
.top-menu a:hover, .top-menu .active a{ background:#53a7d1 url(../images/top_menu_marker.gif) top center no-repeat; color:#FFF;}
.top-menu .active{ background:none !important;}
/**/

.requestquotebar {width:980px; margin:0 auto; height:60px; background-color:#373737; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#fff; margin:10px 0 10px 0}
.requestquoteleft {width:640px; float:left; padding-left:20px; padding-top:12px;}
.requestquoteright {width:261px; height:39px; background:url(../images/requestquote.png) top left no-repeat; float:right; margin:11px 12px 0 0}
.requestquoteright:hover {background:url(../images/requestquote.png) bottom left no-repeat}

.tail-header-top{}

.list-img{ float:right; position:absolute; margin:28px 0 0 896px;}
.list-img li{ margin:0 6px 0 0;}
.list-img li, .list-img li a{ display:block; float:left; width:23px; height:23px;}
.list-img li a{ border:1px solid #e3e3e3;}
.list-img li a:hover{ border:1px solid #5aacdf;}
.list-img .bg-1{ background:url(../images/list_img_1.gif) 0 0 no-repeat;}
.list-img .bg-2{ background:url(../images/list_img_2.gif) 0 0 no-repeat;}
.list-img .bg-3{ background:url(../images/list_img_3.gif) 0 0 no-repeat;}

.row-logo{ height:75px; margin-bottom:10px; position:relative}
.row-logo .logo{ display:block; position:absolute; margin:0px 0 0 -7px; color:#0f1b23; font-family:Verdana, Geneva, sans-serif; font-size:72px; line-height:72px; text-decoration:none; font-weight:bold; padding-right:45px; letter-spacing:-1px;}
.row-logo .logo span{ color:#53a7d1; font-family:Verdana, Geneva, sans-serif; font-size:18px; margin:90px 0 0 0; line-height:110px; }
.row-logo .slogan{ display:block; color:#363a3d; font-size:13px; line-height:19px; display:block; margin:81px 0 0 262px; font-family:Verdana, Geneva, sans-serif; z-index:111; height:45px;}

.row-logo .box-search{ display:block; position:absolute; margin:0 0 0 0; background:url(../images/search_bg.gif) 0 0 no-repeat; margin:55px 0 0 787px; width:192px; height:28px;}
.row-logo .box-search .input{ margin:4px 0 0 11px; width:141px; height:21px; position:absolute; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d5d; background:none; border:none;}
.row-logo .box-search .link{ display:block; position:absolute; background:url(../images/search_button.gif) 0 0 no-repeat; width:22px; height:23px; margin:2px 0 0 163px;}

#socialmedia {margin:0 auto; width:190px}
.sociallogo {float:left; margin-right:5px}

#toprightlinks {
	position:absolute;
	right:2px;
	top:14px;
	}
	
#toprightlinks a {color:#373737; text-decoration:none}
#toprightlinks a:hover {color:#62b3ff}

#homelink {background:url(../images/home-ico.gif) center left no-repeat; padding-left:15px; float:right; margin-right:8px}
#livehelp {background:url(../images/sitemap-ico.gif) center left no-repeat; padding-left:9px; float:right;}
#contactlink {background:url(../images/contact-ico.gif) center left no-repeat; padding-left:15px; float:right;}

#email {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin-top:15px; text-align:right}
#email a {color:#000; text-decoration:none}
#email a:hover {color:#62b3ff}

.row-slider{ height:350px}
.row-sliderinner {height:200px; margin-top:3px; border-bottom:solid 3px #373737; padding-bottom:4px;}
.header-box .col-indent{ padding:10px 24px 11px 19px;}
.header-box .col-1{ width:196px; height:260px;}
.header-box .bg-1{ background:url(../images/bg_1.gif) 0 0 repeat;}
.header-box .bg-2{ background:url(../images/bg_2.gif) 0 0 repeat;}
.header-box .bg-3{ background:url(../images/bg_3.gif) 0 0 repeat;}
.header-box .bg-4{ background:url(../images/bg_4.gif) 0 0 repeat;}
.header-box .bg-5{ background:url(../images/bg_5.gif) 0 0 repeat;}

.header-box .bg-1-bottom{ background:url(../images/bg_1_bottom.gif) 0 bottom repeat; height:300px;}
.header-box .bg-2-bottom{ background:url(../images/bg_2_bottom.gif) 0 bottom repeat; height:300px;}
.header-box .bg-3-bottom{ background:url(../images/bg_3_bottom.gif) 0 bottom repeat; height:300px;}
.header-box .bg-4-bottom{ background:url(../images/bg_4_bottom.gif) 0 bottom repeat; height:300px;}
.header-box .bg-5-bottom{ background:url(../images/bg_5_bottom.gif) 0 bottom repeat; height:300px;}


.header-box h3{ color:#ffffff; font-size:48px; line-height:1.2em;}
.header-box h4{ color:#ffffff; font-size:24px; line-height:1.2em; text-transform:uppercase;}
.header-box .indent-top{ padding:12px 0 0 0; color:#ffffff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:22px;}

.header-box .button{ display:block; background:url(../images/button_corner_left.png) 0 0 no-repeat; color:#0d181e; font-size:16px; line-height:19px; width:78px; text-decoration:none; margin:23px 0 0 0;}
.header-box .button:hover{ color:#5aacdf;}
.header-box .button span{ display:block; background:url(../images/button_corner_right.png) top right no-repeat; padding:0 3px; }
.header-box .button span span{ padding:0; text-align:center; background:#FFF; line-height:1.988em; height:33px;}


/*********************************content*************************************/
.content{ padding:10px 0 33px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:22px; z-index:0}


/*******************content-text*******************/
#content h3{ color:#2f2f2f; font-size:20px; line-height:40px; background:url(../images/title_line.gif) bottom left repeat-x; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom:0px; margin-bottom:15px;}
#content h4{ color:#2f2f2f; font-size:18px; line-height:40px; background:url(../images/title_line.gif) bottom left repeat-x; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom:0px; margin-bottom:15px;}
#content strong{ color:#3c3c3c;}
.img-border{ border:2px solid #FFF;}
.img-border:hover{ border:2px solid #5aacdf;}
.img-bottom{ margin-bottom:21px;}
#content .button{ background:url(../images/button_left.png) 0 0 no-repeat; color:#eef0f1; font-size:12px; display:block; width:104px; text-decoration:none;}
#content .button:hover{ color:#5aacdf;}
#content .button span{ background:url(../images/button_right.png) top right no-repeat; padding:0 3px; display:block;}
#content .button span  span{ padding:0; background:#0e1a21; text-align:center; display:block; line-height:30px;  font-family:Tahoma; font-size:12px; height:31px;}
#content .button span  span  span{ background:url(../images/button_marker.gif) right center no-repeat; padding:0 11px 0 0; display:block; text-align:center;}
#content .extra-right{ padding:0 25px 0 0;}
#content .extra-right1{ padding:0 15px 0 0;}

.button-top{ margin:21px 0 0 0;}
.button-top1{ margin:15px 0 0 0;}
#content .indent-top{ padding:0 0 0 0;}
#content .title-bottom{ margin-bottom:10px !important;}

#content .list-top{ padding:10px 0 0 0;}
#content .img-indent{ margin:3px 19px 0 0; float:left;}
#content .title-top{ margin-top:45px;}
#content .img-top{ margin:25px 0 0 0;}
#content .img-top1{ margin:29px 0 0 0;}
#content .img-h{ height:192px;}
/**************************************************/

/*******************content-list*******************/
ul.list li{ line-height:24px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:none; background:url(../images/content_list.gif) no-repeat left top ;  padding:0 0 2px 30px; color:#000000; font-size:12px;}
ul.list li a{color:#35698b; font-size:12px; text-decoration:none; line-height:24px;}
ul.list li a:hover{  text-decoration:underline; color:#000000;}

/**************************************************/

/*******************row-list***********************/
.row-list{}
.row-list ul{ float:left;}
.row-list .list-indent{ margin-left:47px;}
/**************************************************/



dl.text-1 dt{ color:#3c3c3c; font-weight:bold;}
dl.text-1 dd{ padding-bottom:15px;}
.link1{ color:#5aacdf; text-decoration:none; text-transform:uppercase;}
.link1:hover{ text-decoration:underline;}
.extra-text1 span{ float:right; padding:0 147px 0 0;}


/*******************index-3.html*******************/
#page4 #content .row-box-top .row-box-1{ width:290px;}
#page4 #content .row-box-top .row-box-2{ width:653px;}

#page4 #content .row-box-bottom{ margin:45px 0 0 0;}
#page4 #content .row-box-bottom .row-box-1{ width:635px;}
#page4 #content .row-box-bottom .row-box-2{ margin:0 0 0 22px; width:312px;}
/***********************************************/

/*******************index-5.html*******************/
#page6 .form .bg-input{ background:url(../images/bg_input.gif) 0 0 no-repeat; height:42px; margin:0 0 9px 0;}
#page6 .form .bg-input .input, #page6 .form .bg-textarea .textarea{ background:none; border:none; margin:10px 0 0 20px; width:270px; color:#676767; font-size:13px; font-family:"Tahoma", Arial, Helvetica, sans-serif;}
#page6 .form .bg-textarea{ background:url(../images/bg_textarea.gif) 0 0 no-repeat; height:485px;}
#page6 .form .bg-textarea .textarea{ height:454px}
#page6 .form .bg-input, #page6 .form .bg-textarea{ color:#676767; font-size:13px; line-height:14px; }
#page6 .form .form-button{ float:right; padding:24px 0 0 0;}
#page6 .form .button1{ background:#147cbb url(../images/button1_left.gif) 0 0 no-repeat;  font-size:12px; text-decoration:none; font-family:Tahoma; display:block; float:left; color:#FFF; text-align:center;}
#page6 .form .button1 span{ background:url(../images/button1_right.gif) top right no-repeat; display:block; text-align:center; padding:6px 0 7px 0;}
#page6 .form .button1:hover{ text-decoration:underline;}
#page6 .form .width-1{ width:62px;}
#page6 .form .width-2{ width:65px;}
.form-button-indent{ margin-right:8px;}
.form_inner { background:url(../images/formBack.gif) no-repeat; padding:0px 20px 15px; margin:10px 10px;}
.form_inner .title_form { padding:10px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:18px; height:27px;}
.form_inner .form_area {  width:auto }
.form_inner .form_area p { margin-bottom:15px; margin-top:16px; font-weight:700; line-height:0px; color:#666666;}
.cmnBtn { background:url(../images/cmnBtn.png)  0 -26px no-repeat; width:69px; height:26px; cursor:pointer; border:0; text-transform:uppercase; font-size:11px; font-weight:700; color:#FFFFFF; }
.cmnBtn:hover { background:url(../images/cmnBtn.png)  0 0 no-repeat; color:#FFFFFF; }

/***********************************************/
.extra-indent p{ padding:19px 0 0 0;}


/****************************footer*******************************************/
.tail-footer{width:980px; margin:0 auto; background:url(../images/tail-footer.gif) 0 0 repeat-x;}
.footer .col-1{ width:302px;}
.footer .col-2{ margin:0 0 0 33px; width:149px;}
.footer .col-3{ margin:0 0 0 42px; width:133px;}
.footer .col-4{ margin:0 0 0 135px; width:185px; padding:45px 0 0 0; color:#454444; font-size:14px;}
.footer .col-4 a, .footer .col-4 a:hover{ color:#454444;}


.footer{ padding:0 0 25px 0; text-align:center;}
.footer .col-1 h3{ color:#303030; font-size:32px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; padding:35px 0 17px 0; line-height:32px;}
.footer .col-1 .text{ color:#626262; font-size:14px;}
.footer .col-1 .row-form{ height:42px; background:url(../images/footer_input.gif) 0 0 no-repeat; margin:13px 0 11px 0;}
.footer .col-1 .row-form .input{ position:absolute; background:none; border:none; margin:7px 0 0 20px; width:194px; height:28px;}
.footer .col-1 .row-form .link{ background:url(../images/footer_bottom.gif) 0 0 no-repeat; width:52px; height:42px; text-indent:12px; font-family:Verdana, Geneva, sans-serif; font-size:18px; text-decoration:none; display:block; position:absolute; margin:0 0 0 231px; color:#FFF; text-transform:uppercase; line-height:39px;}
.footer .col-1 .row-form .link:hover{ color:#2bafd4;}
.footer .col-1 .link-bottom{ color:#4b8db5; font-size:14px; line-height:19px; font-style:italic; font-family:Arial;}

.footer-text h3{ color:#444444; font-size:13px; line-height:14px; margin:45px 0 21px 0}
.footer-text ul li{ line-height:16px; padding:0 0 12px 0;}
.footer-text ul li a{ color:#4b8ab3; text-decoration:none; background:url(../images/footer_marker.gif) 0 6px no-repeat; padding:0 0 0 13px; font-size:14px;}
.footer-text ul li a:hover{ background:url(../images/footer_marker.gif) 1px 6px no-repeat;  color:#3d3d3d;}

.testimonialsbox {
	width:209px;
	padding:12px;
	border-style:solid;
	border-width:1px;
	border-color:#dbdfe3;
	margin-top:20px;
	overflow:auto;
	margin-left:10px;
	}
.testimonialsbox h2 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:21px; color:#357db0 margin:0; padding:0; margin-bottom:15px}
.clientsbox {width:211px; border-style:solid; border-width:5px; border-color:#d9d2bf; margin-left:10px;}

.quoteblock {
margin-bottom:20px;
margin-top:10px
	}
	
.quoteblock-top {
	height:13px;
	width:245px;
	background-image:url(../images/quote-top.png);
	background-repeat:no-repeat
	}
	
.quoteblock-bottom {
	height:12px;
	width:245px;
	background-image:url(../images/quote-bottom.png);
	background-repeat:no-repeat
	}
	
.quoteblock-content {
	background-color:#d2c9aa;
	padding-left:18px;
	padding-right:20px;
	width:207px;
	}
.quoteblock h1 {font-size:18px; color:#000}
.quoteblock input[type=text] {width: 209px; border-style:solid; border-width:1px; border-color:#373737; margin-top:0; margin-bottom:0}
.quoteblock textarea {width:209px;  border-style:solid; border-width:1px; border-color:#373737; margin-top:0; margin-bottom:0; overflow:auto}
.quoteblock p {margin:0px 0 2px 0; padding:0; color:#000; font-size:11px}

#submitbutton {width:120px; height:28px; background:url(../images/submit-but-new.png) bottom left no-repeat; border:none; margin:0; padding:0; margin-top:7px}
#submitbutton:hover {background:url(../images/submit-but-new.png) top left no-repeat; cursor:pointer}

.testimonials {
	width:245px;
	border-color:#cecece;
	border-width:2px;
	height:104px;
	}

.testimonials p {
	margin-top:5px;
	border-color:#cecece;
	border-width:2px;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	color:#858585;
	font-style:italic;
	line-height:22px;
	}
	
.leftbar-contacttop {
	width:188px;
	margin-left:20px;
	margin-top:14px;
	float:left;
	border-style:solid;
	border-color:#cecec8;
	border-width:1px;
	padding:10px;
	}
.leftbar-contact h1 {font-size:18px; margin:0; padding:0}
.leftbar-contacttop p {margin:0; padding:0;color:#373737; margin-top:10px; line-height:18px}

.leftbar-contact {
	width:210px;
	margin-left:20px;
	margin-top:14px;
	float:left; 
	}
	
.content-contact {
	width:480px;
	float:left;
	margin:15px 20px 0 20px;
	line-height:18px;
	}
	
.content-contact ul {padding:0; margin:0; padding-left:30px; line-height:150%;}
.content-contact li {list-style:disc}
	
.content-contact p{padding:0; margin:5px 0 10px 0; line-height:135%}

.rightbar-contact {
	width:188px;
	margin-right:20px;
	float:left;
	border-style:solid;
	border-color:#cecec8;
	border-width:1px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif
	}
.rightbar-contact h1 {font-size:22px}
.rightbar-contact p {margin:0; padding:0;color:#373737; margin-top:10px; line-height:18px}

Site form styles
~~~~~~~~~~~~~~~~~~~~~~~~ */
.site-form{border-top:1px solid #dbdbdb; padding-top:13px; width:auto;}
.site-form br{clear:both;}
.site-form fieldset{ border:none;}
.site-form .means-required{ background:url(http://www.outsourcingprogrammingservices.com/images/bg-form-required.gif) no-repeat; padding-left:16px; color:#000000;}
.site-form h3{ background:#ecf3f8; padding:0 8px; border-left:3px solid #009be7; padding:8px 0 8px 11px; margin-bottom:21px;}
.site-form .label{ float:left; width:160px; padding:1px 12px 1px 0; margin-bottom:10px; line-height:1.5em; margin-right:1px; text-align:left;}
.site-form .required{ background:url(http://www.outsourcingprogrammingservices.com/images/bg-form-required.gif) no-repeat right top;}
.site-form .textfield, .site-form textarea, .site-form select, .site-form .file, .site-form .btn{ float:left; margin-bottom:10px;}
.site-form .select-area{float:left;}
.site-form .pic-code{float:left; border:1px solid #ccc; margin-bottom:10px;}
.site-form fieldset{ margin-bottom:12px;}

.textfield{ padding:1px 4px; height:1.33em; font:normal 1em/1.33em Verdana, Arial, Helvetica, sans-serif; border:1px solid #ccc; color:#6a6a6a;}

select{ font:normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif; border:1px solid #ccc; color:#6a6a6a; height:1.5em;}/*fix for IE in hacks.css*/

.textfield-308{	width:275px;}
.textarea-308{width:279px; border:1px solid #dbdbdb}	
	
.content-contact table.table {
font-size:9pt;
line-height:17px;
width:100%;
}
.content-contact table.table p {
margin:0pt;
padding:0pt;
}
.content-contact table.table ul {
margin-bottom:0pt;
margin-top:0pt;
padding: 0;
}
.content-contact table.table ul li {
margin:0pt 0pt 3px;
}
.content-contact table.table ul li a {
color:#0077C2;
text-decoration:none;
}
.content-contact table.table ul li a:hover {
color:#84C300;
text-decoration:underline;
}
.content-contact table.table td, .content-contact table.table th {
border-left:1px solid #D0CCD8;
border-top:1px solid #D0CCD8;
padding:7px 10px 9px;
}
.content-contact table.table tr.header td, .content-contact table.table th {
background-color:#F2F2F5;
font-weight:bold;
}
.content-contact table.table {
border-bottom:1px solid #D0CCD8;
border-right:1px solid #D0CCD8;
}

.content-email a {
color:#0000FF;
text-decoration:none;
}

.content-email a:hover {
color:#FF9900;

}

.chatids {margin-top:5px;}

.chatid1 {width:40px; float:left; margin-top:10px;}
.chatid2 {width:115px; float:left; margin-top:2px; padding-top:7px; font-size:11px; line-height:14px}

.portfolioimg {border:solid 1px #cecec8; padding:4px; background-color:#fff; float:left; margin-top:20px}
#innercontents .portfolioimg p {margin:0; padding:0; font:15px/20px Arial, Helvetica, sans-serif; padding-bottom:10px; padding-top:3px; border-bottom:solid 1px #cecec8; margin-bottom:10px}
.portmargin {margin-right:22px}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.arrow {background-image:url(../images/leftarrow.png); background-repeat:no-repeat; background-position:center left; padding-left:50px; color:#d86917; font-size:14px;}
.arrowright {background-image:url(../images/rightarrow.png); background-repeat:no-repeat; background-position:center left; padding-left:50px; color:#d86917; font-size:14px;}