/* GLOBAL DECLARATION */
* {color: #274766; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0; text-align: justify;}
html, body {background: url('graphics/fillers/background.gif'); height: 100%;} 

/* REPLACEMENT TAGS */
a {text-decoration: none;}
a:hover {text-decoration: underline;}
b, strong {font-weight: bold;}
em {font-style: italic;}
form {display: inline;}
h1, h2, h3 {display: block; padding-bottom: 10px;}
img {border: 0; display: inline; margin: 0; padding: 0;}
li {margin: .2em .1em .2em 2em;}
ol {margin: .8em 0 .8em 0;}
p {margin: 0px; padding: 0px}
table {border: 0; border-collapse: collapse; margin: 0; padding: 0;}
td {vertical-align: top;}
ul {margin: .8em 0 .8em 0;}

/* CONTAINER */
#container {margin: 0 auto 0 auto; min-height: 565px; width: 928px;}

/* LOGO HEADER */
#logo {background: url('graphics/elements/header.gif'); height: 17px; padding: 90px 0 1px 143px; width: 785px;}
#logo li {display: inline; margin: 0; padding: 0;}
#logo ul {list-style-type: none; margin: 0; padding: 0;}

/* TOP MENU */
#logo li a {color: #657A8E; display: inline; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; height: 33px; text-align: center;}
#logo li a:hover {background: url('graphics/fillers/hover.gif'); text-decoration: none; width: 61px;}
#logo li a.home {padding: 14px 14px 5px 68px;}
#logo li a.roles {padding: 14px 10px 5px 14px;}
#logo li a.consulting {padding: 14px 11px 5px 14px;}
#logo li a.about {padding: 14px 11px 5px 14px;}
#logo li a.find {padding: 14px 72px 5px 14px;}
#logo li a:hover.home {background: url('graphics/fillers/home.gif');}
#logo li a:hover.find {background: url('graphics/fillers/contact.gif') no-repeat;}

/* TOP MENU ON SELECT */
#logo li a.home_select {background: url('graphics/fillers/home.gif') no-repeat; color: #1960A8; font-weight: bold; padding: 14px 14px 5px 64px;}
#logo li a.roles_select {background: url('graphics/fillers/hover.gif'); color: #1960A8; font-weight: bold; padding: 14px 6px 5px 5px;}
#logo li a.consulting_select {background: url('graphics/fillers/hover.gif'); color: #1960A8; font-weight: bold; padding: 14px 3px 5px 3px;}
#logo li a.about_select {background: url('graphics/fillers/hover.gif'); color: #1960A8; font-weight: bold; padding: 14px 9px 5px 9px;}
#logo li a.find_select {background: url('graphics/fillers/contact.gif') no-repeat; color: #1960A8; font-weight: bold; padding: 14px 72px 5px 14px;}
#logo li a:hover.home_select {background: url('graphics/fillers/home.gif') no-repeat;}
#logo li a:hover.find_select {background: url('graphics/fillers/contact.gif') no-repeat;}

/* SIDE MENU */
#menu {background: url('graphics/fillers/menu.gif') no-repeat; float: left; height: 607px; margin: 2px 0 0 32px; padding: 16px 0 0 8px; width: 117px;}
#menu .arrow {background: url('graphics/elements/blue_arrow.gif') no-repeat; cursor: pointer; float: right; height: 14px; margin: -15px 5px 0 0; width: 13px;}
#menu .seperator {background: url('graphics/fillers/menu_div.gif'); clear: both; height: 13px; margin: 9px 0 0 -8px; width: 125px;}
#menu li {color: #4477BC; line-height: 19px; margin: 0; padding: 0;}
#menu li a {color: #4477BC;}
#menu li strong {color: #3364A6;}
#menu ul {list-style: none; margin: 0; padding: 0;}
#menu ul.subs {color: #6F8DB9; list-style-image: url('graphics/elements/menu_arrow.gif'); margin: 0 0 0 1em; padding: 0;}

/* CONTENT: TEXT AREA */
.information {font-size: 12px;}
.intro {float: left; font-size: 14px; line-height: 14px; margin-top: 45px; padding: 0 10px 0 32px; width: 886px;}
.text {float: left; font-size: 12px; margin-top: 45px; padding: 0 10px 0 32px; width: 886px;}
h1, h2 {color: #0E4397; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px;}
h2 {display: inline;}
h3 {color: #0E4397; display: inline; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px;}
h4 {color: #274766; display: inline; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-size: 13px; font-weight: bold;}

/* CONTENT: DIVIDER ON FRONT PAGE */
.divider {background: url('graphics/fillers/divider.gif'); float: left; width: 928px;}
.divider a {font-weight: bold; text-decoration: underline;}
.left {float: left; padding-left: 32px; width: 400px;}
.right {float: right; margin-right: 20px; width: 410px;}

/* CONTENT: ABOUT US SECTION */
#profile {color: #274766; float: left; margin: 45px 0px 0 0; padding: 0 10px 0 32px; text-align: justify; width: 550px;
bo rder: 1px solid green}
#profile strong {color: #274766;}
#staff { color: #2679CC; float: left; height: 620px; margin: 82px 0 0 0px; width:258px;  padding-left: 10px;}
#staff h2 {color: #2679CC; margin: 0; padding: 0;}
#staff li {color: #2679CC; display: block; margin: 0px 0 5px 0px; padding: 0;
border-bottom:1px solid #c8dcf1;
padding:0 0 5px 0;}

#staff li a {
	background: url('graphics/fillers/icon_list.gif') no-repeat 0 -1px;
	color: #2679CC; 
	font-family: tahoma, arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	padding: 0 0 3px 23px;
	display: block;
	
	
	}
#staff li span {
	
	padding:0 0 0 22px;
	}	
	

