body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #82826F;
	text-align: center;
	background: #fff url('/images/body_bground.jpg') repeat-x top;
}

#page_area {
	width: 974px;
	min-height: 600px;
	margin: 15px auto 0px auto;
	padding-bottom: 20px;
	background: url(/images/page_bground.png) repeat-y top center;
	text-align: left;
}

img {
	border: none;
}

h1 {
	color: #2B8D9F;
	font-size: 1.2em;
	font-weight: normal;
	margin: 15px 0 5px 0;
	padding: 0;
}

p {
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

p.member-quote {
	background: url(/images/quote.gif) no-repeat 0 5px;
	padding-left: 26px;
}

ul {
	list-style-type: none;
}

.blue {
	color: #2B8D9F;
}

.green {
	color: #159E31;
}

.left, ul.two-col-list {
	float: left;
}

.right{
	float: right;
}

/***** Header *****/
/******************/

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

#page_header {
	min-height: 125px;
	border-top: 5px solid #64AFBB;
	border-bottom: 1px solid #ECF0F0;
	background: #fff url(/images/header_bground.jpg) repeat-x top;
	overflow: hidden;
}

#page_header, #top-nav {
	width: 960px;
	margin: 0 7px;
}

#logo {
	float: left;
	margin: 25px 0 0 26px;
}

#tagline {
	float: left;
	width: 310px;
	margin: 43px 0 0 84px;
}

#tagline p {
	margin: 0;
	padding: 0;
	color: #2B8D9F;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	line-height: 1.4em;
}

/* Login Form */

form {
	padding: 0;
	margin: 0;
}
#page_login {
	float: right;
	width: 265px;
	color: #92927E;
	margin: 15px 15px 0 0;
}

#page_login h4 {
	float: left;
    font-size: 0.8em;
	margin: 0 0 7px 0;
	padding: 0;
	color: #2B8D9F;
}

div.remember-me {
	width: 130px;
	float: right;
	text-align: right;
	overflow: auto;
    vertical-align: top;
}



#page_login p {
	width: 265px;
	margin: 0 0 5px 0;
	padding: 0;
	overflow: auto;
	font-size: 0.7em;
}

#page_login label, div.info-box-single label {
	float: left;
}

	#page_login div.remember-me label {
		float: none;
		font-size: 0.7em;
    	vertical-align: middle;
	}

#page_login input {
	width: 150px;
	float: right;
	border: 1px solid #C0C0B6;
	color: #92927E;
}


	#page_login input.btnLogin, #page_login div.remember-me input, div.info-box-single input.btnLogin  {
		width: auto;
		border: none;
	}
	
	#page_login div.remember-me input  {
		float: none;
    	vertical-align: middle;
	}

a.reset-pass {
	display: block;
	float: left;
	font-size: 0.7em;
	color: #2B8D9F;
	text-decoration: none;
}

	a.reset-pass:hover {
		text-decoration: underline;
	}


/***** Page Nav *****/
/********************/


#top-nav {
	overflow: hidden;
	font-size: 0.8em;
	padding-top: 4px;
	border-bottom: 3px solid #A7D6DB;
}

#top-nav img {
	float: right;
	margin: 1px 15px 0 0;
}

	#top-nav ul {
		float: left;
		margin: 0 0 0 15px;
		padding: 0;
		width: 660px;
	}
	
	#top-nav li {
		float: left;
		background: #ECF1F0 url(/images/tab_left.jpg) no-repeat top left;
		margin: 3px 2px 0 0;
		padding: 0 0 0 4px;
	}
	
	#top-nav a {
		display: block;
		padding: 6px 14px 6px 10px;
		background: url(/images/tab_right.jpg) no-repeat top right;
		color: #82826F;
		text-decoration: none;
	}
	
		#top-nav a.cipr {
			background: none;
			padding: 0;
		}
	
	#top-nav a:hover {
		text-decoration: underline;
	}
	
		#top-nav li.selected {
			margin-top: 0;
			background: #DC8836 url(/images/tab_left_selected.jpg) no-repeat top left;
		}
		
		#top-nav li.selected a {
			padding: 8px 14px 7px 10px;
			background: url(/images/tab_right_selected.jpg) no-repeat top right;
			color: #FFFFFF;
			font-weight: bold;
		}



/***** Content *****/
/*******************/


/*** 1,2 & 3 Column styles ***/
div.two-col-left {
	width: 615px;
	float: left;
	margin-left: 22px;
	margin-top: 8px;
}

img.jobs-freelancers {
	float: right;
	margin: 7px 16px 0 0;
}

