@charset "UTF-8";
/* CSS Document */


#work_wrapper
{
	position: relative;
	width: 920px;
	margin: 20px 0 0 0;
}


#work_leftcol
{
	float: left;
	width: 253px;
	height: 360px;
	background: #808080;
	padding: 20px;
	margin: 0 20px 0 0;
}


#work_leftcol h2
{
	border-bottom: solid 1px #fff;
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 140%;
	color: #fff;
	padding-bottom: 10px;
	margin-bottom: 20px;
}


/*------------FORM STYLES------------*/


.title
{
	position: relative;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 100%;
	color: #fff;
	padding-bottom: 10px;
}


.input
{
	position: relative;
	width: 233px;
	border: 0;
	background: #fff;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 100%;
	color: #808080;
	padding: 6px 10px;
	margin: 0 0 20px 0;
}


.text_area
{
	position: relative;
	width: 233px;
	height: 100px;
	border: 0;
	background: #fff;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 100%;
	color: #808080;
	padding: 6px 10px;
	margin: 0 0 20px 0;
}


input[type="file"] 
{
  margin-left: 2em;
}


input[type="file"]#file1 
{
  /* Note: display:none on the input won't trigger the click event in WebKit.
     Setting visibility to hidden and width 0 works.*/
  visibility: hidden;
  width: 0;
  height: 0;
}


#fileSelect 
{
	position: relative;
	width: 253px;
	border: 0;
    background: #fff;
    border: none;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 100%;
	color: #808080;
	text-align: left;
	padding: 7px 10px;
    cursor: pointer;
	z-index: 99;
}


#fileSelect:hover {
	position: relative;
	width: 253px;
	border: 0;
    background: #009ACE;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 100%;
	color: #fff;
	text-align: left;
	padding: 7px 10px;
	cursor: pointer;
	z-index: 99;
}


#submit_wrapper
{
	position: relative;
	width: 253px;
	margin: 20px 0 0 0;
}


#submit_text
{
	float: left;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 100%;
	color: #fff;
	margin: 4px 10px 0 0;
}


#submit
{
	float: left;
	margin: 0 0 0 0;
}


.detect
{
	display: none;
}


/*-------------RIGHTCOL------------*/


#work_rightcol
{
	float: left;
	width: 584px;
	height: 448px;
	border: solid 1px #DDDDDD;
	margin: -50px 0 0 0;
	z-index: 999;
}


#work_rightcol h2
{
	position: relative;
	background: #009ACE;
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 100%;
	color: #fff;
	padding: 20px;
}


#work_rightcol li
{
	list-style: disc;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 140%;
	color: #808080;
	margin: 0 0 0 15px;
}


#work_rightcol a
{
	text-decoration: none;
	color: #808080;
}


#work_rightcol a:hover
{
	text-decoration: none;
	color: #009ACE;
}


#work_rightcol_text
{
	position: relative;
	width: 544px;
	padding: 20px;
	margin: 0 0 0 0;
}