/* Site: 3plains.com */

* {
   margin: 0;
   padding: 0;
   /*line-height: 1;*/
}

body {
   background: #fff url(/uploads/design/bkgd-body.jpg) repeat-x;
   font-size: 62.5%;
   font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   /*font-size:1.2em;*/
   
}

body#home {
   background: #fdfdfc url(/uploads/design/bkgd-site.jpg) repeat-x;
}

hr {
   display: none;
}

#skip {
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

#container {
   width: 860px;
   margin: 0 auto;
}

a {
   overflow: hidden;
}

/* =Header
---------------------------------------------------------------------
*/

#header {
   position: relative;
   z-index: 500;
   height: 136px;
}

#header h1 {
   float: left;
   margin-top: 30px;
   background: url(/uploads/design/logo-header.gif) no-repeat;
   width: 335px;
   height: 105px;
   text-indent: -9999px;
}

#header h1 a {
   display: block;
   width: 335px;
   height: 105px;
}

#header #quick-nav {
   position: absolute;
   top: 7px;
   right: 0;
}

#header #quick-nav li {
   float: left;
   color: #ccc;
   padding: 0 9px 0 11px;
   background: url(/uploads/design/divider-header.gif) no-repeat left center;
   font-size: 1.2em;
   list-style: none;
}

#header #quick-nav li.first {
   background: none;
}

#header #quick-nav a{
   color: #ccc;
   text-decoration: none;
   outline: 0;
}

#header #quick-nav a:hover {
   color: #fff;
   text-decoration: underline;
}


/* =Navigation
---------------------------------------------------------------------
*/

#nav{
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: 999;
   list-style: none;
}

#nav li {
   float: left;
   margin-right: 3px;
   background: url(/uploads/design/bkgd-nav-tab-right.gif) no-repeat right top;
   font-size: 1.2em;
}

#nav li.current {
   background-position: right bottom;
}

#nav li a {
   float: left;
   display: block;
   height: 22px;
   padding: 9px 14px 0;
   background: url(/uploads/design/bkgd-nav-tab-left.gif) no-repeat left top;
   color: #fff;
   text-decoration: none;
}

#nav li.current a {
   background-position: left bottom;
   color: #27333a;
}

#nav li:hover,
#nav li.sfhover {
   background-position: right -31px;
}

#nav li.current:hover,
#nav li.sfhover.current {
   background-position: right bottom;
}

#nav li:hover a,
#nav li.sfhover a {
   background-position: left -31px;
   color: #fff;
}

#nav li.current:hover a,
#nav li.sfhover.current a {
   background-position: left bottom;
   color: #27333a;
}

#nav li#nav_home.current {
   background-position: right top;
}

#nav li#nav_home.current a {
   background-position: left top;
   color: #9baab5;
}

#nav li.current#nav_home:hover,
#nav li.current.sfhover#nav_home {
   background-position: right -31px;
}

#nv li.current#nav_home:hover,
#nav li.current.sfhover#nav_home a {
   background-position: left -31px;
   color: #fff;
}

#nav li ul {
   clear: left;
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 161px;
   margin-top: 30px;
   margin-left: -1px;
   _margin-top: 0; /* IE6 only */
   border: 1px solid #e2e2e2;
   border-top: 0;
   border-bottom: 0;
   list-style: none;
   line-height: 1;
}

/* http://thatnorwegianguy.wordpress.com/2007/03/20/ie7-css-filter-hack/ */
*+html #nav li ul{
   margin-top: 0;
}

#nav li li {
   display: inline;
   _display: block;
   float: none;
   _float: left;
   margin: 0;
   font-size: .9em;
   text-transform: none;
}

#nav li ul ul {
   margin: -31px 0 0 161px;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul {
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
   left: auto;
}

#nav li li li {
   font-size: 1em;
}

#nav li:hover li a,
#nav li.sfhover li a {
   float: none;
   width: 133px;
   height: auto;
   padding: 9px 14px;
   border-top: 1px solid #f5f5f5;
   border-bottom: 1px solid #e2e2e2;
   background: #f5f5f5;
   color: #27333a;
}

#nav li:hover li a:hover,
#nav li.sfhover li a:hover {
   background: #dcf3e9;
}

/* =Container-Inner
---------------------------------------------------------------------
*/



/* =Content-Wrap
---------------------------------------------------------------------
*/

#content-wrap{
   float: left;
   width: 860px;
   margin-top: 66px;
   background: #fff url(/uploads/design/bkgd-content.gif) repeat-y 612px 0;
}

body#home #content-wrap{
   margin-top: 26px;
   background: none;
}

body#no-sidebar #content-wrap {
   background: none;
}

#index-splash {
   position: relative;
   width: 519px;
   height: 230px;
   margin-bottom: 24px;
   padding: 44px 50px 0 321px;
}

