/*
Theme Name: worthen creative Wordpress Theme
Theme URI: http://www.circaconsulting.com/joy/wp-content/themes/JWorthen
Description: Theme for joyw creative
Version: 1.0
Authors: Teri Gleason, Circa Consulting & Joy Worthen, Worthen Creative
Author URI: http://www.circaconsulting.com/
Tags: custom, fixed width, two columns, widgets
*/

/* Global */
html, body {
	padding: 0;
	margin: 0 auto;
	height: 100%;
}

html {
	font-size: 1em;
}

body {
	font-size: 100%;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica  Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif;
	background: #98b7b6;
	font-color: #fff;
        letter-spacing: .02em;
        min-width: 970px;
	min-hieght: 100%;
        background-image: url(img/grad.png);
        background-repeat: repeat-x;
        
}
@font-face {
    font-family: 'NeutonRegular';
    src: url('neuton-regular-webfont.eot');
    src: url('neuton-regular-webfont.eot?#iefix') format('eot'),
         url('neuton-regular-webfont.woff') format('woff'),
         url('neuton-regular-webfont.ttf') format('truetype'),
         url('neuton-regular-webfont.svg#webfonto0Pt0rrx') format('svg');
    font-weight: normal;
    font-style: normal;

}


:focus {
outline:0 none;
}

a img, :link img, :visited img {
	border: 0;
}

a {
	color: #7da4ac;
        text-decoration: none;
}

a:link, a:visited, a:active{
	color: #7da4ac;
        text-decoration: none;
}

a:hover    {
        color: #fff;
}         

p 	{
font-family:"Helvetica  Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif;
}

h1, h2, h3, h4 {
font-family:'Neuton',"HelveticaNeue-Light","Helvetica Neue Light","Helvetica  Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif;
        font-weight: 500;
}


h1 { 
	font-size: 15px;
        font-family:sans-serif;
        letter-spacing: -.01em;
	word-spacing: .02em;
        line-height: 30px;
        display: block;
	/*color: #53C5FF;*/
        color: #fff;
}

h2 {
	font-size:42px;
        font-family:'Neuton',sans-serif;
	text-align: justify;
	word-spacing: .02em;
        letter-spacing: -.012em;
        line-height: 59px;
	display: inline;
         /*color: #53C5FF;*/
	color: #4a6c6a;
}

h3 {
	font-size: 22px; 
        /*font-weight:bold;*/
	font-family;,sans-serif;
        letter-spacing: .02em;
	color: #4a6c6a;
        display: inline;
        line-height: 25px;
}

h4 {
	font-size:28px;
        font-family:'Neuton',sans-serif;
	text-align: justify;
	word-spacing: .02em;
        letter-spacing: -.012em;
        line-height: 25px;
	display: inline;
         /*color: #53C5FF;*/
	color: #4a6c6a;
}


h5 {
	font-size: 14.5px;
        letter-spacing: .02em;
        line-height: 21px;
        word-spacing: .02em;
	font-family:'Neuton',sans-serif;
	display: inline;
        color: #fff;
}

.white_ {
        color: #fff;
	width: 300px;
        font-size: 12px;
}

.client {
	width: 148px;
	height: 160px;
        background-color: #4d7d82;
 
}

p {
	font-size: 11.85px;
        letter-spacing: .02em;
        line-height: 15px;
        word-spacing: .02em;
	display: inline;
         /*color: #4d7d82;*/
	color: #364948;
}
/* Contact form fix */

.wpcf7-list-item  {
	padding: 6px 0 0 0;
	float: left;
}

/* Container */
#container {
	left: 100px;
	width: 970px;       
        min-height: 400px;
	padding:0px 100px 0px 100px;
	position: relative;
       	background-image: url(/img/flwr_base.png);
        background-repeat:no-repeat;
        
}

/* Wrap */
#wrap {
	overflow:auto;
	padding-bottom: 300px;

        
}
.big {
 	width: 600px;
	margin: 20px 100px 10px 0px;
}

#tel-icon {
	background: url(img/tel.png) no-repeat;
	right:0%;
	top: 40%;
	height: 99px;
	width: 19px;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 5000;
}


