/*
Theme Name: 
Description: Fully Tailored Custom Site
Version: 2.0
Author:  Creative Prudence
Author URI: http://www.creativeprudence.org
*/

/*The Basic ABCs*/

@font-face {  
	  font-family: helveticanuenethin;  
	  src: url(/fonts/helveticanuenethin.otf) format("opentype");  
	}  
*					{ margin: 0; padding: 0;}
body				{ color: #828282; font: 12px helveticanuenethin, century gothic, Helvetica; background: white; line-height: 16px; }
a					{ color: #828282; text-decoration: none;}
a:hover				{ color: black; text-decoration:bold;}
a:active			{ color: black; text-decoration: none;}
a img				{ border: 0 px;}
img					{ border: none; } 
p					{ padding-bottom: 10px;}

h2					{margin-bottom: 16px; letter-spacing: 1px; color: #ac8d24; text-transform: uppercase; letter-spacing: 6px; text-decoration: none; font-weight: normal;  }
h3					{font-size: 18px; letter-spacing: 1px; padding-bottom: 15px;}
h3 a:hover			{text-decoration: underline;}
#page-wrap			{ width: 900px; margin: 0px auto; }
#active				{color: black;}


/*Header Fix*/
#header2			{width: 900px; padding-top: 10px;}
#s3logo				{float: left; margin-left: 359px; width: 182px; margin-bottom: 0px; padding-top: 20px;}
#mininav			{float: left; width: 359px; text-align: right; margin-top: 65px; margin-bottom: 5px; letter-spacing: 1px;}
#mainnav			{float: left; width: 900px; height: 70px; border-top: 1px solid #B2B2B2; padding-bottom: 12px; padding-top: 13px; font-size: 13px; letter-spacing: 2px; height: 14px; border-bottom: 1px solid #B2B2B2; text-align: center; z-index: 5; font-weight: 300; text-decoration: none;}
#mainnav a {font-weight: 300;text-decoration: none;}
#submenu			{float: left; height: 13px; padding-top: 11px; padding-bottom: 8px; font-size: 13px; letter-spacing: 2px; line-height: 13px; text-align: center;}



/*Navigation Menu*/
ul { list-style: none; }
ul li a { padding-left: 4px; color: #828282; }
ul li a:hover { background: #fe4902; color: #828282; }
ul li:last-child a { border: none; }

#organic-tabs { background: white; padding-top: 10px; margin: 0 0 0px 0;  }

#explore-nav { overflow: hidden; margin: 0 0 7px 0; border-bottom: 1px solid #B2B2B2; width: 900px; }
#explore-nav li {  float:left;  margin: 0 10px 0 0; display:block;}


#explore-nav li#ex-featured {width: 260px;}
#explore-nav li#ex-core {width: 220px;}
#explore-nav li#ex-jquery {width: 200px;}
#explore-nav li#ex-classics {width: 140px;}

#all-list-wrap {height: 12px;}

#explore-nav li.last { margin-right: 0; }
#explore-nav li a { display: block; padding-top: 0px; padding-bottom: 8px;  color: #828282; font-size: 13px; text-align: center; border: 0; }
#explore-nav li a:hover { background-color: white; font-size: 14px;}

#jquerytuts, #core, #classics { display: none; }
#all-list-wrap {font-size: 12px; }

#explore-nav li#ex-featured a.current, ul { background-color: white; color: black; font-size: 14px; }
#explore-nav li#ex-core a.current { background-color: white; color: black; font-size: 14px;}
#explore-nav li#ex-jquery a.current { background-color: white; color: black; font-size: 14px;}
#explore-nav li#ex-classics a.current { background-color: white; color: black; font-size: 14px;}
#featured li a:hover { background-color: white; color: black; font-size: 12px;}
#featured li a { background-color: white;  font-size: 12px; }
#core li a:hover { background-color: white; color: black; font-size: 12px;}
#core li a { background-color: white;  font-size: 12px;}
#jquerytuts li a:hover { background-color: white; color: black; font-size: 12px;}
#jquerytuts li a { background-color: white;  font-size: 12px; }
#classics li a:hover { background-color: white; color: black; font-size: 12px;}
#classics li a { background-color: white;  font-size: 12px; }


/*Front Page and Standar Pages*/
#page-content		{float: left; width: 900px; min-height: 494px; margin-top: 10px; text-align: left; z-index: 1;}
#slider-content		{ float: left; width: 898px; height: 360px;  border: 1px solid #B2B2B2;}
.slideshow { height: 360px; width: 898px; margin: auto; z-index: 1; }
.slideshow img { padding: 0px; border: 0px solid #ccc; }

#ads				{ width:900px; height: 122px; }
#ad1				{ float: left; width: 298px; border-right: 1px solid #B2B2B2; border-left: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; height: 122px; }
.ad1slideshow { height: 122px; width: 298px; margin: auto;}
.ad1slideshow img { padding: 0px; border: 0px solid #ccc; }

#ad2				{ float: left; width: 299px; border-right: 1px solid #B2B2B2; height: 122px; border-bottom: 1px solid #B2B2B2; height: 122px; }
.ad2slideshow { height: 122px; width: 299px; margin: auto }
.ad2slideshow img { padding: 0px; border: 0px solid #ccc; }
#ad3				{ float: left; width: 299px; border-right: 1px solid #B2B2B2; height: 122px; border-bottom: 1px solid #B2B2B2; height: 122px;}
.ad3slideshow { height: 122px; width: 299px; margin: auto }
.ad3slideshow img { padding: 0px; border: 0px solid #ccc; }

/*How it Works*/
#works-content		{float: left; width: 900px; min-height: 482px; margin-top: 10px; text-align: left; background-image: url("/beta/images/howitworks.png"); margin-bottom: 10px;}
.works-title {float: left; font-size: 20px; color: white; letter-spacing: 4px; text-align: center; width: 890px; padding-top: 28px; text-transform: uppercase; margin-top: 25px; padding-left: 9px;}
#workslinks a span {display: none;}
#workslinks a:hover span {display: block;
   position: absolute; top: 200px; left: 400; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px font-family: helveticanuenethin;, sans-serif; text-align: center;}
#works1				{float: left; padding-top: 30px; margin-left: 27px; letter-spacing: 1px; line-height: 13px; vertical-align: middle;}
#works1 a span 	{display: none;}
#works1 a:hover span {display: block;
   position: absolute; top: 465px; left: 500; width: 252px; vertical-align: middle;
   padding: 7px; padding-top: 12px; margin: 10px; z-index: 100; margin-left: 0px;
   color: white; background-color: #686433; height: 70px; opacity:0.8;filter:alpha(opacity=80); 
    text-align: left; -moz-border-radius: 5px;
-webkit-border-radius: 5px; font-family: helveticanuenethin;
border: 1px solid white; text-align: center;}
#works2				{float: left; padding-top: 30px; margin-left: 27px; letter-spacing: 1px; line-height: 13px;}
#works2 a span 	{display: none;}
#works2 a:hover span {display: block;
   position: absolute; top: 465px; left: 500; width: 252px;
   padding: 7px;  margin: 10px; z-index: 100; height: 70px; margin-left: 0px;
   color: white; background-color: #686433; opacity:0.8;filter:alpha(opacity=80); 
    text-align: left; -moz-border-radius: 5px;
-webkit-border-radius: 5px; font-family: helveticanuenethin;
border: 1px solid white; text-align: center; padding-top: 12px;}

#works3				{float: left; padding-top: 20px; padding-top: 30px; margin-left: 18px; letter-spacing: 1px; line-height: 13px;}
#works3 a span 	{display: none;}
#works3 a:hover span {display: block;
   position: absolute; top: 465px; left: 470; width: 252px;
   padding: 7px; margin: 10px;  height: 70px; z-index: 100; margin-left: 0px;
   color: white; background-color: #686433; opacity:0.8;filter:alpha(opacity=80); 
    text-align: left; -moz-border-radius: 5px;
-webkit-border-radius: 5px; font-family: helveticanuenethin;
border: 1px solid white; text-align: center; padding-top: 12px;}
#works-links {float: left; width: 199px; margin-left: 670px; height: 29px; color: white; font-size: 12px; text-align: right; margin-right: 10px; margin-top: 115px; letter-spacing: 2px; border: 2.5px solid #726e33; background-color: white; }
#works-links-words {
text-align: center;
margin-left: 1px;
margin-right: 1px;
margin-top: 1px;
margin-bottom: 1px;

padding: 4px;
padding-top: 7px;
background-color: #726e33;
font-weight: 1000px;}
#works-links-words a
{
font-weight: 1500px;
color: white;}

#works-links-words a:hover
{
font-weight: 1500px;
color: white;
}

/*On Tour*/
#tour-content		{float: left; width: 900px; min-height: 482px; margin-top: 10px; text-align: left; background-image: url("/beta/images/ontour.png"); margin-bottom: 10px;}
.tour-title {float: left; font-size: 21px; color: white; letter-spacing: 5px; text-align: center; width: 900px; padding-top: 28px; text-transform: uppercase;}
#tour-rss {float: left;  margin-top: 50px; margin-left: 65px;}
.rsstitle {padding-left: 27px; font-size: 16px; letter-spacing: 2px; text-decoration: underline; line-height: 18px; text-transform: uppercase; margin-bottom: 15px;}
.rss-content {min-height: 195px; width: 233px; margin-top: 5px;}
.rss-content a { color: #828282; text-decoration: none; line-height: 14px;}
.rss-content a:hover {text-decoration: underline; background-color: white;}
.rss-links {float: left;}
.rss-icons {float: left; padding-left: 134px;}
#tour-overview {float: left; margin-left: 40px; min-width: 475px; height: 160px; background-color: #686433; opacity:0.8;filter:alpha(opacity=80); color: white;  -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 0px solid #fff; margin-left: 40px; margin-top: 30px; width: 453px; padding: 12px; letter-spacing: 1px;}
#reverb-link {float: left; color: #a1a683; font-size: 12px; margin-top: 190px; width: 497px; margin-left: 40px; text-align: right;} 
#reverb-link a {color: #d2d2a5; letter-spacing: 2px;}
#reverb-link a:hover {color: white;letter-spacing: 2px;}
#tour-left {float: left; width: 537px;}
#tour-right {float: left; width: 360px;}
#tour-slider	{float: left; width: 360px; margin-top: 73px;}
#left-arrow		{float: left; width: 40px; margin-left: 17px; margin-top: 35px;}
#right-arrow {float: left; width: 40px;  margin-top: 35px; margin-left: 6px;}
#tst {float: left;
  position:relative;overflow:hidden;width:250px;height:50px;border:solid black 0px;  margin-top: 35px;
}

.rss-content li{
list-style: square;
font-size: 13px;
margin-left: 30px;
padding-bottom: 5px;}

#tst DIV {
  position:relative;left:0px;top:0px;width:510px;height:35px;
}
#tst DIV IMG{
  margin-Left:10px;
}

#tstV {
  position:relative;overflow:hidden;width:50px;height:135px;border:solid black 1px;
}

#tstV DIV {
  position:relative;left:0px;top:0px;width:50px;height:510px;
}
#tstV DIV IMG{
  margin-Top:10px;
}







