/*
 * SparkBox Style Sheet
 */

* {
	 margin: 0;
	 padding: 0;
}
.center {
	margin: 0 auto;
}

img {
	margin: 4px;
}
.imgRight {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #eee;
}
.imgLeft {
	float: left;
	margin: 0 10px 10px 0;
}

hr {
	color: #999;
	margin: 5px 0;
}
body {
	font-family: Verdana, Tahoma, Sans-serif;
	font-size: 62.5%;
	background: #fff url(../images/pagebg.gif) repeat-x;
}

.br {
	clear: both;
	margin: 5px 0;
}



/********************************************
* Layout 
**/

#container {
	width: 750px;
	margin: 0 auto;
}

#logo { 
 	display: block;
	width: 185px;
	height: 46px;
	background: url(../images/logo.gif) no-repeat;
	float: left;
	text-indent: -9000px;
	margin: 42px 0 0 10px;
}

#leading {
	float: right;
	width: 353px;
	height: 73px;
	margin: 21px 12px 0 0;
	background: url(../images/leading.gif) no-repeat;
}
	
#footer {
	width: 100%;
	text-align: center;
	color: #999;
	height: 50px;
	clear: both;
	margin: 20px;
}
	
/******************************************************
* Different Layout Cols 
**/

.cols {
 	float: left;
 	margin-left: 15px;
	width: 230px;
}

.onecol {
	margin: 0 5px 15px 15px;
}

.twocolright {
	width: 480px;
	float: right;
	margin: 0 5px 15px 15px;
}

.shadowbox {
	width: 230px;
	background: #fff url(../images/shadowbox.gif) no-repeat bottom center;
	padding-bottom: 2px;
}

/*************************************************** 
* Portfolio Styles
**/
ul#portfolio {
	margin-left: -20px;
}
ul#portfolio li {
	list-style: none;
	clear: both;
	background: url(../images/largeShadowBox.gif) no-repeat bottom center;
}

ul#portfolio .imgLeft {
	float: left;
	width: 122px;
	margin-left: 20px;
	margin-top: 30px;
}
.portfolioEntryContent {
	float: right;
	display: block;
	margin-top: 10px;
	width: 515px;
}
ul#portfolio .portfolioEntry {
	margin: 20px;
}
	ul#portfolio .oneLineDesc {
		text-transform: uppercase;
		color: #888;
		margin: -10px 0 -5px 0;
		font-size: 0.9em;
	}
	ul#portfolio .siteLink {
		margin-top: 2px;
	}
	ul#portfolio .br {
		height: 2px;
	}
/* Application Arrows */

ul#application {
	background: #fff url(../images/footerArrows.gif) no-repeat;
	width: 717px;
	margin: 10px auto;
	height: 59px;
	margin-left: 0px;
}

ul#application li {
	float: left;
	list-style: none;
	display: block;
	width: 115px;
	font-size: 1.2em;
	margin: 8px 0 0 26px;
	_width: 125px;
	_margin-left: 15px;
}
	ul#application a {
		text-decoration: none;
	}
		ul#application a:hover {
			text-decoration: underline;
			cursor: pointer;
		}
	ul#application span {
		display: block;
		height: 60px;
	}
	ul#application li p {
		color: #222;
		font-size: 0.8em;
		display: block;
		margin-top: 0px;
		
	}

/* Nav */

ul#nav {
 	clear: both;
 	height: 34px;
 	float: left;
 	width: 750px;
 	margin: 35px auto 10px auto;
 	background: #fff;
 	font-family: "Trebuchet MS", Sans-serif;
}

	ul#nav li {
		float: left;
		display: inline;
		list-style: none;

	}
		ul#nav li a {
			text-transform: lowercase;
			display: block;
			background: url(../images/navborder.gif) no-repeat left center;
			padding: 0 15px;
			text-align: center;
			float: left;
			line-height: 34px;
			height: 34px;
			color: #236889;
			font-size: 1.2em;
			text-decoration: none;
		}
		
		ul#nav li.Home a {
			background: none;
			margin-left: 34px;
		}
		
		ul#nav li a:hover {
			text-decoration: underline;
		}
		
			ul#nav li a.current,
			ul#nav li a.section {
			 	color: #fff;
			 	background: #236889;
			}
			
			ul#nav li a.current:hover,
			ul#nav li a.section:hover {
				text-decoration: none;
			}
ul#latestport {
	margin: 10px;
}
	ul#latestport li {
		float: right;
		width: 120px;
		text-align: left;
	}
		ul#latestport li.logo {
			float: left;
			display: block;
			width: 80px;
		}
		
		ul#latestport li.oneliner {
			margin-top: -10px;
			text-transform: uppercase;
		}

.typography .submenu hr {
	margin: 1px 0;
	color: #ddd;
	height: 1px;
}
.cols ul {
	list-style: none;
}
.cols ul.submenu {
	font-size: 1.2em;
	margin-top: -5px;
	line-height: 1.8em;
	margin-left: 10px;
}
* html .cols ul.submenu {
	line-height: 1em;
}
*:first-child+html .cols ul.submenu {
	line-height: 1em;
}

.cols ul.submenu li hr{
	margin: 5px 0;
}
*:first-child+html .cols ul.submenu li hr {
	margin: 0;
}
.cols ul.submenu .current {
	font-weight: bold;
}
/********************************
* Home Page Styles
*/

ul.newsitem {
 	margin: 15px;
	background: url(../images/newsicon.gif) no-repeat left center;
}
	ul.newsitem li {
		list-style: none;
		font-size: 1.2em;
		color: #555;
		line-height: 1.2em;
		margin: 5px 0 1px 20px;
	}
	
/**********************************
* Forms 
*/

fieldset {
	border: 0;
	font-size: 1.1em;
}

input {
	padding: 1px;
}

input.text {
 	width: 250px;
}

fieldset div {
	margin-top: 5px;
}

label {
	display: block;
}