/* CSS CODE BY MANIFEST CREATIVE */
/* www.manifestbozeman.com */

/***************************************************
BIGGERSTAFF CONSTRUCTION
www.bcimt.com

Project Coding Began: 02/23/2010
Lead Programmer: Philip Downer

VERSION: 1.0

NOTES:
v1.0 - Initial Site Launch
---------------------------
Design by ClassicInk (http://www.classicink.biz)
Designer: Molly Freze
****************************************************/

@import url('pages.css');

/**********************************************************
***********************************************************/
/* !DOCUMENT SETUP */
/***********************************************************
***********************************************************/
body {
	margin:0;
	padding:0;
	background: #dcdcc3;
}

#wrapper {
	width:798px;
	margin:0 auto;
	/*border:1px solid red;*/
}

#header{
	background: transparent url(../images/template/bg_header.jpg) no-repeat top left;
	min-height: 163px;
}

#container {
	clear:both;
	background: transparent url(../images/template/bg_container.jpg) repeat-y top left;
	min-height:100px;
}

#content{
	width:758px;
	margin:0 auto 100px auto;
	padding:20px;
	position: relative;
	z-index: 10;
}

#footer{
	clear:both;
	background: transparent url(../images/template/bg_footer.jpg) no-repeat top left;
	min-height: 256px;
	margin-top:-190px;
	position: relative;
	z-index: 1;
}

/**********************************************************
***********************************************************/
/* !BASIC TEXT */
/***********************************************************
***********************************************************/
body,p.normalfont,.intro p.normalfont {
	/*font-family:'Lucida Sans','Lucida Grande','Lucida Unicode',lucida,sans-serif;*/
	font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size:12px;
	line-height:20px;
	color:#000;
}

p {
	margin-bottom:15px;
}

p:last-child {
	margin-bottom:0;
}

a,.blue {
	color:#0f2d6b;
	text-decoration: underline;
}
a:hover,
.blue:hover {
	color:#fff;
}

/* HEADINGS */
h2 {
	color:#462611;
	font-weight: bold;
	font-size:14px;
	padding-bottom: 10px;
	text-transform: uppercase;
}

/* INTRO AREA */
.intro, .intro p {
	font-size:14px;
	line-height: 22px;
	color:#fff;
	font-weight: bold;
	letter-spacing: 0.2mm;
	text-shadow: 1px 1px #8a7a5c;
}
	.intro .rightcol p {
		padding-right:20px;
	}
	.intro a {
		color:#462611;
	}

/* QUICK COLORS */	
.blue {
	color:#0f2d6b;
}
.white {
	color:#fff;
}

/* DEEP LINKS */
.deeplink {
	text-transform: uppercase;
	font-size:14px;
	color:#0f2d6b;
}
	.deeplink a:hover,
	.deeplink .current {
		color:#fff;
		font-weight: bold;
	}

/* FOOTER LINKS */	
#footer, #footer a {
	color: #42210b;
}
	#footer a {
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	
/** QUICK ALIGNMENT **/
.aligncenter {
	text-align:center;
}
img.aligncenter {
	margin:0 auto 10px auto;
}

/** QUICK FLOATS **/
.clearboth {
	clear:both;
}

/**********************************************************
***********************************************************/
/* !HEADER */
/***********************************************************
***********************************************************/
/** LOGO **/
p#logo {
	width:245px;
	margin:0 auto;
	padding:15px 0;
}

/** NAVIGATION MENU **/
#menu {
	width:780px;
	background: transparent url(../images/template/bg_menu.png) repeat-x top left;
	padding:0 0 0 18px;
	position:relative;
	z-index: 99;
	/*height:36px;*/
}
#menu ul {
	display:block;
	clear:both;
}

#menu ul li {
	float:left;
	display:block;
	margin:0 5px;
	list-style-type: none;
	width:90px;
	height:18px;
	padding:8px 0;
	text-align:center;
	color:#fff;
	text-transform: uppercase;
	font-size:13px;
	letter-spacing: 0.1mm;
	text-decoration:none;
}
	#menu ul li.home {
		width:60px;
	}
	#menu ul li.contact {
		width:70px;
	}
	#menu ul li.about,
	#menu ul li.services {
		width:80px;
	}
	#menu ul li.buildingstyles {
		width:125px;
	}
	#menu ul li.sustainablepractices {
		width:180px;
	}
	
	/* PARENT LINKS */
	#menu ul li a {
		color:#fff;
		text-decoration: none;
		/*height:18px;
		padding:8px 0;*/
	}
		#menu ul li a:hover {
			/*text-decoration: underline;*/
		}