/*Footer*/

#footer				{ float: left; width: 900px; text-align: left;  padding-top: 0px; font-size: 9px;  letter-spacing: 1px; color: #6D6D6D;}
#footer	a:hover		{color: black;}
#footer a			{color: #6D6D6D;}	
.left				{ float: left; width: 550px; margin-top: 3px; text-align: left; border-top: 1px solid #b2b2b2; padding-top: 7px; height: 50px; line-height: 12px; letter-spacing: 2px;}
.right				{ float: left; width: 350px; margin-top: 3px; text-align: right; border-top: 1px solid #b2b2b2; padding-top: 7px; height: 50px; line-height: 10px; text-transform: capitalize; letter-spacing: 1px;}
.copyright			{ font-size: 10px; color:#6D6D6D; letter-spacing: 1px;}
.newsad				{font-size: 12px;}
#follow			{float: left; display: table-cell; vertical-align: middle; padding-left: 238px; padding-top: 5px;}

.fu {
padding-top: 5px;
padding-right: 3px;
float: left;}

.fb {
float: right;
height: 16px;
width: 16px;
margin:0;
padding:0;
background-image:url("/beta/images/facebook_h.png");
background-repeat:no-repeat;
padding-right: 4px;
}

.fb a, .fb a:link, .fb a:visited {
display:block;
}

.fb img {
width:100%;
height:100%;
border:0;
}

.fb a:hover img {
visibility:hidden;
}


.t {
float: right;
height: 16px;
width: 16px;
margin:0;
padding:0;
background-image:url("/beta/images/twitter_h.png");
background-repeat:no-repeat;
}

.t a, .t a:link, .t a:visited {
display:block;
}

.t img {
width:100%;
height:100%;
border:0;
}

.t a:hover img {
visibility:hidden;
}

/*mailinglist*/
#mailinglist-content		{float: left; width: 898px; min-height: 482px; margin-top: 10px; text-align: left;  border: 1px solid #B2B2B2; margin-bottom: 10px;}
.formlabel {
float: left;
width: 69px;
padding-right: 14px;
text-align: right;

color:#808486;
font-size: 16px;
padding-top: 3px;
letter-spacing: 1px;}

#mailing-pic{
float: left;
width: 361px;}

#mailing-content{
float: left;
width: 536px;}

#mc-embedded-subscribe.btn {
width: 88px;
  height: 29px;
  padding: 55px 0 0;
  margin-left: 349px;
  margin-top: 15px;
  border: 0;
  background: transparent url(/beta/images/submit.jpg) no-repeat ;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.mailing-ov{
text-align: center;
margin-top: 20px;
letter-spacing: 1px;
font-size: 14px;
height: 50px;
margin-left: 38px;
padding-right: 15px;
float: left;
width: 405px;
margin-bottom: 20px;}

.mailing-title{
text-align: center;
font-size: 20px;
text-transform: uppercase;
margin-top: 70px;
letter-spacing: 2px;
font-size: 18px;
margin-left: 38px;
padding-right: 15px;
float: left;
width: 405px;
margin-bottom: 5px;}

/*work together*/

#worktogether-content		{float: left; width: 900px; min-height: 482px; margin-top: 10px; text-align: left; background-image: url("/beta/images/worktogether.png"); margin-bottom: 10px;}
.worktogether-title {float: left; font-size: 20px; color: white; letter-spacing: 4px; text-align: center; width: 890px; padding-top: 28px; text-transform: uppercase; margin-top: 25px; padding-left: 9px;}
.worktogether-image{
float: left;
margin-left: 57px;
width: 325px;
margin-top: 30px;}
.worktogether-action{
float: left;
width: 346px;
margin-left: 94px;
margin-top: 36px;
letter-spacing: 1px;
font-family: helveticanuenethin;
color: white;
line-height: 17px;}
.worktogether-action p:first-letter { font-size: 2em; }
 p:first-line { line-height: 17px; }
 
 /*wholesale*/

#wholesale-content		{float: left; width: 898px; min-height: 459px; margin-top: 10px; text-align: left; background-color: white; border: 1px solid #B2B2B2; margin-bottom: 5px;
font-family: helveticanuenethin; }
.wholesale-title {float: left; font-size: 20px; color: white; letter-spacing: 4px; text-align: center; width: 890px; padding-top: 28px; text-transform: uppercase; margin-top: 25px; padding-left: 9px; font-family: helveticanuenethin;}
.wholesale-image{
float: left;
margin-left: 0px;
width: 303px;
margin-top: 0px;}
.wholesale-action{
padding-top: 30px;
float: left;
width: 480px;
text-align: center;
padding-left: 57px;
padding-right: 57px;
margin-top: 36px;
letter-spacing: 1px;
font-family: helveticanuenethin;
line-height: 17px;
font-size: 14px;}

