/* __________________________________________ BASIC __________________________________________ */
html,body { height: 100%; width: 100%; margin-bottom: 1px; }
body {  
	margin: 0; 
	padding: 0;
	color: #4e4e4e; 
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	background: #FFFFFF;
	text-align: center;
	line-height:15px;
}
#start { font-size: 11px; }
#sub { font-size: 12px; }
h3 {
	font-size: 13px;
	font-weight: bold;
	display: block;
	background: no-repeat left 1px;
	padding: 0;
	border: none;
	margin: 0 0 5px 0;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	color:#4e4e4e;
	padding:0;
	margin:10px 0 5px 0;
}
img {
	border: none;
}
p {
	padding: 0;
	border: none;
	margin: 0;
	font-size:1.1em;
}
p.quoteCopy 
{
    line-height:17px;
    font-size:1.2em;
    margin-bottom:10px;
    font-style:italic;
}
p.quoteName
{
    line-height:17px;
    font-size:1.2em;
    text-align:right;
    font-weight:bold;
}
p.frontPage 
{
	font-size:1em;
	line-height:16px;
	padding-bottom:10px;
}
div#privacy p
{
	padding-bottom:10px;
}
ul, li
{
    list-style-type:none;
    list-style-image:none;
    padding:0;
    margin:0;
}
ol 
{
}
ol li p 
{
	padding-bottom:10px;
}
a, 
a:link, 
a:visited, 
a:hover, 
a:active {
	color: #4e4e4e;
	text-decoration: none;
	border-bottom: 1px dotted #00adef;
}
a:hover {
	color: #0091c8;
}

a.NoLine 
{
	text-decoration:none;
	border-bottom:none;
	width:100%;
}

strong {
	font-weight: bold;
}
.cnt p { margin: 0 0 15px 0; }
.cnt h3 { margin: 0 0 5px 0; }
.cnt h4 { margin: 0 0 5px 0; }

/* __________________________________________ WIREFRAME FOR START PAGE __________________________________________ */


div#topcontainer {
	text-align: left;
	width: 100%;
	padding: 0;
	border: none;
	margin: 0;
	background: #FFFFFF url(../../img/topbg.png) no-repeat center 5px;
	overflow: hidden;
	text-align:center;
}
#start div#topcontainer { height: 373px; }
#sub div#topcontainer { height: 288px; }
div#container {
	text-align: left;
	width: 770px;
	margin: 0 auto 0 auto;
	border: none;
	padding: 0;
}
div#htmlheader {
	width: 770px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: none;
	border-top: 5px solid #000000;
	border-bottom: 5px solid #00adef;
	overflow: hidden;	
}

#start div#topcontainer div#htmlheader { height: 368px; background: url(../../img/amazing_line2b.gif) no-repeat 295px 323px;}
#sub div#topcontainer div#htmlheader { height: 283px; background: url(../../img/amazing_line2b.gif) no-repeat 250px 240px;}
div.leftwide { width: 480px; float: left; padding-right:20px}
div.contentMain {width:374px;float:left;padding-right:20px}
div.contentRight {width:370px;float:left;}
div#container div#bluearea 
{
    width: 770px;
	background: #00adef;
	color: #FFFFFF;
	line-height: 16px;
	padding: 0;
	border: none;
	margin: 0;
}

#start div#container div#bluearea {	
	padding: 20px 0 0 0;	
	background: #00adef url(../../img/ruller.gif) no-repeat 384px center;
	height:130px;
}
#sub div#container div#bluearea {	
	padding:7px 0 0 0;
}
div#container div#content {
	padding: 0;
	border: none;
	margin-top:16px;
}

div#container div#footer {
	color: #4e4e4e;
	font-size: 11px; 
	padding:0;	
	border-top: 5px solid #00adef;
	margin: 0;
	height:30px;
	padding-bottom:20px;	
}
div#container div#footer img 
{
	padding-left:10px;
	padding-top:5px;
	float:right;
}

