/* @override http://www.gomontessori.com/css/screen.css */

/* @group General */

* {
 margin: 0;
 padding: 0;
}
#content a.image_link, #content a.image_link:hover, #content a.image_link img, #content a.image_link:hover img {
  background: none;
  border: none;
}

.errFld {border: 1px solid #F00;} 
.errMsg { color: #C33; }
#container {
 width: 920px;
 margin-left: auto;
 margin-right: auto;
}
#footnote {
  font-size:80%;
}
h1,h2,h3,h4,h5,h6, label {
 font-family: "Tahoma","Lucida Grande", Lucida, Verdana, sans-serif;
 letter-spacing: 1px;
}
p,ul,ol, address {
 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


html {
 background: #edf7f2 url(../images/html_bg.png) repeat-x;
}
body {
 font-size: 62.5%;
 background: url(../images/footer.png) repeat-x center bottom;
}

h2 span, 
h3 span {
 font-weight: 500;
}

/* @end */

/* @group Header */
#header {
 height: 115px;
 background: url(../images/header_bg.png) no-repeat 0 70px;
}
h1 {
 width: 383px;
 height: 113px;
 position: relative;
 margin-bottom: 16px;
 float: left;
 color: #ceebf5;
}
h1 span {
 width: 100%;
 height: 100%;
 position: absolute;
 background: url(../images/gm_logo.gif) no-repeat;
}
#podcast {
	margin: 0 0 -60px 0;
	padding: 0;
}
#podcast-link {
	height: 25px;
	position:relative; top: 10px; left: 440px; margin: 0; padding: 0;
	border: none;
}
img#podcast-link {
	margin: 0 0 0 0;
}

#navigation {
 margin-top: 60px;
 margin-left: 16px;
 float: left;
 width: 518px;
 list-style: none;
 font-size: 170%;
 text-transform: lowercase;
}
#navigation li {
 float: left;
}
#navigation li#current {
  margin: 0 3px;
  background: #004975 url(../images/tab_current_left.gif) no-repeat top left;
  color: #e4e4e4;
}
#navigation li#current span {
 background: url(../images/tab_current_right.gif) no-repeat top right;
}
#navigation a {
 margin: 0 3px;
 display: block;
 text-decoration: none;
 background: #fff url(../images/tab_right.gif) no-repeat top right;
 color: #7bb2d4;
}
#navigation a:hover {
	color:#111;
}
#navigation a span {
 background: url(../images/tab_left.gif) no-repeat top left;
}
#navigation li#current span,
#navigation a span {
 display: block;
 padding: 12px 14px 6px;
}
#navigation span a {
  padding: 1px;
  background: none;
  margin: 0;
  text-decoration: underline;
}
#navigation span a:hover {
  color: #fff;
}

/* @end */

/* @group Intro */

#introduction, #services, #contact {
 clear: left;
 margin-bottom: 10px;
 background: url(../images/intro_left.png) no-repeat top left;
 color: #001523;
}
#introduction div {
 height: 232px;
 background: url(../images/intro_right.png) no-repeat top right;
}
#services div {
  height: 232px;
  background: url(../images/services_right.png) no-repeat top right;
}
#contact div {
  height: 232px;
  background: url(../images/contact_right.png) no-repeat top right;
}
#contact ul {
 font-size: 1.3em;
 line-height: 160%;
 background: #f3fbc8;
 width: 500px;
}
#introduction h2,
#services h2,
#contact h2,
#introduction p,
#services p,
#contact p,#contact ul {
 margin-left: 36px;
}
#introduction h2,
#services h2,
#contact h2 {
 padding-top: 28px;
 margin-bottom: 8px;
 font-size: 240%;
 color: #00416a;
}
#introduction h2 span,
#services h2 span,
#contact h2 span {
 color: #001523;
}
#introduction p,
#services p,
#contact p {
 width: 540px;
 font-size: 160%;
 line-height: 140%;
}
#introduction p strong,
#services p strong,
#contact p strong {
 color: #00416a;
}
/* @end */

/* @group Gen Content Rules */

#content { background: #ecf6f2 url(../images/content_bg.png) repeat-x; clear:left; padding-bottom: 3em;}
#content h3 { font-size: 220%; padding-top: 36px; margin-bottom: 8px; color: #234b6a; }
#content h4 {
 color: #234b6a;
}
#content p {  font-size: 140%; line-height: 160%; padding-bottom: 1em; color: #000; padding-right: 36px;
}
#introduction a, #services a {
 text-decoration: none;
 border-bottom: 1px dotted;
 color: #004b67;
 background-color: #e5f1ae;
}
#content a {
 color: #580000;
 border-bottom: 1px dotted;
 text-decoration: none;

}
#content a:hover, #introduction a:hover, #services a:hover {
 background: #fff;
}

/* @end */

/* @group Sub Panel */



#we_offer, #location_info {
 width: 310px;
 background: url(../images/we_offer.png) no-repeat  ;
 float: left;
}
#location_info {
 background: url(../images/panel_right.png) no-repeat;
 width: 290px;
}