/*Shop*/
#shop-content		{float: left; width: 900px; min-height: 482px; margin-top: 10px; text-align: left; margin-bottom: 10px;}
.shop-title {float: left; font-size: 28px; color: white; letter-spacing: 5px; text-align: center; width: 890px; padding-top: 28px; text-transform: uppercase; margin-top: 200px; padding-left: 9px; font-weight: 0px; font-family: helveticanuenethin; z-index: 1;}

#shop-container{
position: absolute;
}


.shopslideshow { height: 900 width: 482px; margin: auto; float: left; z-index: 1;  position: relative;}
.shopslideshow img { padding: 0px; border: 0px solid #ccc; }

.shop-box {
float: left;   
width: 708px; 
height: 216px;
background-color: #615e5c;  
filter:alpha(opacity=50);  
   -moz-opacity:0.5;         
   opacity: 0.5;
}

.shop-verbage {
background-image: url("/beta/images/shopcomingsoontop.png");
width: 900px;
height: 482px;
z-index: 1; }




.shopslideshow { height: 900 width: 482px; margin: auto }
.shopslideshow img { padding: 0px; border: 0px solid #ccc; }

/*Home Textiles The Process*/

#httheprocess-content		{float: left; width: 900px; min-height: 482px; margin-top: 10px; text-align: left; background-image: url("/beta/images/theprocess.png"); margin-bottom: 10px; font-family: helveticanuenethin;}

#httheprocess-container{
position: absolute;
margin-top: 135px;
margin-left: 92px;
}


.httheprocess-box {
float: left;   
width: 708px; 
height: 216px;
background-color: #615e5c;  
filter:alpha(opacity=50);  
   -moz-opacity:0.5;         
   opacity: 0.5;
}

.httheprocess-verbage {
padding-top: 22px;  
padding-left: 16px; 
padding-right: 16px; 
padding-bottom: 10px;  
width: 676px;
height: 184px;
text-align: left;
font-size: 16px; 
line-height: 19px; 
color: white; 
letter-spacing: 1px;
font-weight: 0px; 
font-family: helveticanuenethin;
filter:alpha(opacity=100);  
   -moz-opacity:1.0;         
   opacity: 1.0;
position: absolute; 
z-index: 2; }

/*In Stores*/

#htinstores-content		{float: left; width: 900px; min-height: 482px; margin-top: 10px; text-align: left; background-image: url("/beta/images/instores.jpg"); margin-bottom: 10px;}

.htinstores-title {float: left; font-size: 20px; color: white; letter-spacing: 4px; text-align: center; width: 890px; padding-top: 26px; text-transform: uppercase; margin-top: 27px; padding-left: 10px;}

#htinstores-container{
position: absolute;
margin-top: 323px;
margin-left: 28px;
}


