/***************/
/* main layout */
/***************/
body { margin: 0; padding: 0; color: #fff; }

#bodyWrapper { background: url('../images/mtlogo.jpg') top no-repeat; }

#contentWrapper { width: 930px; margin: auto; }

/* specific link colours for this site */
a:link 	  { color: #00f; text-decoration: none; }
a:visited { color: #00f; text-decoration: none; }
a:hover   { color: #f60; text-decoration: underline; }
a:active  { color: #f30; text-decoration: underline; }

.imageTitle { margin: 0; padding: 0; }

.notice {
	height: 98px;
	width: 265px;
	margin: 78px 0px 0px 0px;
	float: right;
}

/*******************/
/* header elements */
/*******************/
#navContainer { height: 230px; }

#navContainer #menu         { font-size: 12px; line-height: 1.2em; font-weight:600; padding: 205px 0px 0px 10px;}
#navContainer #menu ul      { margin: 0; padding: 0; list-style: none; }
#navContainer #menu ul li   { display: inline; margin-right: 10px; }
#navContainer #menu ul li a { color: #fff; }

/********************/
/* content elements */
/********************/
#mainContainer {
	margin: 0;
	padding: 0;
}

.sidebar  { border-top: 4px solid #ca171b; }
#leftBar  { float: left; width: 270px; margin-right: 19px; display:inline;}
#rightBar { float: right; width: 270px; margin-left: 19px; display:inline;}

#mainContent {
  float: left;
  border-top: 4px solid #981b1e;
  border-bottom: 8px solid #981b1e;
  width: 627px;
  background: #fff url('../images/contentbg.gif') no-repeat left bottom;
  color:#252525;
  font-size: 1.05em;
  padding: 8px 4px 12px 7px;
  display:inline;
}

#mainTxtContent {
	padding:7px;
}

/* sidebar call to action */
#action { border-bottom: 1px solid #e82024; padding-bottom: 6px; margin-bottom: 20px; }
#action p { font-size: 1.7em; line-height: 1.6em; text-align: center; }

/* sidebar menu*/
.sidebar #sidebarContent {border-bottom: 1px solid #e82024; padding-bottom: 6px; margin-bottom: 20px;}
.sidebar #sidebarContent ul {margin-top:10px;}
.sidebar #sidebarContent ul li {margin-bottom:2px;}
.sidebar #sidebarContent ul li a { padding:2px 10px 2px; background-color:#831619; background-image:url(../images/nav_bg.jpg); display:block; color:#FFFFFF; text-decoration:none;} 
.sidebar #sidebarContent ul li a:hover { background-color:#a51c20; text-decoration:none; color:#FFFFFF; background-image:none;}

/* main content  */
#mainContent a {color:#CC0000;}
#mainContent a:hover {color:#666666; text-decoration:none;}
/* sidebar events */
#events  { border-bottom: 1px solid #e82024; padding-bottom: 6px; margin-bottom: 20px; }
#events .event            { background: #9e1b1e; padding: 10px 7px; }
#events .event:hover      { background: #a62d30; }
#events .event .blogTitle { background: #fff; color: #9e1b1e; font-size: 1.2em; line-height: auto; font-weight: normal; letter-spacing: -1px; padding: 0 3px; }
#events .event .moreLink  { display: block; margin-top: 10px; }
#events #eventsArchive { font-size:1.1em;}

/* main content events */
#mainContent .event { width:625px; margin-bottom: 14px;}
#mainContent .event h2.eventTitle { font-weight:lighter; letter-spacing:-1; font-size:1.2em; color:#FFFFFF; margin: 8px 0 0; padding:7px 0 2px 5px; line-height: 1em;}
#mainContent .event h3.eventInfo { font-weight:lighter; letter-spacing:-1; font-size:1.2em; color:#333333; margin: 0; line-height: 1em; padding:5px;}
#mainContent .event a.moreLink { width:625px; background-color:#831619; text-align:right; display:block; border-bottom:#ff0b10 1px solid;}
#mainContent .event .titleWrapper { background:url(../images/testimonial_title_bg.jpg) left no-repeat #981b1e; border-bottom: #ff0b10 2px solid; margin-bottom:7px;}
#mainContent .event div.eventContent { padding:5px;}
#mainContent h2#eventsArchive        { font-size:1.1em; color:#333333; margin: 6px 0 10px 0; line-height: 1em; padding-left:5px;}

/* main content behind the scenes */
#mainContent .scenesItem { width:625px; margin-bottom: 14px;}
#mainContent .scenesItem h2.scenesItemTitle { font-weight:lighter; letter-spacing:-1; font-size:1.2em; color:#FFFFFF; margin: 8px 0 0; padding:7px 0 2px 5px; line-height: 1em;}
#mainContent .scenesItem h3.scenesItemInfo { font-weight:lighter; letter-spacing:-1; font-size:1.2em; color:#333333; margin: 0; line-height: 1em; padding:5px;}
#mainContent .scenesItem a.moreLink { width:625px; background-color:#831619; text-align:right; display:block; border-bottom:#ff0b10 1px solid;}
#mainContent .scenesItem .titleWrapper { background:url(../images/testimonial_title_bg.jpg) left no-repeat #981b1e; border-bottom: #ff0b10 2px solid; margin-bottom:7px;}
#mainContent .scenesItem div.scenesItemContent { padding:5px;}
#mainContent h2#scenesArchive        { font-size:1.1em; color:#333333; margin: 6px 0 10px 0; line-height: 1em; padding-left:5px;}

/* main content testimonials */
#mainContent .testimonial                         { margin-bottom: 14px; width:625px;}
#mainContent .testimonial a.testimonialWrapper    { display: block; background: url(../images/testimonial_title_bg.jpg) top left no-repeat #981b1e; border-bottom: #ff0b10 2px solid; }
#mainContent .testimonial .titleWrapper           { background:url(../images/testimonial_title_bg.jpg) left no-repeat #981b1e; border-bottom: #ff0b10 2px solid;}
#mainContent .testimonial .testimonialTitleClient { display: block; float: left; font-weight: normal; letter-spacing:-1; font-size:1.2em; color: #fff; margin: 0; padding:7px 0 2px 5px; line-height: 1em;}
#mainContent .testimonial .testimonialTitleMore   { display: block; float: right; font-weight: normal; letter-spacing:-1; font-size:1.1em; color: #fff; margin: 0; line-height: 1em; padding: 5px;}
.testimonial .testimonialTitle                    { font-weight:lighter; letter-spacing:-1; font-size:1.2em; color:#FFFFFF; padding-left:5px; background:url(../images/testimonial_title_bg.jpg) left no-repeat #981b1e; border-bottom: #ff0b10 2px solid;}
.testimonial div.testimonialContent               { padding-left: 5px; padding-top: 7px; font-size: 1.2em; }
#mainContent .testimonial a.moreLink              { width:625px; background-color:#831619; text-align:right; display:block; border-bottom:#ff0b10 1px solid;}
#mainContent h2#allTestimonials                   { font-size:1.1em; color:#333333; margin: 6px 0 10px 0; line-height: 1em; padding-left:5px; }

/* sidebar testimonial */
#sideTestimonial                                     { border-top: 4px solid #bd1d21; margin-top: 14px; }
#sideTestimonial .testimonial div.testimonialContent { font-size: 1.4em; line-height: 1.5em; text-align: center; padding: 0 20px 30px; }
#sideTestimonial .testimonial a.moreLink             { background-color:#831619; text-align:right; display:block; border-bottom:#ff0b10 1px solid; text-decoration: none; }

/* main content look at us */
#mainContent .look { margin-bottom: 14px; width:625px;}
#mainContent .look .titleWrapper { background:url(../images/testimonial_title_bg.jpg) left no-repeat #981b1e; border-bottom: #ff0b10 2px solid; margin-bottom:10px;}
#mainContent .look h2.lookTitleName { font-weight:lighter; letter-spacing:-1; font-size:1.2em; color:#FFFFFF; margin: 0; padding:7px 0 2px 5px; line-height: 1em;}
#mainContent .look h2.lookTitlePosition { font-weight:lighter; letter-spacing:-1; font-size:1.2em; color:#333333; margin: 0; line-height: 1em; padding:5px;}
#mainContent .look .backLink { margin-top: 14px; margin-right: 10px; font-size: 1.2em; color: #fff; }
#mainContent .look #ppl_pic { margin: 0px 15px; }
#mainContent .look .lookOdd { background:#ccc url(../images/look_odd_bg.jpg) left repeat-y; }
#mainContent .look .lookEven { background: #fff; }

/* main content partners */
#mainContent .partner { margin-right: 86px; }

/* main content contact */
#mainContent .contact { margin-top:15px;}

#signup   { border-bottom: 4px solid #bd1d21; padding-bottom: 3px; background: #fff; }
#callback { border-bottom: 4px solid #bd1d21; padding-bottom: 3px; background: #fff; }

.floatleft { float: left; }

hr {
	border-bottom: dashed #000 1px;
	height: 1px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/*****************/
/* photo gallery */
/*****************/
div.galleryItem { /* one gallery item */
	width: 100px;
	height: 100px;
	float: left;
	margin: 5px;
}

/*******************/
/* footer elements */
/*******************/
#bottomNav { margin-top: 10px; }
#footer {
  float:left;
/*  background: #fff url('../images/footerbg.gif') top repeat-x; color: #9d1b1e; */
  color: #9d1b1e;
  font-weight: bold;
  font-size: 1.065em;
  padding: 10px 0 18px;
  width: 100%;
}
#footer div { width: 930px; margin: auto; }
#footer div a { color: #9d1b1e; } /* for the clevercherry.com link */


/***********************/
/* general form styles */
/***********************/
#contactform	{ float: left; padding-left:1px; width:623px; margin-top:10px; padding-top:15px; }  /* the contact form itself */
#contactform .formrow {color:#981b1e;}
#contactform .formrow  input { border:#CCCCCC 1px solid;}
#contactform .formrow .formInputStyle {}
#contact { float: right; } /* contact info or whatever on right */



/* all form elements are contained within a formrow div, with a label and
 *  then the element, this is the best way (but still not good) to emulate
 *  a table */
div.formrow {
	clear: both;
	text-align: left;
	margin-bottom: 10px;
}

div.formrow label {
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 120px; /* default width for a default form, add new form ids and override */
}
div.formrow.indent { margin-left: 130px; } /* label width + label margin-right, override as above */
div.formrow.indent label { float: none; }

#signupform {  }
#signupform input { border: 0; border: 1px solid #edd2d2; background: #eee; }
#signupform div.formrow label { width: 76px; }
#signupform div.formrow.indent { margin-left: 86px; } /* label width + label margin-right, override as above */

#callbackform {  }
#callbackform input { border: 0; border: 1px solid #edd2d2; background: #eee; }
#callbackform div.formrow label { width: 76px; }
#callbackform div.formrow.indent { margin-left: 86px; } /* label width + label margin-right, override as above */

/* message and error boxes, not just useful in contact form */
div.box { border: 1px solid #080; color: #080; padding: 3px 5px; margin-bottom: 15px; margin-left: 7px; float: left; } /* you may need to clearfix this */
div.box.nomargin { margin-bottom: 0; } /* if before something with a margin-top */
div.box.error { border-color: #f00; color: #f00; } /* error box in red */