/*   
Theme Name: Planet Reuse 
Author: Luminopolis
Author URI: www.luminopolis.com
Version: 0.9
.
Copyright Planet Reuse.
.
*/

/* destroy all browsers defaults -------> blended from Meyer's Reset Reloaded and boilerplate.css */ 


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
html, body { height:100.01%; margin:0px; padding:0px }
.page-wrapper{ min-height:100%; }
* html .page-wrapper { height:100%; }
:focus { outline: 0; }
a { outline: none; }
a img { border: none; }
input, textarea { margin: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* begin main styles */
body { width: 100%; margin: 0 auto; min-width:960px; height:100.01%; color:#999; font:12px/13px "Trebuchet MS", Helvetica, sans-serif; background:#f6fff6 url(images/bg-body.gif) repeat-x;}
#content { min-height: 500px; }

.container{
	overflow:hidden;
	height: auto;
	z-index:10;
	position:relative;
	/*padding:17px 0 662px;*/
	background:url(../images/bg-main-top.png) no-repeat;	
}
.container-inner{
	height: auto;
	min-height:100%;
	width:926px;
	padding:0 16px 0 18px;
	overflow:hidden;
	background:url(../images/bg-main.gif) repeat-y;
}
#content{
	overflow:hidden;
	height: auto;
}
.container .page-content { color: #666666; font-size: 13px; line-height:19px; margin: 0 30px 15px 30px; }
.container .page-content h1 { font-size:28px; line-height:34px; }
.container .page-content h2 { color:#00856A; font-size:26px; font-weight:normal; line-height:34px; }
.container .page-content h2 a { text-decoration: none; }
h2.pagetitle { display: none; }
.container h2 { font-size:14px; margin:0 0 11px; font-weight:bold; padding:0 0 3px; background: url(images/green-point.gif) repeat-x 0 100%; text-transform:uppercase; line-height:14px; color:#9c0; }
.container .page-content h3 { font-size:24px; line-height:34px; }
.container .page-content h4 { font-size:20px; line-height:34px; }
.container .page-content a { color: #666666; text-decoration: underline; }
.container .page-content ol { list-style-type: decimal; margin: 10px 0 10px 25px; }
.container .page-content ul { list-style-type: disc; margin: 10px 0 10px 25px; }
.container .page-content blockquote { margin: 5px 10px 5px 30px; }
.container .page-content a:hover { text-decoration: none; }
.column01 .materials p a, .blog-archive h3 a, .project-column h3 a, .featured-post h3 a, .column03 h3 a { color: #000000; }
.column01 .materials p a:hover { text-decoration: none; }

.blog-entry h2 a { color:#00856A; }
.materials-post h3 a { color: #99CC00; }
.about-content h3 a { color: #333333; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Typography & Colors */

/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#commentform #submit { margin: 0 0 5px auto; float: right; }
/* End Form Elements */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: left; margin: 0; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { background-color: #fff; }
/* End Calendar */

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */


img { border-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
input, textarea, select { font:100% arial, sans-serif; vertical-align:middle; }
form, fieldset { margin:0; padding:0; border-style:none; }
.page-wrapper { min-height:100%; }
* html .page-wrapper { height:100%; }/* !! second occurance of this */
#main { position:relative; width:960px; padding:124px 0 0; margin:0 auto; z-index:10; }
.container { overflow:hidden; height: auto; z-index:10; position:relative; padding:17px 0 662px; background: url(images/bg-main-top.png) no-repeat; }
.container-inner { height: auto; width:926px; padding:0 16px 0 18px; overflow:hidden; background: url(images/bg-main.gif) repeat-y; } /* !! second occurance of this */
#content { overflow:hidden; height: auto; } /* !! third occurance of this */



.column-holder { overflow:hidden; height: auto; margin:0 0 27px; }
.column-holder .column01 { float:left; display:inline; padding:11px 0 0; margin:0 21px 0 15px; width:315px; }
.column01 .post { height: auto; margin:0 0 20px; overflow:hidden; }
.column01 .post img { float:left; margin:0 15px 0 0; }
.column01 .post p { font:11px/16px Georgia, serif; }
.column01 .post a { color:#8db500; text-transform:capitalize; }
.column01 .links-holder { overflow:hidden; height: auto; padding:0 4px 0 0; text-align:left; margin:0 0 25px; }
.column01 .links-holder span { margin:0 0 0 12px; }
.column01 .links-holder a { padding:0 25px 0 0; color:#000; margin:0 4px 0 0; text-decoration:underline; background: url(images/bullet01.gif) no-repeat 100% 50%; font:italic 11px/16px Georgia, serif; }
.column01 .links-holder a:hover { text-decoration:none; }
.column01 .materials { overflow:hidden; height: auto; margin:0; padding:0; background:none; }
.column01 .materials h2 { margin:0 0 5px; }
.column01 .materials p { margin:0 0 9px; font:11px/14px Georgia, serif; }
.column01 .materials span { font:italic 10px/14px Georgia, serif; }


.column-holder .column02 { float:left; overflow:hidden; width:222px; padding:11px 22px 0; background:#e3ffe5; margin:0 20px 0 0; }
.column02 h2 { margin:0 0 5px; }
.column02 p { font-size:14px; line-height:22px; color:#9c0; margin:0 0 19px; }
.column02 ul { overflow:hidden; height: auto; margin:0 0 0 -5px; }
.column02 ul li { overflow:hidden; width:250px; margin:0 0 10px; }
.column02 ul li img { float:left; display:inline; margin:20px 23px 0 0; }
.column02 ul li h3 { font-size:14px; line-height:17px; color:#9c0; font-weight:bold; }
.column02 ul li div { float:left; width:158px; }
.column02 ul li p { margin:0 0 5px; font:11px/15px Georgia, serif; }
.column-holder .column03 { width:289px; padding:11px 0 0; float:left; }

.column03 h2 { margin:0 0 5px; }
.column03 h3 { font:14px/18px Georgia, serif; }
.column03 em { display:block; margin:0 0 10px; font:italic 10px/14px Georgia, serif; }
.column03 img { display:block; margin:0 0 5px; }
.column03 p { font:11px/16px Georgia, serif; }
.column03 p a { color:#9c0; }
.column-inner { overflow:hidden; height: auto; margin:0 0 23px; background: url(images/line01.gif) no-repeat 0 100%; padding:0 5px 20px 5px; }
.column03 .form-box { overflow:hidden; height: auto; background: url(images/bg-form-box-c.gif) repeat-y; }
.column03 .form-box-inner { overflow:hidden; height: auto; background: url(images/bg-form-box.gif) no-repeat; }
.column03 .form-box-bottom { height: auto; padding:17px 21px 13px 20px; overflow:hidden; background: url(images/bg-form-box-b.gif) no-repeat 0 100%; }
.column03 .form { overflow:hidden; height: auto; }

.column03 .links-holder { overflow:hidden; height: auto; padding:0 4px 0 0; text-align:left; margin:0 0 25px; }
.column03 .links-holder span { margin:0 0 0 12px; }
.column03 .links-holder a { padding:0 25px 0 0; color:#000; margin:0 4px 0 0; text-decoration:underline; background: url(images/bullet01.gif) no-repeat 100% 50%; font:italic 11px/16px Georgia, serif; }

/* form */

.form h4 { font:20px/23px "Trebuchet MS", Helvetica, sans-serif; font-weight:bold; color:#99CC00; padding:0 0 25px 0; }
.form h4.huge { font:31px/35px "Trebuchet MS", Helvetica, sans-serif; font-weight:bold; color:#99CC00; padding:0 0 25px 0; }
.form .row { overflow:hidden; height: auto; margin:0 0 3px; }
.form label { /*float:left;*/ font-size:15px; margin:3px 0 0; line-height:21px;/* width:56px;*/ }
.form .row div { width:184px; padding:3px 4px 0; /*float:left;*/ display:block; height:26px; background: url(images/bg-text.gif) no-repeat; }
.form .row div.textarea { padding:3px 4px 0; display:block; height:126px; background: url(images/bg-textarea.gif) no-repeat; }
.form .text { border:none; width:180px; margin:0; background:none; }
.form .password { border:none; margin:0; width:180px; background:none; }
.form input, textarea {  margin:0; background:none repeat scroll 0 0 transparent;border:none; }
/*.form a{
	float:left;
	color:#7c7964;
	font-size:10px;
	margin:3px 0 0 58px;
	display:inline;
	text-decoration:underline;;
	line-height:17px;
}

*/
.form a:hover { text-decoration:none; }
.form .submit { height:19px; width:61px; cursor:pointer; margin:2px 0 0; border:none; padding:0; /* float:right;*/ color:#fff; text-transform:uppercase; background: url(images/bg-submit.gif) no-repeat 0 0; }
/*
 blog
*/

.blog { overflow:hidden; height: auto; margin:0 0 20px; padding:0 0 0 35px; }
.blog span { display:block; margin:0 0 6px; font:italic 14px/16px Georgia, serif; }
/* temp until blog expansion .blog-entry { width:625px; float:left; margin:0 35px 0 0; } */
.blog-entry { width:840px; float:left; margin:0 35px 0 0; }
.blog-entry h2 { font-size:23px; font-weight:normal; line-height:34px; text-transform:none; color:#00856a; margin:0 0 8px 0; background:none; }
.blog-entry img { float:left; margin:14px 11px 0 0; }
/* temp until blog expansion .blog-entry .content-post { width:370px; float:left; }*/
.blog-entry .content-post { width:840px; float:left; }
.content-post p { font:14px/19px Georgia, serif; color:#666; text-align:left; }
.content-post a { font:14px/19px Georgia, serif; color:#666; margin:0 0 4px 5px; text-decoration:underline; }
.content-post a:hover { text-decoration:none; }

.blog-archive { width:205px; float:left; margin:30px 0 0; }
.blog-archive-post { height: auto; overflow:hidden; margin:0 0 17px; padding:0 0 19px; background: url(images/line03.gif) no-repeat 0 100%; }
.blog-archive span { margin:0; font:italic 12px/14px Georgia, serif; }
.blog-archive h3 { font:16px/18px Georgia, serif; }
.blog-archive p { font:14px/18px Georgia, serif; text-align:left; }
.blog-archive p a { color:#9c0; }
.blog-archive em { color:#9c0; }
.spacer-dotted-blog { overflow:hidden; height: auto; padding:16px 0 16px 0; margin:0 10px 20px 0; background: url(images/line03.gif) no-repeat 0 100%; }

/* 3d models */
/* 926px for container - 820 for image = 106/2 = 53 left right margin */
.model { overflow:hidden; height: auto; padding:0 0 58px 0; margin:0 53px 0 53px; }

/* 
 projects

*/

.project { overflow:hidden; height: auto; padding:0 37px 16px 32px; margin:0 0 58px; }
.project h2 { font-size:14px; margin:0 0 11px; font-weight:bold; padding:0 0 3px; background: url(images/green-point.gif) repeat-x 0 100%; text-transform:uppercase; line-height:14px; color:#9c0; }
.project-inner { overflow:hidden; height: auto; margin:0 0 22px; }
.project-column { width:290px; float:left; margin:0 31px 0 0; }
.owner { padding:56px 0 0; margin:0 10px 0 0; }
.project-column h3 { font:15px/18px Georgia, serif; }
.project-column em { display:block; margin:0 0 24px; font:italic 11px/14px Georgia, serif; }
.project-column p { font:11px/17px Georgia, serif; margin:0 0 18px; }
.project-column dl { margin:0; font:12px/18px Georgia, serif; }
.project-column dt { float:left; margin:0 6px 0 0; font-style:italic; }
.project-column dl { margin:0 0 26px; }
.project-column ul li { overflow:hidden; height: auto; margin:0 0 15px; }
.project-column ul li strong { font-size:10px; line-height:13px; color:#9c0; text-transform:uppercase; }
.project-column ul li img { float:left; margin:0 15px 0 0; }
.project-column ul li div { width:210px; float:left; }
.image-holder { float:right; width:205px; }
.image-holder img { display:block; margin:0 0 19px; }
.featured { height: auto; padding:0 0 0 3px; overflow:hidden; }
.featured img { float:left; margin:0 44px 0 0; }
.featured h3 { color:#333; font:16px/18px Georgia, serif; }
.featured em { display:block; margin:0 0 12px; font:italic 10px/14px Georgia, serif; }
.featured-post { width:500px; float:left; overflow:hidden; padding:16px 0 0; }
.featured-post p { color:#333; margin:0 0 17px; font:12px/17px Georgia, serif; }
.featured-post a { color:#8DB500; }
.featured-post dl { float:left; overflow:hidden; margin:0 0 0 -10px; font:12px/17px Georgia, serif; }
.featured-post dt { float:left; font-style:italic; margin:0 4px 0 0; padding:0 0 0 10px; background: url(images/bullet02.gif) no-repeat 0 50%; }
.featured-post dd { float:left; margin:0 10px 0 0; }
/* 
 materials
*/

.materials { height: auto; position:relative; margin:0 0 30px; padding:0 0 15px 10px;/*	background: url(images/line03.gif) no-repeat 45px 100%; */ }
.materials:after { content:""; display:block; clear:both; }
.materials h2 { margin:0 0 14px; }
.gallery01 { float:left; width:300px; margin:0 20px 0 0; }
.gallery01 img { float:left; }
.thumbs { width:61px; margin:1px 0 0; float:right; }
.thumbs img { margin:0 0 7px; }
.materials .link-holder { position:absolute; top:-9px; z-index:100; overflow:hidden; right:40px; text-align:right; }
.materials .link-holder a { padding:0 25px 0 0; position:relative; color:#000; margin:0 4px 0 0; text-decoration:underline; background: url(images/bullet01.gif) no-repeat 100% 50%; font:italic 14px/18px Georgia, serif; }
.materials .link-holder a:hover { text-decoration:none; }



/* 
	listings & requests loops front end
	
*/

.gallery-homepage { float:left; width:145px; margin:0 20px 0 0; }
.gallery-homepage img { float:left; }

.listing-spacer-top { display:block; border-bottom:1px dashed #ccc; height:22px; }
.listing-spacer-bottom { display:block; height:20px; }



.materials-post { float:left; overflow:hidden; width:520px; text-align:left; }
.materials-post-want { float:left; overflow:hidden; width:850px; text-align:left; }

.materials-post em { display:block; margin:0 0 13px; font:italic 11px/13px Georgia, serif; }
.materials-post h3 { font-size:15px; line-height:14px; font-weight:bold; color:#9c0; margin:0 0 3px; }
.materials-post a.green { color:#9c0;}
.materials-post p { font:11px/16px Georgia, serif; color:#333; margin:0 0 7px; }

.materials-post dl, .materials-post-listings dl, .materials-post-want dl { float:left; overflow:hidden; margin:0 0 0 -10px; font:11px/17px Georgia, serif; padding:10px 0 10px 0; }
.materials-post dt, .materials-post-listings dt, .materials-post-want dt { float:left; margin:0 4px 0 0; padding:0 0 0 10px; background: url(images/bullet02.gif) no-repeat 0 50%; }
.materials-post dd, .materials-post-listings dd, .materials-post-want dd { float:left; font-weight:bold; margin:0 10px 0 0; }
/* Have header */
.material-header-have { overflow:hidden; height: auto; padding:25px 25px 0px 25px; margin:0 3px 0 0; min-height: 360px; background: url(images/header_have.jpg) no-repeat; }
.material-header-have p { font-size:17px; line-height:22px; color:#fff; margin:25px 75px 0 75px; text-align:left; }
.material-header-have p a { color:#fff; text-decoration:underline; }
.material-header-have p a:hover { text-decoration:none; }
.material-header-have-column { padding-top:10px; }
.material-header-have h3, .material-header-want h3 { color:#fff; font:20px/22px "Trebuchet MS", Helvetica, sans-serif; margin:25px 75px 0 75px; }
/* Want header */
.material-header-want { overflow:hidden; height: auto; padding:25px 25px 0px 25px; margin-right:3px; min-height: 360px; background: url(images/header_want.jpg) no-repeat; }
.material-header-want p { font-size:17px; line-height:22px; color:#fff; margin:25px 75px 0 75px; text-align:left; }
.material-header-want p a { color:#fff; text-decoration:underline; }
.material-header-want p a:hover { text-decoration:none; }
.material-header-want-column { }
/* 
	consulting
	
*/

.consulting { overflow:hidden; padding:0 0 0 44px; height: auto; margin:0 0 20px; background-color:#99cc00; }
.consulting p { font-size:15px; line-height:20px; color:#333; margin:0 0 7px; text-align:left; }
.consulting p a { color:#333; text-decoration:underline; }
.consulting p a:hover { text-decoration:none; }
.column { width:410px; float:left; margin:0 26px 0 0; font:14px/19px "Trebuchet MS", serif; color:#333; padding:25px 0 0 25px; text-align:left; }
/* 
	deconstruction
	
	*note for brevity and code reuse sake all headers that are green utililze .deconstruction
	
	
*/

.deconstruction { overflow:hidden; padding:0 0 0 44px; height: auto; padding:25px 25px 25px 25px; margin-right:3px; background-color:#8DB500; }
.deconstruction p { font-size:17px; line-height:22px; color:#fff; margin:0 0 0 7px; text-align:left; }
.deconstruction p a { color:#fff; text-decoration:underline; }
.deconstruction p a:hover { text-decoration:none; }
.deconstruction a { color:#fff; text-decoration:underline; }
.deconstruction h1 { color: #fff; font-size:21px; background:none; margin-bottom:10px;}
.deconstruction h2 { color: #fff; font-size:19px; background:none; }
.deconstruction h3 { color: #fff; font-size:17px; background:none; }
.deconstruction h4 { color: #fff; font-size:15px; background:none; }
.deconstruction h5 { color: #fff; font-size:13px; background:none; }
.deconstruction-column { }
.spacer-dotted { overflow:hidden; height: auto; padding:16px 47px 16px 0; margin:0 20px 20px; background: url(images/line03.gif) no-repeat 0 100%; }
/* 
	how
	
*/

.how-holder { height: auto; margin:0 0 25px; padding:0 0 0 21px; overflow:hidden; }
.how-holder h4 { font-size:15px; line-height:19px; font-weight:bold; color:#096; margin:0 0 21px 20px; text-transform:uppercase; }
.how-holder .box01 { width:276px; float:left; margin:0 27px 0 0; border-right:2px solid #80ccb3; }
.how-holder ul li { overflow:hidden; height: auto; margin:0 0 17px; }
.how-holder ul li img { float:left; position:relative; margin:0 7px 0 0; }
.how-holder ul li div { float:left; width:244px; }
.how-holder ul li div p { font:13px/18px Georgia, serif; color:#096; padding-right: 5px; }
.how-holder ul li div p a { color:#096; text-decoration:underline; }
.how-holder .box02 { width:294px; float:left; margin:0 27px 0 0; border-right:2px solid #80ccb3; padding:33px 0 0; }
.how-holder .box03 { float:left; padding:33px 0 80px; background: url(images/green-human.gif) no-repeat 45% 100%; }
.how-holder .box03 ul li div { width:220px; }
.box-holder { overflow:hidden; height: auto; margin:100px 0 31px; padding:0 20px 9px 20px; background: url(images/bg-box2.gif) repeat-y 35px 0; }
.box { width:189px; float:left; padding:0 15px; }
.box img { display:block; margin:0 auto 15px; }
.box h5 { font-size:15px; line-height:16px; color:#096; font-weight:bold; text-align:left; }
.box p { color:#096; font-size:13px; line-height:18px; text-align:left; }
/* 
	about
	
*/

.about { height: auto; overflow:hidden; padding:0 0 15px 44px; margin:0 0 40px; }
.about h2 { margin:0 0 22px; }
.about img { float:left; margin:0 36px 0 0; }
.about-content { width:585px; float:left; text-align:left; }
.about-content h3 { font-size:21px; line-height:18px; color:#333; margin:0 0 2px; font-weight:normal; }
.about-content span { font-size:16px; font-weight:normal; }
.about-content strong { font-size:14px; display:block; margin:0 0 27px; line-height:19px; font-weight:bold; color:#096; text-transform:uppercase; }
.about-content p { color:#333; font:13px/18px "Trebuchet MS", Helvetica, sans-serif; }
.about-content p a { color:#9c0; text-decoration:underline; }
/* 
	block
	
*/

.block-3s { float:right; width:240px; padding:0 35px 0 0; }
.block-3s h4 { font:bold 14px/19px Georgia, serif; color:#999; }
.block-3s ul { margin:0 0 12px; }
.block-3s ul li { color:#333; font:13px/18px Georgia, serif; padding:0 0 0 8px; background: url(images/bullet03.gif) no-repeat 0 9px; }
.block-3s p { color:#333; margin:0 0 12px; font:13px/18px Georgia, serif; text-align:left; }
.block-3s p strong { font-weight:normal; color:#096; }
/* 
	footer
	
*/

.footer-wrapper { width:100%; height:720px; margin:-660px 0 0; position:relative; z-index:15; overflow:hidden; background:#333 url(images/bg-footer.gif) repeat-x; }
#footer { width:960px; padding:18px 0 20px; margin:0 auto; }
#footer .footer-top { overflow:hidden; height: auto; }
#footer .footer-nav { float:left; display:inline; margin:4px 0 0 64px; }
#footer .footer-nav li { float:left; font-size:10px; font-weight:bold; margin:0 20px 0 0; }
#footer .footer-nav li a { color:#fff; text-transform:uppercase; }
#footer .box-holder { overflow:hidden; height: auto; margin:100px 0 31px; padding:0 0 9px 50px; background: url(images/bg-box.gif) repeat-y 67px 0; }
#footer .box { width:189px; float:left; padding:0 15px; }
#footer .box img { display:block; margin:0 auto 15px; }
#footer .box h5 { font-size:15px; line-height:16px; color:#656565; font-weight:bold; }
#footer .box p { color:#656565; font-size:13px; line-height:18px; text-align:left; }
.sponsor-list { overflow:hidden; height: auto; margin:0 0 27px; text-align:center; }
.sponsor-list ul li { display:inline; margin:0 7px; }
#footer .bottom-nav { overflow:hidden; height: auto; text-align:center; }
.bottom-nav ul { margin:0 0 8px; }
.bottom-nav li { font-size:10px; line-height:12px; font-weight:bold; display:inline; margin:0 5px; color:#fff; text-transform:uppercase; }
.bottom-nav a { color:#656565; text-decoration:none; }
.bottom-nav a:hover { text-decoration:underline; }
.share { float:right; display:inline; margin:0 64px 0 0; }
.share li { position: relative; list-style-type: none; display: inline; float: left; padding: 0px; }
.share li a { float: left; margin-left: 5px; width: 24px; height: 24px; line-height: 24px; overflow: hidden; font-size: 10px; text-indent: -9999px; color: #2AA7D4; text-decoration: none; vertical-align: middle; background-image: url(images/footer-icons.gif); background-repeat: no-repeat; }
.share li a.myspace { background-position: 0px 0px; }
.share li a.twitter { background-position: -24px 0px; }
.share li a.facebook { background-position: -48px 0px; }
.share li a.delicious { background-position: -72px 0px; cursor: pointer; }
.share li a.digg { background-position: -96px 0px; }
.share li a.stumbleupon { background-position: -120px 0px; }
.share li a.myspace:hover { background-position: 0 -24px; }
.share li a.twitter:hover { background-position: -24px -24px; }
.share li a.facebook:hover { background-position: -48px -24px; }
.share li a.delicious:hover { background-position: -72px -24px; }
.share li a.digg:hover { background-position: -96px -24px; }
.share li a.stumbleupon:hover { background-position: -120px -24px; }
/* 
	header
	
*/

#header { position:absolute; top:0px; left: 0px; z-index:50; width:960px; height:140px; background: url(images/bg-header.gif) no-repeat -1px 100%; }
#header .header-form { position:absolute; top:0px; left:95px; }
#header .signin { float:left; color:#4c442a; font-size:12px; width:83px; text-align:center; height:27px; margin:0 6px 0 0; font-weight:bold; line-height:22px; background: url(images/bg-signin.png) no-repeat 0 0; }
#header .create { float:left; margin:2px 0 0; color:#8db500; font-size:9px; }
#header .sec-nav { position:absolute; right:47px; top:2px; }
#header .sec-nav li { float:left; font-size:10px; text-transform:uppercase; margin:0 0 0 24px; }
#nav { position:absolute; bottom:9px; left:58px; }
#nav li { float:left; display:table; font-weight:bold; text-transform:uppercase; font-size:12px; margin:0 7px 0 0; }
#nav div { float:left; position:relative; }
#nav li a.top-tab { float: left; color:#a7a897; height:41px; background: url(images/sprite01.gif) no-repeat; }
#nav li:hover a.top-tab, #nav li.hover a.top-tab { color:#98CA3C; text-decoration:none; background: url(images/sprite01.gif) no-repeat 0 -41px; }
#nav li a.top-tab em { font-style: normal; }
#nav li a.active, #nav li a.active, #nav li a.current_page_parent, #nav li a.current_page_ancestor { color:inherit; text-decoration:none; background: url(images/sprite01.gif) no-repeat 0 -82px; }
#nav li:hover a.active, #nav li.hover a.active { cursor: default; /*color:#fff; text-decoration:none; background: url(images/sprite01.gif) no-repeat 0 -82px; */ }
#nav li a span { cursor:pointer; text-align:center; display:table-cell; vertical-align:middle; padding:0 10px 0 10px; height:41px; background: url(images/sprite02.gif) no-repeat 100% 0; }
#nav li a.active span { text-decoration:none; background: url(images/sprite02.gif) no-repeat 100% -82px; }
#nav li:hover span, #nav li.hover span, #nav li:hover a.active span, #nav li.hover a.active span { text-decoration:none; background: url(images/sprite02.gif) no-repeat 100% -41px; }
html #nav li a span { padding-top:0px }

/* .thisishome */#nav li:hover .drop, /* .thisishome */ #nav li.hover .drop { display:block; }
#nav li .drop { display:none; width:550px; top:33px; padding:10px 0 0; overflow:hidden; position:absolute; }
#nav li .holder-how-it-works .drop { left:-215px; }
#nav li .holder-material .drop { left:0px; }
#nav li .holder-consulting .drop { left:-80px; }
#nav li .holder-projects .drop { left:0px; }
#nav li .holder-about .drop { left:-110px; }


#nav li .drop-holder-left { float:left; overflow:hidden; padding:4px 0 0; background:url(images/drop-arrow.gif) no-repeat 16% 0; }
#nav li .drop-holder { float:left; overflow:hidden; padding:4px 0 0; background:url(images/drop-arrow.gif) no-repeat 50% 0; }
#nav .drop .left { float:left; width:10px; height:29px; background:url(images/drop-left.png) no-repeat; }
#nav .drop .right { float:left; width:11px; height:29px; background:url(images/drop-right.png) no-repeat; }
#nav .drop .inner { height:29px; float:left; position:static; line-height:27px; background:url(images/drop-center.png) repeat-x; }
.drop ul { float:left; position:relative; height:29px; overflow:hidden; }
#nav li:hover .drop a, #nav li.hover .drop a { height:29px; position:relative; text-transform:none; background:none; color: #666; }
#nav .drop a:hover { background:none; text-decoration:underline; }
#nav .drop li { height:29px; float:left; display:inline; position:relative; padding:0 0 0 12px; margin:0 10px 0 0; background:url(images/bullet04.gif) no-repeat 0 50%; }
#nav .drop li:first-child { background:none; }


#header .sec-nav li a { color:#e3ffe5; }
#backtohome { position: absolute; left: 75px; }
#main .logo { position:absolute; top:48px; z-index:100; text-indent:-9999px; right:62px; width:274px; height:82px; background: url(images/logo.gif) no-repeat; }
#breadcrumb { font-size:14px; margin:0 34px 11px; font-weight:normal; padding:0 0 3px 0; background: url(images/green-point.gif) repeat-x 0 100%; text-transform:uppercase; line-height:28px; color:#9c0; color: #666; }
#breadcrumb a:link, #breadcrumb a:visited { color: #666666; text-decoration: none; }
#breadcrumb a:hover, #breadcrumb a:active { text-decoration: none; color: #98CA3C; }
#breadcrumb strong { font-weight: normal; color: #98CA3C; padding-bottom:10px }




/*HOME SLIDER*/
#billboard { width: 925px; height: 360px; position: relative; margin: 0 auto 30px auto; }
#billboard .billboardwrap { width: 925px; overflow: hidden; height: 360px; margin: 0; position: absolute; top: 0; left: 0; }
#billboard .billboardwrap ul { width: 59999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
#billboard ul li { display: block; float: left; padding: 0; height: 360px; width: 925px; margin: 0; }
#billboard .arrow { display: block; height: 20px; width: 20px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; bottom: 5px; cursor: pointer; }
#billboard .forward { background-position: 0 0; right: 20px; }
#billboard .back { background-position: -20px 0; right: 40px; }
#billboard .forward:hover { background-position: 0 -20px; }
#billboard .back:hover { background-position: -20px -20px; }
#billboard .billboardwrap ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
#billboard .billboardwrap ul ul li { float: none; height: auto; width: auto; background: none; }
#billboard .image { position: relative; margin-bottom: 20px; width: 100%; }
#billboard .image h2 { position: absolute; top: 220px; left: 0; width: 100%; }
#billboard .image h2 span { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
#billboard .image h2 span.spacer { padding: 0 2px; background: none; }
#billboard .textSlide { padding: 10px 30px; }
#billboard .textSlide h3 { font: 20px Georgia, Serif; }
#billboard .textSlide h4 { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#billboard .textSlide ul { list-style: disc; margin: 0 0 0 25px; }
#billboard .textSlide ul li { display: list-item; }
#billboard .quoteSlide { padding: 0px; }
#billboard .quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#billboard .quoteSlide p { text-align: center; }
.text-block { position:absolute; z-index: 8; top:170px; right:40px; width:450px; }
.text-block p { font-size:18px; line-height:29px; color:#fff; }
.text-block a { color:#fff; text-decoration:underline; }
.text-block a:hover { text-decoration:none; }
/*copy over from nav li */


/* 
====================
Admin & Backend Section styles 
====================
*/


/* headers */



h4.context-help { font-size:14px; font-weight:bold; padding:0 0 5px 0; }
h4.context-help em { font-size:12px; font-weight:bold; padding:0 0 10px 10px; }
#admin { font:13px/15px "Trebuchet MS", Helvetica, sans-serif; padding:0 50px 0 50px; }
#admin a:link { padding:5px; color:#333; text-decoration:none; }
#admin a:visited { padding:5px; color:#333; text-decoration:none; }
#admin a:hover { color:#333; text-decoration: underline; font-weight:bold; }
#admin a:active { color:#333; /*text-decoration:underline overline;*/ }
#admin a.thumb:link { padding:0px; background:none; text-decoration:none; }
#admin a.thumb:visited { padding:0px; background:none; text-decoration:none; }
#admin a.thumb:hover { }
#admin a.thumb:active { }
#admin h1 { color:#00856A; font-size:26px; font-weight:normal; line-height:34px; background:transparent url(images/green-point.gif) repeat-x scroll 0 100%; margin:0 0 11px; padding:0 0 3px; text-transform:uppercase; }
h3.admin { color:#99cc00; font-size:20px; font-weight:normal; line-height:34px; margin:0 0 11px; padding:0 0 3px; text-transform:uppercase; }
.list-spacer { height:30px; }
.result-headline { font:16px/18px "Trebuchet MS", Helvetica, sans-serif; font-weight:bold; color:#99CC00; }
#my-listings { padding-bottom:20px; }
.result { }
.listing-headline { }
.listing li { line-height:33px; }
.listing-admin-tools { float:right; font-weight:bold; }
.result-row-colored { background-color:#f7f7f7; border:1px solid #e7e7e7;/*  border-top:1px solid #e7e7e7;*/ }
.result-row-uncolored { }
.message-error { color:red; padding:25px; border:1px solid red; background-color:#FFE3E3; font:33px/35px "Trebuchet MS", Helvetica, sans-serif; font-weight:bold; line-height:50px; }
.message-ok { color:green; padding:25px; border:1px solid green; background-color:#F6FFF6; font:33px/35px "Trebuchet MS", Helvetica, sans-serif; font-weight:bold; line-height:50px; }
.message-ok img { margin-right:10px; }
.login-message-error { color:red; padding:25px; border:1px solid red; background-color:#FFE3E3; font:23px/25px "Trebuchet MS", Helvetica, sans-serif; font-weight:bold; line-height:50px; }
.login-message-ok { color:green; padding:25px; border:1px solid green; background-color:#F6FFF6; font:23px/25px "Trebuchet MS", Helvetica, sans-serif; font-weight:bold; line-height:50px; }
.login-message-ok img { margin-right:10px; }
#link-listing-edit { }
#link-listing-delete { }
#link-listing-view { }
#listing-images-thumbs { width:420px; float:right; background-color:#f9f9f9; border:1px solid #e7e7e7; padding: 0 0 0 25px; margin-right:-25px; }
#listing-thumbs, #listing-images-results img { padding:8px; }
#listing-images-thumbs h4 { font:20px/24px "Trebuchet MS", Helvetica, sans-serif; font-weight:bold; color:#99CC00; margin:10px 0 10px 0;padding:0; text-align:left; }
#listing-images-thumbs h2 { margin: 10px 0 20px 0;}
#listing-images-thumbs p { font:12px/14px "Trebuchet MS", Helvetica, sans-serif; color:#666; padding:0 0 10px 10px; text-align:left; }
#listing-images-thumbs h4 span { font:13px/14px "Trebuchet MS", Helvetica, sans-serif; font-weight:bold; color:#99CC00; }
#listing-thumbs { margin-left:auto; margin-right:auto; width:319px; }
#listing-images-results-msg { font:13px/15px "Trebuchet MS", Helvetica, sans-serif; font-style:italic; width:100%; padding:0 0 10px 14px; text-align:left; }
#listing-more-info { width:321px; float:right; background-color:#f9f9f9; border:1px solid #e7e7e7; padding:25px; }
#listing-more-info li { padding-bottom:10px; }
#listing-more-info em { padding-left:10px; color:#666; font-style:italic; }
#listing-images-upload { width:50%; float:left; }
.gallery-homepage { float:left; width:145px; margin:0 20px 0 0; }
.gallery-homepage img { float:left; }
#inquiry-div { width:90%; background-color:#f9f9f9; border:1px solid #e7e7e7; padding:25px; }
#btn_browse { padding-left:20px; }
#ui-datepicker-div { z-index:9999999; }
#fileQueue { margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto; border:1px solid #E5E5E5; height:100px; overflow:auto; background-color:#fff; width:90%; text-align:center; }

#tos{ height:200px; overflow:auto; font-size:11px; margin:10px 0 10px 0; }
#tos h1 { font-size:28px; margin:0 0 11px; line-height:34px; }
#tos h2 { font-size:23px; margin:0 0 11px; line-height:34px; }
#tos h3 { font-size:20px; margin:0 0 11px; line-height:34px; }
#tos h4 { font-size:18px; margin:0 0 11px; line-height:34px; }
#tos h5 { font-size:15px; margin:0 0 11px; line-height:34px; }


/*  jquery validate styles */
.form label.error { color:red; float:right; display: block; clear: both; }
/* home slider moved to bottom of front end section appx line #396 */