/*  #######################################################

        TEMPLATE: HEADER, CONTENT, FOOTER
        
    ####################################################### */


#header-wrapper {
	height: 147px;
	background-image: url('../media/header-bg.gif');
}
#header {
    position: relative;
	margin: 0 auto;
	width: 960px;
	height: 147px;
	text-align: right;
}
#cloud-1 {
    position: absolute;
    top: 15px;
    left: 175px;
    z-index: 0;
}
#cloud-2 {
    position: absolute;
    top: 25px;
    left: 450px;
    z-index: 0;
}
#logo {
	height: 147px;
	width: 332px;
	float: left;
	border: none;
}
#header-right {
    position: relative;
    z-index: 1;
    height:  93px; /* 147 - 54 */
    margin: 0 0 0 332px;
    padding: 0 0 0 15px;
}

/*  ------------------------------------------------------- */

.search-box {
    float: right;
}
.search-box ul {
    display: inline;
}
.search-box li {
    float: left;
    display: inline;
    height: 30px;
    line-height: 30px;
    background: url('../media/search-box-bg.png') repeat-x;
    color: #3d5877;
    font-size: 12px;
    font-weight: bold;
}
.search-box li.left {
    width: 5px;
    background: url('../media/search-box-left.png') no-repeat left;
}
.search-box li.right {
    width: 5px;
    background: url('../media/search-box-right.png') no-repeat right;
}
.search-box li.spacer {
    width: 10px;
}
.search-box img {
    vertical-align: text-bottom;
}
.search-input input, .search-input span, .square-input input, .square-input span {
    margin-top: 5px;
}
.search-input input {
    float: left;
    width: 112px;
    height: 19px;
	background: url('../media/search-input-bg.gif') repeat-x top left;
	border: none;
    font-size: 1em;
    color: #999;
}
.square-input input {
    float: left;
    width: 127px;
}
.search-input span.left {
    float: left;
    width: 19px;
    height: 19px;
	background: url('../media/search-input-left.png') no-repeat top left;
}
.search-input span.right {
    float: left;
    width: 19px;
    height: 19px;
	background: url('../media/search-input-right.png') no-repeat top right;
}
span.go-btn {
    float: left;
    width: 40px;
    height: 30px;
    background: url('../media/go-btn.png') no-repeat;
}

/*  ------------------------------------------------------- */

#apple-specialist {
    float: right;
    width: 93px;
    height: 38px;
    padding: 15px 5px 0 15px;
}
#header-type {
    clear: right;
    padding: 0 10px 0 0;
    color: #404040;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}
#header-type-left {
    display: block;
    padding: 39px 0 0 0;
    font-style: oblique;
}
#header-type-right {
    display: block;
    float: right;
    line-height: 14px;
    font-size: 12px;
    color: #8a4c1f;
    text-align: center;
    padding: 25px 0 0 0;
}

/*  ------------------------------------------------------- */

#nav-container {
    position: relative;
    z-index: 1;
    height: 54px;
    line-height: 54px;
    margin: 0 0 0 339px;
    padding: 0 0 0 12px;
    background: url('../media/nav-container-left.gif') no-repeat left;
    text-align: center;
}
img#nav-right {
    float: right;
    width: 12px;
}
#nav-container span {
	display: inline-block;
}
.nav-item {
	padding: 0 10px 0 10px;
	font-size: 22px;
	letter-spacing: 1px;
}
.nav-item-type {
    position: relative;
    bottom: 2px;
}
.selected-nav-item {
	background: url('../media/selected-nav-item-left.gif') no-repeat left;
	color: #3d5877;
	padding: 0 0 0 10px;
}
.selected-nav-item-closed {
    background-image: url('../media/selected-nav-item-left-closed.gif');
}
.selected-nav-item-cap {
    width: 5px;
    padding: 0 0 0 5px;
	background: transparent url('../media/selected-nav-item-right.gif') no-repeat right;
}
.selected-nav-item-cap-closed {
    background-image: url('../media/selected-nav-item-right-closed.gif');
}
.nav-item-separator {
    width: 2px;
    font-size: 22px;
	background: transparent url('../media/nav-item-separator.gif') no-repeat right;
}

/*  ------------------------------------------------------- */

