/* !Main layout elements */
/* @group Main layout elements */
.container {
	font-family: Arial, sans-serif;
	width: 900px;
	margin: 0 auto;  
}
.clear{
	clear: both;
}
.errorspan{
	color:red !important;
}
.column {
	margin-right: 0px;
}

/* !Default Link styles */
/* @group Default Link styles */
a {
	color: #4aabd9;
	text-decoration: none;
}
a:visited {
	color: #7ba8c2;
}
a:hover {
	color: #357baa;	
}
a:active {
	text-decoration: underline;
	color: #4aabd9;
}

#content li {
	list-style: none;
	padding-left: 15px;
	background: url(/mmlib/images/bassett/bullet.gif) left 5px no-repeat;
}

/* !Column widths */
/* @group Column widths */
.span-1		 { width: 30px; }
.span-2		 { width: 60px; }
.span-3		 { width: 90px; }
.span-4		 { width: 120px; }
.span-5		 { width: 150px; }
.span-6		 { width: 180px; }
.span-7		 { width: 210px; }
.span-8		 { width: 240px; }
.span-9		 { width: 270px; }
.span-10	 { width: 300px; }
.span-11	 { width: 330px; }
.span-12	 { width: 360px; }
.span-13	 { width: 390px; }
.span-14	 { width: 420px; }
.span-15	 { width: 450px; }
.span-16	 { width: 480px; }
.span-17	 { width: 510px; }
.span-18	 { width: 540px; }
.span-19	 { width: 570px; }
.span-20	 { width: 600px; }
.span-21	 { width: 630px; }
.span-22	 { width: 660px; }
.span-23	 { width: 690px; }
.span-24	 { width: 720px; }
.span-25	 { width: 750px; }
.span-26	 { width: 780px; }
.span-27	 { width: 810px; }
.span-28	 { width: 840px; }
.span-29	 { width: 870px; }
.span-30	 { width: 900px; }
.append-1	 { padding-right: 30px; }
.append-2	 { padding-right: 60px; }
.append-3	 { padding-right: 90px; }

/* ! */
/* !Header/Logo */
/* @group Header/Logo */
/* ! */
#logo a {
	background: url(/mmlib/images/bassett/logo.jpg) top left no-repeat;
	text-indent: -4000px;
	height: 80px;
	display: block;
}
#logo a:hover {
	background-position: 0px -121px;
}
/*
Nav on main page is .. entirely different
*/
#page-home #logo {
	margin-top: 100px;
	margin-bottom: 130px;
}
#page-home #logo a {
	background: url(/mmlib/images/bassett/logo_full.jpg) top left no-repeat;
	height: 215px;
	width: 360px;
}
#page-home #logo a:hover {
	background-position: top left;
}

/* ! */
/* !Navigation */
/* @group Navigation */
/* ! */
#navigation ol {
	list-style: none;
	display: block;
	width: 160px;
	margin: 0;
	padding: 0;
	float: right;
}
/*
Nav on main page is aligned left
*/
#page-home #navigation ol {
	float: none;
}
/* Root level nav */
#navigation ol.nav-1 {
	width: 100px;
}
#navigation ol li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
	background:none;
	background-color: #FFF;
}
#navigation ol li a {
	color: #4AABD9;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .8em;
	display: block;
	padding: 1px 4px;
	cursor: pointer;
}
#navigation ol li a:hover {
	background-color: #EEE;
}
#navigation ol li.selected {
	background-color: #4AABD9;
}
#navigation ol li.selected a {
	color: #FFF;
}
#navigation ol li.selected a:hover {
	background-color: #3f94be;
}
#page-home #navigation ol li a {
	padding: 1px 0px;
}
/* ! */
/* !Main content */
/* @group Main content */
/* ! */
#main {
	margin-left: 15px;
	width: 885px;
}
#content {
	width: 465px;
}
.full #content
{
	width: 885px;
}
h2, h3 {
	color: #4aabd9;
	text-decoration: none;
}
/*
Content on main page is thinner
*/
#page-home #content {
	width: 425px;
}
/*
Content on Jobs page is full width 
*/
#page-joblist #content {
	width: 885px;
}