.htinstores-box {
float: left;   
width: 832px; 
height: 150px;
background-color: #615e5c;  
filter:alpha(opacity=50);  
   -moz-opacity:0.5;         
   opacity: 0.5;
}

.htinstores-verbage {
padding-top: 6px;  
padding-left: 10px; 
padding-right: 16px; 
padding-bottom: 10px;  
width: 820px;
height: 98px;
text-align: left;
font-size: 14px; 
line-height: 15px; 
color: white; 
letter-spacing: 1px;
font-weight: 0px; 
font-family: helveticanuenethin;
filter:alpha(opacity=100);  
   -moz-opacity:1.0;         
   opacity: 1.0;
position: absolute; 
z-index: 2; }

.htinstores-verbage a{
color: white;}

.htinstores-verbage a:hover{
color: white;
text-decoration: underline;}

.instorestate{
letter-spacing: 2px;
font-size: 16px;
padding-bottom: 8px;
}


/*Our Story About Us*/

#aboutus-content		{float: left; width: 898px; min-height: 482px; margin-top: 10px; text-align: left; background-image: url("/beta/images/aboutus.png"); color: #828282; margin-bottom: 10px;  border: 1px solid #B2B2B2;}

#aboutus-description{
float: left;
width: 460px;
padding-left: 40px;
padding-top: 40px;
font-size: 1.2em;
line-height: 17px;
letter-spacing: 1px;
color: #605e5e;
font-weight: 500}

