/*Design Ontap Screen CSS*/

* {
	padding: 0;
	margin: 0;
	z-index:0;
}

body {
	font: 11px/18px "Verdana", Arial, Helvetica, sans-serif;
	color: #272a5a;
	background: #fff url(../images/footerBg.png) 100% 100% repeat-x;
}

a {
	color: #a7d200;
}

pre {
	background:#eeeeee;
	padding:10px;
	margin-bottom:10px;
	background:#cccccc;
}

* html pre{
	height:20px;
	float:left;
}

a:hover {
	color: #d87500;
}

p {
	margin-bottom: 10px;
}

ul, ol {
	margin-left: 20px;
	text-indent: 0;
	color: #d87500;
	margin-bottom: 10px;
	list-style-image: url(../images/bullet.png);
}

ol {
	list-style-image: none;
	list-style-type: decimal;
}

img {
	border: 0;
	text-indent: 0;
}

.bg_num {
	background: url(../images/bg_num.jpg);
	padding:3px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

a.bg_num:hover {
	background: url(../images/bg_num.jpg);
	padding:3px;
	color:#f6f5a8;
	font-weight:bold;
	text-decoration:none;
}

blockquote {
	font-style: italic;
	padding: 0 35px 10px 35px;
	color: #d87500;
}

div#content_2 div div.pagination {
	z-index:999;
}

/*Headgins*/

h1#heading {
	position: absolute;
	background: url(../images/bigTap.png) left top no-repeat;
	width: 399px;
	height: 520px;
	z-index: 1;
	text-indent: -5000px;
	top: 0px;
	left: 0px;
}

h2#strap {
	position: absolute;
	top: 12px;
	right: 0;
	width: 343px;
	height: 309px;
	z-index: 990;
	background: url(../images/postIt.png) left top no-repeat;
	text-indent: -5000px;
}

div#content_2 h3 {
	color: #d87500;
	font: 18px/24px "Arial", Verdana, Helvetica, sans-serif;
	text-indent: 0;
	font-weight: normal;
	margin-bottom: 10px;
}

div#content_1 h2 {
	background: url(../images/blogH2.jpg) left top no-repeat;
	width: 129px;
	height: 90px;
	text-indent: -5000px;
	margin-bottom: 15px;
}

div#content_1 h3 {
	color: #a8d200;
	font: 15px/18px "Arial", Verdana, Helvetica, sans-serif;
}

div#content_3 h2 {
	background: url(../images/rightColTopSection.gif) left top no-repeat;
	width: 220px;
	height: 10px;
	text-indent: -5000px;
	position: absolute;
	left: 38px;
	top: 44px;
}

div.latestNews h3 {
	padding: 8px;
	font-size: 9px;
	font-style: normal;
}	

div.latestNews h3 a {	
	color: #7b2e00;
	text-decoration: none;
	font-weight: bold;
}

div.latestNews h3 a:hover {
	color: #a8d200;

}

h4 {
	font-size: 12px;
}

/*Classes*/

.clear {
	clear: both;
}

.left {
	float: left;
	margin: 0 10px 10px 0;
}

.right {
	float: right;
	margin: 0 0 10px 10px;
}

p.center{
	text-align:center;
}

div.contentItem {
	margin-bottom: 27px;
}

span.date {
	color: #d77400;
	font-size: 9px;
	font-style: italic;
	display: block;
	margin-bottom: 5px;
	text-indent: 0;
}

div.blogHighlights {
	margin-bottom: 32px;
}

div.latestNews {
	margin: 0 0 -10px 0;
	background: #fff url(../images/latestNewsTop.png) right bottom no-repeat;
}

div.latestNews p {
	padding: 0 8px;
}	

div.latestNews p.readMore {
	background: url(../images/latestNewsBott.png) left top no-repeat;
	width: 181px;
	height: 21px;
	padding: 0;
	position: relative;
}

