/*******************************/
/* HTML/BODY TAGS */
/*******************************/
html { height: 100%; margin-bottom: 1px; }
body {
font-family: Arial, Helvetica, sans-serif;
margin:0px;
text-align: center;
background: #fff;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #434242;
}
/*******************************/
/* COMMON TAGS */
/*******************************/
h1 {font-size:20px; font-weight:bold; padding: 15px 0 25px 0; margin: 0;}
h1 .un {font-weight:normal; font-size:90%; padding-left: 5px;}
h2 {font-size:14px; font-weight:bold; color:#f41010; padding:5px 0; margin:0;}
h3 {font-size:12px; font-weight:bold; padding: 5px 0; margin: 0;}
h4 {font-size:12px; color:#f41010; padding: 0; margin: 0; padding-bottom: 6px;}
h4 a {font-weight:normal;}
a, a:link, a:visited {color:#f41010; text-decoration:underline; border:red 1px sold;}
a i {visibility:hidden;}
a img {border:0}
p {margin:0; padding:0; padding-bottom:10px;}
/*******************************/
/* PAGE CONTAINER */
/*******************************/
#container {margin:auto; width:780px; text-align:left; position:relative;}
/*******************************/
/* HEADER */
/*******************************/
#header {width:780px; height:285px; background:#FFF url(/images/header.gif) no-repeat; position:relative;}
#header_quote {position:absolute; width:310px; top:200px; right: 25px;}
#header_quote strong {color:#f41010; font-weight:bold;}
#header_quote #author {text-align:right;}
#header_quote #author a {display:block; float:right; width:95px; position:relative;}
#header_quote #author .auth {float:right; padding:0; margin:0; padding-right:20px;}
#header_quote #author img {float:right; border:0;}
#header a {display:block; border: 0; position:absolute; text-decoration:none;}
a#logo-link {width:282px; height:52px; top:10px; left: 18px;}
a#more-quotes-link {width:55px; height: 17px; top: 256px; right: 38px;}
a#contact-link {width:76px; height:40px; right:17px;}
a#quotes-link {width:76px; height:40px; right:96px;}
a#home-link {width:76px; height:40px; right:175px;}
a#home-link, a#quotes-link, a#contact-link {border-top:3px #a09f9f solid;}
a:hover#home-link, a#home-link.selected, a:hover#quotes-link, a#quotes-link.selected, a:hover#contact-link, a#contact-link.selected {border-top:3px #f41010 solid;}
/*******************************/
/* TOP_NAV */
/*******************************/
#top_nav {padding-left:18px; float:left;}
#top_nav a {display:block; text-decoration:none; float:left; height:36px;}
a#nav_about_magis {background-image:url(/images/nav_about_magis_off.gif); width:125px;}
a#nav_services {background-image:url(/images/nav_services_off.gif); width:124px;}
a#nav_endorsements {background-image:url(/images/nav_endorsements_off.gif); width:124px;}
a#nav_case_studies {background-image:url(/images/nav_case_studies_off.gif); width:124px;}
a#nav_food_for_thought {background-image:url(/images/nav_food_for_thought_off.gif); width:124px;}
a#nav_contact_us {background-image:url(/images/nav_contact_us_off.gif); width:124px;}
a:hover#nav_about_magis, a#nav_about_magis.selected {background-image:url(/images/nav_about_magis_on.gif);}
a:hover#nav_services, a#nav_services.selected {background-image:url(/images/nav_services_on.gif);}
a:hover#nav_endorsements, a#nav_endorsements.selected {background-image:url(/images/nav_endorsements_on.gif);}
a:hover#nav_case_studies, a#nav_case_studies.selected {background-image:url(/images/nav_case_studies_on.gif);}
a:hover#nav_food_for_thought, a#nav_food_for_thought.selected {background-image:url(/images/nav_food_for_thought_on.gif);}
a:hover#nav_contact_us, a#nav_contact_us.selected {background-image:url(/images/nav_contact_us_on.gif);}
/*******************************/
/* CONTENT */
/*******************************/
#content {width:745px; margin-left: 18px; clear:both; float:left;}
#wide_left {float:left; width: 510px;}
#wide_right {float:right; width: 465px; padding-right:20px;}
#narrow_left {float:left; width: 226px;}
#narrow_right {float:right; width: 226px;}
.inset_block {padding-bottom: 20px; float:left;}
.inset_left {float:left; width: 150px;}
.inset_right {float:right; width: 294px;}
.inset_block p {color:#8d8d8d; padding:0; margin: 0;}
.spacer15 {height:15px; clear:both; padding:0; margin:0;}
.spacer20 {height:20px; clear:both; padding:0; margin:0;}
.spacer30 {height:30px; clear:both; padding:0; margin:0;}
.inset {float:left; color:#8d8d8d;}
.inset img, .inset_img {float:left; border:0; margin:0; padding:0;}
/*******************************/
/* SIDE_NAV */
/*******************************/
#side_nav p {padding-bottom: 5px;}
#sidebar_top_home {background: #fff url(/images/sidebar_top_home.gif) no-repeat; width: 226px; height:82px;}
#sidebar_top_about {background: #fff url(/images/sidebar_top_about.gif) no-repeat; width: 226px; height:53px;}
#sidebar_top_services {background: #fff url(/images/sidebar_top_services.gif) no-repeat; width: 226px; height:41px;}
#sidebar_top_endorsements {background: #fff url(/images/sidebar_top_endorsements.gif) no-repeat; width: 226px; height:53px;}
#sidebar_top_case_studies {background: #fff url(/images/sidebar_top_case_studies.gif) no-repeat; width: 226px; height:41px;}
#sidebar_top_contact_us {background: #fff url(/images/sidebar_top_lets_meet.gif) no-repeat; width: 226px; height:45px;}
#sidebar_top_favorite_quotes {background: #fff url(/images/sidebar_top_favorite_quotes.gif) no-repeat; width: 226px; height:45px;}
#sidebar_top_recommended_reading {background: #fff url(/images/sidebar_top_rr.gif) no-repeat; width: 226px; height:45px;}
#sidebar_top_latest_thoughts {background: #fff url(/images/sidebar_top_thoughts.gif) no-repeat; width: 226px; height:80px;}
#sidebar_top_reading {background: #fff url(/images/sidebar_top_reading.gif) no-repeat; width: 226px; height:43px;}
#sidebar_no_border {background: #fff url(/images/sidebar_bk_no_border.gif) repeat-y; padding: 0 20px;}
#sidebar_border {background: #fff url(/images/sidebar_bk_border.gif) repeat-y; padding: 0 25px;}
#sidebar_bottom_border { background: #fff url(/images/sidebar_bottom_border.gif) no-repeat; width: 226px; height: 47px; position:relative;}
#sidebar_bottom_no_border {background: #fff url(/images/sidebar_bottom_no_border.gif) no-repeat; width: 226px; height: 21px;}
#sidebar_bottom_more { background: #fff url(/images/sidebar_bottom_border_more.gif) no-repeat; width: 226px; height: 50px; position:relative;}
#sidebar_bottom_more a {position: absolute; width:75px; height:20px; right:12px; top:13px; text-decoration:none;}
/*******************************/
/* HOMEPAGE */
/*******************************/
#home_content {width: 445px; padding-left: 27px;}
#home_content h1 {padding-top: 35px; font-size:20px;}
#home_content h1 strong {color:#f41010;}
#home_content .inset_left {float:left; width: 180px;}
#home_content .inset_right {float:right; width: 264px;}
#home_content .inset_right p {color: #404040; font-weight:bold;}
#home_option_bar {background: #fff url(/images/home_option_bar.gif) no-repeat; width: 745px; height:80px; position:relative;}
#home_option_bar p {top: 35px; width: 170px; margin:0; padding:0; position:absolute; line-height:13px; font-size:11px;}
p#home_ld {left: 65px;}
p#home_pc {left: 321px;}
p#home_sp {left: 572px;}
/*******************************/
/* MISC CONTENT */
/*******************************/
#resources_inset {float:left; width:440px; padding:0 45px 0 25px;}
#latest_thoughts_top {background: #fff url(/images/latest_thoughts_top.gif) no-repeat; width: 505px; height:92px; float:left; clear:both;}
#latest_thoughts_bk {background: #fff url(/images/latest_thoughts_bk.gif) repeat-y; padding: 0 25px; width:455px; color:#656565; float:left;}
#latest_thoughts_bottom { background: #fff url(/images/latest_thoughts_bottom.gif) no-repeat; width: 505px; height:24px; position:relative; float:left;}
#latest_thoughts_inset p.intro {line-height:18px;}
#contact_wide_right {float:right; width: 505px;}
#contact_us_top {background: #fff url(/images/contact_us_top.gif) no-repeat; width: 505px; height:49px; clear:both;}
#contact_us_body {background: #fff url(/images/contact_us_slice.gif) repeat-y; padding: 0 25px;}
#contact_us_bottom {background: #fff url(/images/contact_us_bottom.gif) no-repeat; width: 505px; height: 18px;}
#quotes {font-size:120%; color:#676666;}
#quotes p.author{ padding-left:200px; text-indent: -10px; padding-bottom: 20px;}
#flash {padding: 5px; border: 2px solid #06b406; color:#000; background-color:#baeaba; clear:both;}
/*******************************/
/* FOOTER */
/*******************************/
#footer {width:500px; height:55px; background:#FFF url(/images/footer.gif) no-repeat; clear:both; float:left; padding:13px 30px 0 250px;}
#footer input {float:left;}
#footer .send_button {padding: 2px 0 0 4px;}
/*******************************/
/* ADMIN */
/*******************************/
#admin_content {clear:both; float:left; padding: 25px 0;}
#admin_content table {border-collapse:collapse;}
#admin_content th {font-size:90%; vertical-align:bottom;}
#admin_content td, #admin_content th {margin: 0; padding: 8px; border-bottom: 1px solid #aaa;}
#admin_content h1 {padding-bottom:15px;}
#admin_content h1 a {font-size:70%;}
a.admin, #admin_content a {color:#0000FF; text-decoration:none; font-weight:normal;}
a.admin:hover, #admin_content a:hover {text-decoration:underline;}
#side_nav p.admin {padding-top: 10px;}
.draft {text-weight:bold; color:green;}
/*******************************/
/* ERRORS */
/*******************************/
.err {font-weight:bold; color:red;}
#errorExplanation h2 {width:400px; border:2px solid #06b406; color:#000; font-weight: normal; background-color:#baeaba; padding: 7px;}
#errorExplanation ul li {font-size: 12px; list-style: square;}
/*******************************/
/* SORTABLE LISTS */
/*******************************/
#sortable_list {list-style:none; margin: 0; padding:0;}
#sortable_list li {color: #fff; background-color:#c00; margin:4px 0; padding: 3px 8px; cursor:move;}