/* Main CSS Document */

@import url("core.css");

#preload { display: none; }

#container {
	width: 1226px;
	margin: 0px auto;
}
.topbg {
	width: 1226px;
	background-image: url(../images/bg-container.jpg);
	background-repeat: no-repeat;	
	margin: 0px auto;
}



/* header */
#header {
	width: 1226px;
	height: 90px;
	background-color: #fff;
	background-image: url(../images/bg-header.jpg);
}
ul.nav {
	width: 960px;
	padding: 45px 0px 0px 178px;
}
ul.nav li {
	width: 132px;
	height: 45px;
	float: left;
	list-style-type: none;
	margin: 0px 3px 0px 0px;
}
ul.nav li a.home, a.home:visited {
	width: 132px;
	height: 45px;
	background-image: url(../images/nav-home.gif);
	background-repeat: no-repeat;	
	display: block;
}
ul.nav li a.home:hover, ul.nav li.homeon {
	width: 132px;
	height: 45px;
	background-image: url(../images/nav-home-on.gif);
	background-repeat: no-repeat;	
	display: block;
}
ul.nav li a.about, a.about:visited {
	width: 132px;
	height: 45px;
	background-image: url(../images/nav-about.gif);
	background-repeat: no-repeat;	
	display: block;
}
ul.nav li a.about:hover, ul.nav li.abouton {
	width: 132px;
	height: 45px;
	background-image: url(../images/nav-about-on.gif);
	background-repeat: no-repeat;	
	display: block;
}
ul.nav li a.services, a.services:visited {
	width: 132px;
	height: 45px;
	background-image: url(../images/nav-services.gif);
	background-repeat: no-repeat;	
	display: block;
}
ul.nav li a.services:hover, ul.nav li.serviceson {
	width: 132px;
	height: 45px;
	background-image: url(../images/nav-services-on.gif);
	background-repeat: no-repeat;	
	display: block;
}
ul.nav li a.portfolio, a.portfolio:visited {
	width: 132px;
	height: 45px;
	background-image: url(../images/nav-portfolio.gif);
	background-repeat: no-repeat;	
	display: block;
}
ul.nav li a.portfolio:hover, ul.nav li.portfolioon {
	width: 132px;
	height: 45px;
	background-image: url(../images/nav-portfolio-on.gif);
	background-repeat: no-repeat;	
	display: block;
}
ul.nav li a.client, a.client:visited {
	width: 132px;
	height: 45px;
	background-image: url(../images/nav-client.gif);
	background-repeat: no-repeat;	
	display: block;
}
ul.nav li a.client:hover, ul.nav li.clienton {
	width: 132px;
	height: 45px;
	background-image: url(../images/nav-client-on.gif);
	background-repeat: no-repeat;	
	display: block;
}
ul.nav li a.news, a.news:visited {
	width: 132px;
	height: 45px;
	background-image: url(../images/nav-news.gif);
	background-repeat: no-repeat;	
	display: block;
}
ul.nav li a.news:hover, ul.nav li.newson {
	width: 132px;
	height: 45px;
	background-image: url(../images/nav-news-on.gif);
	background-repeat: no-repeat;	
	display: block;
}
ul.nav li a.contact, a.contact:visited {
	width: 132px;
	height: 45px;
	background-image: url(../images/nav-contact.gif);
	background-repeat: no-repeat;	
	display: block;
}
ul.nav li a.contact:hover, ul.nav li.contacton {
	width: 132px;
	height: 45px;
	background-image: url(../images/nav-contact-on.gif);
	background-repeat: no-repeat;	
	display: block;
}



/* content */
#content {
	width: 1226px;
	margin: 0px auto;
	background-image: url(../images/bg-content.jpg);
	background-repeat: repeat-y;
}


#content .left {
	width: 434px;
	float: left;
	background-image: url(../images/bg-left.jpg);
	background-repeat: repeat-y;
}
#content .left .yellowtag {
	position: absolute;
	margin: -72px 0px 0px 121px;
}


#content .right {
	width: 655px;
	float: right;
	background-image: url(../images/bg-right.jpg);
	background-repeat: no-repeat;
	padding: 55px 137px 0px 0px;
}
.box50 { 
	width: 48%; 
}
.box50 .thumb {
	width: 105px;
	float: left;
}
.box50 .desc {
	width: 200px;
	float: right;
	background-image: url(../images/bg-line.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
}
.box50 .date {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../images/bg-date.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 10px 30px;
}


/* footer */
#footer {
	width: 1136px;
	height: 54px;
	margin: 0px auto;
	background-image: url(../images/bg-footer.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	padding: 55px 90px 0px 0px;
	text-transform: uppercase;
}