#aboutus-images{
padding-left: 24px;
padding-top: 17px;
float: left; 
width: 370px;}

#aboutus-images img{
border: 0px solid #b2b2b2;}

#1rob				{float: left; max-width: 167px;}


#2bea				{float: right; max-width: 167px;}

#3alaina				{float: left; max-width: 167px;}


#4carissa				{float: right; max-width: 167px;}

.aboutaperson{
width: 337px;
height: 76px;
color: #605e5e;
margin-top: 13px;
border: 1px solid #ac8d24;
padding: 7px;
margin-left: 2px;
letter-spacing: 1px;}

.name{
font-size: 13px;
float: left;
text-transform: uppercase;
letter-spacing: 1px;
}



/*Outreach Collaborations*/
#collaborations-content		{float: left; width: 900px; min-height: 482px; margin-top: 5px; text-align: left; background-image: url("/beta/images/otcomingsoon.png");}
.collaborations-title {float: left; font-size: 28px; color: white; letter-spacing: 5px; text-align: center; width: 890px; padding-top: 28px; text-transform: uppercase; margin-top: 200px; padding-left: 9px; font-weight: 0px; font-family: helveticanuenethin;}

/*Home Textiles Portfolio*/
#portfolio-content		{float: left; width: 900px; min-height: 482px; margin-top: 10px; text-align: left; background-image: url("/beta/images/portfoliocomingsoon.png"); margin-bottom: 10px;}
.portfolio-title {float: left; font-size: 28px; color: white; letter-spacing: 5px; text-align: center; width: 890px; padding-top: 28px; text-transform: uppercase; margin-top: 200px; padding-left: 9px; font-weight: 0px; font-family: helveticanuenethin; }

