/* 
     nitiondesign
     author: jamie calabro
*/

/* @group Import */
/* = Import
/* ------------------------------ */

@import url("sifr.css");
@import url("screen.css");
@import url("scroll.css");

/* @end */
/* ------------------------------ */

/* @Shell */
/* ------------------------------ */


#header {
	margin: 0;
	background: url(../images/header_bg.png) no-repeat top left;
	position: relative;
}

#sp-grass-top {
	position: absolute; 
	z-index:700;
	top: 0px;
	left: 194px;
}

#sp-grass-btm {
	position: absolute; 
	z-index:700;
	top: 180px;
	left: 195px;
}

#green-btm {
	height: 10px;
	width: 800px;
	background: #99cc00;
	position: absolute;
	bottom: 0;
}
/* @end */
/* ------------------------------ */

/* @group Navigation */
/* ------------------------------ */

#main-nav {
	width: 800px; 
	height: 20px;  
	position: relative;
	margin: 0;
}

#main-nav ul {
	float: left;
	background: url(../images/navigation.gif) top left no-repeat; 
	margin: 0;
}

#main-nav li {
	float: left;
	list-style: none;
}

#main-nav li {
	margin: 0;
	position:relative;
}

#main-nav li a {
	height:0;
	margin:0;
	padding-top:20px;
	color:#000;
	cursor:pointer;
	float:left;
}

#main-nav li#nav-home a{width: 157px;}
#main-nav li#nav-about a{width: 162px;}
#main-nav li#nav-projects a{width: 161px;}
#main-nav li#nav-press a{width: 162px;}
#main-nav li#nav-contact a{width: 158px;}


/* @Active */
#main-nav li#nav-home a.current, 
#main-nav li#nav-home a.current:hover, 
#main-nav li#nav-home a.current:active{
	width: 157px;
	background: url(../images/navigation.gif) 0  -20px;
}

#main-nav li#nav-about a.current, 
#main-nav li#nav-about a.current:hover, 
#main-nav li#nav-about a.current:active,
#main-nav li#nav-about:hover{
	width: 162px; 
	background: url(../images/navigation.gif) -157px -20px;
}

#main-nav li#nav-projects a.current, 
#main-nav li#nav-projects a.current:hover, 
#main-nav li#nav-projects a.current:active,
#main-nav li#nav-projects:hover{
	width: 161px; 
	background: url(../images/navigation.gif) -319px -20px;
}

#main-nav li#nav-press a.current, 
#main-nav li#nav-press a.current:hover, 
#main-nav li#nav-press a.current:active,
#main-nav li#nav-press:hover{
	width: 162px; 
	background: url(../images/navigation.gif) -480px -20px;
}

#main-nav li#nav-contact a.current, 
#main-nav li#nav-contact a.current:hover, 
#main-nav li#nav-contact a.current:active,
#main-nav li#nav-contact:hover{
	width: 157px; 
	background: url(../images/navigation.gif) -642px -20px;
}


/* @Hover */
#main-nav li a span{
	cursor: pointer; 
	overflow: hidden; 
	position: absolute; 
	top: 0; left: 0; 
	display: none; 
	height: 0; 
	margin: 0; 
	padding-top: 20px;
}

#main-nav li#nav-home a span {
	width: 157px;
	background: url(../images/navigation.gif) 0 -20px;
}

#main-nav li#nav-about a span  {
	width: 162px;
	background: url(../images/navigation.gif) -157px -20px;
}

#main-nav li#nav-projects a span  {
	width: 161px;
	background: url(../images/navigation.gif) -319px -20px;
}

#main-nav li#nav-press a span  {
	width: 162px;
	background: url(../images/navigation.gif) -480px -20px;
}

#main-nav li#nav-contact a span  {
	width: 157px;
	background: url(../images/navigation.gif) -642px -20px;
}

#main-nav li#nav-home a:active, #main-nav li#nav-home a:active span {
	width:157px;background-position:0 -40px;
}

#main-nav li#nav-about a:active, #main-nav li#nav-about a:active span {
	width:162px;background-position:-157px -40px;
}

#main-nav li#nav-projects a:active, #main-nav li#nav-projects a:active span {
	width:161px;background-position:-319px -40px;
}

#main-nav li#nav-press  a:active, #main-nav li#nav-press  a:active span {
	width:162px;background-position:-480px -40px;
}

#main-nav li#nav-contact a:active, #main-nav li#nav-contact a:active span {
	width:157px;background-position:-642px -40px;
}

/* @end */
/* ------------------------------ */

/* @Index */
/* ------------------------------ */


#left-col {
	margin: 16px 0 0 0;
}

#right-col {
	height: 307px;
	width: 485px;
	padding: 18px 3px 0 23px;
	position: absolute;
	top:194px;
	right: 0;
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}

#right-col a:hover {
	background:#99CC00;
}

#right-col ul  {
	padding: 0 0 0 18px;
}

#right-col ul li {
	margin: 0 0 10px 0;
	font-size: 11px;	
}

#right-col .address li{
	font-size: 12px;
	margin-bottom:3px;
	list-style: none!important;
	margin-left:-18px!important;
}

.mrg-top-20 {
	margin-top:20px;
}

/* @end */
/* ------------------------------ */

/* @Footer */
/* ------------------------------ */

#footer {
	position: absolute;
	bottom: 20px;
	right: 5px;
	width: 400px;
	text-align: right;
}

#footer .logos {
	margin-left:58px;
	text-align: right;
}

#footer .logos img {
	float:left;
	margin: 0 0 0 0;
}

#footer .links {
	padding: 0 8px 0 0;
	clear: left;
}

#footer .links, #footer .links a {
	color: #000;
	font-size: 9px;
	text-align: right;	
	text-decoration: none;
}

#footer .links a:hover {
	color: #000;
}

/* @end */
/* ------------------------------ */