#staff ul {list-style-type: none; margin: 0; padding: 0;}
/*.frame {background: url('graphics/fillers/frame.gif'); float: left; height: 248px; margin-top: 82px; padding: 5px 0 0 5px; width: 187px;}*/

/* CONTENT: CONTACT US */
.content {color: #274766; float: left; font-size: 13px; margin-top: 54px; padding: 0 10px 0 32px; width: 660px;}
.content a {color: #274766; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-size: 13px; font-weight: bold;}
.content strong {color: #18334D; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-weight: bold;}

/* CONTENT: CANDIDATE TESTIMONIALS */
#candidate {color: #274766; float: left; font-size: 12px; margin-top: 35px; padding: 0 10px 0 32px; width: 407px;}
.linebreak {background: url('graphics/fillers/candidate.gif');  clear: both; height: 31px; width: 417px;}
.left_img {float: left; margin: 35px 0 0 10px; width: 230px;}

/* CONTENT: EMPLOYER / CANDIDATE SECTIONS */
#base {float: left; font-size: 13px; margin-top: 34px; padding: 0 10px 0 32px; width: 660px;}
#base a.hyperlink {font-size: 11px; cursor: pointer; text-decoration: none;}
#base a.hyperlink:hover {text-decoration: underline;}
#morecontent {float: left; padding: 0 10px 0 32px; width: 660px;}
#morecontent a {color: #568CC2; font-weight: bold; text-decoration: underline;}
#anotherline {background: url('graphics/fillers/anotherline.gif'); float: left; height: 41px; margin-left: 32px; width: 461px;}
.columns {color: #274766; float: left; font-weight: bold; line-height: 28px; width: 33%;}
.track {color: #215D99;}

/* CONTENT: EXAMPLES SECTIONS */
.example {background: url('graphics/fillers/example.gif'); float: right; margin-right: 86px; padding: 12px 0 8px 0; overflow: hidden; width: 649px;}
.example .client {color: #4477BC; float: left; font-size: 11px; font-weight: bold; padding-right: 14px; text-align: left; width: 133px;}
.example .role {color: #274766; float: left; font-size: 11px; padding: 0 15px 0 15px; text-align: left; width: 256px;}
.example .role li {text-align: left;}
.example .success {color: #274766; float: left; font-size: 11px; padding: 0 15px 0 15px; text-align: left; width: 184px;}
.example .success li {text-align: left;}
.example .italic {color: #4477BC; font-style: italic; font-weight: normal;}
.example .role ul, .example .success ul {list-style-type: square; margin: 0; padding: 0;}
#end {background: url('graphics/fillers/end.gif'); float: right; height: 1px; margin-right: 86px; width: 649px;}

/* CONTENT: ELEMENTS */
.clear {clear: both;}
.inline {background: url('graphics/fillers/small_line.gif'); float: left; height: 22px;}
.line {background: url('graphics/fillers/blue_line.gif'); clear: both; height: 30px; margin-top: 10px; width: 100%;}
.small {background: url('graphics/fillers/small_line.gif'); clear: both; height: 22px; width: 100%;}

/* CONTENT: IMAGE SETTINGS */
img.img_arrow {float: left; margin: 0 9px 20px 0; vertical-align: middle;}
img.img_centered {vertical-align: middle;}
img.img_icon {float: left;}
img.img_left {float: left;}
img.img_right {float: right; padding-left: 25px;}

/* CONTENT:: SIT MAP */
#site_map li a {font-size: 14px; line-height: 18px;}
#site_map li a.sublinks {color: #4477BC; font-size: 12px; line-height: 18px;}

/* FOOTER */
#footer {background: url('graphics/fillers/footer.gif'); float: left; height: 69px; margin-top: 30px; width: 100%;}
#holker {margin: 0 auto 0 auto; width: 928px;}
#copyright {color: #2679CC; float: left; font-family: arial, helvetica, sans-serif; font-size: 10px; margin: 30px 0 0 32px;}
#copyright a {color: #2679CC; font-family: arial, helvetica, sans-serif; font-size: 10px; text-decoration: underline;}
#netdreams {float: right; margin-top: 25px;}



a{
	outline: none;
}



#staff   {
 	padding-bottom:6px;
	float:left;
}

#staff  a{
	background: url('graphics/fillers/icon_list.gif') no-repeat 0 -1px;
	color: #2679CC; 
	font-family: tahoma, arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	padding: 0 0 3px 23px;
	display: block;
}

#staff a:hover{
	background: url('graphics/fillers/icon.gif') no-repeat 0 -1px;
	color: #2679CC; 
	font-family: tahoma, arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	padding: 0 0 3px 23px;
	display: block;
}

#staff a.selected{
	background: url('graphics/fillers/icon.gif') no-repeat 0 -1px;
	color: #274766; 
	font-family: tahoma, arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	padding: 0 0 3px 23px;
	display: block;
}



#consumer-content0 {	}
 
#consumer-content1,
#consumer-content2,
#consumer-content3,
#consumer-content4,
#consumer-content5,
#consumer-content6,
#consumer-content7,
#consumer-content8,
#consumer-content9,
#consumer-content10,
#consumer-content11,
#consumer-content12,
#consumer-content13,
#consumer-content14,
#consumer-content15,
#consumer-content16
{
	display:none;

}

.about-text {
	float:left;
	width:305px;
	padding-right: 40px;
	bor der:1px solid red;margin-top: 0px; 
}

.about-frame {
	background: url('graphics/fillers/frame.gif'); 
	float: left; 
	height: 248px; 
	margin-top: 0px; 
	
	padding: 5px 0 0 5px; width: 187px;
}
