
/* Common elements  */
html,body {
height: 100%
}
body {
background-image: url('/theme/images/background.gif');
background-repeat: repeat
}
a {
text-decoration: none;
color: #277291
}
a:hover {
color: #277291;
text-decoration: underline
}
a.button {
background: url('/theme/images/button_left.png') no-repeat scroll left center transparent;
height: 2.53em;
line-height: 2.6em;
display: inline-block;
font-size: 1.23em;
letter-spacing: 0.05em;
font-weight: 700;
color: #333637
}
a.button span {
background: url('/theme/images/button_right.png') no-repeat scroll right center transparent;
height: 2.53em;
cursor: default;
display: inline-block;
float: none;
margin-left: 5px;
text-align: center;
text-transform: lowercase;
padding: 0 25px 0 20px
}
a.button span img,button.button span img {
vertical-align: middle;
margin-left: 8px
}
.button:hover {
text-decoration: none
}
button.button {
border: none;
background: none;
width: auto;
overflow: visible;
text-align: center;
white-space: nowrap;
height: 35px;
line-height: 33px;
margin: 0;
padding: 0
}
button span,button em {
display: block;
height: 35px;
line-height: 33px;
font-size: 1.1em;
font-weight: 700;
color: #333637;
letter-spacing: 0.05em;
margin: 0
}
button span {
padding-left: 5px;
background: url(/theme/images/button_left.png) no-repeat 0 0
}
button em {
font-style: normal;
background: url(/theme/images/button_right.png) no-repeat 100% 0;
padding: 0 35px 0 30px
}
ul {
list-style: none
}
input {
height: 22px;
border: 1px solid #bec1c3;
vertical-align: baseline;
padding: 4px 0 4px 4px
}
textarea {
border: 1px solid #bec1c3;
padding: 10px 0 10px 4px
}
small {
font-size: 0.8em
}
code,pre {
background-color: #f0f2f4;
border: 1px dotted #868e91;
color: #333;
font: 13px/18px Consolas,"Courier New",Courier,monospace;
padding: 2px 4px
}
blockquote {
border-left: 5px solid #868c8f;
font-style: italic;
margin: 0 0 20px 10px;
padding: 0 10px
}
.half {
width: 429px
}
div.last {
margin-right: 0
}
.third {
width: 282px
}
.third, .half {
display: inline-block;
margin: 0 10px 20px
}
ul.links-list li:after {
content: "\2192\00a0\00a0";
color: #868c8f
}
ul.links-list li {
margin-bottom: 1em;
line-height: 1.25em
}
ul.check-list li {
background: url("/theme/images/check.png") no-repeat scroll left center transparent;
padding-left: 20px;
margin-left: 10px
}
ul.gray-list li {
background: url("/theme/images/dot_gray.gif") no-repeat scroll left center transparent;
padding-left: 20px;
margin-left: 10px
}
ul.black-list li {
background: url("/theme/images/dot_black.gif") no-repeat scroll left center transparent;
padding-left: 20px;
margin-left: 10px
}
ol li {
margin-left: 30px;
padding-left: 20px;
list-style-position: outside;
list-style-type: decimal
}

table.feature_matrix {
border-collapse: separate;
border-spacing: 0;
border: none;
margin-bottom: 0;
width: 100%
}

table.feature_matrix tr th {
  text-align: left;
}

