@import "reset.css";

body {
	font-size:75%;
	font-family: "Trebuchet MS", Helvetica, georgia, "times new roman", serif;
	color: #323232;
}

html>body {
	font-size:12px;
}

/* --- Typography from 23ways -------------------------------- */

p {
	font-size: 13px;
	line-height:1.5em;
	margin:0 0 1.5em 0;
}

h1 {
	line-height:1em;
	font-size:1.5em;
	font-weight:normal;
	margin:0 0 1em 0;
}

h2, h3 {
	font-size:1.1667em;
	line-height: 1.286em;
	margin:8px 0 0.643em 0;
	font-weight:normal;
}

#content h2{
	border-top: 1px solid #DED9D6;
	border-bottom: 1px solid #DED9D6;
	padding: 5px 10px;
	clear: both;
}

h3 {
	font-size:1.133em;
	line-height: 1.286em;
	margin:1.929em 0 0.643em 0;
	font-weight:normal;
	position: relative;
}

h3 span{
	position: absolute;
	right: 0;
	font-size: 11px;
}


em{
	font-style: italic;
}

#content h2:first-child{
	margin-top: 0;
}

#extra p{
}

#footer {

}

/* Lists */
#content ul, #content ol{
	margin:0 35px 1.5em 35px;
}

/* Links */
*{
	outline: none;
}
a, a:link{
	color: #653E2E;
	text-decoration: none;
}
a:visited{
	color: #653E2E;
}
a:hover{
	text-decoration: underline;
	color: #B3AAA6;
}

/* --- layout ----------------------------------------------- 
   keep these for just the layout no background color nothing! */


div#container{
	width:950px;
	margin:0 auto
}

div#wrapper{
	float:left;
	width:100%
}

div#content{
	margin: 5px 240px 20px 245px;
}

div#navigation{
	float:left;
	width:225px;
	margin-left:-950px;
}

div#extra{
	float:left;
	width:220px;
	margin-left:-220px;
	margin-bottom: 20px
}

div#footer{
	clear:left;
	width:100%;
}


div#header{
	height: 180px;
	position: relative;
	margin-bottom: 15px;
}

.clearfix:after,
#top-navigation:after
 {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* --- backgrounds ---------------------------------------------- */
body	{ 	background: url('/img/backgrounds/body.png') repeat-x; 		}

#extra	{ 	background: url('/img/backgrounds/extra.png') repeat-x; 	}


/* --- header ---------------------------------------------- */

div#header h1{
	font-size: 20px;
}

div#header h1 a{
	text-indent: -1000000px;
	background: url('/img/backgrounds/logo.png') no-repeat;
	display: block;
	width: 272px;
	height: 151px;
}

.spanish div#header h1 a{
	background: url('/img/backgrounds/logo_spanish.png') no-repeat;
}

div#header h1 span{
	font-size: 14px;
	text-transform: uppercase;
	display: block;
}

#language-options{
	position: absolute;
	top: 20px;
	right: 0;
	color: #FFF;
	font-size: 12px;
}

#language-options a{
	color: #FFF;
	text-decoration: underline;
}
#language-options a:hover{
	text-decoration: none;
}

#global-nextwork-image{
	position: absolute;
	right: 0;
	top: 62px
}

#rss-feed{
	padding-left: 17px;
	background: url('/img/backgrounds/rss-feed-logo.png') no-repeat 0px 2px;		
}

#twitter{
	padding-left: 25px;
	background: url('/img/backgrounds/twitter.jpg') no-repeat 0px 2px;		
}

#facebook{
	padding-left: 20px;
	background: url('/img/backgrounds/facebook.jpg') no-repeat 0px 2px;		
}
/* --- top navigation ----------------------------------------------- */
#top-navigation{
	position: absolute;
	bottom: 29px;
	right: 0;
	
}
#top-navigation li{
	float: left;
	list-style-type: none;
	padding: 0;
	margin-left: 1px;
}

#top-navigation li a{
	text-transform: capitalize;
	color: #B3AAA6;
	background: url('/img/backgrounds/nav-off.png') repeat-x;
	display: block;
	padding: 3px 8px 3px 8px;
	height: 20px;
	color: #E8E9E4;
	text-decoration: none;
}

#top-navigation li a:hover, #top-navigation li.active a{
	color: #653E2E;
	background: url('/img/backgrounds/nav-on.png') repeat-x;
}


/* --- navigation ----------------------------------------------- */

/* sub navigation */
#navigation li ul{
	display: none;
	
}

#navigation li.active ul{
	display: block;
}

#navigation li, #navigation ul{
	list-style-type: none;
	margin-left: 0;
}