/*404 Error*/
#fourohfour-content		{float: left; width: 900px; min-height: 482px; margin-top: 10px; text-align: left; background-image: url("/beta/images/fourohfour.png"); margin-bottom: 10px;}
.fourohfour-title {float: left; font-size: 28px; margin-left: 150px; line-height: 32px; color: white; letter-spacing: 5px; text-align: center; width: 594px; padding-top: 28px; text-transform: uppercase; margin-top: 160px; padding-left: 9px; font-weight: 0px; font-family: helveticanuenethin; }


/*Our Mission*/
#news-content		{float: left; width: 900px; min-height: 482px; margin-top: 10px; text-align: left; background-image: url("/beta/images/newscomingsoon.png"); margin-bottom: 10px;}
.news-title {float: left; font-size: 28px; color: white; letter-spacing: 5px; text-align: center; width: 890px; padding-top: 28px; text-transform: uppercase; margin-top: 200px; padding-left: 9px; font-weight: 0px; font-family: helveticanuenethin;}

/*Privacy Policy*/
#privacy-content		{float: left; width: 798px; min-height: 492px; margin-top: 10px; text-align: left;  border: 1px solid #B2B2B2; padding-right: 50px; padding-left: 50px; padding-bottom: 20px; margin-bottom: 10px; color: #5a5a5a; letter-spacing: 1px;}


.privacy-title 	{text-align: center; font-size: 18px; margin-top: 15px; letter-spacing: 4px; padding-bottom: 25px;}
.privacy-section {color: black; font-size: 14px; padding-bottom: 10px; text-transform: uppercase; letter-spacing: 3px; padding-top: 10px;}
#privacy-content a {color: black; text-decoration: underline; }

/*Site Map*/
#sitemap-content		{float: left; width: 898px; min-height: 482px; margin-top: 5px; text-align: left;  border: 1px solid #B2B2B2; margin-bottom: 10px;}
.sitemap-title {float: left; font-size: 20px;  letter-spacing: 4px; text-align: center; width: 890px; padding-top: 10px; text-transform: uppercase; margin-top: 15px; padding-left: 9px; margin-bottom: 25px; }
.sitemap-category { margin-left: 30px;  width: 243px; padding: 5px; padding-top: 6px; padding-bottom: 3px; background-color: #b5d3ed;  letter-spacing: 2px; font-size: 14px; padding-left: 8px;}

#sitemap-content ul {
margin-left: 50px;
list-style-type:square;
padding-top: 5px;
padding-bottom: 20px;
line-height: 18px;
letter-spacing: 1px;
color: #828282;}

#sitemap-content a:hover{
text-decoration: underline;}

#sitemap-content a{
color: inherit;
background-color: white;
padding-left: 0px;}

/*Fancy Box*/
#fancycontent {
	width: 350px;
	margin: 30px auto;
	padding: 20px 60px;
	border: 1px solid #D2D2D2;
	-moz-box-shadow: 0 0 30px #CCC;
	-webkit-box-shadow: 0 0 30px #CCC;
	box-shadow: 0 0 30px #CCC;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 15px);
}

/*Press and News*/
#press-content		{float: left; width: 898px; min-height: 492px; margin-top: 10px; text-align: left;  border: 1px solid #B2B2B2; margin-bottom: 10px; position:relative;}

#press-content a:hover{
text-decoration: underline;}
#press-title{
float: left;
width: inherit;
text-align: center;
font-size: 20px; 
color: #1a7e94; 
letter-spacing: 4px; 
padding-top: 30px; 
text-transform: uppercase; 
margin-bottom: 15px;
}
#press-top{
width: inherit;
float: left;
}
#press-latest{
float: left;
width: 538px;
margin-right: 20px;
margin-left: 20px;
height: 215px;}

.latest-pic{
float: left;
max-width: 200px;
height: 215px;}

.latest-content{
float: right;
margin-left: 10px;
width: 200px;
height: 215px;}

.latest-post{
padding-bottom: 10px;
font-size: 12px;
text-transform: uppercase;}

#press-recent{
float: left;
width: 280px;
margin-left: 40px;}

#press-recent li{
width: 240px;
}

#press-bottom{
float: left;
width: inherit;

}

#press-kit{
float: left;
width: 249px;
margin-top: 55px;
margin-right: 20px;
margin-left: 20px;
}

#press-coverage{
float: left;
margin-top: 55px;
width: 249px;
margin-right: 20px;
margin-left: 20px;
}