#we_offer ul {
 margin-left: 36px;
 list-style: none;
 font-size: 160%;
 line-height: 160%;
 margin-bottom: 1em;
}
#we_offer ul h4 {
 margin-top: 1em;
}
#we_offer ul h4 span {
 font-weight: 500;
}
#we_offer ul ul {
 margin-left: 14px;
 font-size: 80%;
}
#we_offer h3, #we_offer p,
#location_info h3,
#location_info p {
 padding-left: 36px;
 width: 232px;
}
#we_offer #tollfree a,
#location_info #tollfree a {
 background: url(../images/toll_free.png) no-repeat;
 text-indent: -300em;
 width: 234px;
 height: 51px;
 margin-bottom: 20px;
 display: block;
 border: 0;
}

#location_info #tollfree a {
 margin-left: 24px;
}
#location_info p#contact_footnote {
  margin-top: 24px;
}
/* @end */

/* @group Testimonials */

#testimonials h3 {
 background: url(../images/content_left.png) no-repeat;
 padding-left: 36px;
}
#testimonials {
 background: url(../images/whats_new.png) no-repeat top right;
}
#testimonials ul {
 list-style: none;
 float: left;
 width: 460px;

}
#testimonials ul li {
 margin: 0 36px 3em;
 padding: 20px 0;
 background: url(../images/testi-top.png) no-repeat;
}
#testimonials ul li p {
  background: #fff;
  padding: 14px;

}
#testimonials  .quotee {
 font-size: 120%;
 text-align: right;
 padding-top: 60px;
  background: url(../images/testi-bot.png) no-repeat;
}

/* @end */

#whats_new,
#contact_area {
 width: 610px;
 background: url(../images/whats_new.png) no-repeat top right;
 float: left;
}

/* location_area */

/* @group Contact page */

#location_info h3, #location_info p, #location_info address, #we_offer address {
 padding-left: 24px;
 font-style: normal;
}
#location_info #tollfree a{
 margin-left: 24px;
 margin-bottom: 0;
 display: block;
 border: 0;
}
#location_info address, #we_offer address {
 padding-top: 1em;
 width: 253px;
 line-height: 140%;
 font-size: 140%;
 border-top: 1px dotted #3574ab;

}
#location_info address, #we_offer address {
 color: #002a45;
}
#we_offer address {
 border: none;
 margin-top: 0;
 padding-top: 0;
 margin-left: 14px;
 margin-bottom: 14px;
}
address strong  {
 font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
address span {
 color: #476114;
}
address span.phones {
 display: block;
 width: 22px;
 margin-right: 2px;
 text-align: right;
 clear: left;
 float: left;
}

#contact_area {
 width: 630px;
 background: url(../images/contact_left.png) no-repeat;
}

div#form-area-one, div#form-area-two {
  width: 270px;
  float: left;
}

#contact_area h3 ,#contact_area p {
 margin-left: 36px;
}
#newletter_area {
 padding: 5px 5px 5px 0;
 width: 220px;
 margin-top: 14px;
}
#newletter_area div {
 margin-top: 1em;
}
#contact_area fieldset {
 border: none;
 margin-left: 14px;
 margin-bottom: 20px;
 width: 542px;
 padding: 20px;
 background: #ecf6f2 url(../images/sub.png) repeat-x;
}
#contact_area fieldset div {
 margin-bottom: 14px;
}
#contact_area fieldset div input, textarea {
 font: italic 160% Georgia, "Times New Roman", Times, serif;
}
#contact_area fieldset label {
 font-weight: 700;
 font-size: 120%;
}
#contact_area label span {
 color: #ff3954;
}
#contact_area input {
 width: 230px;
}

#contact_area input.switch-a {
  width: 20px;
}

#contact_area input.human {
 width: 3em;
}

#contact_area div.send-it {
  text-align: right;
  padding-right: 40px;
}

#contact_area input.submit {
 width: 124px;
}
#contact_area textarea {
 width: 230px;
 height: 180px;
 font-size: 120%;
}
#contact_area p {
 margin-left: 0;
 font-size: 120%;
 color: #5b5f5d;
}

/* @end */

/* @group What's new */

#whats_new h4,
#contact_area h4 {
 font-size: 160%;
 margin-top: 14px;
 margin-bottom: 4px;
}
#whats_new img {
 float: left;
 margin-right: 30px;
}

/* Services code */
#whats_new ul img {
 float: none;
 border: #fff solid 4px;
 margin: 8px 2px 8px 14px;
}
#whats_new ul h4 {
 margin-left: 14px;
}
#whats_new ul#work li {
 width: 290px;
 float: left;
 margin-bottom: 42px;
}
#work li a {
 border: none;
 background: none;
}
#work li a:hover {
 background: none;
}
#work li img:hover {
 border-color: #234b6a;
}
#whats_new ul#work li.left {
 border-right: 1px solid #64a6ca;
}
#whats_new ul {
 list-style: none;
}
#whats_new h4.about {
 padding-left: 0;
 margin-left: 0;
}

/* @end */

/* @group Team */