#subnav-container {
    position: relative;
    z-index: 1;
    width: 910px;
	height: 30px;
	margin: 0 auto;
	line-height: 30px;
	border-width: 0 25px 0 25px;
	border-style: solid;
	border-color: #fff;
	background: transparent url('../media/subnav-left.gif') repeat-x left;
}
#subnav-left {
	float: left;
	width: 15px;
}
img#subnav-right {
    float: right;
}
#subnav-container span {
	display: inline-block;
}
.subnav-item {
    position: relative;
	padding: 0 7px 0 7px;
	font-size: 16px;
	letter-spacing: 1px;
}
.subnav-item-type {
    position: relative;
}
.subnav-item-selected-type {
    position: relative;
    bottom: -2px;
}
.selected-subnav-item {
	background: transparent url('../media/subnav-item-selected-left.gif') no-repeat left;
	color: #3d5877;
	padding: 0 0 0 7px;
}
.selected-subnav-item-cap {
    width: 5px;
    padding: 0 0 0 2px;
	background: transparent url('../media/subnav-item-selected-right.gif') no-repeat right;
}
.subnav-item-separator {
    width: 2px;
    font-size: 16px;
	background: transparent url('../media/subnav-item-separator.gif') no-repeat right;
}

/*  ------------------------------------------------------- */

#content-wrapper1 {
	background-color: #d9d9d9;
}
#content-wrapper2 {
	width: 958px;
	margin: 0 auto;
    border: 1px solid #fff;
	background-color: #fff;
}
#content {
    position: relative;
    margin: 25px 24px 0 24px;
}
#content-clear {
    margin-top: 9px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
	clear: both;
}
#content-btm {
    height: 47px; /* rounded corners (15) + shadow (32) */
    width: 960px;
    margin: 0 auto;
    padding: 0 0 25px 0;
    background: transparent url('../media/content-shadow.png') repeat-x 0 15px;	
}
#content-btm-left {
    height: 15px;
    width: 945px;
	background: transparent url('../media/content-btm-left.png') no-repeat left;
}
#content-btm-right {
	float: right;
	width: 15px;
	height: 15px;
}

/*  ------------------------------------------------------- */

#footer-wrapper1 {
    background: #9fb9d2 url('../media/footer-bg.gif') repeat-x top;
    border-top: 1px solid #38628c;
}
#footer-wrapper2 {
	border-top: 1px solid #7296ba;
	color: #3d5877;
}
#footer {
    width: 960px;
    margin: 0 auto;
    padding: 25px 0 0 0;
}
#footer-columns {
    overflow: auto;
    width: 100%;
}
#footer-columns div {
    float: left;
    height: 130px;
    border-bottom: 1px solid #7296ba;
}
#footer-columns p {
    font-size: 13px;
    line-height: 16px;
    padding: 10px 0 0 15px;
    margin: 5px 0 0 0;
	border-top: 1px solid #cedbe6;
}
#footer-columns img {
	vertical-align: middle;
	margin: 0 5px 0 0;
}
#footer-columns label {
    color: #333;
	font-size: 11px;
	text-transform: uppercase;
	font-style: oblique;
	padding: 0 10px 0 0;
}
#footer-columns span {
    padding: 0 0 0 5px;
	font-weight: 100;
	letter-spacing: 1px;
	text-shadow: #cedbe6 0 1px 1px;
}
#footer-column-store { width: 207px; }
#footer-column-call { width: 207px; }
#footer-column-email { width: 276px; }
#footer-column-meet { width: 155px; }
#footer-column-follow { width: 115px; }
#footer-btm {
	padding: 5px 5px 25px 5px;
	font-size: 11px;
}




/*  #######################################################

        HOME PAGE
        
    ####################################################### */


#promo-box {
    height: 150px;
}
#promo-box img {
    display: none;
    position: relative;
    top: -25px;
}
#promo-box a:link { text-decoration: none; background: none; }
#promo-box a:visited { text-decoration: none; background: none; }
#promo-box a:hover { text-decoration: none; background: none; }
#promo-box a:active { text-decoration: none; background: none; }




/*  #######################################################

        MISCELLANY
        
    ####################################################### */


#item-description ul {
    margin-left: 25px;
    list-style: circle inside;
}
#item-sidebar {
    width: 302px;
}
#item-sidebar img {
    border: 1px solid #ccc;
    border-width: 1px 1px 0px 1px;
    padding: 10px 0 10px 0;
}
#item-metadata {
    height: 250px;
}
#sad-mac {
    display: none;
    position: absolute;
    left: 405px;
}
#sad-mac-desktop {
    width: 910px;
    height: 500px;
}
#classic-dialog {
    z-index: 1000;
    display: none;
    position: absolute;
    width: 423px;
    height: 116px;
    padding: 25px;
    margin: 150px 0 0 219px;
    background: url('/media/classic-os-dialog.png');
}

/*  ------------------------------------------------------- */

