/* CSS Document */

body{
	margin: 0px 0px 0px 0px;
	padding: 0px;	
	background-color: #ECECEC;
	text-align: left;
}

p,ul,li,td,h1,h2,h3,h4,h5,h6,form,span {
	margin:0;
	padding:0;
}

img{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#theHead{
	width: 100%;
	min-width: 995px;	
	background: url(../images/head_bg.jpg) top repeat-x;
}

#theSearch{
	width: 100%;
	min-width: 995px;
}

#theContents{
	width: 100%;
	min-width: 995px;
}

#headerWrap{
	width: 990px;
	height: 255px;
	margin: 0px auto;
}

#HeaderImg{
	width: 759px;
	height: 195px;
	float: left;
	background: url(../images/header.jpg) right no-repeat;
}

#loginForm{
	width: 231px;
	height: 195px;
	text-align: left;
	float: right;
	background: url(../images/form_bg.jpg) top no-repeat;
}

#loginTable{
	width: 223px;
	margin-left: 5px;
	margin-top: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: #FFFFFF;
	line-height: 15px;
}

span.loginSmall{
	vertical-align: middle;
	font-size: 10px;
}

.radioButtens{
	vertical-align: bottom;
	margin: 0px 0px 2px 0px;
	width: 13px;
	height: 13px;
}

.loginNameField{
	text-align: left;
	margin: 0px;
	width: 140px;
	height: 15px;
	border: #818181 solid 1px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.loginPWField{
	text-align: left;
	margin: 0px;
	width: 106px;
	height: 15px;
	border: #818181 solid 1px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

a.loginLinks:link, a.loginLinks:visited{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

a.loginLinks:hover{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
}

#menuContainer{
	width: 990px;
	height: 60px;	
}

#menu{
	width: 565px;
	height: 60px;
	float: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;	
	text-decoration: none;
	color: #A6A6A6;
	line-height: 59px;
}

#groupImgMid{
	width: 425px;
	height: 60px;
	float: left;
}
div.professionals{
	width: 200px;
	height: 200px;
	position: relative;
	z-index:1;
	float:right;
	right:0px;
	top: 93px;
}

a.links:link, a.links:visited{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;	
	text-decoration: none;
	color: #FFFFFF;
	line-height: 59px;
	margin-left: 6px;
}

a.links:hover, a.links:active{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;	
	text-decoration: none;
	color: #FF8F00;
	line-height: 59px;
	margin-left: 6px;
}

#contentsWrap{
	width: 990px;
	margin: 0 auto;
	overflow: hidden;
}

#searchWrap{
	width: 990px;
	height: 37px;
	margin: 0 auto;
	border-bottom: solid 1px #C9C9C9;
}

#searchContainter{
	margin-left: 565px;
}

#groupImgBottom{	
	width: 200px;
	height: 37px;
	float: left;
}

#searchForm{
	width: 225px;
	height: 37px;
	vertical-align: middle;
	float: left;
}

h3.GrayH3{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;
	font-weight: bold;
	color: #5B5B5B;
	line-height: 36px;
}

span.Orange{
	color: #FB680D;	
}
span.Red{
color:#FF0000;
}

span.smallOrangeTxt{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;
	font-weight: bold;
	color: #FB680D;
	line-height: 36px;
}

.searchField{
	text-align: left;
	margin: 0px;
	width: 88px;
	height: 15px;
	border: #818181 solid 1px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

#section1{
	width: 990px;
	overflow: hidden;
}

#textArea{
	width: 375px;
	float: left;
}

#swatchesArea{
	width: 615px;
	float: right;
}

#aboutFreelancer{
	width: 375px;
}

h1.GrayH1{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 17px;	
	text-decoration: none;
	font-weight: bold;
	color: #5B5B5B;
	line-height: 44px;
}
h1.quickH1{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 17px;	
	text-decoration: none;
	font-weight: bold;
	color: #5B5B5B;
	line-height: 28px;
}

p.siteTxt{
	font-size: 11px;	
	margin-top: 0px;
	text-align: left;
	width: 99%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}

#hsep{
	width: 340px;
	height: 1px;
	margin-left: 15px;
	margin-top: 4px;
	background: url(../images/gray_sep.jpg) repeat-x;
}

#latestNews{
	width: 375px;
	overflow: hidden;	
}

div.newsLCol{
	width: 187px;
	float: left;
}

div.newsRCol{
	width: 187px;
	float: right;
}

td.lightTxt{
	text-align: left;
	vertical-align: middle;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	vertical-align: bottom;
	text-decoration: none;
	color: #939393;
}

img.newsIco{
	margin-right: 8px;
}

h4.newsHeading{
    margin:5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	font-weight: bold;
	color: #FB680D;	
}

p.newsTxt{
	text-align: left;
	width: 98%;
	margin-top:7px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;
	color: #000000;
}

a.readMore:link, a.readMore:visited{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;
	color: #FB680D;
}

#newSection{
	width: 990px;
	margin-top: 1px;
}

a.readMore:hover{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: underline;
	color: #FB680D;
}

