/***************************************************
GLOBAL PAGE LAYOUT ELEMENTS
***************************************************/
body { 
	font-size: small;
	margin: 0;
	padding: 0;
	background: #333 url(images/global/backgroundSite.gif) repeat-x top;
	text-align: center; }

#globalPositioning {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 886px; }
	
#header {
	height: 155px;
	text-align: right;
	padding: 0;
	margin: 0 30px 0 0; }

#contact {
	clear: both;
	float: right;
	width: 286px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: #333 url(images/global/backgroundContact.gif) no-repeat top right;
	border-top: 1px solid #000; }

.singleColumn {
	clear: both;
	margin: 0;
	padding: 20px 0 80px; }

.project {
	clear: both;
	margin: 0;
	padding: 80px 0 0;
	display: inline-block; }
.project:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;	
    clear: both; 
    visibility: hidden; }
/* Hides from IE Mac */
	* html .project {height: 1%;}
	.project {display: block;}
/* End Hack */
.projectFirst {
	clear: both;
	margin: 0;
	padding: 20px 0 0;
	display: inline-block; }
.projectFirst:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;	
    clear: both; 
    visibility: hidden; }
/* Hides from IE Mac */
	* html .projectFirst {height: 1%;}
	.projectFirst {display: block;}
/* End Hack */

.leftColumn {
	float: left;
	width: 623px;
	padding: 0;
	margin: 0; }
.leftColumnLast {
	float: left;
	width: 623px;
	padding: 0 0 80px;
	margin: 0; }
.rightColumn {
	float: left;
	width: 263px;
	padding: 0;
	margin: 0; }
.rightColumnLast {
	float: left;
	width: 263px;
	padding: 0 0 80px;
	margin: 0; }

/**********************************************
Images
**********************************************/
img#logo {
	margin: 0;
	padding: 46px 0 0; }

img#tagline {
	float: left; }

.project img, .singleColumn img {
	border: 3px solid #fff;
	margin: 0 0 5px 5px;
	padding: 0; }
.project img.first, .singleColumn img.first {
	border: 3px solid #fff;
	margin: 0 0 5px;
	padding: 0; }

.project img.screenshot, .projectFirst img.screenshot {
	border: 3px solid #fff;
	margin: 0;
	padding: 0; }

img.icon {
	float: left;
	margin: 0 15px 5px 0;
	padding: 0;
	border: 3px solid #fff; }

/**********************************************
Links
**********************************************/

a {
	color: #fff;
	text-decoration: underline; }

ul.jumpLinksList li a {
	color: #ccc;
	text-decoration: underline; }

/* level 1 nav */
ul#level1Nav {
	text-align: left;
	padding: 24px 0 0;
	margin: 0; }
ul#level1Nav li {
	display: inline;
	padding: 0 20px 0 0;
	margin: 0;
	list-style-type: none; }
ul#level1Nav li a:link, ul#level1Nav li a:visited {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	text-transform: uppercase; }
ul#level1Nav li a:active, ul#level1Nav li a:hover, ul#level1Nav li a#selected {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #369;
	text-transform: uppercase; }

/**********************************************
Jump link styles
**********************************************/

.jumpLinks {
	float: right;
	width: 263px;
	padding: 0;
	margin: 0;
	font: 11px/1.5em Helvetica, Arial, Verdana, sans-serif; }

ul.jumpLinksList {
	text-align: left;
	padding: 7px 0 0;
	margin: 0; }
ul.jumpLinksList li {
	display: inline;
	padding: 0;
	margin: 0;
	color: #ccc;
	list-style-type: none; }

/***************************************************
Text Styles
***************************************************/
h1 {
	font: 2em/1.333em Helvetica, Arial, Verdana, sans-serif;
	color: #fff;
	margin: 0 0 25px;
	padding: 5px 0 2px;
	border-top: 5px solid #369;
	border-bottom: 1px solid #fff; }

.rightColumn h2, .rightColumnLast h2, .leftColumn h3, .leftColumnLast h3 {
	text-transform: uppercase;
	color: #fff;
	margin: 1.5em 0 0;
	font: bold 1em/1.5em Helvetica, Arial, Verdana, sans-serif; }

.leftColumn h2, .leftColumnLast h2 {
	color: #69c;
	margin: 0 0 .75em;
	font: bold 1.5em/1em Helvetica, Arial, Verdana, sans-serif; }

p {
	color: #fff;
	margin: 0;
	font: 1em/1.5em Helvetica, Arial, Verdana, sans-serif; }

p.intro {
	color: #69c;
	margin: 0;
	font: bold 1em/1.5em Helvetica, Arial, Verdana, sans-serif; }

p#contactText {
	color: #fff;
	margin: 0;
	padding: 5px 0 0 23px;
	font: normal 11px/1.5em Helvetica, Arial, Verdana, sans-serif; }