#copy-icon {
	background: url(img/copy.png) no-repeat;
	right:0%;
	top: 80%;
	height: 136px;
	width: 19px;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 5000;
}

#wc-logo {
    background: url("../img/wc-logo.png") no-repeat scroll left top transparent;
    height: 120px;
    left: 20px;
    position: fixed;
    padding-right: 100px;
    text-indent: -9999px;
    top: 39px;
    width: 135px;
}

/* Header */


#header {
	clear: both;
	padding : 14px 0 0 0;
	width: 950px;
        margin-left:-8px;
	/*padding: 0px 10px 10px 10px;*/
	/*background: #98b7b6;*/
	height:44px;       
}


#header-left {
  	margin: 0px 0px 0px -100px;
        padding-left: -20px; 
        float: left;
        width: 177px;  
}

#homebtn {
	/*background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') 0 0 no-repeat;*/
	padding-left: 0px;
	position:relative;
}
       
}

#homebtn li {
	margin:0; 
	padding-left: 0px;
	list-style:none;
	position:absolute;
	top:0;}


#homebtn li, #homebtn a {
	height:42px;
        display: block;
}

#home {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') -210px -135px no-repeat;
left: 276px; 
width: 177px;
}
/*
#header a:link {
	text-decoration: none;
}

#header a:hover a:active a:visited {
	text-decoration: none;
}*/

/*SPRITE TOP NAV*/

#navlist{
/*background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') 0 0 no-repeat;*/
width: 362px; 
height: 190px;
margin: 1px 1px 1px 80px;
padding-left: 0px;
position:relative;
}

#navlist li{
margin:0; 
padding-left: 0px;
list-style:none;
position:absolute;
top:0;}

#navlist li, #navlist a{
height:42px;
display:block;}

#nav1 {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') no-repeat; 
/*min-width: 81px;
min-height: 42px;*/
left: 0; 
width: 82px;
}

#nav2 {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') -82px 0 no-repeat;
left: 82px;
width: 93px;
}

#nav3 {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') -175px 0 no-repeat;
left: 175px; 
width: 100px;
}

#nav4 {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') -276px 0 no-repeat;
left: 276px; 
width: 86px;
}

#nav1 a:hover {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') 0 -44px no-repeat;
}
#nav2 a:hover {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') -82px -44px no-repeat;
}
#nav3 a:hover {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') -175px -44px no-repeat;
width: 100px;
}
#nav4 a:hover {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') -276px -44px no-repeat;
}

#nav1-active {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') 0 -90px no-repeat;
left: 0; 
width: 82px;
}

#nav2-active {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') -82px -90px no-repeat;
left: 82px;
width: 93px;
}

#nav3-active {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') -175px -90px no-repeat;
left: 175px;
width: 100px;
}

#nav4-active {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') -276px -90px no-repeat;
left: 276px;
width: 86px;
}

#nav {
        margin: -17px 0px 0px 0px;
        padding-left: 0px; 
        float: right;
        width: 460px;  

}

#wc-logo  {
position:fixed;
top:12px;
left:-4px;
width:166px;
height:105px;
text-indent:-9999px;
background:url(/img/worthen.png) no-repeat top left}


/* Method & Craft TAB thing PLUS email/tel*/