/* __________________________________________ NAVIGATION __________________________________________ */
ul#mainnav {
	float: right;
	margin: 73px 0 0 0;
	height:27px;
}
ul#subnav 
{
	height:20px;
}
ul#subnav.small 
{
	height:0px;
}
ul#subnav li, ul#mainnav li 
{
	float: left;
	border: none;
	list-style:none;
}
ul#mainnav li 
{    
	height: 27px;
}
ul#mainnav li a, 
ul#mainnav li a:link, 
ul#mainnav li a:visited, 
ul#mainnav li a:hover, 
ul#mainnav li a:active {
	display: block;
	height: 27px;
	padding: 0;
	border: none;
	margin: 0;
	font-weight: bold;
	color: #979797;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: -1px;
	background: no-repeat left 0;
	text-indent: -300px;
	overflow: hidden;
}
ul#subnav li a, 
ul#subnav li a:link, 
ul#subnav li a:visited, 
ul#subnav li a:hover, 
ul#subnav li a:active 
{
   
	display: block;
	height: 20px;
	padding: 0;
	border: none;
	margin: 0;
	font-weight: bold;
	color: #979797;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: -1px;
	background: no-repeat left 0;
	text-indent: -300px;
	overflow: hidden;
}

ul#mainnav li a:hover {
	background-position: left -50px;
}
ul#mainnav li a#about {
	width: 71px;
	background-image: url(../../img/m1_bg.gif);
}
ul#mainnav li a#forclients {
	width: 77px;
	background-image: url(../../img/m2_bg.gif);
}
ul#mainnav li a#forcandidates {
	width: 105px;
	background-image: url(../../img/m3_bg.gif);
}
ul#mainnav li a#latestjobs {
	width: 82px;
	background-image: url(../../img/m4_bg.gif);
}
ul#mainnav li a#contactus {
	width: 80px;
	background-image: url(../../img/m5_bg.gif);
}
ul#mainnav li a.active {
	background-position: left -50px;
}
/*  subnavs */

ul#subnav li a:hover {
	background-position: left -50px;
}
ul#subnav li a.active {
	background-position: left -50px;
}
ul#subnav li a#sm_126_1 
{
    width:112px;
    background-image: url(../../img/126/sm1_bg.gif);
}
ul#subnav li a#sm_126_2 
{
    width:103px;
    background-image: url(../../img/126/sm2_bg.gif);
}
ul#subnav li a#sm_126_3 
{
    width:123px;
    background-image: url(../../img/126/sm3_bg.gif);
}
ul#subnav li a#sm_127_1 
{
    width:82px;
    background-image: url(../../img/127/sm1_bg.gif);
}
ul#subnav li a#sm_127_2 
{
    width:95px;
    background-image: url(../../img/127/sm2_bg.gif);
}
ul#subnav li a#sm_128_1 
{
    width:82px;
    background-image: url(../../img/128/sm1_bg.gif);
}
ul#subnav li a#sm_128_2 
{
    width:99px;
    background-image: url(../../img/128/sm2_bg.gif);
}
/*  subnavs */


/* __________________________________________ THE REST __________________________________________ */
img#dnn_logo_imgLogo {
	float: left;
	margin: 64px 0 0 0;
}
#start div#topcontainer div#htmlheader img#headline {
	float: right;
	margin: 107px 0 0 0;
}
#sub div#topcontainer div#htmlheader img#headline {
	float: right;
	margin: 65px 0 0 0;
}

div.leftwide ul  {
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div.leftwide ul li {
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	border-bottom: #dddddd 1px dotted;
	margin: 0 0 5px 0;
}
div.cnt ul li p {
	margin: 0 0 8px 0;
}
div#block_latest_jobs h4 {
	padding: 0;
	border: none;
	margin: 0 0 2px 0;
}
div#block_latest_jobs p {
	padding: 0;
	border: none;
	margin: 0 0 10px 0;
}
div#block_client_quote p, 
div#block_candidate_quote p {
	font-size: 13px; 
	padding: 0;
	border: none;
	margin: 0;
	font-style: italic;
}
span.person {
	display: block;
	font-weight: bold;
	text-align: right;
}