/*
* sIFR up!
*/
h2 {
	color: #4aabd9;
	text-transform: lowercase;
}

/*
* Page images
*/
#image {
	float: right;
	text-align: right;
	margin-top: 30px;
}
/*
* Image list on client page
*/
#imagelist {
	margin: 0px;
	position: relative;
	left: -14px;
	padding: 0px;
}

#imagelist li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
	background:none;
}
#imagelist li.column-6{

}
/*
image on home page has no top margin
*/
#page-home #image {
	margin-top: 0px;
	padding: 0px;
	width: 480px;
}
#image div * {
	margin: 0px;
	padding: 0px;
	top: 0px;
	top: 0px !important;
}
/* ! */
/* !Footer */
/* @group Footer */
/* ! */
#footer {
	margin-left: 15px;
	width: 465px;
	border-top: 1px solid #000;
	margin-top: 15px;
	padding-top: 8px;
	margin-bottom: 40px;
}
#footer * {
	position: relative;
}
#page-home #footer {
	margin-bottom: 0px;
}
/*
Footer on main/logos/jobs pages are full width
*/
.full #footer,
#page-home #footer,
#page-OurClients #footer,
#page-joblist #footer
{
	width: 885px;
}

#footer p {
	font-size: .9em;
	padding: 0px;
	margin: 0 0 0px 0;
}
#footer div {
	display: inline;
}
/* ! */
/* !Jobs Accordion */
/* @group Jobs Accordion Style */
/* ! */
#accordion {
	margin-bottom: 20px;
}
#accordion .toggler .job-count {
	float: right;
	font-style: normal;
	font-weight: normal;
	background: transparent; padding-left: 10px;
	color: #25566d;
}
#accordion .toggler {
	color: #FFF;
	margin: 0;
	padding: 6px 10px 6px;
	background: #89c8e6;
	border-bottom: 1px solid #FFF;
	font-size: 11px;
	cursor: pointer;
}
#accordion .open {
	background-color: #4aabd9;
}
#accordion .element {
	margin: 0;
	padding: 2px 0px 4px;
	background-color: #e7e7e7;
	border-bottom: 1px solid #FFF;
}
#accordion .element div {
	border-bottom: 1px solid #FFF;
	display: block;
	padding: 8px 12px;
	color: #999;
}
#accordion .element div:hover {
	background-color: #E0E0E0;
}
#accordion .element label {
	font-weight: normal;
	height: 29px;
}
#accordion .element input {
	margin-right: 10px;
}
#accordion .element strong {
	font-weight: normal;
	color: #000;
}
#accordion .element span {
	color: #444;
}
#accordion .element p {
	margin: 5px 0px 20px 30px;
}

#accordion form label {
	clear: left;
	display: block;
}
#accordion form label span {
	float: left;
	width: 90px;
}
#accordion form label input{
	float: left;
	width: 200px;
}
#accordion form input.submit{
	clear: left;
	float: left;
}
#accordion form h3{
	margin: 11px 0px 5px 29px;
}
#accordion form label.textarea_label{
	float: right; 
	width: 460px
}
#accordion form textarea{
	width: 300px; 
	height: 40px; 
	margin: 0px;
	background-color: white;	
}

