/* style.css */
html 							{ overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x: auto; }
/* main container */
div#canvas						{ width:832px; margin:0 auto; text-align:left;}
/* skip */
#skip			 				{ margin:0; position:absolute; left:14px; top:7px; z-index:100; list-style:none; }
#skip li		 				{ position:absolute; top:0; left:0; z-index:100; font-size:1.1em; }
#skip a 						{ display:block; font-size:77%; text-decoration:none; text-indent:-9000px; white-space:nowrap; }
#skip a:hover, 
#skip a:focus, 
#skip a:active 					{ top:0; left:0; outline-width:0; text-decoration:underline; text-indent:0; }

/* header */
#header 						{ margin-bottom:10px; padding:17px 0 0 0; background:url('../images/header-bg.gif') repeat-x left top; overflow:hidden;}
.showcase #header				{ margin-bottom:30px;}
#header .headerContainer		{ width:832px; margin:0 auto; padding-bottom:18px; border-bottom:1px dotted #b7b8ba;}
#header img						{ margin-bottom:10px;}

#header a.logo					{ display:block; position:absolute; margin-left:55px; top:125px; z-index:2;}
.showcase #header a.logo		{ margin-left:61px; top:150px;}
#header a.logo img				{ display:block;}

/* navigation */
#navigation						{ font-size:1.15em; position:relative;}
#navigation ul					{ list-style:none; text-transform:uppercase;}
#mainNav						{ width:100%; float:left; margin-top:9px;}
#mainNav li						{ float:left; margin:0 5px;}
#mainNav li.cat-item-3 			{ margin-left:391px;}
#mainNav li a				 	{ display:block; color:#223c5d; padding-left:12px; text-decoration:none; overflow:visible;}
#mainNav .cat-item-4,
#mainNav .cat-item-4 a			{  margin-right:0; padding-right:0;}

#mainNav li.current_page_item a { font-weight:normal;}
#mainNav li.current_page_item a,
#mainNav li a:hover				{ color:#ff6800; text-decoration:none;}

.lavalamp						{ width:100%;}
.lavalamp li.marker 			{ width: 11px; height: 6px; z-index: 8; background: url('../images/navigation-arrow.gif') no-repeat center top; position: absolute; top:1px;}
.lavalamp li a 					{ display: block; margin: 0; top: 7px; z-index: 10; line-height: 30px; color:#223c5d; text-decoration:none; position: relative; float: left; overflow: hidden;}
.lavalamp li a:hover, 
.lavalamp li a:active,
.lavalamp li a:visited 			{ color:#ff6800; text-decoration:none;}

/* content */
#content 						{ margin-bottom:13px;}
#main, #sub						{ clear:both;}
#main							{ margin-bottom:15px; padding:0; border-bottom:1px dotted #b7b8ba; position:relative;}
.showcase #main					{ min-height:400px; margin-bottom:20px; padding-bottom:10px;}

#sub							{ padding-bottom:12px; border-bottom:1px dotted #b7b8ba;}

.main							{ width:590px; float:right;}
.sub							{ width:212px; padding-right:30px; float:left;}
.clientlist .sub				{ width:197px; padding-right:45px;}

#main .main						{ width:569px; padding:0 0 9px 21px; float:right;}
#main .sub						{ position:absolute; bottom:34px;}
#main .sub p					{ margin-bottom:0;}

#sub .main h2,
#sub .main p.feedback	{ margin-left:20px;}
#sub .main ul					{ margin:0 2.5em 1.5em 2em; list-style:none; float:left;}
#sub .main ul li a				{ text-decoration:underline;}
#sub .main ul li a:hover		{ text-decoration:none;}
#sub .main li p					{ font-size:1em; text-align:right; margin:24px 7px 5px 0; letter-spacing:-0.1px;}
#sub .main li p a				{ display:inline; height:auto; margin:0;}
#sub .main li p a:hover			{ text-decoration:none;}

#sub .main ul.projects			{ margin:0 0 0 -5px; padding:0;}
#sub .main ul.projects li		{ margin:0 0 10px 23px; float:left;}
#sub .main ul.projects li a		{ margin:0;}
#sub .main ul.projects li a.thumb { display:block; width:164px; height:104px; margin-left:0; padding:7px 6px 7px 5px; background:url('../images/home-thumb-shadow.gif') no-repeat center center;}
#sub .main ul.projects li p		{ margin:0 7px 5px 0;}

#sub .main ul.clientlist		{ margin-left:0;}
#sub .main ul.clientlist li		{ line-height:19px;}

#sub .main .column 				{ width:175px; margin-top:-33px; float:left;}
#sub .main .column h2			{ margin-left:0;}

#sub .main .article				{ padding-left:20px;}
#sub .main .article h2			{ margin-left:0;}
#sub .main .article h3			{ color:#ff6800;}

/* showcase styles */
.showcase #sub .main ul.projects			{ margin-left:0; overflow:visible;}
.showcase #sub .main ul.projects li			{ width:103px; height:93px; margin:0 0 10px 15px; background:url('../images/showcase-thumb-shadow.gif') no-repeat left top;}
.showcase #sub .main ul.projects li a		{ display:block; width:91px; height:77px; margin:6px; overflow:hidden;}
.showcase #sub .main ul.projects li a.thumb { margin-left:20px;}
.showcase #sub .main ul.projects li a img	{}

/* footer */
#footer							{ width:100%; font-size:1em; text-align:right; clear:both;}

/* clearfix */
.clearfix:after, #main:after, #sub:after 				{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .container 			{ display: block;}
	/* Regular clearing- apply to column that should drop below previous ones. */
	.clear 						{ clear:both; }