table.feature_matrix,
table.feature_matrix td,
table.feature_matrix th {
  vertical-align: middle;
}
table.feature_matrix .icon {
margin-top: 0
}
table.feature_matrix tr.even {
background-color: #fefefe
}
table.feature_matrix tr.odd {
background-color: #f1f2f3
}
table.feature_matrix tr.first td {
border-top: 1px solid #a4adb0
}
div.scrollable_table table.feature_matrix tr.first td {
border-top: 0;
}
div.scrollable_table table.feature_matrix {
  border-bottom: 1px solid #a4adb0;
}
div.scrollable_table div.table_body table.feature_matrix {
  border-bottom:0;
}
table.feature_matrix thead tr th.first {
border-left: 1px solid #fff
}
table.feature_matrix thead tr th.last {
border-right: 1px solid #fff
}
table.feature_matrix th {
border-top: 1px solid #fff;
background-image: url("/theme/images/table_back.gif");
background-repeat: repeat-x;
color: #375562;
text-transform: uppercase;
padding: 10px;
}
table.feature_matrix td {
color: #888;
padding: 6px 10px;
}
table.feature_matrix h6 span {
font-size: 0.9em
}
table.feature_matrix tr td.left {
text-align: left;
}
div.scrollable_table {
  border: 1px solid #a4adb0;
  margin-top: 8px;
}
div.scrollable_table div.table_body {
  height: 350px;
  overflow: auto;
}
abbr,acronym {
border-bottom: 1px dotted;
text-transform: uppercase
}
cite,em,dfn {
font-style: italic
}
del {
text-decoration: line-through
}
ins,dfn {
border-bottom: 1px solid #CCC
}
u,ins {
text-decoration: underline
}

/* top  */
#top {
background-image: url('/theme/images/top_back.png');
background-repeat: repeat-x;
min-height: 143px;
position: absolute;
z-index: -10;
left: 0;
width: 100%
}

/* container  */
#container {
min-height: 100%;
position: relative
}

/* Header  */
#header {
margin-top: 30px
}
#menu {
list-style: none;
float: right;
height: 55px
}
#menu li {
float: left;
line-height: 4.1em;
background-image: url('/theme/images/menu_back.png');
background-repeat: repeat-x;
margin: 0
}
#menu li.first {
background-image: url('/theme/images/menu_left.png');
background-repeat: no-repeat;
width: 5px
}
#menu li.last {
background-image: url('/theme/images/menu_right.png');
background-repeat: no-repeat;
width: 5px
}
#menu li a {
background-image: url('/theme/images/menu_divider.png');
background-repeat: no-repeat;
background-position: left center;
color: #333637;
display: block;
text-transform: lowercase;
font-size: 1.23em;
padding: 0 15px
}
#menu li a:hover {
color: #277291;
text-decoration: none
}
#menu li.home a {
background-image: url('/theme/images/menu_home-trans.png');
background-position: center center;
display: block;
width: 21px;
height: 3.4em
}
#menu li ul {
background-image: none;
background-color: #fff;
border: 1px solid #aab2b5;
clear: both;
float: left;
position: absolute;
top: 0;
z-index: 10;
margin: 82px 0 0
}
#menu li ul li {
border: none;
background-image: none;
clear: both;
display: block;
float: left;
height: 2em;
line-height: 2.4em;
margin: 0 0 6px 8px;
padding: 4px 15px 0 0;
width: 90%;
}
#menu li ul li.sub_last {
margin-bottom: 8px
}
#menu li ul li a {
background-image: none;
border-bottom: 1px solid #dcdee0;
font-size: 0.92em;
padding: 0 0 0 8px
}
#menu ul.menu_sub {
  min-width: 185px;
}
#menu ul.menu_sub li a {
  text-transform: none;
}
#breadcrumb {
color: #868c8f;
font-size: 0.92em
}
#breadcrumb span {
padding-left: 5px
}
#breadcrumb span img {
vertical-align: text-bottom;
margin: 0 5px
}