#tellFriendAndInstantBid{
margin-top: 0px;
	width: 375px;
}

div.tellFriend{
 margin-top:0px;
	width: 275px;
	float:left;
}

div.instantBid{
 margin-top:0px;
	width:275px;
	float:left;
}

div.vsep{
	width: 1px;
	height: 175px;
	margin-top: 5px;
	float: left;
	/*background: url(../images/gray_sep.jpg) repeat-y;*/
}
div.vsepinst{
	width: 10px;
	height: 175px;
	margin-top: 5px;
	float: center;
	background: url(../images/gray_sep.jpg) repeat-y;
}
p.tellFriendAndInstantBid{
margin-top: 0px;
	text-align: left;
	width: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;
	color: #000000;
}

.nameField{
	text-align: left;
	margin: 0px;
	width: 129px;
	height: 15px;
	border: #818181 solid 1px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.emailField{
	text-align: left;
	margin: 0px;
	width: 129px;
	height: 15px;
	border: #818181 solid 1px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

#features{
	width: 615px;
	height: 186px;
	overflow: hidden;
}

div.feature1{
	width: 304px;
	height: 185px;
	float: left;
	border-top: 1px solid #5B5B5B;
}

div.featureContent{
	width: 304px;
	height: 173px;
	background: url(../images/features_bg.jpg) repeat-y;
}

div.featureContentHead{
	width: 304px;	
}

div.featureContentBody{
	width: 290px;
	margin-left: 7px;
}

div.featureBottom{
	width: 304px;
	height: 12px;
	background: url(../images/features_bottom.jpg) no-repeat;
}

p.featureTxt{
	text-align: left;
	width: 99%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;
	/*color: #5B5B5B;*/
}

div.feature2{
	width: 304px;
	float: right;
	height: 200px;
	border-top: 1px solid #5B5B5B;
}

img.coffeeFeatures{
	margin: 7px 7px 0px 7px;
}

img.featureBtn{
	margin-right: 7px;
}

h2.GrayH2{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;	
	text-decoration: none;
	font-weight: bold;
	color: #5B5B5B;
	line-height: 35px;
}

#steps{
	width: 615px;
	margin-top: 5px;
}

div.stepsDescription{
	width: 615px;
	height: 45px;
	background: url(../images/steps_description.jpg) no-repeat;
}

div.stepsIcons{
	width: 613px;
	height: 111px;
	border-left: 1px solid #5B5B5B;
	border-right: 1px solid #5B5B5B;
	background: url(../images/steps_icons_bg.jpg) repeat-x;
}

#categories{
	width: 615px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5B5B5B;
}

div.catHead{
	widows: 615px;
	height: 60px;
}

td.catHeadLeftCol{
	width: 7px;
	background: url(../images/cat_head_left.jpg) no-repeat;
}

td.catHeadRightCol{
	width: 7px;	
	background: url(../images/cat_head_right.jpg) no-repeat;
}

td.catHeadCol{
	width: 601px;
	height: 60px;
	background: url(../images/cat_head_bg.jpg) repeat-x;
}

div.catBody{
	widows: 615px;
}

td.catLeftCol{
	width: 7px;
	background: url(../images/cat_body_left.jpg) repeat-y;
}

td.catRightCol{
	width: 7px;
	background: url(../images/cat_body_right.jpg) repeat-y;
}

td.catBodyCol{
	width: 601px;
	padding-bottom: 4px;
	background: url(../images/cat_body_bg.jpg) repeat-x;
}

img.coffeeCat{
	margin: 7px 7px 0px 0px;
}

div.catBottom{
	width: 615px;
	height: 14px;
	background: url(../images/cat_bottom.jpg) no-repeat;
}
.cont{
	color: #5B5B5B;	
	text-decoration: none;
}

ul.listCat{
	list-style-image: url(../images/cat_ico.jpg);
	list-style-type: none;
	list-style-position: outside;	
	margin-top: 6px;
}

li.categories{
	margin-left: 26px;
	margin-top: 9px;
	padding-left: 6px;
}

a.catlink:link, a.catlink:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5B5B5B;	
	text-decoration: none;
}

a.catlink:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FB680D;	
	text-decoration: underline;
}

#section2{
	width: 990px;
	margin-top: 5px;
}

#projects{
   vertical-align:middle;
	width: 820px;
	float: left;
}

#advert{
	width: 165px;
	float: right;
	height: auto;
	overflow: visible;
}

div.adverts{	
	background-color: #5B5B5B;
}

div.advertHere{
	height: 18px;	
}

#featuredProjects{
	width: 818px;
	overflow: hidden;
	border: 1px solid #999999;
}

div.projectBase{
	margin-left: 418px;
	width: 400px;
	height: 15px;
	text-align: right;
	background-color: #CECFCE;
	border-left: 1px solid #5B5B5B;
	border-right: 1px solid #5B5B5B;
}

div.projectBottom{
	margin-left: 418px;
	width: 401px;
	height: 12px;
	border-right: 1px solid #5B5B5B;
	background: url(../images/projects_bottom.jpg) no-repeat;
}