/* ! */
/* !Gossip Page */
/* @group Gossip Page */
/* ! */
#pageimage {
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 20px;
}
#pageimage * , #pageimage div * { /* Page image (with slideshow) */
	margin: 0px;
	padding: 0px;
	top: 0px;
	top: 0px !important;
}
.hfeed {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #666;
}
.hfeed .hentry {
	
	background:none;
	margin-top: 12px;
}
.hfeed li .news-image {
	clear: none;
	float: none;
	display: block;
	top: 0px;
	top: 0px !important;
	left: 0px;
	left: 0px !important;	
}
.hfeed li .news-image a, .hfeed li .news-image img {
	clear: none;
	float: none;
	display: block;
	top: 0px;
	top: 0px !important;
	left: 0px;
	left: 0px !important;
}
.hfeed li .news-extra, .hfeed li address {
	display: none;
}
.hfeed li .news-description {
	padding-bottom: 20px;
	margin-bottom: 40px;
	line-height: 1.85;
	margin-top: 12px;
}
.hfeed li .news-description a {
	color: #4aabd9;
	text-decoration: none;
}
.hfeed li h3 a {
	color: #4aabd9;
	font-size: 18px;
	text-decoration: none;
}
.hfeed li h3 a em {
	background: none;
}

#pages {
	display: block;
	margin: 20px 0px;
	padding: 0px;
}
#pages li {
	display: block;
	width: 24px;
	float: left;
	margin-right: 3px;
}
#pages li a {
	display: block;
	width: 24px;
	text-align: center;
	padding: 3px 0px;
	color: #999;
	background-color: #F0F0F0;
	text-decoration: none;
}
#pages li a:hover {
	color: #666;
	background-color: #DDD;
}

#pages li.selected a {
	color: #FFF;
	background-color: #4aabd9;
}

/* ! */
/* !Child Page List */
/* @group Child Page List */
/* ! */
#children {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #666;
}

/* ! */
/* !Misc & Common Backstage Elements */
/* @group Misc & Common Backstage Elements */
/* ! */

/*
* Remove outline border on links
*/
a:active, a:focus {
   -moz-outline: none;
   outline:  none;
   /*
      ie does not support outline but ie55 can hide the outline using
      a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
   */
   ie-dummy:  expression(this.hideFocus=true);
}


.backstageattachment {
	background: url(/mmlib/images/bassett/download_right.gif) top right no-repeat;
	display: block;
	height: 54px;
	padding-right: 15px;
	display: inline-block;
	margin: 36px 0px;
}
.backstageattachment a {
	background: url(/mmlib/images/bassett/download_left.gif) top left no-repeat;
	display: block;
	height: 54px;
	padding-top: 17px;
	padding-right: 10px; 
	text-indent: 56px;
	color: #888;
	font-weight: bold;
	text-decoration: none;
	
	display: inline-table !important;
	display: inline-block;
}
.backstageattachment a:hover {
	background: url(/mmlib/images/bassett/download_left_hover.gif) top left no-repeat;
}
.backstageeditbutton {
	cursor: pointer;
	border-top: 1px solid #CCC;
	background-color: #F0F0F0;
	border-bottom: 1px solid #CCC;
	padding: 3px;
	display: block;
	color: #888;
	clear: both;
}
.backstageeditbutton img {
	float: left;
	margin-right: 10px;
}

.footer {
	color: #666;
	font-size: 1em;
}
table th, table td {
	text-align: center;
}

/* ! */
/* !Content Page Form Elements */
/* @group Content Page Form Elements */
/* ! */
#page-contactus fieldset { padding: 12px 20px;}
#page-contactus legend { font-size: 80%; font-weight: normal;}
#page-contactus form label { float: left; width: 180px; margin-top: 8px; font-weight: normal; }

#page-contactus form input.text { width: 200px; }
#page-contactus form .required { font-size: 10px; color: red; vertical-align: super; border: none; padding-left: 4px; }
#page-contactus form .errored { border-color: red; }
#page-contactus form .form-field { clear: left; }
#page-contactus .error, .notice, .success { clear: both; }
#page-contactus .error strong {  background-color: #FBE3E4; }
#page-contactus .form-buttons { background: #F0F0F0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 6px; margin: 12px 0px;}

.apply_link img {margin: 0px;}
button {margin: 0px; padding: 0px; background: none; border: none;}
button img {margin: 0px; padding: 0px;}