/*
Theme Name: Sublime
Theme URI: http://www.imyourwebguy.com
Description: A custom theme based on the Wordpress Default theme.
Version: 1.0
Author: Lance Hardy
Author URI: http://www.imyourwebguy.com
Tags: custom, custom header, fixed width
*/

/* reset elements */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
p,ol,ul {list-style:none;}
p {margin:0 0 15px 0;}
em, i {font-style: italic;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* reset */

a {outline:none;text-decoration: none; color: #a5d600;} 
a:hover {text-decoration: underline;}
h1,h2,h3,h4,h5,h6{font-size:100%; color: #a5d600;}/
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight :normal;
color: #bcd539;
text-transform: lowercase;
padding:0;
margin: 40px 0 0 25px;
}
h5 {font-size: 12px;}
h6 {font-size: 11px;}
html {}

body {
margin: 0 auto 0 auto; 
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12pt;
line-height: 140%;
color: #919191;
background: #fff;
}

.clear {clear:both}

#wrapper {
width: 985px;
margin: 50px auto 0 auto;
text-align: left;
background: url(images/bg_bottom_01.gif) bottom left no-repeat;
}	

#middle {
width: 985px;
margin: 0 auto 0 auto;
background: url(images/bg_top_01.gif) top left no-repeat;
}	

#header {
width: 985px;
height: 176px;	
}
#header h1 {
padding: 25px 0 0 80px;
}
#header h1 a {
display: block;
width: 147px;
height: 102px;
text-indent: -9999px;
background: url(images/logo_sublime.jpg) top left no-repeat;
}
#header p.description {
float: right;
display: block;	
width: 334px;
height: 24px;
background: url(images/tagline_01.jpg) top left no-repeat;
text-indent: -9999px;
padding: 0 60px 0 0;
margin: 66px 0 0 0;
}
#page {
width: 855px;	
margin: 0 auto 0 auto;
}
/* nav */

#nav {
position: relative; 
z-index: 999;
list-style: none;
margin: 30px 0 0 60px;
}
#nav a {}
#nav ul {
margin: 0;
padding: 0;
}
#nav li { 
float: left;
padding: 0;
padding-left: 25px;
list-style: none;
overflow: hidden;
z-index: 999;
border: 0;
}
#nav li a {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 14px;
color: #8c8c8c;
font-weight: bold;
text-align: left;
text-decoration: none;
}
#nav li a:hover {
color: #a5d600;
}
#nav li ul li {
padding-left: 0;
border: 1px solid #eee;
border-width: 1px 1px 0 1px;
}
#nav li ul li a {
background-color: #fff;
color: #000;
font-weight: normal;
display: block;
width: 143px;
height: 22px;
line-height: 22px;
padding: 0;
margin: 0;
border-bottom: 0;
border-right: 0;
text-indent: 10px;
}
#nav li ul li a:hover {
background: #f4f4f4;
color: #a5d600;
font-weight: bold;
display: block;
width: 143px;
height: 22px;
line-height: 22px;
padding: 0;
margin: 0;
}
#nav ul { 
margin: 0;
list-style: none;
line-height: 1;
z-index: 999;
}
#nav li ul { 
position: absolute;
width: 143px;
left: -999em;
padding: 2px 0 0 0;
border-bottom: 1px solid #eee;
}
#nav li ul ul {
display: none;
margin: -25px 0 0 141px !important;
margin: -25px 0 0 143px;
}
#nav li ul li ul li a {background-color: #fff; color: #8b1b0f;}
#nav li ul li ul li a:hover {background-color: #fff; color: #ffffff;}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
} */
#nav li:hover, #nav li.hover {position: static;}

