/* 
Use this file to customize your watercolor template
*/ 


/* IMPORT RESET STYLES */
@import url('css/reset.css');


/* HACKS ------------------------------------------------------------*/

.clear{
	clear:both;
	height:1px;
}

.inv{ display:none; }


.tooltip {
	display:none;
	background:transparent url(js/tooltip/white_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color: #665d4e;
	z-index: 100;
}


/* WIDGETS ------------------------------------------------------------*/

#calendar_wrap{
	margin-left: 20px;
	color: #665d4e;
}

#calendar_wrap a{
	color: black;
	font-weight: bold;
}

div#footer #calendar_wrap{
	margin-left: 20px;
	color: #b8b6aa;
}

#calendar_wrap caption{
	font-weight: lighter;
}


#calendar_wrap tbody td{
	padding: 4px;
}


ul#recentcomments{
	color: white;
	
}

ul#recentcomments a{
	display: block;
}


/* GENERAL ------------------------------------------------------------*/


body {
	line-height: 1;
	color: #696969;
	background-image: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  100%;
}



div#wrapper{
	position: relative;
	width: 960px;
	margin: 0 auto;
}

h1{
	font-size: 36px;
	line-height: 1.5em;
	color: #665d4e;
}

h2{
	font-size: 32px;
	line-height: 1.5em;
	color: #665d4e;
}

.projectstop {
	background: url(img/projecttop.png) no-repeat; 
	text-indent: -9999px;
}

.abouttop {
	background: url(img/abouttop.png) no-repeat; 
	text-indent: -9999px;
}

.contacttop {
	background: url(img/contacttop.png) no-repeat; 
	text-indent: -9999px;
}

.angeltop {
	background: url(img/angeltop.png) no-repeat; 
	text-indent: -9999px;
}


h3{
	font-size: 26px;
	line-height: 1.5em;;
	color: #665d4e;
}

.angel {
	background: url(img/angel1.png) no-repeat; 
	text-indent: -9999px;
}

.gaia {
	background: url(img/gaia1.png) no-repeat; 
	text-indent: -9999px;
}

.ecoterrorist {
	background: url(img/eco1.png) no-repeat; 
	text-indent: -9999px;
}

.synopsis {
	background: url(img/synopsistop.png) no-repeat; 
	text-indent: -9999px;
}

h4{
	font-size: 22px;
	line-height: 1.5em;
	color: #665d4e;
}


h5{
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	color: #665d4e;
}

h6{
	font-size: 14px;
	line-height: 1.5em;
	color: #665d4e;
}

p.excerpt{
	font-size: 32px;
	line-height: 1.5em;;
	color: #665d4e;
	width: 960px;
	margin: 0 auto;
	padding-bottom: 20px;
	text-transform: uppercase;
	text-align: center;
}

p.excerpt a{
	color: #3e372b;
	text-decoration: none;
}

p.section-title{
	display: block;
	overflow: hidden;
	color: #665d4e;
	margin-bottom: 18px;
}

p.section-title span.title{
	display: block;
	float: left;
	font-size: 36px;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #665d4e;
}


p.section-title span.desc{
	display: block;
	float: left;
	font-size: 14px;
	line-height: 1.5em;
	margin-top: 18px;
}


.title-1{
	background: url(img/h1-bg.png) no-repeat -3px 3px;
	text-indent: 9px;
}

.title-2{
	background: url(img/h2-bg.png) no-repeat 0px 15px;
	text-indent: 10px;
}

.title-3{
	color: #e1820b;
}


blockquote h4{
	font-size: 26px;
	background: url(img/quotes-close.png) no-repeat right bottom;
	font-style: italic;
	font-family: Georgia;
	color: #665d4e;
	line-height: 1.5em;
}

blockquote h4:first-letter{
	font-size: 26px;
}

div.col blockquote p,
blockquote p{
	font-size: 14px;
	font-style: italic;
	font-family: Georgia;
	color: #665d4e;
	line-height: 1.5em;
}