.ical-event {
    cursor: pointer;
}
.ical-event-date {
    float: left;
    width: 90px;
    margin-left: 10px;
}
.ical-event-time {
    float: left;
    width: 125px;
    margin-left: 10px;
}
.ical-event-summary {
    float: left;
}
.ical-event-summary.selected {
    font-weight: bold;
}
.ical-event-description {
    display: none;
    margin-bottom: 15px;
}
ul.ical-events {
    margin-bottom: 1.5em;
}

/*  ------------------------------------------------------- */

.employee-metadata img {
	vertical-align: bottom;
	margin: 0 5px 0 0;
}




/*  #######################################################

        BLOG (WORDPRESS)
        
    ####################################################### */


#blog {
	background: url('../media/blog-bg.png') repeat-y left;
	border-bottom: 1px solid #9fb9d2;
}
#wp-sidebar {
    position: absolute;
    top: 0;
    left: 0;
	width: 200px;
    margin-bottom: 0;
	padding: 10px 10px 0 10px;
    border: 1px solid #9fb9d2;
    border-width: 1px 0 0 1px;
}
#wp-sidebar h2 {
	margin: 15px 0 .5em 0;
}
#wp-searchform {
	margin: 0 0 15px 0;
}
#wp-s {
	width: 125px;
}
#wp-searchsubmit {
    float: right;
}
ul#wp-cat-list li {
    background-position: 5px 0;
    padding-left: 25px;
    padding-bottom: 2px;
}
#wp-posts {
    background: #fff;
    border-left: 25px solid #fff;
    margin: 0 0 0 221px; /* padding (10 + 10) + border (1) */
}
#wp-posts h2 {
    clear: left;
    margin-bottom: .25em;
}
#wp-posts .entry {
	margin: 1em 25px 0 15px;
}
#wp-posts .entry h2 {
	font-size: 1em;
	font-weight: bold;
	color: #333;
}
#wp-posts .wp-caption.alignright { margin: 0 0 0 25px; }
#wp-posts .wp-caption-text {
    font-size: 12px;
}
#wp-posts ul {
    list-style: circle;
    margin: 0 0 0 40px;
}
#wp-posts .postmetadata {
    margin-bottom: 2em;
}
#wp-posts .navigation {
    clear: left;
}
#wp-comments {
    margin-top: 2em;
}
#wp-commentform {
    margin-left: 25px;
}
#wp-respond {
    margin-top: 2em;
}
#wp-comment {
    width: 600px;
    height: 50px;
}
#wp-footer {
    margin: 25px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #9fb9d2;
}




/*  #######################################################

        GLOBAL TAGS
        
    ####################################################### */


html {
	height: 100%;
	margin: 0 0 1px 0;
}
body {
    margin: 0;
    height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	background: #9fb9d2;
}
h1 {
    margin: 1em 0 1em 0;
    padding: 0;
	color: #8a4c1f;
	font-weight: normal;
	font-size: 24px;
}
h2 {
    margin: 1em 0 1em 0;
    padding: 0;
	color: #8a4c1f;
	font-weight: normal;
	font-size: 18px;
}
h3 {
    margin: 0;
    padding: 0;
	color: #8a4c1f;
	font-weight: normal;
	font-size: 15px;
}
p {
    margin: 1em 0 1em 0;
    padding: 0;
	line-height: 18px;
}
div {
	font-size: 15px;
}
ul {
    margin: 0;
    padding: 0;
	list-style: none;
}
li {
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}
form {
    margin: 0;
    padding: 0;
}
input.text {
    width: 250px;
    margin-bottom: .5em;
}
textarea {
    width: 250px;
    height: 100px;
}
label {
    display: inline;
    margin: 0;
    padding: 0;
}

ul#news-list {
    width: 450px;
    margin-bottom: 0em;
}
ul#news-list li {
    background-image: url('../media/icons/newspapers.png');
    background-position: 0 0px;
    padding-left: 20px;
    margin-bottom: 1em;
}
ul#news-list li h2 {
    margin-top: 0;
}




/*  #######################################################

        GLOBAL CLASSES
        
    ####################################################### */