#navigation li a{
	display: block;
	background: url('/img/backgrounds/sub-nav-bullet.png') no-repeat 10px 12px;
	padding:5px 0 4px 20px;
	text-transform: capitalize;
	border-bottom: 1px dotted #653E2E;
	color: #653E2E;
}

#navigation li li a{
	padding-left: 30px;
	color: #653E2E;
}

#navigation li.active li a{
	color: #653E2E;
	background: url('/img/backgrounds/sub-nav-bullet.png') no-repeat 20px 12px;
}

#navigation li li a:hover,
#navigation li li.active a{
	color: #B3AAA6;
	background: url('/img/backgrounds/sub-nav-bullet-on.png') no-repeat 20px 12px;
}

#navigation li.active li.active a{
	color: #B3AAA6;
}
#navigation li a:hover, #navigation li.active a{
	background: url('/img/backgrounds/sub-nav-bullet-on.png') no-repeat 10px 12px;
	color: #B3AAA6;
	border-bottom: 1px dotted #B3AAA6;
	text-decoration: none;
}


/* --- breadcrubs ----------------------------------------------- */
div#breadcrubs{
	height: 20px;
	position: absolute;
	bottom: 0;	
}

div#breadcrubs, div#breadcrubs a{
	color: #B19280;
}

#breadcrubs span:after{
	content: " > ";
}
#breadcrubs span:last-child:after{
	content: "";
}

.home #breadcrubs{
	display: none;
}

/* --- Home content ----------------------------------------------- */
#banner-text{
	width: 394px;
	padding: 0 0 20px 0;
	text-align: right;
	float: left;
}

#banner-text h3 {
	margin-top: 0;
	color: #5c4134;
	font: 22px georgia;
	font-weight: normal;
}

#banner-image{
	float: left;
	width: 192px;
	text-align: center;
	overflow: hidden;
	position: relative;
}

#banner-quote{
	width: 350px;
	float: right;
	text-align: left;
}
#banner-quote h3{
	line-height: 21px !important;
	font: 15px georgia;
	color: #5c4134;
	margin-top: 0px;	
}
#banner-quote h4{
	font: 11px georgia;
	color: #5c4134;
	font-weight: bold;	
}
#banner-quote h4 em{
	font-style: italic;
	font-weight: normal;
}

/* --- Content ----------------------------------------------- */
#main-content-image{
	padding: 0;
	margin: 0;
	line-height: 0;
}

#content-intro{
	background: #F7F5F5;
	float: left;
	width: 100%;
	position: relative;
	top: -8px;
	margin-bottom: 10px;
}

h3.intro-text{
	color: #5C4133;
	background: #F7F5F5;
	padding: 20px;
	margin: 0 0 5px 0;
	position: relative;
	top: 0px;
	font-size: 16px;
}

/* profile page with image */
.profile #content-intro img#profile-image{
	float: left;
	margin: 20px 0 20px 20px;
	padding: 1px;
	border: 1px solid #ded9d6;
}

.profile #content-intro h3.intro-text{
	float: left;
	width: 310px;
}


.page-index{
	float: left;
	margin-bottom: 15px;
	width: 465px;
	clear: both;
}

.page-index h3{
	margin: 0;
	float: left;
	color: #653e2e;
	width: 465px;
}

.page-index div.image-thum{
	float: left;
	border: 1px solid #653e2e;
	padding: 2px;
	margin: 4px 10px 10px 0;
	width: 88px;
	height: 88px;
	overflow: hidden;
	background: #faf9f8 url('/img/backgrounds/noimage-list.png') no-repeat center center;
}

.page-index div.image-thum span{ 
	width: 88px;
	height: 88px;
	overflow: hidden;
	display: block;
}

.page-index div.image-thum span img{
	position: relative;
	top: -8px;
}

.page-index p{
	float: left;
	/* width: 350px; */
	width: 465px;
	margin-bottom: 5px;	
}

.page-index a.read-more{
	background: #653e2e;
	color: #FFF;
	padding: 2px 10px;
	clear: both;
}


/* --- news ----------------------------------------------- */
.article{
	border-bottom: 1px dotted #CCC;
	margin-bottom: 1.5em;
}

.paging div.disabled{
	display: inline;
}

.paging a.previous {
	background: url('/img/backgrounds/buttons/inner_prev.png') no-repeat left bottom;
	padding-left: 15px;
}

.paging a.next{
	background: url('/img/backgrounds/buttons/inner_next.png') no-repeat right bottom;
	padding-right: 15px;
}


/* jumpoffs ---------------------------------------------------- */
#jumpoffs{
	border-top: 1px solid #C5D77F;
	border-bottom: 1px solid #C5D77F;
}

#jumpoffs .jumpoff{
	margin: 20px 0;
	padding-bottom: 10px;
	position: relative;
}