#bg-tag   {
position:fixed;
top:51px;
right:0;
padding:15px 15px 30px 10px;
text-decoration:none;
text-align: left;
color:#7da4a3;
background:url(/img/bg/b-tag.png) no-repeat;
font-family:'Neuton';
  z-index: 1;
}
#bg-tel {
position:fixed;
top:-3px;
right:0;
padding:15px 10px 10px 10px;
background:url(/img/bg/tel-tab.png) no-repeat;
}
#bg-email  {
position:fixed;
top:20px;
right:0;
padding:15px 10px 10px 10px;
background:url(/img/bg/email-tab.png) no-repeat;
}
#bg-tag span   {
display:block;
font-family:'Neuton'
}
#bg-tag-expanded strong   {
position:absolute;
top:-1px;
right:12px;
font-family:'Neuton', Helvetica,Arial,"Nimbus Sans L",sans-serif;
opacity: 0;
font-size:12px
}
#bg-tag-expanded  {
position:fixed;
top:42px;
right:-215px;
margin-top: 0px;
width:190px;
padding:20px 10px 10px 20px ;
color:#fff;
background:url(/img/bg/bg-sheer-sm.png) repeat-y;
opacity: 1;
z-index:9999
}
#bg-tag-expanded span  {
display:inline;
font-size:20px;
font-family:'Helvetica,Arial,"Nimbus Sans L",sans-serif;
}
#bg-tag-expanded p  {
margin:0 4px 16px 0;
font-size:12px;
color: #fff;
display:block;
font-family:'Helvetica'
}
#bg-tag-expanded a  {
text-align:left;
color:#6d9391;
}
#bg-tag-expanded a:hover  {
color:#f7f5e3;
}

#bg-tag-expanded img  {
display:block;
margin:12px 0 18px 0;

}
#btn-close {
position:absolute;
top:1px;
right:3px;
display:inline;
width:25px;
height:25px;
background:url(/img/bg/btn-x-close.png) no-repeat top left
}
/* Navigation 
#nav {
        margin: 0px -85px 30px 0px;
        padding-left: 0px; 
        float: right;
        width: 460px;   
}

#nav  ul {
	/*pretty orange. f5a315*/
	list-style-type: none; 

}


#nav li {
        padding: 8px 10px 0px 10px;
        float: left;
        text-transform:uppercase;
        font-family: Helvetica, "Gill Sans", Arial, sans-serif;
        word-spacing: .01em;
        font-size: 11px;
     
}

#nav  ul, li {
	display: inline;       
}


#nav a, a:link, a:visited, a:active{
        font-family: Helvetica, "Gill Sans", Arial, sans-serif;
        width:80px;
   
        display:inline-block;
        text-align:center;
        word-spacing: .01em;
        font-size: 11px;
        color: #7da4a3;

}


#nav a:hover {
        font-family: Helvetica, "Gill Sans", Arial, sans-serif;
   
        display:block;
        text-align:center;
        word-spacing: .01em;
        font-size: 11px;
        color: #fff;
        
}
*/


/* Content */
#content {
	width: 600px;
	padding: 10px;

}

/* Sidebar */


#sidebar {
	width: 350px; /* 220 */
	padding: 0px 0px 0 0px;
	font-family: 'Neuton', Helvetica,Arial,"Nimbus Sans L",sans-serif;
        float: right;
	
}

#sidebar ul {
	padding: 0px;
	margin: 0px;
        
}

#sidebar li {       
	  font-size:13px;
          line-height: 18px;
          color: #2f4645;
	  padding-left: 0px; 
	  letter-spacing:.012;
          
}

#sidebar li a, a:hover {
	padding-top: 0px;
        line-height: 15px;
        font-size: 14px;
	color:#4a6c6a;
	letter-spacing: .04em;
	margin: 0px;
	font-family:'Neuton', Helvetica,Arial,"Nimbus Sans L",sans-serif;
	

        
}


.side-col  {
   	width: 240px;
	margin: 74px 0 0 -20px;
	padding: 15px;

}

.ghost {
	opacity: .8;
}
.ghost:hover {
	opacity: 1;
}
#sidebar h1 {
	line-height: 16px;
        font-size:25px;
        color: #4a6c6a;
	font-family:'Neuton', Helvetica,Arial,"Nimbus Sans L",sans-serif;
      
        
}

#sidebar h2 {
	padding-top: 0px;
        line-height: 17px;
        font-size: 14px;
	color:#4a6c6a;
	letter-spacing: .04em;
	font-family:'Neuton', Helvetica,Arial,"Nimbus Sans L",sans-serif;
	
}
        

#sidebar h3 {
        line-height: 16px;
        font-size: 14px;
        color: #2f4645;
	font-family:'Neuton', Helvetica,Arial,"Nimbus Sans L",sans-serif;
      


}
/*ee3d0d*/
#sidebar h4 {
        line-height: 16px;
        font-size: 14px;
        color: #4a6c6a;
	font-family:'Neuton', Helvetica,Arial,"Nimbus Sans L",sans-serif;     
        
}