.custom1 a{
	text-decoration: none;
}


pre {
	border:1px solid #C7C7C7;
	display:block;
	overflow-x:visible;
	overflow-y:hidden;
	background: white url("img/pre-bg.gif");
	font-size: 14px;
	line-height: 1.5em;
	padding: 0 .5em;
}



/* IMAGE STYLES ------------------------------------------------------------*/


img.left-align{
	float:left;
	margin:8px 10px 0 0;
	display: block;
	background: #FFFFFF;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

img.right-align{
	float:right;
	margin:0px 0px 0px 10px;
	display: block;
}

img.boxed{
	background: white;
	padding: 5px;
	border: 1px solid #gray;
}

img.border{
	border: 2px solid white;
}



/* HEADER ------------------------------------------------------------*/

div#header{
	overflow: hidden;
	position: relative;
	height: 210px;
	width: 100%;
}


div#header img#logo{
	position: absolute;
	top: 0px;
	left: 0px;
}




/* NAV ------------------------------------------------------------*/

ul#navigation{
	display: block;
	position: absolute;
	top:120px;
	right: 0px;
	width: 470px;
	height: 35px;
	z-index: 300;
}

ul#navigation li{
	display: block;
	float: right;
}

ul#navigation li a{
	display: block;
	font-size: 16px;
	height: 35px;
	text-decoration: none;
	text-indent: -9999px;
}


li.home a { width: 83px; background-image: url(img/navsprite.png); background-repeat: no-repeat; background-position: left top; }
li.home a:hover { width: 83px; background-image: url(img/navsprite.png); background-repeat: no-repeat; background-position: left bottom; }

li.about a { width: 88px; background-image: url(img/navsprite.png); background-repeat: no-repeat; background-position: -83px top; }
li.about a:hover { width: 88px; background-image: url(img/navsprite.png); background-repeat: no-repeat; background-position: -83px bottom; }

li.projects a { width: 113px; background-image: url(img/navsprite.png); background-repeat: no-repeat; background-position: -171px top; }
li.projects a:hover { width: 113px; background-image: url(img/navsprite.png); background-repeat: no-repeat; background-position: -171px bottom; }

li.news a { width: 79px; background-image: url(img/navsprite.png); background-repeat: no-repeat; background-position: -284px top; }
li.news a:hover { width: 79px; background-image: url(img/navsprite.png); background-repeat: no-repeat; background-position: -284px bottom; }

li.contact a { width: 107px; background-image: url(img/navsprite.png); background-repeat: no-repeat; background-position: -363px top; }
li.contact a:hover { width: 107px; background-image: url(img/navsprite.png); background-repeat: no-repeat; background-position: -363px bottom; }


/* SEARCH ------------------------------------------------------------*/

form#searchform{
	position: absolute;
	top: 20px;
	right: -22px;
	width: 250px;
	height: 50px;
	display: none;
}

form#searchform input#s{
	color: #b8b2a9;
	font-size: 14px;
	width: 144px;
	height: 30px;
	margin: 10px 0px 5px 30px;
	padding: 0px 30px 0px 5px;
	border: 0;
	background: url(img/search-input.png) no-repeat transparent;
}


form#searchform input#searchsubmit{
	position: absolute; 
	top: -2px;
	right: 20px;
	width: 49px;
	height: 49px;
	border: 0px;
	background: url(img/go-button.png) no-repeat  transparent;
}

form#searchform input#searchsubmit:hover{
	background-position: 0px -49px;
}

/* MAIN ------------------------------------------------------------*/

div#main{
	width: 100%;
	position: relative;
	overflow: hidden;
}


div.holder{
	overflow: hidden;
	display: none;
}

div.holder div.block{
	width: 307px;
	float: left;
	margin: 0px 18px 0px 0px;
}


div.holder div.last{
	margin: 0px 0px 70px 0px;
}


