/* 
	Style.css
	---------
	All screen based media

	###########################
	BASIC BLANK CSS TEMPLATE###
	###########################

*/

	body {
		font-family:		arial, helvetica, sans-serif;
		font-size:			10px;
		margin:				-50px 0 30px 0;  
		padding:			0;
		background:			#666666 url(../images/Cubelayout1.3.png) no-repeat 50% 0px;
		text-align: 		left;
	}
	a {
		color: 				#dababa;
		text-decoration: 	none;
	
	}
	
	h2 {
		font-size: 			30px;
		margin: 			0px 0px 18px 0px;
		font-family: 		Arial;
		font-weight: 		bold;		
		letter-spacing: 	1.1px;	

	}
	
	h3 {
		font-size: 			15px;
		margin: 			0px;
		font-family: 		Tahoma;
		font-weight: 		bold;		
		letter-spacing: 	1.1px;
		color: 				#dababa;
		text-decoration: 	underline;	
	}
	
	#left p {
		font-size: 			14px;
		margin: 			0px;
		font-family: 		Tahoma;
		color: 				#dababa;
		letter-spacing: 	1.1px;	
	}
	
	#back	{
		position: 			fixed;
		margin: 			60px 0px 0px 10px;
		width: 				64px;
		height: 			104px;
		display: 			none;
		
	}
	
	#back li	{
		width: 				64px;
		height: 			104px;
		margin: 			0px;
		padding: 			0px;
		list-style: 		none outside none;
		z-index: 			1000;
	}
	
	#back li a	{
		background: 		transparent url(../images/back.png) no-repeat top center;
		display: 			block;
		margin: 			0px;
		padding: 			0px;
		font-size: 			9999px
		width: 				64px;
		height: 			104px;

	}
	
	#container {
		position:			relative;
		width:				1132px;
		background:			transparent url(./images/containerbg.png) no-repeat center 50px;
		padding-bottom:		0px;
		margin: 			0px auto 0px;
	}

	#header {
		position:			relative;
		width:				970px;
		height:				199px;
		margin:				auto;
		background:			transparent url(./images/header.png) no-repeat left 45px;
		z-index:			100;
	}

	#content {
		position:			relative;
		width:				970px;
		background:			#111415 url(../images/contentbg.gif) repeat-y top left;
		margin:				auto;
		z-index:			50;
	}

	#contentinner {
		position:			relative;
		width:				960px;
		height:				400px;
		margin:				auto;
		background:			#000000;
		z-index:			60;
		
	}
	#logo {
		position:			relative;
		width:				370px;
		height:				355px;
		background:			transparent url(../images/logo2.png) no-repeat 27px 89%;
		z-index:			100;
		float: 				left;
		
	}
	
	#portfolio_titles {
		width: 				590px;
		text-align: 		center;
		
	}
	
	#home_titles {
		width: 				510px;
		
	}
	
	#title_portfolio, a {
		color: 				#FFFFFF;
	}
	
	#title {
		position:			relative;
		width:				510px;
		height:				45px;
		padding: 			20px 20px 10px 30px;
		float: 				left;
		z-index:			100;
		color: 				#ffffff;
		font-size: 			50px;
		margin: 			auto;
		font-weight: 		bold;		
	}
	
	#title_portfolio {
		position:			relative;
		width:				270px;
		height:				45px;
		padding: 			20px 20px 10px 30px;
		float: 				left;
		z-index:			100;
		color: 				#ffffff;
		font-size: 			50px;
		margin: 			auto;
		font-weight: 		bold;		
	}


	#title_blog {
		position:			relative;
		width:				910px;
		height:				45px;
		padding: 			20px 20px 10px 30px;
		float: 				left;
		z-index:			100;
		color: 				#ffffff;
		font-size: 			40px;
		margin: 			auto;
		font-weight: 		bold;
		text-align: 		center;		
	}

	
	#text {
		position:			relative;
		width:				910px;
		height:				200px;
		float: 				left;
		z-index:			100;
		padding: 			20px 20px 20px 20px;
		color: 				#ffffff;
		font-size: 			15px;
		margin: 			auto;
		text-align: 		left;

		
	}
	
	#about_text {
		position:			relative;
		width:				555px;
		height:				200px;
		float: 				left;
		z-index:			100;
		padding: 			10px 0px 20px 30px;
		color: 				#dababa;
		font-size: 			13px;
		margin: 			auto;
		letter-spacing: 	1.1px;
		font-family: 		Tahoma;

	}
	
	#left {
		width: 				215px;
		height: 			220px;
		float: 				left;
		margin-top: 		-2px;
	}
	
	#right {
		width: 				350px;
		height: 			220px;
		float: 				right;
		margin-top: 		0px;
	}
	
	#home {
		width: 				520px;
		height: 			230px;
		margin-top: 		40px;
	}
	
	.hide {
    	display: none;
	}

	#portfolio_business a {
		color: 				#dababa;
		}
	
	#portfolio_business {
		position:			relative;
		width:				300px;
		height:				245px;
		float: 				left;
		z-index:			100;
		padding: 			17px 0px 20px 30px;
		color: 				#dababa;
		font-size: 			17px;
		margin: 			auto;
		letter-spacing: 	1.1px;
		font-family: 		Tahoma;
		font-weight: 		normal;		

	}

	#contact_left {
		position: 			relative;
		width: 				910px;
		float: 				left;
		z-index: 			100;
		padding: 			35px 20px 0px 30px;
		color: 				#dababa;
		font-size: 			17px;
		letter-spacing: 	1.1px;
		font-family: 		Tahoma;	
	
	}
	
	#contact_right {
		position: 			relative;
		width: 				910px;
		float: 				left;
		z-index: 			100;
		padding: 			30px 20px 20px 30px;
		color: 				#ffffff;
		font-size: 			16px;

	}

	#about_right {
		position: 			relative;
		width: 				320px;
		height: 			270px;
		float: 				right;
		z-index: 			100;
		margin: 			30px 20px 20px 0px;
		padding: 			20px 0px 0px 10px;
		color: 				#ffffff;
		font-size: 			16px;
		border-left-style: 	solid;
		border-left-color: 	black;
		border-left-width:	4px;
		
	}
	
	.portfolio_text {
		position: 			relative;
		top: 				12px;
		width: 				570px;
		height: 			300px;
		float: 				right;
		margin: 			22px 20px 20px 10px;
		padding: 			0px 0px 0px 20px;
		color: 				#ffffff;
		font-size: 			16px;
		border-left-style: 	solid;
		border-left-color: 	black;
		border-left-width:	4px;
		font-weight: 		normal;
				

		
	}
	
	#welcome_text {
		position: 			relative;
		width: 				520px;
		height: 			300px;
		float: 				right;
		z-index: 			100;
		margin: 			22px 20px 30px 10px;
		padding: 			0px 0px 0px 20px;
		color: 				#ffffff;
		font-size: 			16px;
		border-left-style: 	solid;
		border-left-color: 	black;
		border-left-width:	4px;
		font-weight: 		normal;		

		
	}

	ul {
		list-style: 		none;
		padding: 			0px;
		margin: 			0px;
		
		}

	#navigation {
		position:			relative;
		width:				925px;
		height:				40px;
		margin:				auto 18px;
		top:				-14px;
	}
	
	#navigation ul {
		margin:				0;
		padding:			0;
	}
	
	#navigation li {
		margin:				0px;
		padding:			0;
		list-style:			none;
		height:				40px;
		float:				left;
		margin-right:		6px;
		margin-left:		6px;
	}
	
	#navigation li a {
		display:			block;
		background:			#212121;
		color:				#ffffff;
		text-transform:		uppercase;
		text-decoration:	none;
		letter-spacing:		0.2em;
		padding:			12px 35px 12px 35px;
		font-size:			1.7em;
		margin-top:			-10px;
	}
	
	#navigation li a:hover {
		margin-top:			0;
	}

	#bottom {
		position:			absolute;
		bottom:				0;
		left:				0;
		width:				1132px;
		height:				265px;
		background:			transparent url(./images/bottombg.png) no-repeat center bottom;
		z-index:			40;
	}

	#footer {
		position:			relative;
		margin:				auto;
		width:				970px;
		background:			transparent url(./images/footerbg.png) no-repeat center -14px;
		height:				121px;
		z-index:			100;
	}