div.three-col-home {
	clear: both;
	overflow: auto;
	width: 942px;
	/*background-color: #FF00FF;*/
	margin-left: 16px;
	/**/margin-top: 4px;
}

div.three-col-full {
	clear: both;
	overflow: hidden;
	width: 960px;
	margin-left: 6px;
	margin-top: 20px;
	padding: 15px 0 0 0;
	border-top: 3px solid #A7D6DB;
}

	div.three-col-full h2 {
		color: #2B8D9F;
		font-weight: normal;
		font-size: 1.2em;
		margin: 0 0 8px 0;
		padding-bottom: 0;
	}
	
	div.three-col-full p {
		font-size: 0.7em;
		margin-bottom: 5px;
	}

	div.three-col-full div.single-col-home {
		width: 300px;
		margin-left: 15px;
	}

div.single-col-home {
	width: 312px;
	/*float: left;*/
}

	div.single-col-home ul{
		margin: 0;
		padding: 0;
	}
	
	div.single-col-home li {
		font-size: 0.8em;
		margin: 0 0 0 18px;
		padding: 0;
	}

	div.single-col-home .plain-text {
		width: 300px;
		padding-left: 6px;
		padding-right: 6px;
		font-size: 0.8em;
		font-weight: normal;
	}
	
	div.single-col-home p.plain-text {
		font-size: 0.7em;
		margin-top: 8px;
		margin-bottom: 0;
	}
	
	div.single-col-home h3.plain-text {
		margin: 8px 0 5px 0;
		padding: 0;
	}


/*** Freelance Pro box (Home) ***/

div.freelance-pros {
	width: 300px;
	/*min-height: 178px;*/
	color: #fff;
	background: #52B960 url(/images/freelance_bx_bground.jpg) no-repeat bottom;
	margin-left: 5px;
	margin-top: 6px;
}

	div.freelance-pros h2 {
		font-weight: normal;
		font-size: 1.2em;
		background: #159E31 url(/images/freelance_bx_hd_bground.gif) no-repeat top;
		margin: 0;
		padding: 6px 12px 8px 12px;
	}
	
	div.freelance-pros ul {
		margin: 5px 0 0 0;
		padding: 0 14px;
	}
	
	div.freelance-pros li {
		font-size: 0.75em;
		margin: 0 0 8px 0;
		padding: 0 0 0 13px;
		background: url(/images/freelance_bullet.gif) no-repeat 0 0.55em;
	}
	
div.freelance-pros-bot {
	height: 36px;
	text-align: right;
	vertical-align: bottom;
}	

	div.freelance-pros-bot img {
		vertical-align: bottom;
	
	}

/*** Recently Joined box (Home) ***/

div.recently-joined-home, div.latest-contracts-home {
	overflow: hidden;
	padding-bottom: 5px;
	font-size: 0.7em;
}

div.recently-joined-home {
	margin-top: 10px;
}


div.recently-joined-home, div.info-box-single {
	width: 312px;
	background: url(/images/info_box_bground.jpg) no-repeat bottom;
	overflow: hidden;
}

	div.recently-joined-home div.header {
		background: #fff url(/images/info_box_tab.jpg) no-repeat top left;
	}
	
		div.recently-joined-home div.header h3 {
			padding: 15px 90px 9px 20px;
			margin: 0;
			font-weight: normal;
			font-size: 1.05em;
			background: url(/images/info_box_tab_bottom.jpg) no-repeat bottom right;
		}
		
			div.recently-joined-home div.header h3 img, div.latest-contracts-home div.header h3 img {
				float: left;
				margin-right: 5px;
			}
	
	div.recently-joined-home ul, div.latest-contracts-home ul {
		margin: 5px 20px 20px 20px;
		padding: 0;
	}
	
	div.recently-joined-home li, div.latest-contracts-home li {
		margin: 0 0 7px 0;
		padding: 0;
		line-height: 1.4em;
	}
	
	div.recently-joined-home a, div.latest-contracts-home a {
		color: #2B8D9F;
		font-size: 1.1em;
		text-decoration: none;
	}
	
	div.recently-joined-home a:hover, div.latest-contracts-home a:hover {
		text-decoration: underline;
	}
	
	div.single-col-home div.recently-joined-home li {
		font-size: 1em;
	}

/*** Four Steps box (Home) ***/