#press-video{
float: left;
width: 280px;
margin-left: 40px;
margin-top: 10px;}

#press-video p{
padding-top: 5px;
padding-left: 15px;
padding-right: 10px;
}

.press-subtitle{
font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #9a9c9e;
color: white;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 1px;
margin-bottom: 8px;
width: 90%;}

#videocontainer{display: none;}

#press-content li{
margin-left: 13px;
font-size: 13px;
padding-top: 3px;
list-style-position: outside;}

.press-date{
font-size: 10px;
display: inline;}

.press-links{
padding-top: 15px;
letter-spacing: 2px;
color: #1a7e94}

.press-links a{
color: #1a7e94}

.press-linkes a:hover{
color: #1a7e94;
text-decoration: underline;}
/**Css Dropdown**/
	/* General */
	#cssdropdown, #cssdropdown ul { list-style: none; z-index: 100; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; z-index: 100;}
	
	/* Head links */
	#cssdropdown li.headlink { width: 220px; float: left; margin-left: -1px; border: 1px black solid; background-color: #e9e9e9; text-align: center; }
	#cssdropdown li.headlink a { display: block; padding: 15px; }

	/* Child lists and links */
	#cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left; }
	#cssdropdown li.headlink:hover ul { display: block; }
	#cssdropdown li.headlink ul li a { padding: 5px; height: 17px; }
	#cssdropdown li.headlink ul li a:hover { background-color: #333; }
	
	/* Pretty styling */

	#cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none; }
	#cssdropdown li.headlink { background-color: white; background-image: url(bg.gif); }
	#cssdropdown li.headlink ul { background-image: url(bg.gif); background-position: bottom; padding-bottom: 10px; }
	
/*Our Story Our Mission*/

#osmission-content		{float: left; width: 900px; min-height: 482px; margin-top: 10px; text-align: left; background-image: url("/beta/images/osbg.png"); margin-bottom: 10px;}

#osmission-container{
position: absolute;
margin-top: 115px;
margin-left: 92px;
}


.osmission-box {
float: left;   
width: 708px; 
height: 266px;
background-color: #615e5c;  
filter:alpha(opacity=80);  
   -moz-opacity:0.8;         
   opacity: 0.8;
}

.osmission-verbage {
padding-top: 42px;  
padding-left: 16px; 
padding-right: 16px; 
padding-bottom: 10px;  
width: 676px;
height: 184px;
text-align: left;
font-size: 16px; 
line-height: 19px; 
color: white; 
letter-spacing: 1px;
font-weight: 0px; 
font-family: helveticanuenethin;
filter:alpha(opacity=100);  
   -moz-opacity:1.0;         
   opacity: 1.0;
position: absolute; 
z-index: 2; }

.osmission-title{
font-size: 18px; letter-spacing: 4px; padding-bottom: 25px; text-align: center;}

/*Our Goal*/

#ourgoal-content		{float: left; width: 900px; min-height: 482px; margin-top: 10px; text-align: left; background-image: url("/beta/images/outreach.png"); margin-bottom: 10px;}

#ourgoal-container{
position: absolute;
margin-top: 60px;
margin-left: 92px;
}


.ourgoal-box {
float: left;   
width: 708px; 
height: 365px;
background-color: #615e5c;  
filter:alpha(opacity=70);  
   -moz-opacity:0.7;         
   opacity: 0.7;
}

.ourgoal-verbage {
padding-top: 22px;  
padding-left: 16px; 
padding-right: 16px; 
padding-bottom: 10px;  
width: 676px;
height: 184px;
text-align: left;
font-size: 16px; 
line-height: 19px; 
color: white; 
letter-spacing: 1px;
font-weight: 0px; 
font-family: helveticanuenethin, century gothic, Helvetica;
filter:alpha(opacity=100);  
   -moz-opacity:1.0;         
   opacity: 1.0;
position: absolute; 
z-index: 2; }

.ourgoal-title{
font-size: 18px; letter-spacing: 4px; padding-bottom: 15px; text-align: center;}



#ourgoal-content a{
color: white;}

#ourgoal-content a:hover{
color: white;
text-decoration: underline;}

/*Faq*/
div#message {
	padding:1em 20px;
	border:2px solid #aaa;
	background:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:430px;
	margin-bottom: 20px;
}

div#message h1 {
	font-size:1.9em;
	font-weight:bold;
	padding-left:30px;
	background:url("/beta/images/icon-warning.png") left .2em no-repeat;
}

