@charset "UTF-8";

body {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	background: url(../images/bkg.jpg) repeat-y center;
	}

.bkg-header-home {
	background: url(../images/bkg-header.png) bottom left no-repeat;
	height: 150px;/*117px*/
	}

.bkg-splash {
	background: url(../images/bkg-splash.jpg) bottom left no-repeat;
	height: 315px;
	}

.bkg-main {
	background: url(../images/bkg-main.jpg) repeat-y;
	}

.bkg-main-white {
	background: #fff
	}

.bkg-footer {
	background: #231f20; /*url(../images/bkg-footer.gif) repeat-x*/
	/*background: #222222 url(../images/footer.png) repeat-x;*/
	}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}

h2 {
	text-transform: uppercase;
	}

.blue {
	color: #339DD4;
	}

.cyan {
	font-weight: bold;
	color: #ccffff;
	}

.purple {
	font-weight: bold;
	color: #993399;
	}

.white {
	font-weight: bold;
	color: #ffffff;
	}

.txt_1 {
	color: #ccffff;
	}

.txt_2 {
	color: #339DD4;
	}

a {
	color: #A636D1;
}

.link {
	font-weight: bold;
	}

.thumbnail { float: left; display: inline; margin: 0px 10px 10px 0px; width: 48px; }
.data { float: left; display: inline; width: 215px; }

/* BEGIN NAVIGATION */
#navigation {
overflow:hidden;
margin:auto;
}

#navigation ul {
list-style:none;
}

#navigation li {
display:inline;
}

#navigation li a {
display:block;
width:122px;
height:44px;
text-indent:-9999px;
background:url(new-sprite.png) no-repeat;
float:left;
}

#navigation li.home a {
background-position:0px 0px;
}

#navigation li.home a:hover {
background-position:0px -44px;
}

#home li.home a {
background-position:0px -44px;
}

#navigation li.services a {
background-position:-126px 0px;
}

#navigation li.services a:hover {
background-position:-126px -44px;
}

#services li.services a {
background-position:-126px -44px;
}

#navigation li.portfolio a {
background-position:-248px 0px;
}

#navigation li.portfolio a:hover {
background-position:-248px -44px;
}

#portfolio li.portfolio a {
background-position:-248px -44px;
}

#navigation li.contact a {
background-position:-370px 0px;
}

#navigation li.contact a:hover {
background-position:-370px -44px;
}

#contact li.contact a {
background-position:-370px -44px;
}
/* END NAVIGATION */



/* BEGIN SERVICES */
dl {
	float:left;
	/*color:#525252;*/
	width:435px
}
	
dt {
	padding-left:40px;
	padding-top:9px;
	padding-bottom:4px;
	/*color:#666666;
	font-weight:bold;*/
	background-image:url('http://css-tricks.com/examples/CSS-Sprites/Example2After/img/merged_image.gif');
	background-repeat:no-repeat
}	

dt span {
	border-bottom:1px solid #cccccc
}

dt.home {
	background-position:0 0
}

dt.preferences {
	background-position:0 -33px
}

dt.web {
	background-position:0 -66px
}	

dt.users {
	background-position:0 -98px
}

dt.chart {
	background-position:0 -131px
}

dt.trash {
	background-position:0 -164px
}
/* END SERVICES */