/*

Site: Ingrain
Design: Ingrain
Build: David Stagg for Schipul
URI: www.ingrainrocks.com

*/

html { position: relative; z-index: -1; }

* { margin: 0; padding: 0; }
a img { border: none; }
a { outline: none; color: #e37222; }

@import "/styles/tendenci-styles.css";

body {
	font: 14px/18px Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: #616365;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h4, h5, h6 { font-weight: normal } 

a, a:visited, a:active { color: #fff; text-decoration: none; }
a:hover { }

h1 { font-size: 18px; line-height: 22px; margin-bottom: 15px; color: #fff; }
h2 { color: #e37222; font-size: 16px; line-height: 20px; margin-bottom: 10px; }
h3 { font-size: 14px; margin-bottom: 10px; color: #e37222; }

p { margin-bottom: 10px; }

li div, li span, div { font-size: 14px; }

/* STRUCTURE */

#site-content {
	margin:0 auto 50px auto;
	width: 990px;
	position: relative;
	overflow: hidden;
	}
#sub #site-content {
	background: #fff url(/images/sub-main-bg.jpg) no-repeat top center;
	}
#top-icons { position: absolute; right: 6px; bottom: 30px; }
#l-sidebar {
	position: relative;
	width: 200px;
	float: left;
	z-index: 999;
	}
	#site-content h1 { display: block; margin: 0 0 20px 0; }

#header { position: relative; width: 990px; margin: 0 auto; height: 130px; }
a.ingrain-logo {
		display: block;
		position: absolute;
		bottom: 30px;
		left: 6px;
		width: 183px;
		height: 37px;
		text-indent: -9999px;
		border: none;
		background: transparent url(../images/ingrain-logo.png) top left no-repeat;
		}

#bodycontent #t-user-homepage img { margin: 0; }
		

#content-bg-wrap {width: 990px; height:630px; background:url(../images/bodycontent-bg.png) top left no-repeat; position:relative}

#client-login {
	position: absolute;
	bottom: 40px;
	right: 40px;
	font-size: 10px;
	width: 125px;
	z-index: 999;
	}
	#client-login input {
		border: 1px solid #666;
		padding: 3px;
		color: #4A4848;
		width: 105px;
		}
	#client-login input.button {
		border: 1px solid #666;
		padding: 0;
		width: auto;
		display: block;
		margin-top: 10px;
		clear:both
		}
	#client-login p {
		margin: 0;
		padding: 0;
		}
	#client-login label { margin: 0; padding: 0; }

#rock-sub-container { display: block; width: 934px; height: 186px; position: absolute; top: 70px; left: 26px; }

#main-content, #bodycontent {
	left: 26px;
	top: 90px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	width: 900px;
	height: 500px;
	padding-right: 30px;
	}
.landing #bodycontent {
	height: 300px;
	left: 26px;
	top: 290px;
	}



	#rock-container { margin: 45px 20px 0 40px; display: block; width: 330px; height: 330px; float: left; }

		#sub #bodycontent { width: 600px; height: 400px; top: 94px; padding-right: 25px; }
		
		#main-content h1 {
			text-indent: -9999px;
			height: 1%;
			}
		a.learn-more {
			display: block;
			width: 492px;
			height: 20px;
			text-indent: -9999px;
			background: transparent url(/images/learn-more-cta.jpg) no-repeat top left;
			position: absolute;
			top: 314px;
			left: 263px;
			border: none;
			}
			a:hover.learn-more {
				background: transparent url(/images/learn-more-cta-hover.jpg) no-repeat top left;
				}
		
		#sub #main h1 {
			margin-bottom: 20px;
			}
			#sub #main a h1 {
			padding: 7px;
			}
		
	ul#case-studies {
		position: absolute;
		top: 375px;
		left: 263px;
		margin: 0;
		padding: 0;
		list-style: none;
		}
		ul#case-studies li {
			float: left;
			margin: 0;
			padding: 0;
			display: block;
			}
		ul#case-studies li a {
			display: block;
			width: 70px;
			height: 85px;
			text-indent: -9999px;
			border: 0;
			}

#mediaHolder {
	float:right;
	display:inline;
	text-align:left;
	width:300px;
	padding:0px 10px 0px 10px;
	}

#imageCaption {
	font-size:10px;
	line-height:12px;
	padding-top:5px;
	margin: 5px 0 10px 0;
	}


.ppl {
	margin: 0 0 35px 0;
	}
	#bodycontent .ppl img {
		float: left;
		margin: 0 10px 10px 0;
		}

/* CONTACT PAGE */

#contact-left { float: left; width: 300px; margin-right: 20px; }
#contact-left p { margin-bottom: 4px; }
#contact-left input, #contact-left textarea { font-size: 11px; padding: 4px; margin-bottom: 4px; border: 1px solid #4A4848; background: #2B2A2A; color: #4A4848; }
#contact-right { float: left; width: 300px; }

/* FOOTER */
			
#footer {
	color: #b2b4b3;
	width: 953px;
	margin: 0 auto;
	padding-bottom: 40px;
	}
#footer p, #footer a {
	font-size: 10px; color: #b2b4b3;
	}
	#footer a { text-decoration: underline; border: none; }
	#footer a:hover { text-decoration: none; }

#t-navigation-editor .edit-item-form { margin: -65px 0 0 -400px !important; }
.vevent font { color: #fff !important; font-size: 14px !important; line-height: 18px !important; }
.vevent .summary { color: #fff !important; font-weight: bold; }
.vevent td, .copyright { background: none !important; }

#movie { border: 3px solid #000; }

/* Admin styles for Ingrain only */

#t-user-homepage #right-column, .ui-tabs-panel, #event_bookmarks { background: none !important; }

.modulebox p a { border: none; }

#right-column .content a:hover, #right-column .content a, #right-column .content a:visited { border: none; }
.content-rss a, .content-rss a:hover, .module a, .module a:hover { text-decoration: none; }

.smalltext { font-size: 11px; }

.url { line-height: 22px !important; font-weight: normal !important; text-decoration: none !important; }
.justify { text-align: justify; margin-bottom: 28px; line-height: 22px; width: 840px; }

.clear { clear: both; }

@import "/styles/tendenci-styles.css";