div.latestNews p.readMore a {
	position: absolute;
	top: -5px;
	right: 23px;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

div#allNews {
	background: url(../images/allNews-BG.jpg) left top repeat-x;
	height: 16px;
	padding: 5px 0 0 8px;
	}

div#allNews a {
	color: #fff;
	text-decoration: none;
}
	
/*Main Divs*/

div#wrapper {
	background: #aae4ff url(../images/bodyBg.jpg) left top no-repeat;
	width: 100%;
	height: 54px;
}

div#stylingButton {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 46px;
	height: 40px;
	z-index: 997;
/*	background: url(../images/styleOff.gif) left top no-repeat;*/
}

div#stylingButton a {
	display: block;
	width: 46px;
	height: 40px;
	text-indent: -5000px;
}

ul#nav {
	margin-left: 0;
	margin-bottom: 0;
}

ul#nav li {
	position: relative;
	background: url(../images/menu1Bg.png) left top repeat-x;
	display: block;
	height: 51px;
	border-top: 2px solid #fff;
}

ul#nav li a {	
	display: block;
	height: 51px;
	background: url(../images/menu1.png) 438px 19px no-repeat;
	text-indent: -5000px;
}

ul#nav li.nav_2 {
	background: url(../images/menu2Bg.png) left top repeat-x;
}

ul#nav li.nav_2 a {
	background: url(../images/menu2.png) 390px 19px no-repeat;
}

ul#nav li.nav_3 {
	background: url(../images/menu3Bg.png) left top repeat-x;
}

ul#nav li.nav_3 a {
	background: url(../images/menu3.png) 413px 19px no-repeat;
}

ul#nav li.nav_4 {
	background: url(../images/menu4Bg.png) left top repeat-x;
}

ul#nav li.nav_4 a {
	background: url(../images/menu4.png) 386px 19px no-repeat;
}

ul#nav li.nav_5 {
	background: url(../images/menu5Bg.png) left top repeat-x;
	border-bottom: 2px solid #fff;
}

ul#nav li.nav_5 a {
	background: url(../images/menu5.png) 424px 19px no-repeat;
}

div#content {
	width: 100%;
	position: relative;
	background: url(../images/rightCol.png) 100%  100% no-repeat;
	float: left;
}

div#content_1 {
	width: 270px;
	float: left;
	background: url(../images/blogBg.jpg) left top no-repeat;
	padding: 93px 0 80px 14px;
	color: #91c1ee;
	font-size: 10px;
	line-height: 14px;
}

div#content_2 {
	margin: 0 277px 0 270px;
	background: url(../images/centreBg.jpg) left top repeat-x;
	padding: 32px 0 30px 59px;
	z-index: 999;
	min-height: 500px;
	_height: 500px;
}
div#content_2 p {
	display:block;
}

div#content_2 div#pagination {
	text-align:right;
}

div#content_2 div#gap {
	height:20px;
	width:99%;
	float:left;
}

div#content_2 ul.options {
	margin-bottom:20px;
	margin-top:20px;
}

div#content_2 ul.options li {
	list-style: none;
	list-style-image: none;
	width: 70%;
	padding-left: 125px;
	display: table;
	color: #1aaae2;
}

div#content_2 ul.options li.hire_freelancer {
	background: url('../images/nerd.jpg') left center no-repeat;
	padding-top: 40px;
	min-height: 90px;
	_height: 90px;
}

div#content_2 ul.options li h4 {
	color: #a8d200;
}

div#content_2 ul.options li h4 a {
	text-decoration: none;
}

div#content_2 ul.options li h4 a:hover {
	text-decoration: underline
}

div#content_2 ul.options li.hire_freelancer p {
	padding-bottom: 40px;
}

div#content_2 ul.options li.hire_additional {
	background: url('../images/hire_staff.jpg') left center no-repeat;
	min-height: 60px;
	_height: 70px;
	padding-top: 25px;
}