#content {
margin-top: 30px;
}
#content a {
color: #919191; 
text-decoration: underline; 
}
#content a:hover {
text-decoration: none; 
}
body.home #content {
margin-top: 0;
}
#content h1 { 
font-family: "Times New Roman", Times, serif; 
font-size: 21px; 
color:#bdd631; 
margin: 0 20px 0 0; 
padding: 0; 
font-weight: normal; 
letter-spacing: 0.3px;
}
#content h2.pageTitle {display: none;}
#content h5 {
font-family: Rockwell, Georgia, "Times New Roman", Times, serif; 
font-size: 34pt; 
font-weight: bold;
color: #BDD537;
text-transform: lowercase;
padding: 0;
margin: 30px 0 0 25px;
line-height: 38px;
}
#content ol, #content ul {
list-style-position: outside;
text-align: left;
list-style-type: none;
list-style-image: url(images/bullet.gif);
margin: 0 0 0 20px; 
padding: 0;
}
#content ul li {
margin: 0 0 2px 0; 
padding: 3px 0 3px 3px; 
}
#content .ul2 {
list-style-image: url(images/limebrary_bullet.gif);
}
ul.library {list-style:none; list-style-image:url(images/growing_you_bullet.gif); margin-top:25px;}
ul.library li {margin:0 0 10px 0; padding:0 0 5px 3px;}
#growingArticles ul.library li a, #growingArticles ul.library li a:link, #growingArticles ul.library li a:visited { text-decoration:none;}
#growingArticles ul.library li a:active, #growingArticles ul.library li a:hover { text-decoration:underline;}

#content #homeWrapper {
position: relative; 
margin: 0; 
padding: 0;
width: 855px; 
height: 451px; 
background: url(images/index_bare_cropped_jwb.jpg) top left no-repeat; 
}
#content #homeWrapper h1 {
position: absolute; 
top: 110px; 
right: 425px; 
width: 320px; 
color: #454545; 
font-weight: bold; 
font-family: Rockwell, Georgia, "Times New Roman", Times, serif; 
font-size: 25pt; 
text-align: right; 
margin: 0; 
padding: 0; 
line-height: 32px; 
letter-spacing: -0.5px;
}
#content #homeWrapper p {
position: absolute; 
top: 115px; 
left: 501px; 
color: #454545; 
font-size: 14pt; 
line-height: 30px; 
width: 318px; 
margin: 0; 
padding: 0;
}