div.four-steps {
	width: 627px;
	height: 376px;
	float: right;
	background: url(/images/4_steps_bground.jpg) no-repeat top;
	color: #2B8D9F;
	overflow: hidden;
}

	div.four-steps p {
		font-size: 28px;
		margin: 20px 0 20px 27px;
		padding: 0;
	}
	
	div.four-steps ol {		
		margin: 0 0 0 57px;
		padding: 0;
	}

	div.four-steps li {
		font-size: 24px;
		color: #159E31;
		margin: 0 0 12px 0;
		padding: 0;
	}
	
	div.four-steps img.in-detail {
		/**/margin-top: 20px;
	}
	
	div.four-steps .top {
	float: inherit; 
	width: 627px;
		height: 261px;
	}
	
	div.four-steps .bottom {
	float: inherit; 
	width: 627px;
		height: 115px;
		text-align: center;
	}
	
/*** Latest Contracts box (Home) ***/

div.latest-contracts-home {
	width: 627px;
	background: url(/images/info_box_bground_2_col.jpg) no-repeat bottom;
	float: left;
	
}

	div.latest-contracts-home div.header {
		background: #fff url(/images/latest_contract_tab.jpg) no-repeat top left;
	}
	
		div.latest-contracts-home div.header h3 {
			padding: 15px 90px 9px 20px;
			margin: 0;
			font-weight: normal;
			font-size: 1.1em;
			background: url(/images/latest_contract_tab_bottom.jpg) no-repeat bottom right;
		}
		
	div.latest-contracts-home div.col-1, div.latest-contracts-home div.col-2 {
		width: 320px;
		float: left;
		/*background-color: #00FFFF;*/
	}
	
	div.latest-contracts-home div.col-2 {
		width: 300px;
		float: left;
		/*background-color: #FF00FF;*/
	}
	
		div.latest-contracts-home div.col-2 ul {
			margin-left: 0;
		}
	
	div.latest-contracts-home a {
		color: #159E31;
	}
	
	div.latest-contracts-home div.button-container {
		float: left;
		width: 586px;
		border-top: 1px solid #A8D6DB;
		text-align: right;
		margin: 0 0 5px 20px;
	}
	
		div.latest-contracts-home div.button-container img {
			margin-right: -5px;
		}

/***  Info Boxes (without tabs) ***/

	div.info-box-single div.header {
		background: url(/images/info_box_bground_head.jpg) no-repeat top;
		padding: 15px 20px 5px 20px;
	}
	
		div.info-box-single div.header h3 {
			padding: 0;
			margin: 0;
			font-weight: normal;
			font-size: 0.8em;
		}
		
		div.info-box-single div.header h3.invite-friend {
			background: url(/images/invite_a_friend.jpg) no-repeat 0 0;
			padding: 4px 0 6px 27px;
		}
		
		div.info-box-single div.header h3.newsletter {
			background: url(/images/newsletter.jpg) no-repeat 0 0;
			padding: 4px 0 6px 27px;
		}

	div.info-box-single p {
		font-size: 0.7em;
		padding: 0 20px 9px 20px;
		margin: 0;
		line-height: 1.3em;
		overflow: auto;
	}
	
	div.info-box-single label {
		width: 105px;
	}
	
	div.info-box-single input {
		float: right;
		border: 1px solid #C0C0B6;
		color: #92927E;
	}
	
	
	div.info-box-single div.button-container {
		width: 276px;
		margin: 0 0 14px 20px;
		overflow: hidden;
	}
	
.newsletter {
	margin-top: 4px;
}


ul.two-col-list {
	margin: 0 5px 0 0;
	padding: 0;
}

.single-col-home ul.two-col-list {
	width: 140px;
	list-style-type: none;
}

.green-bullets li, .single-col-home .green-bullets li {
	background: url(/images/bullet_green.gif) no-repeat 0 0.6em;
	margin: 0 0 4px 0;
	padding-left: 13px;
}

.blue-bullets li, .single-col-home .blue-bullets li {
	background: url(/images/bullet_blue.gif) no-repeat 0 0.6em;
	margin: 0 0 4px 0;
	padding-left: 13px;
}

div.radio-box {
	font-size: 0.7em;
	margin-top: 2px;
	color: #2B8D9F;
}

/***** Footer *****/
/********************/
	
div#page_footer {
	width: 934px;
	height: 145px;
	background: url(/images/footer.jpg) no-repeat top;
	padding: 10px 20px 17px 20px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

	div#page_footer p {
		float: left;
		font-size: 0.69em;
		color: #2B8D9F;
	}

#footer-links {
	float: right;
	font-size: 0.69em;
	color: #EC9F2B;
}

	#footer-links ul {
		margin: 0;
		padding: 0;
	}
	
	#footer-links li {
		display: inline;
		margin: 0;
		padding: 0;
	}
	
	#footer-links a {
		color: #91917D;
		text-decoration: none;
	}
	
	#footer-links a:hover {
		text-decoration: underline;
	}