div#content_2 ul.options li.hire_additional p {
	padding-bottom: 25px;
}

div#content_2 ul.options li.outsource_abroad {
	background: url('../images/outsource_abroad.jpg') left center no-repeat;
	min-height: 100px;
	_height: 100px;
	padding-top: 28px;
}

div#content_2 ul.options li.outsource_abroad p {
	padding-bottom: 28px;
}

div#content_2 ul.options li.turn_away {
	background: url('../images/turn_away.jpg') left center no-repeat;
	min-height: 90px;
	_height: 100px;
	padding-top: 23px;
}

div#content_2 ul.options li.turn_away p {
	padding-bottom: 23px;
}

div#content_3 {
	width: 181px;
	position: absolute;
	right: 0px;
	top: 0;
	padding: 64px 40px 0 56px;
	background: url(../images/rightBg.jpg) left top no-repeat;
	color: #7b2e00;
	font-size: 9px;
	line-height: 12px;
}

div#footer {
	clear: both;
	height: 51px;
	font-size: 9px;
	color: #d87500;
	padding-left: 14px;
	position: relative;
	background: url(../images/logoBott.png) right top no-repeat;
}

div#footer p {
	padding-top: 8px;
}

div#links {
	position: absolute;
	top: -33px;
	left: 11px;
}

div#links a {
	background: url(../images/rssButt.png) left top no-repeat;
	width: 34px;
	height: 23px;
	display: block;
	text-indent: -5000px;
	float: left;
}

div#links a#css {
	background: url(../images/cssButt.png) left top no-repeat;
}

div#links a#xhtml {
	background: url(../images/xhtmlButt.png) left top no-repeat;
	width: 48px;
}

div#links a#nochecx {
	background: url(../images/nochex.gif) left top no-repeat;
	width: 88px;
	height: 33px;
	margin: -6px 0 0 8px;
	position: relative;
}

/*Home Page*/

ol.freelancer {
	background: url(../images/freelancer.jpg) left top no-repeat;
	width: 380px;
	height: 525px;
	position: relative;
	font-size: 9px;
	line-height: 12px;
	text-indent: 0;
	margin: 0px auto;
	padding: 0;
}

ol.freelancer li {
	position: absolute;
	width: 120px;
}

ol.freelancer li.one {
	left: 250px;
	top: 38px;
}

ol.freelancer li.two {
	left: 20px;
	top: 125px;
}

ol.freelancer li.three {
	left: 5px;
	top: 250px;
}

ol.freelancer li.four {
	left: 280px;
	top: 150px;
}

ol.freelancer li.five {
	left: 270px;
	top: 310px;
}

ol.freelancer li.heading {
	left: 150px;
	top: 450px;
	list-style: none;
	font-size: 13px;
	width: 200px;
	
}

p.freelancerHeading {
	display: none;
}

/*Outsourcing*/

ul.outsourceList {
	text-indent: 0;
	margin: 10px 0 10px 0;
	background: none;
	width: 100%;
	float: left;
}

ul.outsourceList li {
	list-style: none;
	width: 123px;
	height: 115px;
	float: left;
	background: url(../images/development.png) left top no-repeat;
	margin: 0 8px 8px 0;
}

ul.outsourceList li a {
	display: block;
	width: 123px;
	height: 115px;
	text-indent: -5000px;
}

ul.outsourceList li.two {
	background: url(../images/webDesign.png) left top no-repeat;
}

ul.outsourceList li.three {
	background: url(../images/flash.png) left top no-repeat;
	margin-right: 0;
}

ul.outsourceList li.four {
	background: url(../images/print.png) left top no-repeat;
}

ul.outsourceList li.five {
	background: url(../images/hosting.png) left top no-repeat;
}

ul.outsourceList li.six {
	background: url(../images/printManagement.png) left top no-repeat;
	margin-right: 0;
}

/*Contact Page*/

div.contact {
	width: 100%;
	text-indent: 0px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #a8d200;
}