#content p.portfolioText, .portfolioText {	
font-family: arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
letter-spacing: 0.2px;
color: #919191;
padding: 20px 35px 0 25px;
}
#content p.portfolioBack a {
display: block;
width: 114px;
height: 7px;
text-indent: -9999px;
background: url(/images/back_to_projects.gif) no-repeat;
background-position: 0 0;
margin: 0 0 20px 25px;
}
#content p.portfolioBack a:hover {
background-position: 0 -7px;
}
#content a.maury {
display: block;
width: 135px;
height: 113px;
text-indent: -9999px;
background: url(/images/maury_graphic.jpg) no-repeat;
}
#content a.maury:hover {
background: url(/images/maury_name.jpg) no-repeat;
}
#content a.health {
display: block;
width: 127px;
height: 113px;
text-indent: -9999px;
background: url(/images/healthmatters_graphic.jpg) no-repeat;
}
#content a.health:hover {
background: url(/images/healthmatters_name.jpg) no-repeat;
}
#content a.care {
display: block;
width: 128px;
height: 114px;
text-indent: -9999px;
background: url(/images/care_graphic.jpg) no-repeat;
}
#content a.care:hover {
background: url(/images/care_name.jpg) no-repeat;
}
#content a.language {
display: block;
width: 128px;
height: 113px;
text-indent: -9999px;
background: url(/images/languageinst_graphic.jpg) no-repeat;
}
#content a.language:hover {
background: url(/images/languageinst_name.jpg) no-repeat;
}
#content a.ofco {
display: block;
width: 135px;
height: 83px;
text-indent: -9999px;
background: url(/images/ofco_graphic.jpg) no-repeat;
}
#content a.ofco:hover {
background: url(/images/ofco_name.jpg) no-repeat;
}
#content a.harley {
display: block;
width: 127px;
height: 83px;
text-indent: -9999px;
background: url(/images/harley_graphic.jpg) no-repeat;
}
#content a.harley:hover {
background: url(/images/harley_name.jpg) no-repeat;
}
#content a.mosaic {
display: block;
width: 127px;
height: 83px;
text-indent: -9999px;
background: url(/images/mosaic_graphic.jpg) no-repeat;
}
#content a.mosaic:hover {
background: url(/images/mosaic_name.jpg) no-repeat;
}
#content a.airlink {
display: block;
width: 127px;
height: 83px;
text-indent: -9999px;
background: url(/images/airlink_graphic.jpg) no-repeat;
}
#content a.airlink:hover {
background: url(/images/airlink_name.jpg) no-repeat;
}
#content a.produce {
display: block;
width: 127px;
height: 83px;
text-indent: -9999px;
background: url(/images/produce_graphic.jpg) no-repeat;
}
#content a.produce:hover {
background: url(/images/produce_name.jpg) no-repeat;
}
#content a.degrees {
display: block;
width: 127px;
height: 83px;
text-indent: -9999px;
background: url(/images/38_graphic.jpg) no-repeat;
}
#content a.degrees:hover {
background: url(/images/38_name.jpg) no-repeat;
}
#content a.partnership {
display: block;
width: 127px;
height: 83px;
text-indent: -9999px;
background: url(/images/parner_graphic.jpg) no-repeat;
}
#content a.partnership:hover {
background: url(/images/parner_name.jpg) no-repeat;
}
#content a.organix {
display: block;
width: 127px;
height: 83px;
text-indent: -9999px;
background: url(/images/organix_graphic.jpg) no-repeat;
}
#content a.organix:hover {
background: url(/images/organix_name.jpg) no-repeat;
}
#content a.shelf {
display: block;
width: 127px;
height: 83px;
text-indent: -9999px;
background: url(/images/shelf_graphic.jpg) no-repeat;
}
#content a.shelf:hover {
background: url(/images/shelf_name.jpg) no-repeat;
}
#content a.saving {
display: block;
width: 127px;
height: 83px;
text-indent: -9999px;
background: url(/images/saving_graphic.jpg) no-repeat;
}
#content a.saving:hover {
background: url(/images/saving_name.jpg) no-repeat;
}
#content a.newberry {
display: block;
width: 127px;
height: 83px;
text-indent: -9999px;
background: url(/images/newberry_graphic.jpg) no-repeat;
}
#content a.newberry:hover {
background: url(/images/newberry_name.jpg) no-repeat;
}
#content a.meadowlark {
display: block;
width: 127px;
height: 83px;
text-indent: -9999px;
background: url(/images/meadow_graphic.jpg) no-repeat;
}
#content a.meadowlark:hover {
background: url(/images/meadow_name.jpg) no-repeat;
}




#content .staffText {margin:37px 10px 0 38px; display:none;}

#content a.aileen {
display: block;
width: 142px;
height: 176px;
text-indent: -9999px;
background: url(/images/aileen_f2.jpg) no-repeat;
}
#content a.aileen:hover {
background: url(/images/aileen_pic.jpg) no-repeat;
}

#content a.aileen:hover #content .staffText {
display: visible;
}

#content .styleGreen {color: #a5d600;}

/* #content .staffText {margin:37px 10px 0 38px; display:none;}
#content .staffText h3 {margin:0 0 0 0; color:#a5d600; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:22px; letter-spacing:1px;}
#content .staffText p {margin-top:0 !important; font-size:12px; line-height:19px;} */

table#awards {}
table#awards td {font-size:9pt;}
table#awards td.addys {font-size:14pt; font-weight:bold;}

#footer {
margin: 40px auto 0 auto;	
text-align: center;
}
#footer p.credits {
font-size: 10px;	
color: #ccc;
}