#index-splash h2 {
	font-size: 2.4em;
	margin: 0px 0px 14px 0px;
}

#index-splash p {
   color: #192227;
   font-size: 1.4em;
   line-height: 1.5;
}

#index-splash p em,
#index-splash p i {
   color: #192227;
   font-size: 1.1429em;
   font-weight: bold;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#index-splash #index-icons {
   position: absolute;
   top: 183px;
   right: 25px;
   width: 562px;
}

#index-splash #index-icons ul {
   margin: 16px 0 0 24px;
}

#index-splash #index-icons li {
   float: left;
   margin-right: 16px;
   list-style: none;
   text-align: center;
}

#index-splash #index-icons img {
   display: block;
   margin-bottom: 3px;
   border: 0;
}

/* =Content
---------------------------------------------------------------------
*/

#content {
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 565px;
   margin-left: 14px;
}

body#home #content{
   width: 860px;
   margin: 5px 0 10px;
}

body#no-sidebar #content{
   width: 846px;
}

#content h2 {
   position: relative;
   z-index: 5;
   margin-top: -45px;
   margin-bottom: 44px;
   margin-bottom:38px;
   color: #192227;
   font-size: 2.2em;
   font-weight: bold;
   letter-spacing: -.04em;
}


body#home #content h2 {
   margin: 0 0 .5em 0;
   color: #192227;
   font-size: 1.8em;
   font-weight: bold;
}

#content h3 {
   color: #192227;
   font-size: 1.8em;
   margin: 0px 0px 0px 0px;
}

#content h4 {
   font-size: 1.5em;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   color: #CD411D;
}

#content h5 {
   color: #192227;
   font-size: 1.6em;
   margin: 18px 0px;
}

#content h6 {
   color: #8DB826;
   font-size: 1.3em;
   text-transform: uppercase;
}

#content p,
#content b,
#content ul,
#content ol,
#content td{
   margin-bottom: 1em;
   color: #272D2F;
   font-size: 1.2em;
   line-height: 1.5;
}

body#home #content p{
   color: #192227;
}

body#home #content p.more {
   position: absolute;
   left: 0;
   bottom: 0;
   clear: both;
   width: 241px;
   margin: 0;
   padding: 3px 0;
   font-size: 1.3em;
}

body#home #content p.more a {
   color: #192227;
   text-decoration: underline;
}

body#home #content p.more a:hover {
   color: #192227;
   text-decoration: none;
}

#content ul,
#content ol{
   margin-left: 3em;
}

#content ul#byline{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-bottom: 10px;
   font-size: 1.1em;
   list-style: none;
}

#content li{
   line-height: 1.5;
}

#content blockquote{
   margin-left: 3em;
}

#content hr {
   display: block;
   margin-bottom: 1em;
}

#content a {
   color: #00693c;
}

#content a:hover {
   text-decoration: none;
}

#content #text {
   clear: both;
}

body#home #content div {
   display: inline; /* IE6 double margin float bug hack */
   position: relative;
   float: left;
   width: 241px;
   height: 340px;
   margin: 0 0 0 35px;
   padding: 11px 20px 10px 0;
   border-right: 1px solid #dbdbdb;
}

body#home #content #features {
   margin: 0 0 0 12px;
}

#content #features ul {
   margin: 0;
   padding: 0;
   list-style-type: disc;
}

#content #features li {
   margin-bottom: .25em;
   padding-left: 15px;
   background: url(/uploads/design/icon-bullet.gif) no-repeat left center;
   color: #192227;
   list-style: none;
}

#content #features li a{
   text-decoration: none;
}

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

body#home #content #features {
   width: 243px;
   padding-right: 18px;
}

#content #features h3 img{
   padding: 0 6px;
   background: 0;
   border: 0;
}

body#home #content #clients {
   width: 249px;
   margin: 0 0 0 23px;
   padding-right: 0;
   border: 0;
}

#content #clients img {
   border: 5px solid #D2D5C8;
}

#content #clients p.caption{
   margin-bottom: 0;
   font-size: 1.1em;
}

body#home #content #clients #client-rotator {
   width: 249px;
   height: 178px;
   margin: 0 0 0 0px;
   padding: 0;
   border: 0;
}

#content .posts { margin-left:1.5em; }
#content .posts li { padding-bottom:2px; line-height:1.3; margin:0; }

/* =Clients
---------------------------------------------------------------------
*/

body#clients #content h3{
   /*margin-bottom: 0;*/
   margin-bottom: 48px;
}

body#clients #content h4{
   margin: 0 0 1.5em 13px;
   color: #3F4D56;
   font-size: 1.1em;
   font-weight: normal;
   font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

body#clients #content h4 strong,
body#clients #content h4 b{
   margin-right: 5px;
   color: #84AC26;
   font-size: 1.3636em;
}

