@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; border: 0; background: #2E2E2E; }

/* top contents */
div#top { background: #6cb4e4 url(/gfx/bg-top.jpg) center no-repeat; height: 180px; }
div#top-inner { width: 910px; margin: 0 auto; padding-top: 25px; }
#top-inner p { font: normal 21px Arial, Helvetica, sans-serif; color: white; text-align: right; }

/* navigation panel */
div#nav-container { height: 55px; border-bottom: 8px solid #d2d2d2; background:url(/gfx/bg-nav.jpg) repeat-x;  }

div#nav { width: 960px; margin: 0 auto; /* border: 1px solid red; */ }

div#container { background: #eee url(/gfx/bg-container.jpg) bottom center no-repeat; padding-top: 30px;  }

div#container-inner { width: 960px; margin: 0 auto; padding-bottom: 30px; }

/* triptych */
div#triptych { width: 960px; margin: 0 auto; padding: 0 0 30px 0; }

.triptich-leftcontainer { width: 635px; float: left; }

.triptich-candidates { width: 290px; height: 240px; background: white; float: left; padding: 10px 10px 22px 10px; border-bottom: 8px solid #2e2e2e; }
.triptich-candidates p { font: normal 21px Arial, Helvetica, sans-serif; padding: 0 0 0 10px; margin: 0;  }
.triptich-candidates p a { color: #8CC80E; text-decoration: none; }

.triptich-clients { width: 290px; height: 240px;  background: white; float: right; padding: 10px 10px 22px 10px; border-bottom: 8px solid #2e2e2e; }
.triptich-clients p { font: normal 21px Arial, Helvetica, sans-serif; padding: 0 0 0 10px; margin: 0;  }
.triptich-clients p a { color: #F7210F; text-decoration: none; }

.triptich-register { width: 290px; height: 240px; background: white; float: right; padding: 10px 10px 22px 10px; border-bottom: 8px solid #2e2e2e; }
.triptich-register p { font: normal 21px Arial, Helvetica, sans-serif; padding: 0 0 0 10px; margin: 0;  }
.triptich-register p a { color: #4CABE2; text-decoration: none; }

/* content panel */

div#content { width: 595px; background: white; border-bottom: 8px solid #2E2E2E; padding: 20px; margin: 0; float: left; }

#content p { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #666; line-height: 18px; }
#content p a { color: #4CABE2; text-decoration: none; }
#content p a:hover { text-decoration: underline; }

#content ul { padding: 10px 20px 10px 0; margin: 0; }
#content ul li { list-style-type: none; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #666; line-height: 18px; margin-bottom: 10px;
padding: 0 0 0 30px; background: url(/gfx/bg-content-li.gif) top left no-repeat; }
#content ul li a { color: #4CABE2; text-decoration: none; }
#content ul li a:hover { text-decoration: underline; }

#content .li-pdf { list-style-type: none; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #666; line-height: 18px; margin-bottom: 10px;
padding: 0 0 10px 45px; background: url(/gfx/icon-pdf.gif) top left no-repeat; }




#content .intro { font: normal 18px Arial, Helvetica, sans-serif; line-height: 24px; }

h1 { font: normal 30px Arial, Helvetica, sans-serif; color: #4CABE2; padding: 0 0 0 0; margin: 0; }
h2 { font: normal 24px Arial, Helvetica, sans-serif; color: #4CABE2; }
h3 { font: normal 18px Arial, Helvetica, sans-serif; color: #4CABE2; }
h3 a { font: normal 18px Arial, Helvetica, sans-serif; color: #4CABE2; text-decoration:none; }
h3 a:hover { text-decoration: underline; }

h4 { font: normal 18px Arial, Helvetica, sans-serif; color: white; margin: 0; padding: 25px 0 5px 20px; }
h5 { font: normal 18px Arial, Helvetica, sans-serif; color: #4CABE2; margin: 0; padding: 15px 0 5px 15px; }

div#content-directions { background: white; padding: 20px; }
#content-directions p { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #666; line-height: 18px; }
#content-directions p a { color: #4CABE2; text-decoration: none; }
#content-directions p a:hover { text-decoration: underline; }


/* right column */

div#side-container { width: 310px; padding: 0; margin: 0; float: right; }

.side-candidates { width: 310px; padding: 0 0 10px 0; margin: 0 0 15px 0; background: #88C014 url(/gfx/bg-candidates.jpg) no-repeat; }
.side-candidates ul { padding: 10px 20px 10px 5px; margin: 0; }
.side-candidates ul li { list-style-type: none; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #666; line-height: 18px; margin-bottom: 10px;
padding: 0 0 0 40px; background: url(/gfx/bg-candidates-li.gif) top left no-repeat; }
.side-candidates ul li a { color: white; text-decoration: none; }
.side-candidates ul li a:hover { text-decoration: underline; }
.side-candidates h4 a { color: white; text-decoration: none; }
.side-candidates h4 a:hover { text-decoration: underline; }


.side-clients { width: 310px; padding: 0 0 10px 0; margin: 0 0 15px 0; background: #f63d0e url(/gfx/bg-client-services.jpg) no-repeat; }
.side-clients ul { padding: 10px 20px 10px 5px; margin: 0; }
.side-clients ul li { list-style-type: none; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #666; line-height: 18px; margin-bottom: 10px;
padding: 0 0 0 40px; background: url(/gfx/bg-clients-li.gif) top left no-repeat; }
.side-clients ul li a { color: white; text-decoration: none; }
.side-clients ul li a:hover { text-decoration: underline; }
.side-clients h4 a { color: white; text-decoration: none; }
.side-clients h4 a:hover { text-decoration: underline; }


.side-marketsectors { width: 310px; padding: 0 0 10px 0; margin: 0 0 15px 0; background: #0a3d50 url(/gfx/bg-market-sectors.jpg) no-repeat; }
.side-marketsectors ul { padding: 10px 20px 10px 5px; margin: 0; }
.side-marketsectors ul li { list-style-type: none; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #666; line-height: 18px; margin-bottom: 10px;
padding: 0 0 0 40px; background: url(/gfx/bg-marketsectors-li.gif) top left no-repeat; }
.side-marketsectors ul li a { color: white; text-decoration: none; }
.side-marketsectors ul li a:hover { text-decoration: underline; }
.side-marketsectors h4 a { color: white; text-decoration: none; }
.side-marketsectors h4 a:hover { text-decoration: underline; }


.side-news { width: 290px; padding: 0 0 10px 0; margin: 0 0 15px 0; background: white url(/gfx/bg-news.jpg) bottom repeat-x; border: 10px solid white; }
.side-news ul { padding: 10px 20px 10px 5px; margin: 0; }
.side-news ul li { list-style-type: none; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #666; line-height: 16px; margin-bottom: 10px;
padding: 0 0 0 60px; background: url(/gfx/bg-news-li.gif) top left no-repeat; }
.side-news ul li a { color: #4CABE2; text-decoration: none; }
.side-news ul li a:hover { text-decoration: underline; }
.side-news h5 a { color: #4CABE2; text-decoration: none; }
.side-news h5 a:hover { text-decoration: underline; }
.side-news-light { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #aaa; }


/* footer */

div#footer { background: #2E2E2E; width: 940px; margin: 0 auto; padding: 20px 0px 20px 20px; }

#footer ul { list-style-type:none; margin:0; padding:0; }
#footer li { display:block; float:left; margin:0; padding:0 10px 0 10px;  border-right:1px solid #666; font: normal 12px Arial, Helvetica, sans-serif; color: white; }
#footer li a { margin:0; text-decoration:none; color: white; }
#footer li a:hover { color: #999; }

#footer .left { padding-left: 0; }
#footer .right { border-right: 0; }

#footer p { font: normal 12px Arial, Helvetica, sans-serif; color: #ccc; margin: 0; padding: 10px 0 10px 0; }
#footer p a { color: white; text-decoration: none; }
#footer p a:hover { color: #ccc; text-decoration: none; }

#footer .copyright { 
	font: normal 12px Arial, Helvetica, sans-serif; 
	color: #ccc; 
	margin: 0; 
	padding: 10px 0 10px 0; 
}

#footer #footerNav {
	float:left;
	width: 600px;
}

.logo {
	float: right;
}

/* special styles */

.formLabel {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #666; 
	line-height: 18px;
	text-align: right;
}

.formField {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #444; 
	line-height: 18px;
	border: #4CABE2 solid 1px;
	width: 250px;
}

.formArea {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #444; 
	line-height: 18px;
	border: #4CABE2 solid 1px;
	width: 250px;
	height: 100px;
}



.formButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
   	color:#fff;
  	background-color:#4CABE2;
	cursor: pointer;
	border: 0;
	padding: 5px;
	
}

#content .feedback1 {
	border: 1px dotted #999; padding: 10px; margin: 10px 0 10px 0;
	font-family: "Courier New", Courier, monospace; line-height: 14px;
	font-size:  11px;
	color: #666;
}

#content .feedback2 {
	border: 1px dotted #666; padding: 10px; margin: 10px 0 10px 0;
	font-family: "Courier New", Courier, monospace; line-height: 14px;
	font-size:  11px;
	color: #444;
}

#content .cv1 {
	border: 1px dotted #999; padding: 15px; margin: 10px 0 10px 0;
}



.clear { 
	clear: both; 
}

.wellStamp {
	font-family: tahoma, arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666;
}

.wellStamp a,.wellStamp a:visited{
	text-decoration:none;
	color:#666;
}

.wellStamp a:hover{
	text-decoration:none;
	color:#aaa;
}


.mugshot  {
 float: left; margin: 0 10px 10px 0; 
}

.shotright  {
 float: right; margin: 0 0 10px 10px; 
}

.li-nodisplay {
	display: none;
	visibility: hidden;
}


.fl {float: left;}
.fr {float:right;}
.pt10 {padding-top: 10px !important;}
.pr10 {padding-right: 10px !important;}
.pb10 {padding-bottom: 10px !important;}
.pl10 {padding-left: 10px !important;}