/* //////////////////////////////////////////// */
/*												*/
/*		STRONGWATER'S PORTFOLIO STYLING			*/
/*				Version 1.0						*/
/*			by Daniel Strongwater				*/
/*		http://www.strongwaterdesign.com		*/
/*												*/
/* //////////////////////////////////////////// */


/* /////////////////// RESET CSS v1.0 | 20080212 meyerweb.com ///////////////// */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 1em; vertical-align: baseline; background: transparent;}
section, article, aside, header, footer, nav, dialog, figure { display:block; }
body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';}
*{margin:0;padding:0;outline:0;border:0;}


/* /////////////////////////// General styles /////////////////////// */

	body, html {
		min-height:600px;
		background:#FFFFFF;
	}
	 p, b, i {
		font-family:Georgia, "Times New Roman", Times, serif;
	}
		
	h1,h2,h3,h4,h5,h6{
		font-family:"Gill Sans", "Gill Sans MT", "Helvetica", "Arial", sans-serif;
		font-weight:normal;
	}
	p {
		font-size:12px;
		line-height:16px;
		margin-bottom:20px;
	}
	a, a:visited, a:active {
		color:#aaa;
		text-decoration:none;
	}
	a:hover {
		color:#f66;
	}
	blockquote {
		margin-top:-10px;
		margin-bottom:10px;
		margin-left:20px;
		font-style:italic;
	}
	
/* ////////////////////////// Generic /////////////////// */
	
	span.smcaps {
		text-transform:uppercase;
		font-size:smaller;
	}
	span.light {
		color:#ccc;
	}
	.left {
		float:left;
	}
	.right {
		float:right;
	}
	.clear {
		clear:both;
	}
	.smimage {
		padding:30px;
	}
	.blank {
		width:1px;
		height:1px;
		margin:-1px -1px 0 0;
	}
	
/* ////////////////////////// Left navigation sidebar /////////////// */
	.left.sidebar {
		width:228px;
		height:100%;
		position:fixed;
		padding-top:50px;
		padding-left:40px;
		background:#FFFFFF;
	}
	
	#logobox {
		width:351px;
		height:165px;
		position:relative;
		top:-7px;
		left:-137px;
		overflow:visible!important;
		z-index:1000;
		background:url('../imgs/strongdesignlogo.png') right 0 no-repeat;
		margin-bottom:10px;
	}
	#logobox a {
		display:block;
		width:351px;
		height:165px;
	}
	.navigation{
		font-size:50px;
		line-height:70px;
		width:160px;
		background:#fff;
	}
	.accordion {
		width:180px;
	}
	.navigation a {
	}
	.sub-menu {
	}
	.sub-menu ul {
		height:70px;
	}
	.sub-menu ul li {
		font-family:Helvetica, Arial, sans-serif;
		border-left:1px dotted #aaa;
		text-decoration:none;
		text-align:left;
		margin-left:15px;
		padding-left:15px;
		display:block;
		margin-bottom:7px;
		font-size:12px;
		line-height:11px;
		color:#000;
	}
	ul.toc li ul li a:hover {
		color:#F00;
	}
	ul li h1{
		font-size:25px;
	}
	
	.content {
		margin-left:290px;
		position:relative;
		height:400px;
		top:91px;
		padding-top:52px;
		padding-bottom:150px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		line-height:18px;
		border-top:1px #F99 solid;
	}
	
	
	
	h1.large {
		font-size:55px;
		margin-top:47px;
		line-height:70px;
		color:#333;
	}
	.reachbox {
		margin-top:130px;
	}
	h1.contact {
		font-size:55px;
		line-height:70px;
	}





.vimeo {
	margin:20px;
	position:relative;
	box-shadow: 0px 0px 12px #999;
	-moz-box-shadow: 0px 0px 12px #999; /* Firefox */
	-webkit-box-shadow: 0px 0px 12px #999; /* Safari, Chrome */
}

* .vimeo {
	x-index:1 !important;
}

.bedimage {
	width:614px;
	height:425px;
	background:url(/imgs/bedroom.png) left bottom no-repeat;
}
.bedimage:hover {
	background-position:left top;
}


#wrapper {
	width:690px;
	height:675px;
	position:absolute;
	top:0;left:0;
	overflow:hidden!important;
	background:#fff;
	
}

	#mask {
		width:3450px;
		height:675px;
		z-index:-1;
	}

	.item {
		width:690px;
		height:675px;
		float:left;
		
	}
	.box h2, .box .caption, .box p {
		margin-left:20px;
		line-height:15px;
	}
	.box h2 {
		font-size:20px;
		margin-bottom:5px;
	}
	.box .caption {
		padding-top:3px;
		line-height:35px;
		color:#aaa;
	}
	.box p {
		clear:both;
		width:400px;
	}
	.home {
		position:relative;
		top:80px;
		padding-bottom:10px;
		width:500px !important;
	}
	
	
	
	span.selected {
		color:#f00;
	}
	
	p.about {
		position:relative;
		top:145px;
		margin-left:0!important;
	}
	
	
	
	
	
	/*//////////////////// Video Player ///////////// */
	
/* ////////////////////// PUSHUP STYLES //////////////////// */

#pushup {
  position: fixed;
  top: 10px;
  right: 10px;
  margin: 0;
  padding: 4px;
  background: #ffffc6;
  border: 1px solid #b0dfc8;
  z-index: 9999;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}
* html #pushup {
  position: absolute;
  top: expression(_pushupIETop = 10 + (document.documentElement.scrollTop || 0) + 'px');
}
#pushup * {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.withReminder { padding-bottom: 6px; }
#pushup a { 
  outline-style: none;
  text-decoration: none;
}

#pushup .pushup_messageLink {
  float: left;
  position: relative;
  color: #4293cd;
  font-size: 12px;
  cursor: pointer;
}

#pushup .pushup_icon {
  position: relative;
  float: left;
  height: 22px;
  width: 22px;
  margin-right: 5px;
  overflow: hidden;
  vertical-align: middle;
}

#pushup .pushup_message {
  position: relative;
  float: left;
  margin-right: 3px;
  line-height: 22px;
  vertical-align: middle;
}

#pushup .pushup_reminder {
  float: left;
  clear: both;
  font-size: 10px;
  color: #84a2ac;
  margin-left: 27px;
  cursor: pointer;
}

#pushup .pushup_messageLink:hover,
#pushup .pushup_reminder:hover { text-decoration: underline; }

	
	
	/* ///////////////// FOOTER STUFFIS //////////////// */
	
		.footer {
			position:fixed;
			width:220px;
			border-top:1px #f66 solid;
			bottom:0;
			left:0;
			padding:0 0 0px 40px;
			background:#fff;
			
		}
		.footer p.copyright {
			font-family:"Lucida Grande", "LucidaGrande", "Verdana", Helvetica, Arial, sans-serif;
			font-size:11px;
			line-height:16px;
			text-align:left;
			color:#999;
			padding-top:5px;
		}
		.footer .foot-icon {
			width:300px;
			height:20px;
			background:#000;
			text-align:right;
		}
		.footer .foot-icon img {
			margin-top:-2px;
			
		}