div#block_search_jobs {
	width: auto;
	padding: 0;
	border: none;
	margin: 0 0 10px 10px;
	padding-top:10px;padding-bottom:20px
}

div#block_search_jobs input#dnn_name { 
	height: 22px;
	width: 378px;
	padding: 5px 5px 0 25px;
	border: solid 0 #0077a5;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	background: #FFFFFF url(../../img/search_input_bg.gif) no-repeat; 
}
div#block_search_jobs input#dnn_submit {
	height: 27px;
	width: 81px;
	padding: 0 0 2px 0;
	border: solid 0 #0077a5;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	background: #FFFFFF url(../../img/search_btn_bg.gif) no-repeat;
}

div.records 
{
	font-size: 11px;
	font-weight: normal;
	border-bottom:1px dotted #00adef;
	padding:5px;
	margin-top:0px;
	margin-bottom:5px;
}

div.pagination {
	width: 100%;
	color: #969696;
	font-size: 11px;
	font-weight: bold;
	float: right;
	border-bottom:1px dotted #00adef;
	padding-bottom:5px;
	margin-bottom:10px;
}

div.pagination a, 
div.pagination a:link, 
div.pagination a:visited, 
div.pagination a:hover, 
div.pagination a:active {
	color: #4d4d4d;
	font-size: 11px;
	font-weight: bold;
	height: 27px;
	padding: 5px 10px 5px 10px;
	width: auto;
	border: none;
	margin: 0;
	text-decoration: none;
	line-height: 23px;
}
div.pagination a:hover { 
	color: #ffffff;
	background: #00adef;
}
div.pagination a.active, 
div.pagination a.active:link, 
div.pagination a.active:visited, 
div.pagination a.active:hover, 
div.pagination a.active:active {
	color: #ffffff;
	background: #00adef;
}
div.pagination a.off, 
div.pagination a.off:link, 
div.pagination a.off:visited, 
div.pagination a.off:hover, 
div.pagination a.off:active 
{
	color:#999;
}
div.pagination a.prev, 
div.pagination a.prev:link, 
div.pagination a.prev:visited, 
div.pagination a.prev:hover, 
div.pagination a.prev:active 
{
	padding-left: 0px;
}
/* 
================================
Skin styles for DotNetNuke
================================
*/   

.main_dnnmenu_container 
{
}
.main_dnnmenu_bar 
{
    background:url(../../menubg.gif);    
    padding-left:75px;
    padding-right:10px;
}


.main_dnnmenu_item td { 
	color: #000; 
	font-size: 9pt; 
	font-style: normal; 
	font-family: Verdana, Arial, Helvetica; 
    white-space: nowrap;  
    padding: 1px 3px 3px 1px;	
    text-align:left;
    background-color: white;
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	color: #000; 
	font-size: 9pt; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Verdana, Arial, Sans-Serif; 
    padding: 0px 10px 0px 20px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	/*background-color: #8da4d3; */
	color:#000;
	background-color: #00adef; 
}

.main_dnnmenu_itemhover td {  
	background-color: #00adef; 
}

main_dnnmenu_item 
{
	text-align:left;
}

.main_dnnmenu_icon {

}
.main_dnnmenu_submenu 
{
    border:2px solid #00adef;
	background-color: #fff;  
	z-index: 1000; 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
}

/* ALL THE TITLES */