/*Blog*/
h4#comentHeading, h4.comments {
	font-weight: normal;
	color: #a8d200;
	padding-bottom: 5px;
	border-bottom: 1px solid #a8d200;
	margin-bottom: 10px;
}

dl#blogComment {
	position: relative;
}

dl#blogComment dt {
	position: absolute;
	width: 70px;
	text-align: right;
}

dl#blogComment dd {
	left: 75px;
	position: relative;
	padding-bottom: 5px;
}

dl#blogComment dd .input {
	border: 1px solid #a8d200;
	padding: 2px 4px;
	width: 250px;
}

dl#blogComment dd .button {
	border: 1px solid #a8d200;
	color: #91c2ef;
	font-size: 9px;
}

div.blogComment p.name {
	text-indent: 0;
	background: #a8d200;
	padding: 4px 3px;
	color: #fff;
}

div.blogComment p.name a {
	color: #262a5a;
}

div.blogComment {
	background: #fffdb7;
	padding: 3px 6px;
	border-bottom: 10px solid #fff;
}

/*Hosting*/
table#tableOne, table#tableTwo {
	width: 100%;
	margin: 20px 0;
	text-indent: 0;
	font-size: 9px;
}

table#tableOne th, table#tableTwo th {
	background: #9bd9f2;
	border: 1px solid #fff;
}

table#tableOne th.empty, table#tableTwo th.empty {
	background: none;
}

table#tableOne td, table#tableTwo td {
	padding: 3px 5px;
	border: 1px solid #fff;
}

table#tableOne td, table#tableTwo td {
	background: #e1f3fc;
}

table#tableOne td.rowName, table#tableTwo td.rowName {
	background: #9bd9f2;
}

table#tableOne tr.priceRow td, table#tableTwo tr.priceRow td {
	font-weight: bold;
	background: #a8d200;
}	color: #a8d200;
	padding-bottom: 5px;
	border-bottom: 1px solid #a8d200;
	margin-bottom: 10px;
}

dl#blogComment {
	position: relative;
}

dt {
	position: absolute;
	width: 70px;
	text-align: right;
}

dd {
	left: 75px;
	position: relative;
	padding-bottom: 5px;
}

dl dd .input {
	border: 1px solid #a8d200;
	padding: 2px 4px;
	width: 250px;
}

dd .button {
	border: 1px solid #a8d200;
	color: #91c2ef;
	font-size: 9px;
}

div.blogComment p.name {
	text-indent: 0;
	background: #a8d200;
	padding: 4px 3px;
	color: #fff;
}

div.blogComment p.name a {
	color: #262a5a;
}

div.blogComment {
	background: #fffdb7;
	padding: 3px 6px;
	border-bottom: 10px solid #fff;
}

/*div.blogMain div.blogBody p img{
	padding:0px;
	margin:0px;
}*/

/*Hosting*/
table#tableOne, table#tableTwo {
	width: 100%;
	margin: 20px 0;
	text-indent: 0;
	font-size: 9px;
}

table#tableOne th, table#tableTwo th {
	background: #9bd9f2;
	border: 1px solid #fff;
}

table#tableOne th.empty, table#tableTwo th.empty {
	background: none;
}

table#tableOne td, table#tableTwo td {
	padding: 3px 5px;
	border: 1px solid #fff;
}

table#tableOne td, table#tableTwo td {
	background: #e1f3fc;
}

table#tableOne td.rowName, table#tableTwo td.rowName {
	background: #9bd9f2;
}

table#tableOne tr.priceRow td, table#tableTwo tr.priceRow td {
	font-weight: bold;
	background: #a8d200;
}

div#content div#sign {
	font-size: 10px;
	position: absolute;
	left: 540px;
	top: -267px;
	width: 135px;
	height: 102px;
	background: url('../images/sign.png') left top no-repeat;
	text-indent: -5000px;
}