#menu ul ul {
	position: relative;
	left:-999em;
	margin-top:6px;
	padding:8px 0;
	margin-left:0;
	background: transparent url(../images/template/bg_submenu.png) repeat top left;
	min-width: 200px;
}

#menu ul li:hover ul,
#menu ul li a:hover ul,
#menu ul li ul:hover {
	left:auto;
}

#menu ul ul li {
	float:none;
	text-align: left;
	height:auto;
	width:200px;
	font-family:'Lucida Sans','Lucida Grande','Lucida Unicode',lucida,sans-serif;
	font-size:14px;
	line-height:20px;
	margin:0 0 5px 0;
	padding:0 0 4px 0;
	height:19px;
}
	#menu ul ul li:hover {
		background: #a59982 url(../images/template/bg_submenu-arrow.png) no-repeat 0 2px;
	}
	
	#menu ul ul li a {
		color:#fff;
		font-size:80%;
		padding: 0 5px 0 15px;
		color:#fff;
		margin:0;
		height:17px;
	}
		#menu ul ul li:hover a {
			color:#000;
			text-decoration: none;
		}
/**********************************************************
***********************************************************/
/* !CONTENT */
/***********************************************************
***********************************************************/
#content{}

/** SLIDESHOWS **/
div.slideshow {
	width:798px;
	height:299px;
	position: relative;
	z-index: 2;
}

div#slideshow_nav {
	position: relative;
	z-index: 1;
}
	div#slideshow_nav a {
		position: absolute;
		top:125px;
	}
	div#slideshow_nav a#prev {
		left:-39px;	
	}
	div#slideshow_nav a#next {
		left:790px;
	}

/** INTRO HEADERS **/
h1 {
	text-indent:-9999em;
	position: relative;
	text-align: left;
}

/** SECTION BORDERS **/
#content .borderbottom {
	border-bottom:2px solid #492913;
}

#content .intro.borderbottom {
	padding-bottom:10px;
	width:758px;
}

/** FAKE COLUMN FOR CONTENT **/
#content.columns {
	background: transparent url(../images/template/bg_column-divider.png) repeat-y 20px 20px;
}

/** COLUMN SETUP **/
#content .leftcol {
	width:260px;
	float:left;
	clear:both;
	text-align:right;
}
#content .rightcol {
	float:right;
	width:462px;
}
#content .group {
	clear:both;
	padding:20px 0;
}

#content .halfwidth {
	width: 330px;
	padding: 0 20px;
	text-align:left;
}

/**********************************************/
/* !LISTS */
/**********************************************/
ul.links-list {
	line-height:220%;
	list-style: disc inside none;
	margin-left:10px;
	color:#654e3e;
}
	ul.links-list a {
		text-decoration:none;
		border-bottom: 1px solid #0f2d6b;
	}
	ul.links-list a:hover {
		border-bottom-style: dotted;
	}
	ul.links-list a:visited {
		color:#3c4964;
		border-bottom-color: #3c4964;
	}

/** INLINE TEXT LISTS **/	
ul.inline li,
ol.inline li {
	display: inline;
}
#content ul.center,
#content ol.center {
	margin:0 auto;
}
#content ul.shorten,
#content ol.shorten {
	width:325px;
}

#content ul.textlist {
	margin-left:20px;
	text-align: left;
}
#content ul.textlist li {
	line-height:16px;
	margin-bottom: 10px;
	list-style: disc inside none;
}

/** STEPS LISTS **/
#slider.construction_steps,
#slider ol.steps {
	background: transparent;
}
ol.steps li {
	padding:0 0 20px 85px;
	min-height: 35px;
}
	ol.steps li.step-1 {
		background: transparent url(../images/text/step-1.png) no-repeat 0 6px;
	}
	ol.steps li.step-2 {
		background: transparent url(../images/text/step-2.png) no-repeat 0 6px;
	}
	ol.steps li.step-3 {
		background: transparent url(../images/text/step-3.png) no-repeat 0 6px;
	}