.small-type {
	font-size: 12px;
	line-height: 15px;
}
.small-caps {
	text-transform: uppercase;
}
.indented {
	padding-left: 15px;
	padding-right: 15px;
}
.no-btm-margin {
    margin-bottom: 0;
}
.no-top-margin {
    margin-top: 0;
}
.no-bg {
    background: none;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.blue-box {
    padding: 15px;
    border: 1px solid #9fb9d2;
    border-width: 1px 0 0 1px;
	background: #fff url('../media/gradient-separator-blue.png') repeat-x top;
}
.blue-box * {
	margin-top: 0;
}
.blue-box h2 {
    margin-bottom: .5em;
}
.blue-box hr {
    color: #9fb9d2;
    background-color: #9fb9d2;
    height: 1px;
    border: 0;
    width: 95%;
}
.grey-box {
    padding: 15px;
    background: url('../media/gradient-separator.png') repeat-x top;
    border-top: 1px solid #ddd;
}
.grey-box * {
	margin-top: 0;
}
.grey-box h2 {
    margin-bottom: .5em;
}
.green-box-wrapper {
    display: inline-block;
    background: url('../media/green-box-right.png') right no-repeat;
    padding: 0 5px 0 0;
}
.green-box {
    height: 16px;
    line-height: 16px;
    padding: 0 3px 0 8px;
    background: url('../media/green-box-left.png');
    /*color: #48773a;*/
    /*color: #3e6632;*/
    text-align: center;
    font-size: 12px;
}
.green-box-large-wrapper {
    display: inline-block;
    background: url('../media/green-box-large-right.png') right no-repeat;
    padding: 0 10px 0 0;
}
.green-box-large {
    height: 32px;
    line-height: 32px;
    padding: 0 5px 0 15px;
    background: url('../media/green-box-large-left.png');
    color: #48773a;
    font-weight: bold;
    text-align: center;
}

.yellow-box {
    padding: 5px;
    background: #ffffe0;
    border: 1px solid #daa520;
    border-width: 0 1px 1px 0;
}

ul.basic-list li {
    padding-left: 15px;
    line-height: 1.2em;
}

ul.arrow-list li {
    background-image: url('../media/list-arrow.png');
    background-repeat: no-repeat;
    background-position: 15px 4px; 
    padding-left: 35px;
    padding-bottom: 2px;
    line-height: 1.2em;
}
ul.arrow-list li.service {
    background-image: url('../media/icons/wrench.png');
    background-position: 15px 0;
}
ul.arrow-list li.classes {
    background-image: url('../media/icons/books.png');
    background-position: 15px 0;
}
ul.arrow-list li.news {
    background-image: url('../media/icons/newspapers.png');
    background-position: 15px 0;
}
ul.arrow-list li.money {
    background-image: url('../media/icons/money-coin.png');
    background-position: 15px 0;
}




/*  #######################################################

        GLOBAL LINKS
        
    ####################################################### */


a:link { color: #38628c; background: #f2f2f2; }
a:visited { color: #38628c; background: #f2f2f2; }
a:hover { color: #38628c; background: #d7e0e8; }
a:active { color: #38628c; background: #f2f2f2; }

h2 a:link { color: #8a4c1f; background: #f2f2f2; text-decoration: none; }
h2 a:visited { color: #8a4c1f; background: #f2f2f2; text-decoration: none; }
h2 a:hover { color: #8a4c1f; background: #d7e0e8; text-decoration: none; }
h2 a:active { color: #8a4c1f; background: #f2f2f2; text-decoration: none; }

.no-underline-links a:link { color: #3d5877; text-decoration: none; }
.no-underline-links a:visited { color: #3d5877; text-decoration: none; }
.no-underline-links a:hover { color: #3d5877; text-decoration: none; }
.no-underline-links a:active { color: #3d5877; text-decoration: none; }

.no-style-links a:link { background: none; text-decoration: none; }
.no-style-links a:visited { background: none; text-decoration: none; }
.no-style-links a:hover { background: none; text-decoration: none; }
.no-style-links a:active { background: none; text-decoration: none; }

.nav-links a:link { color: #fff; text-decoration: none; background: none; cursor: pointer; }
.nav-links a:visited { color: #fff; text-decoration: none; background: none; cursor: pointer; }
.nav-links a:hover { color: #404040; text-decoration: none; background: none; cursor: pointer; }
.nav-links a:active { color: #000; text-decoration: none; background: none; cursor: pointer; }

#subnav-container a:link { color: #38628c; text-decoration: none; background: none; }
#subnav-container a:visited { color: #38628c; text-decoration: none; background: none; }
#subnav-container a:hover { color: #404040; text-decoration: none; background: none; }
#subnav-container a:active { color: #000; text-decoration: none; background: none; }

#footer a:link { color: #38628c; text-decoration: underline; background: none; }
#footer a:visited { color: #38628c; text-decoration: underline; background: none; }
#footer a:hover { color: #fff; text-decoration: none; background: #7296ba; }
#footer a:active { color: #38628c; text-decoration: underline; background: none; }