div.holder div.block div.thumb-holder{
	position: relative;
	width: 307px;
	height: 129px;
	background: url(img/thumb-bg.png) no-repeat;
	margin-bottom: 5px;
}

div.holder div.block a{
	text-decoration: none;
}


div.holder div.block div.thumb-holder a{
	display: block;
	top:3px;
	left: 3px;
	position: absolute;
	overflow: hidden;
	width: 301px;
	height: 115px;
}

div.holder div.block div.thumb-holder img{
}

div.holder div.block h2{
	line-height: 1em;
	margin-bottom: 0px;
	text-indent: 0px;
	background: none transparent;
}

div.holder div.block h3{
	line-height: 1em;
	margin-bottom: 10px;
}

div.holder div.block div.thumb-text{
	font-size: 14px;
	line-height: 1.5em;
	color: #665d4e;
	border-top: 2px solid #665d4e;
	padding-top: 10px;
	margin-bottom: 10px;
}

div.top-img{
	width: 100%;
	margin-top: 13px;
	margin-bottom: 10px;
}

div.top-img img{
	display: block;
	margin: 0 auto;
}




/* COLUMNS ------------------------------------------------------------*/

div.cols{
	overflow: hidden;
}

div.compact{
	width: 670px;
	float: left;
}


div.cols p{
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}


div.separator{
	border-bottom: 1px solid gray;
	margin-bottom: 18px;
}


div.one-half,
div.one-half-last{
	width: 465px;
	float: left;
	margin-right: 30px;
}


div.one-third,
div.one-third-last{
	width: 300px;
	float: left;
	margin-right: 30px;
}

div.col p{
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

div.one-half-last,
div.one-third-last{
	margin-right: 0px;
}





/* SLIDESHOW ------------------------------------------------------------*/

div#slideshow{
	overflow: hidden;
	position: relative;
	height: 380px;
	margin-bottom: 5px;
	width: 960px;
}

div#slideshow ul#slides{
	margin: 0 auto;
	width: 950px;
	height: 337px;
	position: absolute;
	top:20px;
	left: 5px;
}

div#slideshow-arrows{
	margin: 0 auto;
	z-index: 900;
	width: 1000px;
	height: 57px;
}



div#slideshow img#prev{
	position: absolute;
	top:180px;
	left: 1px;
	z-index: 20;
}

div#slideshow img#next{
	position: absolute;
	top: 180px;
	right: 1px;
	z-index: 21;
}



div#slideshow span{
	background: url(img/slideshow-border.png) no-repeat;
	width: 960px;
	height: 378px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	cursor: default;
}

#slideshow-nav{
	display: block;
	position: absolute;
	overflow: hidden;
	bottom: 40px;
	right: 20px;
	z-index: 20;
}

#slideshow-nav a { 
	display: block;
	float: left;
	background: url(img/slidebutton.png) no-repeat; 
	height: 15px;
	width: 15px;
	text-indent: -9000px;
	margin-right: 5px;
}

#slideshow-nav a.activeSlide { 
	background: url(img/slidebutton-over.png) no-repeat; 
}


/* FADE-SLIDE ------------------------------------------------------------*/

div.fade-slide{
	overflow: hidden;
	height: 345px;
	border: 2px solid white;
}



/* GALLERY ------------------------------------------------------------*/

ul.gallery{
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	width: 1000px;
}

ul.gallery li{
	display: block;
	position: relative;
	overflow: hidden;
	width: 226px;
	height: 181px;
	float: left;
	margin: 0px 18px 10px 0px;
	background: url(img/gallery-thumb-bg.png) no-repeat;
	text-align: center;
}

ul.gallery li img{
	margin: 1px 0px 0px 1px;
}

ul.gallery li a:hover span{
	display: block;
}

ul.gallery li span{
	display: none;
	position: absolute;
	top:1px;
	left: 1px;
	width:224px;
	height: 150px;
}

ul.gallery li.cat-images span{
	background: url(img/over.png) no-repeat;
}

