/*
Theme Name: myFD Recruitment
Theme URI: http://www.medlad.com/
Description: Custom unique web-design. &copy;2010 <a href="http://www.bicestercomputers.co.uk">Bicester Computers</a> &amp; <a href="http://www.medlad.com">MED LAD Software</a>. Distribution rights reserved. Released under limited license to myFD Recruitment.
Version: 1.0
Author: Andrei Liutec
Author URI: http://www.medlad.com/
Tags: 
*/

* {font-family:"verdana"; font-size:11px;}
body {margin:0;padding:0;background: #e2e2e2 url('images/bgtop.png') repeat-x left top; overflow:hidden;}
#website {display:block; position:absolute; left:50%;margin-left:-510px; top:0;bottom:0; width:1020px; overflow:auto;text-align:center;}
#header {display:block; position:relative;height:120px;padding:20px 20px 0 20px;}
#header .left {display:block; position:absolute;left:0; top:0; bottom:0;width:20px; background:url('images/header-border.png') no-repeat left top;}
#footer .left,
#content .left {display:block; position:absolute;left:0; top:0; bottom:0;width:20px; background:url('images/content-border.png') repeat-y left top;}
#header .right {display:block; position:absolute;right:0; top:0; bottom:0;width:20px; background:url('images/header-border.png') no-repeat right top;}
#footer .right,
#content .right {display:block; position:absolute;right:0; top:0; bottom:0;width:20px; background:url('images/content-border.png') repeat-y right top;}
#content  {position:absolute;left:0;top:140px;bottom:85px;right:0;text-align:left;overflow:hidden;}
#content .rollout {position:relative;margin:5px 0 0 20px;width:980px;height:260px;}
#content .rollout > img {position:absolute;left:0;top:0;}
#content .rollout > .downloadlist,
#content .rollout > .downloadlist-light {display:block; position:absolute;left:30px;top:30px;z-index:2;}
#content .rollout > .downloadlist  > a:link,
#content .rollout > .downloadlist  > a:visited {display:block; height:24px;padding-left:30px; background:url('images/btndownload.png') no-repeat left top; line-height:24px; margin-bottom:5px;text-decoration:none; color:black; font-family:"Arial"; font-size:10pt; font-weight:bold;}
#content .rollout > .downloadlist  > a:hover {background-position:left bottom; color:#d50000;}
#content .rollout > .downloadlist-light > a:link,
#content .rollout > .downloadlist-light  > a:visited {display:block; height:24px;padding-left:30px; background:url('images/btndownload-light.png') no-repeat left top; line-height:24px; margin-bottom:5px;text-decoration:none; color:silver; font-family:"Arial"; font-size:10pt; font-weight:bold;}
#content .rollout > .downloadlist-light  > a:hover {background-position:left bottom; color:white;}
#content .rollout-small {margin:5px 0 0 20px;width:980px;height:150px;}
#content .middle {position:absolute;background-color:white;top:265px;bottom:0;left:20px;right:20px;overflow:auto;}
#content .middle h1 {margin:20px 0 15px 30px; height:30px; font-family:"Times New Roman"; font-size:17px; font-weight:bold; color:#4b2684; text-transform:uppercase;}
#content .middle h1 span {color:#c5c7cc;font-family:"Times New Roman"; font-size:17px; font-weight:bold;  text-transform:uppercase;}
#content .middle h2 {margin:20px 0 0 15px;padding:0 0 0 15px;font-size:12pt;font-family:"Trebuchet MS";font-style:italic;background:url('images/bullet-red-check.png') no-repeat left 3px;}
#content .middle h3 {margin:20px 0 0 15px;padding:0 0 0 15px;}
#content .middle ul {margin-left:55px;}
#content .middle ol{margin-left:55px;}
#content .middle p {padding:0 20px 0 30px; margin-bottom:10px; line-height:18px; }
#content .middle p.red {padding:0 0 0 20px; margin-bottom:10px; line-height:18px; border-left:10px solid #4b2684;}
#content .no-rollout {top:5px !important;}
#content .w-rollout-small {top:155px !important;}
/*
#menu {display:block; position:absolute; left:250px; right:19px; bottom:0; text-align:left; bottom:0;}
#menu a:link,
#menu a:visited {display:block; float:left; line-height:30px; height:30px;text-decoration:none; font-weight:bold; font-size:13px; font-family:"times new roman"; text-transform:uppercase; color:white; padding:0 23px 0 24px; background:url('images/menuitem.png') no-repeat right top;}
#menu a:hover {background-position:right -30px; }
#menu a.selected:link, 
#menu a.selected:visited {background-position: right -60px;color:#4b2684;}
#menu a.selected:hover {background-position: right -60px;}
*/

#menu {display:block; position:absolute; left:19px; right:19px; bottom:0; height:36px; text-align:center; }
#menu ul {display:inline-block; margin:0 auto; padding:0; list-style:none; white-space:nowrap;}
#menu li {display:inline;}
#menu li > a {display:block; margin-top:6px; line-height:30px; height:30px; float:left; color:#ccc; text-decoration:none; padding:0 23px 0 24px; background:url('images/menuitem.png') no-repeat right top; font-weight:bold; font-size:13px; font-family:"times new roman"; text-transform:uppercase; color:white;}
#menu li > a:hover {background-position:right -30px;}
#menu li.current_page_item > a {background-position: right -60px;color:#4b2684;}
#menu li.current_page_item > a:hover {background-position: right -60px;}

#logo {display:block; margin:0 auto; width:473px;height:73px;background:url('images/logo.png') no-repeat center center;}
#menu_top_right {display:none; position:absolute; right:30px; top:5px; color:white;}
#menu_top_right a:link,
#menu_top_right a:visited {color:white; text-decoration:none;}
#menu_top_right a:hover{text-decoration:underline;}
#footer  {position:absolute;left:0;bottom:0;height:85px;right:0;text-align:left;overflow:hidden; color:#4b2684;}
#footer .middle {position:absolute;background-color:white;top:0;bottom:0;left:20px;right:20px;overflow:hidden;border-top:5px solid #4b2684;background:url('images/bgfooter.png') repeat-x left top;padding:5px 15px 5px 15px;}

#menu_bottom_right {display:block; position:absolute; right:10px; top:5px; color:#4b2684; text-align:right; }
#menu_bottom_right ul {display:inline-block; margin:0 auto; padding:0; list-style:none; white-space:nowrap;}
#menu_bottom_right li {display:inline;}
#menu_bottom_right li > a {display:block; margin-top:6px; float:left; text-decoration:none; padding:0 5px 0 5px; color:#4b2684; border-right:1px dotted gray; text-transform:lowercase;}
#menu_bottom_right li > a:hover {text-decoration:underline;}
#menu_bottom_right li.current_page_item > a {color:#ff0000;}
/*
#menu_bottom_right a:link,
#menu_bottom_right a:visited {color:#4b2684; text-decoration:none;}
#menu_bottom_right a:hover{text-decoration:underline;}
*/
.creator {display:block; position:absolute; right:10px; bottom:5px; color:gray; font-size:10px;}
.creator a:link,
.creator a:visited {font-weight:bold;text-decoration:none;color:gray;font-size:10px;}

#frmContact	{margin:3px 0 0 0;display:block; line-height:15px;padding:0;}
#frmContact h1 {margin:20px 0 0 0 !important;}
#frmContact span {display:block; float:left; margin: 0 0 3px 0;}
#frmContact span > label {display:block; float:left; width:100px;padding:2px 0 0 0;}
#frmContact span > input {display:block; float:left; width:175px; margin:0 0 6px 0; padding:0;}
#frmContact textarea {display:block; margin:0; width:275px; height:63px;}
#frmContact br {clear:left;}
#frmContact .btnSubmit {display:block; float:left; width:70px; height:24px; margin-left:100px;}

.column1 {display:block;float:left;width:350px;}
.column2 {display:block;float:left;width:600px;}

#scroll {display:block;height:700px;}