#team {
 margin-bottom: 60px;
}
#team li {
 margin-bottom: 14px;
 clear: left;
}
#team li img {
 width: 120px;
 height: 120px;
 clear: left;
 float: left;
}
#team li p, #team li h4 {
 margin-left: 182px;
 font-size: 140%;
}

/* @end */



/* end services code */

/* @group Home page sub content */

#newsletter {
 clear: left;
 float: left;
 width: 448px;
 height: 200px;
 margin-left: 13px;
 background: url(../images/sub_right.png) no-repeat right;
}

#newsletter h3 {
 background: url(../images/sub_left.png) no-repeat top left;
 padding-top: 26px;
}
#newsletter p {
 border-right: 1px solid #83a7b8;
}
#newsletter h3, #newsletter p, #jobs p {
 padding-left: 23px;
}
#jobs, #newsletter {
  background: url(../images/sub.png) repeat-x;
}
#jobs p#firstp {
  padding-top: 59px;
  background: url(../images/sub_right.png) no-repeat top right;
}
#jobs {
 float: left;
 width: 444px;
 height: 200px;
}
#content #our-services h4 {
  margin-left: 0;
}
#content #our-services h4 span {
  font-weight: 300;
}
#content #our-services li#print, #content #our-services li#internet {
  width: 236px;
  height: 380px;
  float: left;
  padding: 0 20px;
  margin-right: 18px;
}
li#print ul , li#internet ul {
  font-size: 160%;
  margin-top: 1em;
  height: 380px;
  line-height: 1.7em;
  border-top: 1px solid #447995;
  padding-top: 10px;

}


/* @end */


#clear {
 clear: left;
 border: 0;
}

/* @group Services Rules */
ul#our-services li ul li a {
  display: block;
  color: #44262e;
  border-bottom: 0;
  height: 28px;
  padding-left: 52px;
  margin-bottom: 12px;
  padding-top: 3px;
}
ul#our-services li ul li a:hover {
  color: #fff;
}
ul#our-services li ul li a#websites-custom {
  background: url(../images/services-custom.png) no-repeat left;
}
ul#our-services li ul li a#websites-premade {
  background: url(../images/services-premade.png) no-repeat left;
}
ul#our-services li ul li a#hosting {
  background: url(../images/services-hosting.png) no-repeat left;
}
ul#our-services li ul li a#content-mgmt {
  background: url(../images/services-content-mgmt.png) no-repeat left;
}
ul#our-services li ul li a#hosting-email {
  background: url(../images/services-email.png) no-repeat left;
}
ul#our-services li ul li a#mailers {
  background: url(../images/services-mailers.png) no-repeat left;
}
ul#our-services li ul li a#brochures {
  background: url(../images/services-brochures.png) no-repeat left;
}
ul#our-services li ul li a#logos {
  background: url(../images/services-logos.png) no-repeat left;
}
ul#our-services li ul li a#print-advertising {
  background: url(../images/services-print-ad.png) no-repeat left;
}
ul#our-services li ul li a#stationary {
  background: url(../images/services-letterhead.png) no-repeat left;
}
ul#our-services li ul li a#promo {
  background: url(../images/services-promo.png) no-repeat left;
}
/* @end */

/* @group footer */

#footer {
 width: 848px;
 margin-left: auto;
 margin-right: auto;
 color: #546333;
 clear: left;
 background: url(../images/footer_accent.png) repeat-x;
 height: 57px;
 padding: 12px 36px 0;
 font-size: 110%;
}

#footer #contact_button {
 display: block;
 width: 121px;
 height: 31px;
 background: url(../images/footer_contact_button.png);
 float: left;
 text-indent: -300em;
 margin-right: 36px;
}

#footer ul li {
 float: left;
 display: inline;
 width: 268px;
 margin-right: 30px;
}

/* @end */

#services #quotee {
 text-align: right;
 font-size: 120%;
 margin-top: 8px;
}

/* @group Podcast */

/* Podcast page specific styles */

#podcast-page h3 {
 background: url(../images/content_left.png) no-repeat;
 padding-left: 36px;
}
#podcast-page-links {
	margin: 20px 0 0 50px;
	font-size: 1.2em;
}
ul#podcast-page-links {
	margin: 0 0 0 60px;
	padding: 0;
}
#podcast-page-links li {
	padding: 0 0 10px 0;
}
.podcast-embed-lists {
	margin: 30px 0 0 35px;
	list-style: none;
}
.podcast-embed-lists li {
	padding: 0 0 20px 0;
	font-size: 1.5em;
	font-weight: bold;
}
#content #podcast-page p {
	margin: 0 0 0 35px;
	padding: 5px 0;
}
#content #podcast-page .rss-feed {
	margin: 0 0 0 35px;
	padding: 0;
}
#content #podcast-page .rss-feed a:link {
	margin: 0;
	padding: 0;
	color: #173b56;
	font-weight: bold;
}

#content #podcast-page .rss-feed a:visited {
	margin: 0;
	padding: 0;
	color: #173b56;
	font-weight: bold;
}

#content #podcast-page #podcast-title {
	margin: 30px 0 5px 35px;
	padding: 0;
	font-weight: bold;
	color: #173b56;
}

/* @end */