body {
	font-family: Arial, Geneva, sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	background: url(/public/img/background.gif) repeat 0 0;
}

.content {font-weight: normal;line-height: 150%;}

.text {text-align: justify;}

.text p {
	margin: 20px 0;
}

.text h1 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}

.text h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

.text a {
	text-decoration: none;
	font-weight: normal;
	color: #ff9900;
}

.twitter {
	padding: 10px;
}
		
.tjuna-intro {
	position: relative;
	margin-bottom: 20px;
	border-left: 1px solid #3c88ba;
	border-right: 1px solid #163a52;
	background: url(/public/img/tjuna-block-bg.gif) repeat 0 0;
    padding: 10px;
    width: 892px;
}

	.tjuna-intro .block-tb {
		position: absolute;
		left: 0;
		height: 5px;
		width: 100%;
	}
	.tjuna-intro .block-tb.tjuna-block-top {
		top: 0;
		background: url(/public/img/tjuna-block-top.gif) repeat-x 0 0;
        width: 913px;
	}.tjuna-intro .block-tb.tjuna-block-bottom {
		bottom: 0;
		background: url(/public/img/tjuna-block-bottom.gif) repeat-x 0 0;
	}
	
	.block-corner {
		position: absolute;
		height: 5px;
		width: 5px;
		background: url(/public/img/tjuna-block-corners.gif) no-repeat;
		z-index: 2;
        overflow: hidden;
	}
	
	.tjuna-block-tlc {top: 0;left: -1px;background-position: 0 0;}
	.tjuna-block-trc {top: 0;right: -1px;background-position: -5px 0;}
	.tjuna-block-blc {bottom: -1px;left: -1px;background-position: 0 -5px;}
	.tjuna-block-brc {bottom: -1px;right: -1px;background-position: -5px -5px;}

	#container {
		position: relative;
		width: 914px;
		margin: auto;
		min-height: 580px;
	}
	
		.header {
			background: url(/public/img/tjuna-logo.gif) no-repeat 0 0;
			padding-top: 128px;
			width: 100%;
		}
		
		/* SOCIAL FEATURES */

		.like-button {
			position: absolute;
			top: 55px;
			right: 0;
			width: 104px;
		}
		
			.like-button iframe {
				position: relative;
				float: right;
			}
		
		.social-features {
			position: absolute;
			top: 85px;
			right: 0;
			height: 32px;
			width: 74px;
		}
		
			.soc-item {
				position: absolute;
				top: 0;
				padding-top: 32px;
				width: 32px;
			}
			.soc-item.soc-facebook {left: 0;background: url(/public/img/facebook.png) 0 0;}
			.soc-item.soc-twitter {left: 42px;background: url(/public/img/twitter.png) 0 0;}
		
		/* NAVIGATION */
		
		.navigation {
			position: relative;
			background: url(/public/img/navigation-bg.gif) repeat-x 0 0;
			height: 49px;
			margin-bottom: 25px;
			width: 100%;
		}
			.navigation .sides {
				position: absolute;
				top: 0;
				height: 49px;
				width: 6px;
				background: url(/public/img/navigation-sides.gif) repeat-x;
			}
			.navigation .sides.left {left: 0;background-position: 0 0;}
			.navigation .sides.right {right: 0;background-position: 0 -49px;}
			
			.nav-list {position: relative;margin-left: 135px;}	
				
				.nav-list li {
					float: left;
					margin-right: 135px;
				}
				
					.nav-option {
						padding-top: 47px;
						background: url(/public/img/navigation-sprite.gif) no-repeat;
					}
					.nav-option:hover,.nav-option.active {padding-top: 58px;}
					
					.nav-option.home {width: 47px;background-position: 0 0;}
					.nav-option.home:hover, .home .active {background-position: 0 -47px;}
					
					.nav-option.work {width: 43px;background-position: -47px 0;}
					.nav-option.work:hover, .work .active {background-position: -47px -47px;}
					
					.nav-option.aboutus {width: 87px;background-position: -90px 0;}
					.nav-option.aboutus:hover, .aboutus .active {background-position: -90px -47px;}
					
					.nav-option.contact {width: 62px;background-position: -177px 0;}
					.nav-option.contact:hover, .contact .active {background-position: -177px -47px;}
				.contact {margin-right:0px !important;}
		/* CONTENT */
		
		.content {
			position: relative;
		}
		
        .recent-work {
        	position: relative;
			display: block;
			height: 200px;
        }
		/* FOOTER */
		
		.footer {
			position: relative;
			height: 131px;
			width: 100%;
			margin-top: 20px;
			background: url(/public/img/footer-bg.gif) repeat-x 0 0;
		}
		
			.footer-logo {
				position: relative;
				height: 131px;
				width: 914px;
				margin: auto;
				background: url(/public/img/footer-logo.gif) no-repeat 0 0;
			}
			
				.tjuna-adress {
					float: left;
					text-align: right;
					margin: 35px 0 0 175px;
					display: inline;
				}
				
				.tjuna-digital {
					float: right;
					margin: 35px 175px 0 0;
					display: inline;
				}
				
				.tjuna-digital a {
					text-decoration: none;
					color: #ff9900;
				}