/* This site uses the YUI CSS as a base.  Font sizes should be specified as percentages, from  the 
   following table:

  	10px: 77%
  	11px: 85%
		12px: 93%
		13px: 100%
		14px: 108%
		15px: 116%
		16px: 123.1%
		17px: 131%
		18px: 138.5%
		19px: 146.5%
		20px: 153.9%
		21px: 161.6%
		22px: 167%
		23px: 174%
		24px: 182%
		25px: 189%
		26px: 197%
		
		Source: http://yuiblog.com/assets/pdf/cheatsheets/css.pdf
*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
/* reset */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/* fonts */
body {font:13px/1.22 Arial, sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
/* base */
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style: decimal outside;}ul li{list-style: disc outside;}dl dd{margin-left:1em;}th,td {border:1px solid #000;padding:.5em;}th {font-weight:bold;text-align:center;}caption {margin-bottom:.5em;text-align:center;}p,fieldset,table {margin-bottom:1em;}

/* extras */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* Hides from IE5-mac \*/
* html .needslayout {height: 1%;}
/* End hide from IE5-mac */

body {
	background: #494e57 url("../images/bg-body.png") repeat-x left top;
	text-align: center;
	color: #999;
}

.pagewidth {
	width: 782px;
	margin: 0 auto;
	text-align: left;
}

#header-frame {
	background: #000 url("../images/header-photo.jpg") no-repeat center top;
	height: 325px;
}

#header {
	position: relative;
	height: 325px;
	overflow: hidden;
	background: transparent url("../images/bg-eclipse.png") no-repeat 90px top;
	color: #aaa;
}

#nav {
	margin-top: 60px;
}

#nav ul {
	height: 70px;
	margin: 0;
	padding: 0;
}
#nav li {
	display: block;
	width: auto;
	height: 70px;
	line-height: 70px;
	float: left;
	overflow: hidden;
}
#nav li a {
	display: block;
	height: 70px;
	color: #999999;
	background-image: url("../images/menu.png");
	background-repeat: no-repeat;
	text-indent: -9000px;
}
#nav li a:hover {
	color: #f99f3e;
}
#nav li.home a {
	width: 90px;
	background-position: 0 0;
}
#nav li.home a:hover {
	background-position: 0 -70px;
}
#nav li.services a {
	width: 90px;
	background-position: -90px 0;
}
#nav li.services a:hover,
body.services #nav li.services a {
	background-position: -90px -70px;
}
#nav li.portfolio a {
	width: 95px;
	background-position: -180px 0;
}
#nav li.portfolio a:hover,
body.portfolio #nav li.portfolio a {
	background-position: -180px -70px;
}
#nav li.product-lines a {
	width: 135px;
	background-position: -275px 0;
}
#nav li.product-lines a:hover,
body.product-lines #nav li.product-lines a {
	background-position: -275px -70px;
}
#nav li.contact a {
	width: 90px;
	background-position: -410px 0;
}
#nav li.contact a:hover,
body.contact #nav li.contact a {
	background-position: -410px -70px;
}


#header-content {
	width: 400px;
	padding-left: 100px;
	margin-top: 30px;
}
#header-content strong {
	color: #f99f3e;
	font-weight: bold;
}
#header-content em {
	font-style: italic;
	font-weight: bold;
	color: #ddd;
}
#header-content p {
	line-height: 1.4em;
}
#header-content a {
	text-decoration: none;
}

#purpose h1 {
	width: 400px;
	height: 130px;
	background: transparent url("/images/purpose-statement.png") no-repeat left top;
	text-indent: -9000px;
}

#bios {
	margin: 2em 0;
}
#bios img {
	display: block;
	border: 1px solid #ccc;
	float: left;
}

#bios #img-joe {
}

#bios #text {
	width: 278px;
	float: left;
}

#bios #text p {
	margin: 0.5em 38px;
}

#bios h2 {
	height: 40px;
	text-indent: -9000px;
	margin: 0 0 0.5em 0;
	line-height: 40px;
	font-size: 40px;
	overflow:hidden;
}
#bios #joe-bunn-bio-heading {
	background: transparent url("/images/joe-bunn-bio-heading.png") no-repeat left top;
}

#bios #kris-gulya-bio-heading {
	background: transparent url("/images/kris-gulya-bio-heading.png") no-repeat left top;
	margin-top: 1em;
}

#bios #img-kris {
	
}

h2#our-most-recent-project {
	height: 40px;
	text-indent: -9000px;
	margin: 1em 0;
	line-height: 40px;
	font-size: 40px;
	overflow:hidden;
	background: transparent url("/images/h2-our-most-recent-project.png") no-repeat left top;
}


#division-of {
	position: absolute;
	bottom: 10px;
	right: 0;
	width: 117px;
	height: 18px;
}

#mainbody {
	background: transparent url("../images/bg-content.png") no-repeat 100px top;
}

#content {
	padding-left: 100px;
	padding-top: 40px;
}

h1, h2, h3, h4 {
	color: #ddd;
}
p {
	color: #999;
	line-height: 1.4em;
}

a {
	color: #ddd;
}
a:hover {
	color: #f99f3e;
}

li {
	margin: 0.2em 0;
}

#content .sidebar-left {
	float: left;
	width: 230px;
}
#content .main-left {
	float: left;
	width: 425px;
}
#content .sidebar-right {
	float: right;
	width: 230px;
}
#content .main-right {
	float: right;
	width: 425px;
}

#content h1 {
	margin-top: 0;
}

#content h2 {
	margin: 0;
	margin-bottom: 5px;
	font-size: 108%;
}

#content p {
	margin: 0;
	margin-bottom: 1em;
	color: #bbb;
}

#content img.bordered, .sidebar-right img, .sidebar-left img {
	border: 1px solid #ccc;
}

img.centered {
	margin: 0 auto;
}

#footer {
	font-size: 93%;
	padding: 25px 0 10px 0;
	text-align: center;
}
#footer ul {
	margin: 0;
	padding: 0;
	line-height: 1em;
	margin-bottom: 25px;
}
#footer li {
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #999;
	line-height: 1em;
}
#footer li.last {
	border-right: none;
}

#footer p {
	margin: 10px 0;
	font-size: 85%;
}

.caption {
	font-size: 85%;
	line-height: 1.1em;
}

form .form-control {
	margin: 1em 0;
}

form label {
	font-weight: bold;
	display: block;
}

.portfolio-entry {
	margin: 0 0 1em 0;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 1em;
}

#content .portfolio-entry h2 {
	margin: 0 0 1em 0;
}

.image-left {
	float: left;
	margin: 0 10px 10px 0;
}

.image-right {
	float: right;
	margin: 0 0 10px 10px;
}

#content .portfolio-entry .read-more {
	margin: 1em 0 0 0;
}
#content .portfolio-entry .read-more a {
	font-size: 85%;
	text-decoration: none;
	color: #f99f3e;
}

#portfolio-nav {
	margin: 2em 0 1em 0;
	padding: 5px 10px;
	border: 3px solid #cccccc;
	background-color: #63666b;
}

#portfolio-nav ul {
	margin: 0;
	padding: 0;
}

#portfolio-nav li {
	list-style: none;
	margin: 5px 1% 5px 0;
	float: left;
	width: 49%;
}
#portfolio-nav h3 {
	margin: 5px 0;
}