/* Content */
main {
padding: 0 0 100px
}
.full_width {
border-left: 1px solid #A1AAAD;
border-right: 1px solid #A1AAAD;
width: 940px
}
.slider_edge {
background-repeat: no-repeat;
height: 4px;
overflow: hidden;
width: 942px
}
#slideshow {
height: 315px
}
#slides {
height: 400px
}
#slidePager {
position: absolute;
right: 0;
z-index: 100;
margin: -10px 20px 0 0
}
#slidePager a {
background: url("/theme/images/slider_page_empty.png") no-repeat scroll 0 0 transparent;
float: left;
height: 19px;
overflow: hidden;
text-decoration: none;
text-indent: -2000px;
width: 20px;
padding-bottom: 5px;
margin: 0 3px
}
#slidePager a.activeSlide {
background-image: url(/theme/images/slider_page_full.png);
background-repeat: no-repeat
}
div.full_width_top {
margin-top: 40px;
background-image: url(/theme/images/slider_top.png)
}
div.full_width_bottom {
background-image: url(/theme/images/slider_bottom.png)
}
div.full_width_wrapper {
border-left: 1px solid #a1aaad;
border-right: 1px solid #a1aaad;
width: 940px
}
div.full_width_wrapper div.post {
min-height: 285px
}
#home_bottom div.widget h2 {
text-align: center;
color: #375562;
font-size: 1.84em
}
#portfolio div.widget p {
text-align: center;
margin: 0
}
#portfolio div.widget a {
  text-decoration: none;
}
div.previous_class {
  position: relative;
  width: 255px;
  height: 167px;
}
div.widget div.previous_class h2,
div.widget div.previous_class h3 {
  position: absolute;
  margin: 0;
  right: 0;
  color: #2a2a2a;
  background-color: #fff;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

div.widget div.previous_class h2 {
  top: 0;
  padding: 5px 10px 3px 10px;
  font-size: 1.3em;
}
div.widget div.previous_class h3 {
  bottom: 0;
  padding: 4px 6px 2px 6px;
  font-size: 1.0em;
}

#content {
margin-top: 20px;
width: 618px
}
div.post_top {
background-image: url(/theme/images/post_top.png)
}
div.post_bottom {
background-image: url(/theme/images/post_bottom.png);
margin-bottom: 25px
}
div.edge {
background-repeat: no-repeat;
height: 4px;
width: 622px;
overflow: hidden
}
div.post_wrapper {
border-left: 1px solid #a1aaad;
border-right: 1px solid #a1aaad;
width: 620px
}
div.post {
background-color: #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
background-image: url(/theme/images/post_back.gif);
background-repeat: repeat-x;
min-height: 307px;
position: relative;
display: block;
padding: 20px
}
div.post p {
color: #333637;
font-size: 0.92em;
line-height: 1.9em
}
div.post.previous_class_description p {
  line-height: 1.5em;
}
div.post.previous_class_description img {
  float: left;
  margin-right: 19px;
}
div.post h2.title {
font-size: 2.6em;
color: #375562;
float: left;
width: 542px;
margin-bottom: 15px
}
div.post h2 span.post_info {
font-size: 0.37em;
font-weight: 400;
color: #868c8f;
margin-bottom: 0
}
div.post h2.page_title {
font-size: 2.6em;
color: #375562
}
div.post h2 a {
color: #375562
}
img.alignleft {
float: left;
display: inline;
margin: 5px 15px 5px 0
}
img.alignright {
float: right;
display: inline;
margin: 5px 0 5px 15px
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
color: #868c8f;
display: block;
font-size: 0.5em;
margin: 0
}
div.post img {
border: 1px solid #fff
}
div.comment_number {
background-image: url('/theme/images/comment_number_back-trans.png');
background-repeat: no-repeat;
float: right;
height: 32px;
width: 34px;
text-align: center;
line-height: 2.1em;
font-size: 0.92em;
font-weight: 700
}
div.comment_number a {
color: #fff
}
#comments_box {
background-color: #fff;
color: #333637;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
background-image: url(/theme/images/widget_back.gif);
background-repeat: repeat-x;
padding: 20px
}
#comments_box h2 {
color: #868c8f;
margin-bottom: 0;
float: left;
width: 542px
}
ol.commentlist li {
list-style: none;
padding: 15px 0 0
}
ol.commentlist li hr {
display: inline-block;
width: 430px;
margin: 0
}
div.comment_content {
display: inline-block;
font-size: 0.92em
}
div.comment_text {
display: inline-block;
float: left;
width: 400px;
padding-right: 25px
}
div.avatar {
display: inline-block;
color: #868c8f;
float: right;
width: 120px
}
#respond {
margin-left: 25px
}
#respond h3 {
color: #868c8f
}
#new_inquiry label {
color: #868c8f;
font-size: 0.92em;
text-transform: lowercase;
display: block;
margin-bottom: .5em;
}
#new_inquiry input,#new_inquiry textarea {
margin-bottom: 1.5em;
}
#inquiry_submit {
border: none;
background: none;
width: auto;
overflow: visible;
text-align: center;
white-space: nowrap;
height: 35px;
line-height: 33px;
margin: 0;
padding: 0
}
#inquiry_submit span,#inquiry_submit em {
display: block;
height: 35px;
line-height: 33px;
font-size: 1.1em;
font-weight: 700;
color: #333637;
letter-spacing: 0.05em;
margin: 0
}