h5 
{
    margin:0;
    padding:0;
    width:auto;
    height:20px;
    text-indent: -300px;
}
h5.client           {     background: url(../../img/h3_client_quote.gif) no-repeat;             }
h5.candidate        {     background: url(../../img/h3_candidate_quote.gif) no-repeat;          }
h5.latestjobs       {     background: url(../../img/h3_latest_jobs.gif) no-repeat;              }
h5.forclients       {     background: url(../../img/h3_the_right_person.gif) no-repeat;         }
h5.forcandidates    {     background: url(../../img/h3_the_right_job.gif) no-repeat;            }
h5.contactus        {     background: url(../../img/h3_contact_us.gif) no-repeat;               }
h5.getdirections    {     background: url(../../img/h3_get_directions.gif) no-repeat;           }
h5.aboutus          {     background: url(../../img/h3_recruitment_means_more.gif) no-repeat;   }
h5.selectedclients  {     background: url(../../img/h3_selected_clients.gif) no-repeat;         }
h5.amazingpeople    {     background: url(../../img/h3_our_own_amazing_people.gif) no-repeat;   }
h5.meettheteam      {     background: url(../../img/h3_meet_the_team.gif) no-repeat;            }
h5.digitalspecial   {     background: url(../../img/h3_digital_specialists_with.gif) no-repeat; }
h5.flexible         {     background: url(../../img/h3_flexible_modern_service.gif) no-repeat;  }
h5.guaranteed       {     background: url(../../img/h3_guaranteed_quality.gif) no-repeat;       }
h5.record           {     background: url(../../img/h3_a_record_of_success.gif) no-repeat;      }
h5.dedicated        {     background: url(../../img/h3_dedicated_to_helping.gif) no-repeat;     }
h5.termsconditions  {     background: url(../../img/h3_terms_and_conditions.gif) no-repeat;     }
h5.privacy          {     background: url(../../img/h3_privacy_statement.gif) no-repeat;        }
h5.searchjobs		{     background: url(../../img/h3_search_jobs.gif) no-repeat;				}	
/* ALL THE TITLES */

div.htmlContainer 
{
    padding: 0 0 15px 0;
}


/* Job Module */
div.Job 
{
	line-height:16px;
	font-size:12px;
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px dotted #ccc;
}
div.Job p 
{
	padding:0;
	margin:0;
}
div.NoLine 
{
	border-bottom:0;
	font-size:11px;
	padding-bottom:0;
	line-height:14px;
}
.JobTitle 
{
	font-weight:bold;
	font-size:12px;
	padding-bottom:5px;
	clear:both;
}
div.NoLine div.JobTitle 
{
	padding-bottom:0px
}
div.NoLine p 
{
	font-size:11px;
}
.JobDescription 
{
	padding-right:20px;
	width:100%;
}
.JobSpecs 
{
	font-style:italic;
}
.EditJob td
{
	
}
.EditJob input 
{
	width:200px;
}

/*  End Job Module */

.adminRule 
{
	color:#00adef
}
.adminTable 
{
	
}
.adminContent 
{
	padding:10px;
}
a.teamimg, 
a.teamimg:link, 
a.teamimg:visited, 
a.teamimg:hover, 
a.teamimg:active {
	width: 114px;
	float: left;
	padding: 2px 4px 6px 4px;
	border: none;
	margin: 0 0 5px 0;
	background: #ffffff url(../../img/img_shadow.png) no-repeat 0 0;
	font-size: 11px;
	text-align: center;
	
}
a.teamimg:hover {
	padding: 0px 4px 8px 4px;
	background: #ffffff url(../../img/img_shadow.png) no-repeat 0 1px;
}
a.teamimg img {
	padding: 0;
	border: none;
	margin: 0 0 5px;
	display:block;
}
.clear 
{
	clear:both;
}

.ImageLinkLibItem 
{
	float:left;
	height:165px
}

#BiogPic 
{
	width:380px;
	float:left;
}
#BiogPic img 
{
	margin-left:0;
}
#BiogText 
{
	width:383px;
	float:left;
}
#BiogText p 
{
	line-height:17px;
	padding-bottom:7px;
}

h3.biogTitle 
{
	color:#000;
	font-size:1.2em;
	padding-bottom:3px;
}

.SmallDescription 
{
	padding-bottom:7px;
	font-weight:bold;
}
.white 
{
	color:#fff;
}