body#clients #content img {
   padding: 2px;
   border: 12px solid #E0E3D8;
   background: #CBCEC2;
}

body#clients #content #client-text{
   position: relative;
   width: 539px;
   margin: 17px 0 0 14px;
}

body#clients #content #client-text h5{
   margin-bottom: .75em;
   padding-bottom: 10px;
   border-bottom: 1px solid #CBCEC2;
   color: #3F4D56;
   font-size: 1.2em;
}

body#clients #content #client-text p.features{
   position: absolute;
   top: 0;
   right: 0;
   padding-left: 15px;
   background: url(/uploads/design/bg_features.gif) no-repeat;
   color: #3F4D56;
   font-size: 1.1em;
}

/* =Sidebar
---------------------------------------------------------------------
*/

#sidebar {
   display: inline; /* IE6 double margin float bug hack */
   width: 216px;
   float: right;
   margin: 19px 14px 0 0;
}

#sidebar #subnav-wrap {
   margin-bottom: 37px;
}

#sidebar #subnav {
   width: 201px;
   padding: 13px 6px 13px 0px;
}

#sidebar #subnav li {
   display: none;
   font-size: 1.2em;
   font-weight: none;
   list-style: none;
}

#sidebar #subnav li.current {
   display: block;
}

#sidebar #subnav li.current a {
   display: block;
   margin: 0px 10px 8px 0px;
   padding-bottom: 6px;
   border-bottom: 1px solid #e3e3e3;
   color: #384751;
   text-decoration: none;
}

#sidebar #subnav li.current h6 {
	font-size: 1.4em;
	margin: 0px 0px 0px 4px;
	color: #192227;
}

#sidebar #subnav li.current li {
   display: block;
   font-size: 1em;
   text-indent: 0;
}

#sidebar #subnav li.current li a {
   height: 20px;
   margin: 0;
   padding: 2px 0px 0px 8px;
   border: 0;
   color: #00693c;
   text-decoration: underline;
}

#sidebar #subnav li.current li a:hover {
   background-position: left bottom;
   text-decoration: none;
}

#sidebar .sidebar-box {
   margin: 0 6px 35px 2px;
}

#sidebar .sidebar-box h3 {
   margin-bottom: .3em;
   color: #00693c;
   font-size: 1.2em;
   font-weight: bold;
}

#sidebar .sidebar-box p {
   margin-bottom: .25em;
   color: #272D2F;
   font-size: 1.1em;
   line-height: 1.25;
}

#sidebar .sidebar-box p.more {
   font-weight: normal;
   text-align: right;
   text-transform: lowercase;
}

#sidebar .sidebar-box p.more a {
   color: #00693c;
}

#sidebar .sidebar-box p.more a:hover {
   text-decoration: none;
}

#sidebar .sidebar-box img {
   display: block;
   margin: 7px 0;
   border: 5px solid #e3e3e3;
}

/*-------------------------- Blog ----------------------------------*/
#content.blog #text h2 {
   margin:0 0 12px 0;
   color: #192227;
   font-size: 2.2em;
   font-weight: bold;
   letter-spacing: -.04em;
}

#content #text h3.blog {
   margin:0 0 5px 0;
}
#content h3.comments { margin-bottom:10px; }

h6.blog { font-size:1.4em; border-bottom:1px solid #E3E3E3; /*color:#192227; display:block; margin:0 10px 8px 0; padding-bottom:6px; text-decoration:none;*/
   display: block;
   margin: 0px 10px 8px 0px;
   padding-bottom: 6px;
   border-bottom: 1px solid #e3e3e3;
   color: #384751;
   text-decoration: none; } 

.tease { overflow:hidden; }
.tease img { float:right; width:250px; border:1px solid #384751; }
#content .tease p { margin:0 0 10px 0; }
   
   /* blog photos directory */
	#content .newsPhoto { margin:5px 0; border:1px solid #ccc; }
	#content #commentlist { margin-left:0; }
	#content .comment { list-style:none; border:1px solid #A7ACAE; padding:10px; background:#eee; font-size:.8em; margin-bottom:10px; }

#about-author { overflow:hidden; }
#about-author img { margin-right:10px; float:left; border:1px solid #272D2F; }	

/* Comment Form */
#commentsform {
	border-bottom: 4px solid #a7acae;
	margin:20px 0;
	padding:10px;
	border-top: 4px solid #a7acae;
	border-right: 1px solid #a7acae;
	border-left: 1px solid #a7acae;
	background: #dbdbdb;
}
#commentsform input[type=text], textarea {
	/*background-color: #f8f7ef;*/
	border: 1px solid #a7acae;
}
#commentsform fieldset {
	margin: 20px 0px;
	width:100%;
	display: block;
	border: 1px solid #f8f7ef;
}
/*label {color: #860b04;}*/