/* Sidebar  */
#sidebar {
color: #333637;
margin-top: 20px;
width: 298px
}
div.widget_top {
background-image: url(/theme/images/widget_top.png)
}
div.widget_bottom {
background-image: url(/theme/images/widget_bottom.png);
margin-bottom: 20px
}
div.widget_edge {
background-repeat: no-repeat;
height: 3px;
width: 302px;
overflow: hidden
}
div.widget_wrapper {
border-left: 1px solid #a1aaad;
border-right: 1px solid #a1aaad;
width: 300px
}
#left_box, #middle_box, #right_box {
min-height: 440px;
}
#right_box .extended_contact_info {
  display: none;
}
div.widget {
  display: inline-block;
  background-color: #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  background-image: url(/theme/images/widget_back.gif);
  background-repeat: repeat-x;
  width: 254px;
  padding: 22px 22px 4px 22px;
}
div#portfolio div.widget {
  padding: 22px 22px 22px 22px;
}
div.widget h2 {
color: #868c8f;
font-size: 1.53em;
margin-bottom: 6px
}
div.widget p {
line-height: 1.25em
}
div.widget span.gray {
color: #868c8f;
display: block;
text-align: right;
line-height: 2.4em;
width: 100%
}
.right {
float: right
}
#searchbox input {
width: 190px
}
table#contact_info tr td {
padding-right: .5em;
}
#sidebar ul.previous_classes_archive li {
  display: inline;
  padding: 0;
}

/* Footer */
#footer {
background-image: url('/theme/images/footer_back.png');
background-repeat: repeat-x;
width: 100%;
z-index: -290;
bottom: 0;
min-height: 115px
}
#footer_text {
color: #5f6466;
font-size: 0.84em;
padding-top: 50px
}
#footer_text p {
background-image: url('/theme/images/footer_divider-trans.png');
background-repeat: no-repeat;
background-position: center top;
padding-top: 20px;
text-align: center
}
ul li,div.first {
margin-left: 0
}
.center {
text-align: center
}
div.post td img,div.post th img,#menu li ul li.sub_last a,#slides img {
border: none
}
table th h6,ol.commentlist {
margin: 0
}
#menu li.home a:hover,#menu li.active.home a {
background-image: url('/theme/images/menu_home_hover-trans.png')
}
#menu li.active a,div.post h2 span.post_info a {
color: #277291
}
ul.menu_sub li a {
  color: #333637 !important;
}
#home_bottom {
margin-top: 20px
}
div#home_bottom div.widget {
  height: 35em;
}
div#home_bottom div.widget_wrapper {
  background: #fff;
}
#portfolio {
margin-top: 40px
}

/* Scrum Links */
ul#scrum_links {
  list-style: disc;
  margin-left: 20px;
  min-height: 32em;
}

ul#scrum_links li {
  padding-top: 5px;
}

ul#scrum_links li span {
  display: block;
  font-weight: 400;
  color: #868c8f;
}