ul.gallery li.cat-video span{
	background: url(img/over-video.png) no-repeat;
}

ul.gallery li.cat-flash span{
	background: url(img/over-flash.png) no-repeat;
}



ul.gallery li em{
	display: block;
	color: #665d4e;
	font-size: 14px;
	font-style: normal;
	margin-top: 8px;
}

ul#portfolio-filter{
	display: block;
	overflow: hidden;
	width: 920px;
	height: 63px;
	padding: 12px 20px 5px 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: #665d4e;
	background: url(img/filter-bg.png) no-repeat;
}


ul#portfolio-filter li{
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: 16px;
	font-size: 14px;
}

ul#portfolio-filter li:first-child{
	color: #606060;
	font-weight: bold;
}

ul#portfolio-filter li a{
	color: #999999;
	text-decoration: none;
}

ul#portfolio-filter li a:hover{
	 color: #606060;
}



/* MORE-GALLERIES ------------------------------------------------------------*/

ul.more-galleries{
	display: block;
	margin-left: 30px;
}

ul.more-galleries li{
	display: block;
	background: url(img/bullet.png) no-repeat 0px 3px;;
	margin-bottom: 0.3em;
	text-indent: 18px;
}

ul.more-galleries li a{
	font-size: 14px;
	line-height: 1.5em;;
	color: #665d4e;
	margin-bottom: 1.5em;
	text-decoration: none;
	font-weight: bolder;
}

ul.more-galleries li a span{
	color: #909090;
	font-weight: lighter;
	font-size: 14px;
	
}

ul.more-galleries li a:hover,
ul.more-galleries li a.active{
	text-decoration: underline;
}

ul.more-galleries li:first-child{
	/*list-style: none;
	background: none;
	margin-left: 0px;
	margin-top: 26px;
	margin-bottom: 1em;*/
}




/* BLOG PAGER ------------------------------------------------------------*/

ul.blog-pager{
	display: block;
	width: 100%;
}

ul.blog-pager li:first-child{
	display: block;
	float: left;
	height: 16px;
}


ul.blog-pager li:last-child{
	display: block;
	float: right;
	height: 16px;
}


ul.blog-pager li:first-child a{
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #665d4e;
	display: block;
	background: url(img/prev-bullet.png) no-repeat top left ;
	padding-left:  20px;
}

ul.blog-pager li:last-child a{
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #665d4e;
	display: block;
	background: url(img/next-bullet.png) no-repeat top right ;
	padding-right:  20px;
}


/* PAGER ------------------------------------------------------------*/

ul.pager{
	overflow: hidden;
	display: block;
	height: 20px;
	position: absolute;
	right: 0px;
	margin-bottom: 230px;
}

ul.pager li{
	display: block;
	width:12px;
	height: 12px;
	float: left;
	background: url(img/spring/pager.png) no-repeat;
	background-position: -18px 0px;
	margin-left: 5px;
}

ul.pager li:hover,
ul.pager li.active{
	background-position: -38px 0px;
}

ul.pager li a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9000px;
}

ul.pager li:first-child{
	background-position: 0px 0px;
}

ul.pager li:last-child{
	background-position: -59px 0px;
}






/* BLOG ------------------------------------------------------------*/

div#main div#posts{
	width: 610px;
	float: left;
}

div#posts div.post,
div#posts div.single{
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}


div#posts div.post p.post-title,
div#posts div.single p.post-title,
div#posts div.post a.post-title,
div#posts div.single a.post-title{
	display: block;
	font-size: 26px;
	line-height: 1.5em;
	color: #665d4e;
	padding-right: 70px;
	text-decoration: none;
}


div#posts div.post p.post-meta,
div#posts div.single p.post-meta{
	display: block;
	font-size: 14px;
	font-style: italic;
	line-height: 1.5em;
	color: #665d4e;
}

div#posts div.post p.post-meta span,
div#posts div.single p.post-meta span,
div#posts div.post p.post-meta a,
div#posts div.single p.post-meta a{
	font-weight: bold;
	text-decoration: none;
	color: #979186;
}