div.ProjectHead{
	width: 818px;
	/*height: 53px;*/
	background: url(../images/projects_head_bg.jpg) repeat-x;
}

div.projectTitle{
	width: 818px;
	margin-left:0px;
	position:relative;
	/*height: 23px;*/
	background-color: #CECFCE;
	border-top: 1px solid #5B5B5B;
	border-bottom: 1px solid #5B5B5B;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	text-decoration: none;
	color: #5B5B5B;
	line-height: 22px;
}

div.projectListings {
	width: 818px;
}

div.projectListings table td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}
.text table{
		font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-decoration: none;
	color: #000000;
              }

div.formBottom{
	width: 615px;
	text-align:center;
	/*margin-left: 257px;*/
	height: 14px;
	background: url(../images/cat_bottom.jpg) center no-repeat;
}
.projectTitle{
	/*width: 818px;*/
	height: 23px;
	background-color: #CECFCE;
	border-top: 1px solid #5B5B5B;
	border-bottom: 1px solid #5B5B5B;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	text-decoration: none;
	color: #5B5B5B;
	line-height: 22px;
	
	
}
div.qreg{
	width: 304px;
	float: right;
	height: 200px;
	border-top: 1px solid #5B5B5B;
}

.projectList{
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	border-bottom: 1px solid #5B5B5B;
	/*border: 1px solid #5B5B5B;*/
}
.ProjectHead{
	width: 818px;
	/*height: 53px;*/
	background: url(../images/projects_head_bg.jpg) repeat-x;
}
.latestProjects{
	/*margin-top: 5px;*/
	overflow: hidden;
	border: 1px solid #999999;
}

#ProjectListings {
	width: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-decoration: none;
	color: #000000;
}

td.projectNameLight{
	/*width: 37%;*/
	height: 19px;
	background-color: #F3F3F3;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}
td.projectLight{
	height: 19px;
	background-color: #F3F3F3;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}
td.projectDark{
	/*width: 37%;*/
	height: 19px;
	background-color: #ECECEC;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}

td.projectNameDark{
	/*width: 37%;*/
	height: 19px;
	background-color: #ECECEC;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}

td.skillTypeLight{
/*	width: 20%;*/
	height: 19px;
	padding-left: 6px;
	background-color: #F3F3F3;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}
td.skillTypeDark{
/*	width: 20%;*/
	height: 19px;
	padding-left: 6px;
	background-color: #ECECEC;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}

td.bidsLight{
	/*width: 9%;*/
	height: 19px;
	padding-left: 6px;
	background-color: #F3F3F3;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}

td.bidsDark{
	/*width: 9%;*/
	height: 19px;
	padding-left: 6px;
	background-color: #ECECEC;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}

td.averageBidLight{
/*	width: 11%;*/
	height: 19px;
	padding-left: 6px;
	background-color: #F3F3F3;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}

td.averageBidDark{
	/*width: 11%;*/
	height: 19px;
	padding-left: 6px;
	background-color: #ECECEC;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}

td.postedOnLight{
	/*width: 11%;*/
	height: 19px;
	padding-left: 6px;
	background-color: #F3F3F3;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}

td.postedOnDark{
	/*width: 11%;*/
	height: 19px;
	padding-left: 6px;
	background-color: #ECECEC;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}

td.expiresOnLight{
	/*width: 11%;*/
	height: 19px;
	padding-left: 6px;
	background-color: #F3F3F3;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}

td.expiresOnDark{
	/*width: 11%;*/
	height: 19px;
	padding-left: 6px;
	background-color: #ECECEC;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}

img.projectIco{
	margin: 0px 6px 0px 3px;
}

a.projectlink:link, a.projectlink:visited{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	color: #000000;
}

a.projectlink:hover{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: underline;
	color: #FB680D;
}

a.projectMorelink:link, a.projectMorelink:visited{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	text-decoration: none;
	color: #000000;
	margin-right: 8px;
	line-height: 15px;
}

a.projectMorelink:hover{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	text-decoration: underline;
	color: #FB680D;
	margin-right: 8px;
	line-height: 15px;
}

img.coffeeProject{
	margin: 7px 7px 0px 7px;
}

#latestProjects{
	margin-top: 5px;
	width: 818px;
	overflow: hidden;
	border: 1px solid #999999;
}

#theFoot{
	margin-top: 5px;
	width: 100%;	
	min-width: 995px;	
	background: url(../images/foot_bg.jpg) top repeat-x;
}

#footerWrap{
	width: 990px;
	height: 105px;
	margin: 0px auto;
	background: url(../images/footer.jpg) top no-repeat;
}

p.footerTxt{
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
}

a.footerLinks:link, a.footerLinks:visited{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 15px;
}

a.footerLinks:hover{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	text-decoration: none;
	color: #FB680D;
	line-height: 15px;
}
/* Light Box Coding*/
/* Fade Effect style code*/

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:400px;
	margin:-220px 0 0 -250px;
	border:10px solid #555555;
	background:#FDFCE9;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}
#payments
{
margin-top:-90px;
text-align:right;
vertical-align:top;
}
.bottomLinks
{
margin: -100px 0px 0px 70px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
}