#sidebar h4 a, a:hover {
	padding-top: 0px;
        line-height: 15px;
        font-size: 14px;
	color:#2f4645;
	letter-spacing: .04em;
	font-family:'Neuton', Helvetica,Arial,"Nimbus Sans L",sans-serif;     
}


hr {
	border: 0;
	color: #fafafa;
        background: #fafafa;
	height: 2px;
}


/* Home */

.post h1 {
	font-size: 15px;
        font-family:'Neuton',"Helvetica Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif;
        font-weight:300;
        letter-spacing: -.01em;
        line-height: 17px;
        word-spacing: .02em;
	font-family: sans-serif;
        display: inline;
	/*color: #53C5FF;*/
        color: #fff;
}


.post a {
	font-size: 11.5px;
        line-height: 14px;
        color: #f7f5e3;


}
.post h4 a{

        font-size: 17px;
        font-family:'Neuton',"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif;
        letter-spacing: .02em;
        line-height: 18.5px;
        word-spacing: .02em;
	display: inline;
	color: #f7f5e3;
}

.quote {
       text-align: justify;
}
.home-top {
	margin: 0px 0 50px 0;
        padding:5px 19px 14px 4px;
	font-family: Helvetica, sans-serif;
}



.home-header {
	background:transparent url(../img/home_header.png) no-repeat;
	background-position:-10px -20px;
        margin: 0px 0 30px 0;
	font-family: Helvetica, sans-serif;
        /*display: inline;*/
       
}

#wins {
	text-align: left;
	margin:50px 0 0 -10px;
	padding: 0 0 0 0;
	border:0;
	width: 510px;
 	height:500px;
	font-size: 12px;
        font-family:"Helvetica Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif;
        font-weight:300;
       
}

#wins a img {
         opacity:.85;
}

#wins a:hover img {
        opacity: 1.0;
}

#wins p {
	padding: 0px 0 0 4px;
        color: #6d9391;
        
}

.win_quote { 
float: left;
font-size: 12px;
line-height: 13px;
font-family:Helvetica,Arial,"Nimbus Sans L",sans-serif;
width: 135px;
color:#fff;
padding: 25px 0px 0px 24px;
margin: 0px 5px 0 0px;
background-image: url(img/quote.png);
background-repeat: no-repeat;
background-position: -4px -6px;
}
.a-win {
	float: left;
	width: 148px;
	padding: 0 10px;
        
}


.b-win { 
	float: left;
	width: 148px;
	padding: 0px 10px 0px 13px;
}

.c-win {
	float: right;
	width: 148px;
	padding: 0 10px;
}




/* Portfolio */

#portfolio{
	width: 550px;
        padding: 0px 0 00;
        margin: 0;
}


#portfolio p {
	padding: 0;
	display: inline-block;
        color:#fff;
        font-size:12px;
        font-family: Helvetica,Arial,"Nimbus Sans L",sans-serif;
	font-weight:300;
        line-height: 13px;
        word-spacing: 0em;
}

/*#portfolio img {
	float: right;
	width: 540px;
	padding: 0 10px 0 100px;
}*/

.portfolio-full {
padding: 0;
margin-top: 13px;
height: auto;
width: 550px;
}

.portfolio-right {
float: left;
width: 520px;
padding: 0px 0 5px 0;
margin: 0;
}

.portfolio-right-quote {
float: left;
text-align: justify;
width: 448px;
padding: 10px 0px 0px 29px;
margin: 0px 0 0 0px;
background-image: url(img/quote.png);
background-repeat: no-repeat;
background-position: -4px -6px;
}

.portfolio-left {
float: left;
width: 200px;
padding: 0px 0 0 0px;
height: auto;
}

.portfolio-bottom {
clear: both;
}

/* Fancybox icon image sprites*/
.hidden {
display: none;
}

.hide {
visibility: hidden;
}