div#posts div.post div.post-img,
div#posts div.single div.post-img{
	position: relative;
	overflow: hidden;
	width: 612px;
	height: 230px;
	padding-bottom:12px;
	margin-top: 7px;
}


div#posts div.post div.post-img a{
	overflow: hidden;
	display: block;
	width:	606px;
	height: 230px;
	border: 2px solid white;
}


div#posts div.post div.post-img span,
div#posts div.single div.post-img span{
	position: absolute;
	bottom:0px;
	left: 0px;
	width:614px;
	height: 20px;
	background: url(img/post-shadow.png) no-repeat  center bottom ;
	z-index: -1;
}


div#posts div.post div.post-img img,
div#posts div.single div.post-img img{
	width:	606px;
}


div#posts div.post div.brief,
div#posts div.single div.brief{
	display: block;
	font-size: 14px;
	line-height: 1.5em;
	color: #665d4e;
}

div#posts div.post div.brief p,
div#posts div.single div.brief p{
	margin-bottom: 0.5em;
}

div#posts div.post a.more,
div.holder div.block a.more{
	display: block;
	float: left;
	overflow: hidden;
	background: url(img/spring/more-button.png) no-repeat;
	width: 68px;
	height: 25px;
	text-indent: -9000px;
}

div#posts div.post a.more:hover,
div.holder div.block a.more:hover{
	background-position:0px -25px;
}


/* COMMENTS BALLOON ------------------------------------------------------------*/


div#posts div.post p.post-comments{
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 67px;
	height: 59px;
	background: url(img/spring/comments-balloon.png) no-repeat;
	color: white;
	font-size: 22px;
	text-align: center;
	padding-top: 12px;
}

div#posts div.comments p.post-comments{
	display: block;
	position: relative;
	width: 67px;
	height: 59px;
	color: white;
	font-size: 22px;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 20px;

}

div#posts div.comments p.post-comments span{
	display: block;
	position: absolute;
	top: 10px;
	left: 80px;
	font-size: 22px;
	color: #665d4e;
}


/* COMMENTS ------------------------------------------------------------*/


div#posts div.comments{
	overflow: hidden;
	position: relative;
	margin-top: 10px;
	padding-top: 30px;
	margin-bottom: 40px;
	padding-bottom: 0px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}


div.comments  p.awaiting{
	font-size: 14px;
	line-height: 1.5em;
}


div.comments ol.comments-list li{
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
	padding: 10px 10px;
}


div.comments ol.comments-list li:nth-child(odd){
	background: #faf9f5;
}

div.comments ol.comments-list li img{
	border: 1px solid #665d4e;
	padding: 1px;
	display: block;
	float: left;
	margin: 0px 10px 10px 0px;
}


div.comments ol.comments-list li p.meta{
	display: block;
	font-size: 12px;
	line-height: 1.5em;
	width: 500px;
	float: left;
	font-style: italic;
}

div.comments ol.comments-list li p.meta span a{
	text-decoration: none;
}

div.comments ol.comments-list li div.brief{
	display: block;
	font-size: 14px;
	line-height: 1.5em;
	color: #665d4e;
	float: left;
	width: 520px;
}

div.comments ol.comments-list li p.edit-comment a{
	font-size: 10px;
	color: #665d4e;
}

div.comments p.no-comments{
	font-size: 14px;
	margin-bottom: 18px;
	font-style: italic;	
}

div.leave-comment p.message{
	font-size: 14px;
	margin-bottom: 18px;
}


/* SIDEBAR ------------------------------------------------------------*/

ul#sidebar{
	width: 275px;
	float: right;
}

ul#sidebar a{
	color: #665d4e;
	text-decoration: none;
}

ul#sidebar li.sidemenu{
}