/**************** Errors ****************/

.error { padding:10px; border:1px solid #b64f4f; background:#facfcf;}
.error ul { margin:5px 0 0 5px; padding:0; }
.error li { list-style:none; color:red; }

/*------------------------ End Blog --------------------------------*/

/* =Footer
---------------------------------------------------------------------
*/

#footer-outer {
   clear: both;
   padding: 15px 0 100px;
   border-top: 5px solid #dbdbdb;
   background: #0b1013 url(/uploads/design/bkgd-footer.jpg);
}

#footer {
   width: 860px;
   height: 27px;
   margin: 0 auto;
   padding: 16px 0px 0 0px;
}

#footer p {
   float: left;
   color: #fff;
   font-size: 1.2em;
}

#footer-outer p.back {
   /*float: right;*/
   width:860px;
   margin:0 auto;   
   font-size: 1em;
   text-align:center;
}

#footer-outer p.back a {
   display: block;
   padding: 3px 0px 2px 180px;
   color: #ccc;
   text-decoration: none;
}

#footer #footer-nav {
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-left: 21px;
}

#footer #footer-nav li {
   float: left;
   padding: 0 9px 0 11px;
   background: url(/uploads/design/divider-footer.gif) no-repeat left center;
   font-size: 1.2em;
   list-style: none;
}

#footer #footer-nav a {
   color: #ccc;
   text-decoration: none;
}

#footer #footer-nav a:hover,
#footer #footer-nav .current a {
   color: #fff;
   text-decoration: underline;
}

#footer #footer-nav li li {
   display: none;
}

#footer #bbb { color:white; position:relative; text-align:right; top:-25px; height:99px; width:180px; float:right; }
	.bbbtext { position:absolute; right:67px; top:70px; line-height:1.2; font-size:1.5; }


/*	gallery
---------------------------------------------*/
	#gallery-header {
		background: none;
		float: left;
		width: 582px;
		margin: 0 0 2em 0;
	}

	#gallery-capsule {
		background: none;
		float: left;
		width: 582px;
		margin: 0 0 3em 0;
	}

	#gallery-thumb {
		float: left;
		width: 240px;
		margin: 0 0 0 0;
	}
	
	#gallery-thumb img {
		float: left;
		margin: 0 0 0 0;
	}
	
	#gallery-detail {
		float: left;
		width: 582px;
		margin: 0 0 1em 0;
	}
	
	#gallery-detail h1 {
		font-size: 2.65em;
		line-height: .8em;
		border-bottom: none;
		margin: 0 0 .4em 0;
	}
	
	#gallery-detail h2 {
		font-size: 1.75em;
		line-height: .8em;
		border-bottom: none;
		margin: 0 0 .4em 0;
	}
	
	#gallery-info {
		float: right;
		width: 318px;
		margin: .2em 0 0 0;
	}
	
	#gallery-info h2 {
		font-size: 1.85em;
		line-height: .8em;
		border-bottom: none;
		margin: 0 0 .4em 0;
	}
	
	.description {
		font-size: 1.1em;
		line-height: 1.7em;
		color: #424242;
	}
	
	.detail-description {
		font-size: 1.1em;
		line-height: 1.7em;
		color: #424242;
		margin: 0 0 1.6em 0;
	}
	
	.photo-by {
		font-size: 1.1em;
		line-height: 1.7em;
		color: #424242;
	}
	
	.uploaded {
		font-size: 1.1em;
		line-height: 1.7em;
		color: #424242;
	}
	
	.location {
		font-size: 1.1em;
		line-height: 1.7em;
		color: #424242;
	}
	
	.tags {
		font-size: 1.1em;
		line-height: 1em;
		color: #424242;
	}
	
	.tagged {
		font-size: 1.1em;
		line-height: 2.4em;
		color: #424242;
	}
	
	.additional-info {
		font-size: 1.1em;
		line-height: 1.7em;
		color: #424242;
	}
	
	.results {
		font-size: .9em;
		line-height: 2.6em;
		color: #8a8a8a;
	}
	
	#gallery-footer {
		background: none;
		float: left;
		width: 582px;
		margin: 0 0 2em 0;
		padding: 0 0 2em 0;
		text-align: center;
	}
	
	#gallery-footer-nav a {
		font-size: 1.1em;
		border: #8a8a8a 1px solid;
		margin: 0 2px 0 2px;
		padding: 2px 7px 2px 7px;
		text-decoration: none;
	}
	
	#gallery-footer-nav a:hover {
		background: #1EAD6E;
		font-size: 1.1em;
		color: #fff;
		border: #424242 1px solid;
		margin: 0 2px 0 2px;
		padding: 2px 7px 2px 7px;
		text-decoration: none;
	}