ol.steps h3 {
	text-transform: uppercase;
	font-size:16px;
	margin-bottom: 5px;
	color:#462611;
	font-weight: normal;
}

/** SUBNAV LISTS **/
ul.subnav {
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	font-variant: small-caps;
	margin-bottom:30px;
}
	ul.subnav a {
		text-decoration: none;
		color: #081f4f;
	}
	ul.subnav a:hover {
		text-decoration: underline;
	}

ul.subnav ul {
	font-size:12px;
	line-height:20px;
	font-weight: normal;
	margin-bottom: 15px;
	font-variant: normal;
	font-family:'Lucida Sans','Lucida Grande','Lucida Unicode',lucida,sans-serif;
}
	ul.subnav ul a {
		text-decoration: underline;
		color: #0f2d6b;
	}
	ul.subnav ul a:hover {
		text-decoration: none;
	}

/** FLOAT LIST TO CENTER **/
#content ul.floatcenter {
	width:300px;
	margin:0 auto;
}


/** SIMPLE TEXTWIDTH **/
#content .group.textwidth,
#content .textwidth {
	width:658px;
	padding:20px 50px;
}

/** FORCE FULL WIDTH BEYOND PADDING **/
#content .fullwidth {
	width: 798px;
	margin-left:-20px;
	overflow: hidden;
}

/** FORCE NO MARGINS BEYOND PADDING **/
#content .nomargins {
	margin-top: inherit;
	margin-bottom: inherit;
	margin-left: -20px;
	margin-right: 0;
}

#content .leftcol .nomargins {
	width: 250px;
	padding:10px 17px 10px 30px;
}

#content .nomargins.block {
	background: transparent url(../images/template/bg_white-11.png) repeat top left;
	font-size:14px;
	line-height: 24px;
}

/** PHOTO COLUMN PAGES **/
#content.columns.photocolumns {
	background-position: 21px 20px;
}

#content.columns.photocolumns .leftcol,
#content.columns.photocolumns .leftcol.nomargins {
	width:298px;
}

#content.columns.photocolumns .rightcol {
	width:455px;
}

#content.columns.photocolumns p.thumb {
	padding:21px 0 22px 0;
	height:120px;
	width:298px;
	overflow: hidden;
	margin:-18px 0 0 0;
	text-align: left;
}
	#content.columns.photocolumns p.thumb:hover {
		background: transparent url(../images/template/bg_structures-photo.png) no-repeat top left;
	}
	
#content.columns.photocolumns .intro p.enlargephotos {
	width:100%;
	margin:15px 0 0 -20px;
}

/** OTHER MISC STUFF **/
#content p.padding-top {
	padding-top: 20px;
}

#content p.margintop {
	margin-top:20px;
}

#content p.nomarginbottom {
	margin-bottom:0;
}

#content p span.caps {
	text-transform: uppercase;
	font-weight: bold;
}

#content .leftcol p.morelinks,
#content .leftcol ul.morelinks {
	text-align:left;
	padding:0 10px;
	font-family:'Lucida Sans','Lucida Grande','Lucida Unicode',lucida,sans-serif;
	font-size:11px;
}
	#content .leftcol p.morelinks {
		font-style: italic;
	}
	
/** RELATED LINKS **/
p.related {
	font-style: italic;
	font-weight:bold;
	padding:15px 0 0 25px;
	margin-top:15px;
	border-top:1px solid #9a8a6d;
	color:#6f5932;
}	
	p.related a {
		color:#8c7752;
		text-decoration: none;
		border-bottom:1px dotted #8c7752;
	}
	p.related a:hover {
		color:#6f5932;
	}

/**********************************************************
***********************************************************/
/* !FOOTER */
/***********************************************************
***********************************************************/
#footer {
	text-align:center;
	text-indent: -50px;
}

ul#footer_nav {
	padding-top:200px;
}
ul#footer_nav li {
	display: inline;
	text-transform: uppercase;
	font-size:14px;
}
	ul#footer_nav a {
		padding:0 10px;
	}