ul#sidebar li h2{
	display: block;
	font-size: 18px;
	line-height: 1.5em;
	color: #665d4e;
	text-decoration: none;
	text-indent: 10px;
	padding-top: 16px;
	background: url(img/sidebar-top.png) no-repeat ;
	height: 38px;
}

ul#sidebar li.sidemenu ul li{
	display: block;
	margin-bottom: 7px;
	padding-bottom: 5px;
	border-bottom: 1px solid #665d4e;
	text-indent: 15px;
}

ul#sidebar li.sidemenu ul li a{
	font-size: 14px;
	line-height: 1.5em;
	color: #665d4e;
	text-decoration: none;
}

ul#sidebar li.sidemenu ul li:last-child{
	border: none;
}


/* SIDE POSTS (recent-post) ------------------------------------------------------------*/

ul#sidebar li.recent-posts{
}


ul#sidebar li.recent-posts li{
	display: block;
	overflow: hidden;
	padding: 5px 0px;
	margin: 5px 0px;
	border: none 0px;
}


ul#sidebar li.recent-posts img{
	float: left;
	margin-right: 5px;
	padding: 1px;
	border: 1px solid #665d4e;
	width: 48px;
	height: 48px;
}


ul#sidebar li.recent-posts p.brief,
ul#sidebar li.recent-posts a.title{
	display: block;
	font-size: 14px;
	line-height: 1.5em;
	color: #665d4e;
}


ul#sidebar li.recent-posts a.title{
	font-weight: bold;
	font-size: 14px;
	line-height: 1.5em;
	text-decoration: none;
}



/* CONTACT ------------------------------------------------------------*/

div.contact-left{
	width: 450px;
	float: left;
}


div.contact-right{
	width: 450px;
	float: right;
}


div.contact-right p{
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	color: #665d4e;
}

div.contact-right a{
	color: #665d4e;
	font-weight: bold;
	text-decoration: none;
}

div.taped-image{
	display: block;
	position: relative;
	height: 290px;
}

div.taped-image span{
	position: absolute;
	background: url(img/tape.png) no-repeat;
	width: 171px;
	height: 28px;
	left: 120px;
}

div.taped-image em{
	position: absolute;
	background: url(img/shadow.png) no-repeat top center;
	height: 28px;
	width: 100%;
	bottom: -11px;
}


div.taped-image img{
	margin-top: 15px;
	border: 4px solid white;
}


/* FORMS ------------------------------------------------------------*/


div.contact-left form,
div.leave-comment form{
}

div.contact-left form,
div.leave-comment form{
	margin-top: 20px;
}


div.contact-left form input,
div.contact-left form textarea,
div.leave-comment form input,
div.leave-comment form textarea{
	color: #989692;
	font-size: 14px;
	border: 1px solid #665d4e;
	background: #f9f7e8;
	padding: 4px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.contact-left form input,
div.contact-left form textarea,
form#commentform input,
form#commentform textarea{
	width: 400px;
	margin-bottom: 6px;
}

div.contact-left form input#submit,
form#commentform input#submit{
	width: 87px;
	height: 36px;
	background: url(img/submit-button.png) no-repeat transparent;
	border: none;
	margin-top: 14px;
}


div.contact-left form input#submit:hover,
form#commentform input#submit:hover{
	background-position: 0px -37px;
}


div.contact-left form fieldset label,
form#commentform label{
	display: block;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	color: #665d4e;
}

div.contact-left form fieldset p,
form#commentform p{
	
}

div.contact-left p#error,
div.leave-comment p#error{
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	color: #cc0000;
	margin-bottom: 10px;
}


div.contact-left p#success,
div.leave-comment p#success{
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	color: #e1820b;
	margin-bottom: 10px;
}

/* FONT STYLES ------------------------------------------------------------*/


div#main p.boxed-dotted{
	background: white;
	padding: 5px;
	border: 2px dotted gray;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div#main p.boxed-dashed{
	background: white;
	padding: 5px;
	border: 2px dashed gray;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