div#message p {
	font-size:1.4em;
}

div#message h2 {
	font-size:1.5em;
	font-weight:normal;
}

div#message ul {
	border-top:1px solid #aaa;
	padding-left:0;
	margin-left:16px;
}

div#message li {
	line-height:1;
	font-size:1.3em;
	color:#000;
	border-bottom:1px solid #aaa;
	padding:.5em 40px .5em 30px;
	background: url("/beta/images/icon-file-warning.png") left center no-repeat;
	display: block;
	list-style: none;
	overflow: hidden;
}

div#message li span.file {
	float: left;
}

div#message li em {
	color:#666;
	font-style:italic;
	float:right;
	font-size:.9em;
}

.collapsible-heading {
	padding-left:15px;
	background:url("/beta/images/icon-triangle.png") 0 6px no-repeat;
}
.collapsible-heading-collapsed {
	background-position:0 -84px;
}
.collapsible-heading-toggle {
	text-decoration:none;
	color:#333;
}
.collapsible-heading-status {
	position:absolute;
	left:-99999px;
}

.collapsible-content-collapsed {
	display:none;
}

/*contact*/
#contactpage-content		{float: left; width: 898px; min-height: 482px; margin-top: 10px; text-align: left;  border: 1px solid #B2B2B2; margin-bottom: 10px;}

#contact-pic{
float: left;
width: 361px;}

#contact-content{
float: left;
width: 536px;}

.contact-ov{
text-align: center;
margin-top: 20px;
letter-spacing: 1px;
font-size: 14px;
height: 20px;
margin-left: 38px;
padding-right: 15px;
float: left;
width: 405px;
margin-bottom: 0px;}

.contact-title{
text-align: center;
font-size: 20px;
text-transform: uppercase;
margin-top: 60px;
letter-spacing: 2px;
font-size: 18px;
margin-left: 38px;
padding-right: 15px;
float: left;
width: 405px;
margin-bottom: 0px;}

/*Single Press Post*/

#singlepost{
width: 630px;
margin-left: 20px;
float: left;
font-size: 14px;
letter-spacing: 1px;
padding-right: 10px;
line-height: 16px;}

.singlepost-title{
text-align: left;
margin-top: 15px;
margin-bottom: 2px; 
color: #ac8d24; 
text-transform: uppercase; 
letter-spacing: 3px; 
text-decoration: none; 
font-weight: normal;
font-size: 18px;}

.singlepost-sidebar{
float: left;
width: 208px;
margin-left: 30px;
margin-top: 15px;
margin-bottom: 20px;}

.singlepost-sidebar{
width: 198px;
}

#singlepostconten{
letter-spacing: 2px;
line-height: 18px;}
.singlepost-section{
padding-bottom: 10px;}

/*Archives*/
#archivetitle{
text-align: left;
margin-top: 10px;
margin-bottom: 5px; 
text-transform: uppercase; 
letter-spacing: 3px; 
text-decoration: none; 
font-weight: normal;
font-size: 16px;
color: #ac8d24;
}
#archivetitle a{
color: #ac8d24;}

#archivetitle a:hover{
color: #ac8d24;
text-decoration: underline;}

input.btn { 
font: 12px helveticanuenethin, century gothic, Helvetica;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #9a9c9e;
color: white;
border:1px solid #9a9c9e;   
padding-top: 3px;
padding-left: 3px;
padding-right: 1px;
padding-bottom: 3px;

} 

form.s3search{
margin-bottom: 15px;}

#s
{
    font: 12px helveticanuenethin, century gothic, Helvetica;
    background-color: white;
    padding: 4px;
    border: solid 1px #9a9c9e; 
    width: 140px;
    letter-spacing: 1px;
}

/*FAQ*/
#faq-content		{float: left; width: 698px; min-height: 492px; margin-top: 10px; text-align: left;  border: 1px solid #B2B2B2; margin-bottom: 10px; position:relative; padding-left: 100px; padding-right: 100px;}
.faq-q{
font-size: 16px;
padding-bottom: 5px;
letter-spacing: 2px;
text-transform: uppercase;}

.faq-a{
font-size: 14px;
letter-spacing: 1px;
padding-bottom: 20px;
padding-left: 27px;}

#faq-title{
float: left;
width: inherit;
text-align: center;
font-size: 20px; 
color: #1a7e94; 
letter-spacing: 4px; 
padding-top: 30px; 
text-transform: uppercase; 
margin-bottom: 30px;
}