/*#sidebar-fancybox {
height: auto;
margin: 100px 0 0 -200px;
padding: 0;

}*/

#sidebar-fancybox {
width: 107px;
float:right;
margin: 20px 35px 0 
0px;
padding: 0 0 0 0px;

}

#sidebar-fancybox a img{
opacity: .65;
margin: 10px 0 0 0;
border: 1px #ccebea solid;
}

#sidebar-fancybox a:hover img{
opacity: 1;

}


#fancybox-icon1 {
display: block;
width: 106px;
height: 28px;
margin: 60px 0 0 0px;
padding: 0 0 0 53px;
}

#fancybox-icon1 a {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') 2px -132px no-repeat; 
width: 106px;
height: 28px;
display: block;
margin: 0 0 0 0px;
padding: 0 ; 
}

#fancybox-icon1 a:hover {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') 2px -161px no-repeat;
}

#fancybox-icon2 {
display: block;
width: 106px;
height: 28px;
margin: 0;
padding: 0px 0 0 52px; 
}

#fancybox-icon2 a {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') -105px -133px no-repeat;
width: 106px;
height: 28px;
display: block;
margin-left: 6px;
padding: 0;
}

#fancybox-icon2 a:hover {
background: transparent url('http://www.joyworthen.com/img/joy_navsprite.png') -105px -162px no-repeat;
}

{
opacity : .75;
margin: 4px;
padding: 0px;
border: 1px #fff solid;
}
a .plus a:hover {
opacity : .95;
}


/* fancy sidebar for 43 flowers */

#sidebar-43flowers {
height: 95px;
margin: 0px 0 0 0px;
padding: 0;
display: inline;

}

#fancybox-43v-icon a {
background: transparent url('http://www.joyworthen.com/img/43v_btn.png') no-repeat;
width: 120px;
height: 17px;
display: inline;
margin-left: 0px;
padding: 0;
}


#fancybox-43v-icon a:hover {
background: transparent url('http://www.joyworthen.com/img/43v_btn-1.png') no-repeat;
width: 120px;
height: 17px;
display: inline;
margin-left: 0px;
padding: 0;
}

.43-thumb {
margin:2px;
}

/* Contact */



/* Footer*/



#base {
        min-width: 100%;
	position: relative;
	margin-top: -300px; /* negative value of footer height */
	height: 300px;  
}

#container_low {
        background:url("http://joyworthen.com/img/grad_top.png") no-repeat scroll 0 0 transparent;
	margin: 20px auto 0 120px;
	width: 970px;       
        min-height: 100%;
	padding:0px 0px;
        
}
#footer {
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica  Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif;
	font-size: 11px;
text-align: left;
	padding:0px 0 0 118px;
        /*margin: 0 auto;*/
} 

#footer p {
        display: inline;
        font-size: 11px;
	text-decoration: none;
        color: #fff;
} 

#footer span {
        display: inline;
        font-size: 11px;
	text-decoration: none;
        color: #fff;
} 



#footer a:link, a:visited  {
        display: inline;
        font-size: 11px;
	line-height: 14px;
	letter-spacing: none;
	text-decoration: none;
        color: #fff;
}

#footer a:hover, a:active   {
        /*display: inline;*/
        font-size: 11px;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica  Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif;
	text-decoration: none;
        color: #4a6c6a
}

#footer hr
{
opacity: .2;
height:2px;
}

#footer ul
{
list-style-type: none;
padding: 0px;
margin: 0px 0 0 0px;
}

#footer li
{
      	display: block;
        font-size: 11px;
	text-decoration: none;
        color:#fff;
	padding-top: -20px;
}


#footer #one {
float:left;
margin:20px 0px 0 -115px;
width:600px;
}

#footer #two {
float:left;
padding-right:50px;
padding-top:20px;
width:1px;
}

#footer #three {
float:right;
padding-right:10px;
padding-top:20px;
width:160px;
}

#footer #four {
float:left;
padding-right:30px;
padding-top:20px;
width:220px;
}

#footer #five {
float:left;
padding-right:30px;
padding-top:20px;
width:220px;
}