.jumpoff h3{
	background: url('../img/backgrounds/extra-header.png') no-repeat top left;
	
}
.jumpoff p, .jumpoff h3{
	padding: 0 20px;
	margin-top: 0;
	color: #3C4D00;
}
.jumpoff p a{
	color: #3C4D00;
	text-decoration: underline;
}

.jumpoff ul{
    padding: 0 20px 0 40px;
    margin-bottom: 13px;
	list-style-position: outside;
}

.jumpoff ul li, .jumpoff ul li a{
	color: #3C4D00;
	text-decoration: underline;
}



/* home jumpoffs */
#home-extra #jumpoffs{
	clear: both;
	padding: 10px 0 0 0;
	margin: 0;
	float: left;
	width: 960px;
	position: relative;
	right: 10px;
	border: none;
}

#home-extra #jumpoffs .jumpoff{
	width: 175px;
	padding: 20px 25px 20px 40px;
	margin: 0;
	float: left;
	clear: none;
	background: url('/img/backgrounds/about-home-jumpoff.png') no-repeat;
}

#home-extra #jumpoffs .jumpoff_0{			background: url('/img/backgrounds/about-home-jumpoff.png') no-repeat;		}
#home-extra #jumpoffs .jumpoff_1{			background: url('/img/backgrounds/services-home-jumpoff.png') no-repeat;	}

.spanish #home-extra #jumpoffs .jumpoff_0{	background: url('/img/backgrounds/about-home-jumpoff-spanish.png') no-repeat;		}
.spanish #home-extra #jumpoffs .jumpoff_1{	background: url('/img/backgrounds/services-home-jumpoff-spanish.png') no-repeat;	}


#home-extra #jumpoffs .jumpoff_2{	
	width: 440px;
	background: url('/img/backgrounds/news-home-jumpoff.png') no-repeat;
	padding-right: 0;	
}

#home-extra #jumpoffs .jumpoff h3{
	font-size: 11px;
	font-weight: bold;
	color: #3c4d00;
	padding: 7px 0 0 45px;
	height: 20px;
	margin-bottom: 37px;
	overflow: hidden;
	background-image: none;
	text-transform: uppercase;
}

#home-extra #jumpoffs .jumpoff p{
	padding: 0;
	color: #3c4d00;
}

#home-extra #jumpoffs .jumpoff ul{
	margin: 0 0 0 10px;
	padding: 0;
	list-style-position: outside;
}

#home-extra #jumpoffs .jumpoff a{
	color: #3c4d00;
	text-decoration: underline;	
}

#home-extra #jumpoffs .jumpoff_2 h3{ color: #fff; }
#home-extra #jumpoffs .jumpoff_2 p, 
#home-extra #jumpoffs .jumpoff_2 p a,
#home-extra #jumpoffs .jumpoff_2 li,
#home-extra #jumpoffs .jumpoff_2 li a{ color: #5d4335 }

.handle{
	position: absolute;
	top: 0;
	right: 0;
	padding: 2px 5px;
	margin: 0px 0px 0 0;
	cursor: move;
	font-weight: 700;
	font-size: 10px;
	background: #F00;
	color: #FFF;
}

/* --- footer --------------------------------------------------- */

#footer{
	font-size: 12px;
	border-top: 1px solid #EBEBEB;
	padding: 20px 0;
	margin: 40px 0;
	float: left;
}

#footer #footer-navigation{
	width: 460px;
	padding-left: 20px;
	float: left;
}

#footer #address{
	width: 210px;
	padding-left: 19px;
	border-left: 1px solid #ECECEC;
	float: left;
	color: #666;
}

#footer #stay-intouch{
	width: 190px;
	padding: 0 24px;
	border-left: 1px solid #ECECEC;
	float: left;
}

#footer #stay-intouch p{
	margin-bottom: 10px;
}

#footer ul, #footer p{
	margin: 0;
	font-size: 12px;
}
#footer ul, #footer p, #footer ul, #footer h4{
	display: block;
	color: #666;
}
#footer h4{
	font-weight: 900;
}
#footer p a{
	color: #666;
	text-decoration: underline;
}

#footer ul li{
	list-style-type: none;
	display: inline;
	text-transform: capitalize;
	color: #666;
}
#footer ul li a{
	color: #666;
	text-decoration: underline;
}

#footer ul li a:hover{
	text-decoration: none;
}
#footer ul li:after {
	content: " |";
}
#footer ul li:last-child:after {
	content: "";
}

/* --- forms ------------------------------------------------- */
fieldset{
}

legend{
}

label{
}

input:focus{
}

input{
}

em{
}

input.required_Field{
}

/* ---[ misc ]------------------------------------- */

img, a img {
    border: none;
    }
.hide {
    display: none;
    }
.clear {
    clear: both;
    }
.debug {
    border: 1px solid red;
    }