div#main p.boxed-important{
	background: #e3b438;
	padding: 5px;
	border: 2px solid #801409;
	color: #801409;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div#main p.boxed-blue{
	background: #dfeefa;
	padding: 5px;
	border: 2px solid #4a5761;
	color: #4a5761;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

ul.list li{
	margin-left: 20px;
	list-style: disc;
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	color: #665d4e;
	border-bottom: 1px solid gray;
}

ol.list li{
	margin-left: 20px;
	list-style-type: decimal;
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	color: #665d4e;
	border-bottom: 1px solid gray;
}

/* TOGGLE & ACCORDION ------------------------------------------------------------*/


h5.accordion-trigger,
h5.toggle-trigger {
	padding: 0 0 0 45px;
	margin: 0 0 5px 0;
	height: 46px;
	line-height: 46px;
	width: 100%;
	float: left;
	background: url(img/toggle-button.png) no-repeat  10px 10px;
	border-bottom: 1px solid #665d4e;
}


h5.accordion-trigger a,
h5.toggle-trigger a {
	color: #665d4e;
	text-decoration: none;
	display: block;
}

h5.accordion-trigger a:hover,
h5.toggle-trigger a:hover { 
	color: #606060;
}

h5.accordion-trigger.active,
h5.toggle-trigger.active {
	background-position-x: 10px;
	background-position-y: -68px;
} 

div.accordion-container,
div.toggle-container {
	margin: 0 0 5px 0px;;
	padding: 0;
	overflow: hidden;
	width: 95%;
	clear: both;
}

div.accordion-container .block,
div.toggle-container .block {
	padding: 10px; 
}


div.accordion-container .block p,
div.toggle-container .block p{
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

/* FOOTER ------------------------------------------------------------*/


div#footer{
	width: 100%;
	padding-top: 60px;
	margin-top: 40px;
}

div#footer a{
	text-decoration: none;
}

div#footer ul#follow li p{
	font-size: 14px;
	line-height: 1.5em;
	color: #665d4e;
	font-weight: bold;
}


div#footer div#footer-wrapper{
	position: relative;
	width: 960px;
	min-height: 200px;
	margin: 0 auto;
}


div#footer div#footer-wrapper ul#follow{
	display: block;
	position: absolute;
	width: 244px;
	height: 56px;
	top: -80px;
	left: 358px;
	background: url(img/follow-bg.png) no-repeat;
}

div#footer div#footer-wrapper ul#follow li{
	display: block;
	float: left;
	margin-left: 17px;
	margin-top: 10px;
}

/* FOOTER-COLS ------------------------------------------------------------*/

div#footer ul.footer-cols{
	display: block;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 50px;
}


div#footer ul.footer-cols a{ 
	color: #FFF;
}

div#footer ul.footer-cols li.col{
	width: 238px;
	margin: 0px 1px;
	float: left;
	min-height: 170px;
	background: url(img/footer-separator.png) no-repeat top right;
}

div#footer ul.footer-cols li.col:last-child{
	background: none;
}

div#footer ul.footer-cols li.col ul{
	width: 170px;
	margin: 0  auto;
}

div#footer ul.footer-cols li.col ul li{
	margin-bottom: .1em;
}

div#footer ul.footer-cols li.col ul li a{
	text-decoration: none;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: lighter;
}


div#footer ul.footer-cols li.col h6{
	width: 170px;
	text-decoration: none;
	font-size: 14px;
	margin: 0  auto;
	margin-bottom: .5em;
}

div#footer ul.footer-cols li.col ul li a:hover{
	text-decoration: underline;
}

/* FOOTER-BOTTOM ------------------------------------------------------------*/

div#footer{
	background: #565249;
}

div#footer div.footer-bottom{
	margin-top: 30px;
	overflow: hidden;
	width: 960px;
}

div#footer div.footer-bottom a{
	color: white;
}

div#footer div.footer-bottom p.legal{
	display: block;
	font-size: 12px;
	line-height: 1.5em;
	height: 30px;
	text-align: center;
}