
body {
background: #000000 url('images/bg.jpg') repeat-x;
background-position: 0px -60px ;
padding-top: 30px;
}

#wrapper {
width: 900px;
height: 570px;
margin: 0 auto;
background: url('images/wrapper.jpg') no-repeat;
padding:10px;
padding:9px\9;
}

	#inside-wrapper {
	height:570px;
	background: url('images/logo.jpg') no-repeat;
	
	}
	
		#left {
		float: left;
		width: 245px;
		padding-top:122px;
		height:448px;
		color: #f25718;
		font-family: verdana;
		font-size: 9px;
		vertical-align: top;
		text-align: left;
		}
			#menu {
			margin-bottom: 17px;
			}
			
			#menu li {
			list-style: none;
			height: 17px;
			text-align:right;
			margin-bottom:6px;
			background: url('images/menu_item.jpg') no-repeat top left;
			width: 181px;
			margin-left: -22px\9;
			}
			
			#menu a{
			color: #f25718;
			line-height:15px;
			text-decoration:none;
			padding-right: 10px;
			display:block;
			}
			
			#menu li.current_page_item a{
			color: #cccccc;
			}
			
			#menu a:hover{
			}
			
			#newsletter {
			height: 136px;
			background: url('images/newsletter.jpg') repeat-x;
			width: 151px;
			margin-bottom:13px;
			padding-left: 10px;
			color: #f25718;
			padding-right:17px;
			padding-top: 9px;
			position: relative;
			}
			
			#newsletter h1 {
			color: #f25718;
			margin-bottom: 20px;
			text-align:right;
			}
			
			#newsletter label {
			margin-bottom: 2px;
			}
			
			#newsletter input.text{
			border: 0px;
			background-color:  #999999;
			margin-bottom: 5px;
			margin-top: 3px;
			font-size: 10px;
			width: 100%;
			}
			
			#newsletter a.clear, #newsletter a.submit {
			position:absolute;
			bottom: 15px;
			color: #F25718;
			text-decoration:none;
			}
			
			#newsletter .clear {
			left: 10px;
			}
			
			#newsletter .submit {
			right: 20px;
			}
			
			#info {
			width: 161px;
			height: 126px;
			background: url('images/info.jpg') repeat-x;
			padding-right:17px;
			padding-top: 9px;
			color: white;
			line-height: 14px;
			text-align:right;
			position:relative;
			}
			
				#email {
				position: absolute;
				bottom: 10px;
				right: 17px;
				color: #f25718;
				}
				
					#email a{
					color: #f25718;
					text-decoration: none;
					}
		#right {
		padding-top: 30px;
		margin-left: 245px;
		width:654px;
		height:540px;
		vertical-align: top;
		}
		
			.aboutflash {
			background: url('images/middle.jpg') repeat-y;
			padding-left: 12px;
			}
			
			.content {
			}
			
				.top {
				width: 622px;
				height: 9px;
				background: url('images/top.jpg') no-repeat;
				}
				
				.bottom {
				width: 622px;
				height: 9px;
				background: url('images/bottom.jpg') no-repeat;
				margin-bottom: 30px;
				}
			
			.project {
			width: 628px;
			height: 423px;
			font-family: arial;
			line-height:15px;
			font-size: 10px;
			color: #cccccc;
			line-height: 26px;
			overflow:hidden;
			}
			
				.project li {
				width: 628px;
				height: 423px;
				position:relative;
				background: url('images/project_bg.jpg') no-repeat;
				display:inline;
				float: left;
				}
			
				.project img.large {
				position:absolute;
				top: 12px;
				left: 13px;
				}
			
				.project img.s1 {
				position:absolute;
				top: 12px;
				left: 335px;
				}
				
				.project img.s2 {
				position:absolute;
				top: 150px;
				left: 335px;
				}
				
				.project .info1{
				height: 122px;
				width: 312px;
				position:absolute;
				top: 286px;
				left: 14px;
				}
				
					.info1 h2{
					color: #F25718;
					margin-bottom: 15px;
					font-size: 11px;
					}
					.info1 a{
					color: #F25718;
					}
					
					
					.info1 .bold {
					color: #F25718;
					}
				
				.project .info2 {
				height: 122px;
				width: 290px;
				position:absolute;
				top: 301px;
				left: 326px;
				font-size: 11px;
				line-height: 14px;
				}
				
				.project_nav {
				width: 628px;
				height: 17px;
				position:relative;
				padding-top: 5px;
				}
				
				#prevBtn a {
				display:block;
				height: 17px;
				width: 50px;
				background: url('images/left_arrow.jpg') no-repeat;
				color: #F25718;
				font-size: 11px;
				text-decoration:none;
				padding-top: 2px;
				padding-left: 28px;
				float: left;
				}
				
				
				#nextBtn a {
				display:block;
				height: 17px;
				width: 48px;
				background: url('images/right_arrow.jpg') no-repeat;
				color: #F25718;
				font-size: 11px;
				text-decoration:none;
				padding-top: 2px;
				padding-left: 13px;
				margin-left: 100px;
				}
				
				#nextBtn a:hover, #prevBtn a:hover{
				color: #ccc;
				}
			.portfolio {
			width: 612px;
			padding-top: 10px;
			overflow:hidden;
			height: 400px;
			color: #eee;
			}
				.portfolio table {
				width:100%;
				}
					.portfolio .entry {
					background:url('images/image-border.jpg') no-repeat;
					padding: 10px;
					font-family:arial;
					font-size: 10px;
					width:170px;
					float:left;
					height: 116px;
					position:relative;
					overflow:hidden;
					}
					
						.portfolio .entry img{
						margin-bottom: 10px;
						}
					.portfolio .entry a {
					color: #eee;
					text-decoration: none;
					}
					
					.portfolio .entry a:link .title, .portfolio .visited a:visited .title {
					margin-bottom: 4px;
					color: #eee;
					text-decoration: none;
					white-space: nowrap;
					width: 170px;
					}
					
					.portfolio .entry  a:hover .title {
					color: #F25718;
					text-decoration: none;
					}
					
					.portfolio .entry .type{
					font-weight:bold;
					color: #7e7e7e;
					}
					
			.fixed {
			width: 612px;
			background: url('images/middle.jpg') repeat-y;
			padding: 10px 25px;
			overflow:hidden;
			height: 200px;
			}
				.fixed h2 {
				color: #ccc;
				font-family:verdana;
				font-size:14px;
				font-weight:bold;
				margin-bottom:10px;
				}
				
				.fixed p {
				color:#cbcbcb;
				font-family:verdana;
				font-size:10px;
				line-height: 14px;
				padding-right: 30px;
				}
				
				.fixed li {
				list-style: disc inside;
				color:#cbcbcb;
				font-family:verdana;
				font-size:10px;
				line-height: 14px;
				padding-right: 30px;
				}
				
				.home {
				position:relative;
				top: -75px;
				}

			.slider{
			padding: 0px 10px;
			overflow:hidden;
			position: relative;
			width: 612px;
			background: url('images/middle.jpg') repeat-y;
			}
			
			#options {
			margin-top: 45px;
			font-size: 10px;
			color: #F25718;
			font-family: arial;
			padding-bottom: 35px;
			}
			
			#options .view {
			padding-top: 2px;
			display:block;
			width: 15px;
			float: left;
			}
			
			#options a {
			padding: 2px 4px 0px 4px;
			text-align:center;
			display:block;
			float: left;
			color: #F25718;
			background: url('images/vmiddle.jpg') repeat-x;
			text-decoration:none;
			letter-spacing: .2px;
			cursor: pointer;
			}
			
			#options a:hover {
			color: #ccc;
			}
			
			#options a.selected, #options a.selected2{
			color: #ccc;
			}
			
			#options .left {
			width:5px;
			height: 17px;
			background: url('images/left.jpg') no-repeat;
			float: left;
			margin-left: 60px;
			}
			
			#options .right {
			width:7px;
			height: 17px;
			background: url('images/right.jpg') no-repeat;
			float: left;
			}
			
			
			/*Slider*/
			#replace {
			height:320px;
			width:630px;
			display:none;
			background: url('images/logo.jpg') no-repeat 40% 30%;
			}
			
			#sleekslide {
			height:350px;
			left:20px;
			position:relative;
			top:-60px;
			width:630px;
			z-index:1;
			overflow:hidden;
			}
			#sleekslide .slide1 {
			visibility:visible;
			}
			.slider_container {
			height:360px;
			left:0;
			position:absolute;
			top:0;
			width:630px;
			}
			#sleekslide .slideimage_big {
			bottom:20px;
			left:0;
			}
			#sleekslide .slideimage {
			padding-bottom:20px;
			position:absolute;
			}
			.slideimage {
			background-image:url(../images/mirror.jpg);
			background-position:center bottom;
			background-repeat:repeat-x;
			}
			.slideme {
			left:0;
			position:relative;
			}
			#sleekslide .slideimage_medium {
			bottom:15px;
			left:200px;
			}
			#sleekslide .slideimage {
			padding-bottom:20px;
			position:absolute;
			}
			#sleekslide .slideimage_small1 {
			bottom:10px;
			left:50px;
			}
			#sleekslide .slideimage_small2 {
			bottom:10px;
			left:250px;
			}
			#sleekslide h2 a, #sleekslide h2 a:visited, #sleekslide .intro{
			color:#FFFFFF;
			}
			#sleekslide .intro {
			left:300px;
			line-height:25px;
			position:absolute;
			top:120px;
			width:340px;
			}
			#sleekslide .intro h2 {
			font-size:23px;
			font-weight:normal;
			}
			
			#sleekslide .intro h2 a{
			font-size:14px;
			font-weight:normal;
			text-decoration:none;
			font-family:verdana;
			}
			
			#sleekslide .buttonlinks, .intouch{
			display:block;
			}
			
			.clear {
			clear:both;
			}
			
			#sleekslide img {
			}
			
			
			
			
			
			#single {
			}
			
				#single #images {
				background: url("images/project_bg.jpg") no-repeat;
				height: 263px;
				}
			
				#single img.large {
				position:relative;
				top: 12px;
				left: 13px;
				}
				
				#single img.s1 {
				position: relative;
				top: -125px;
				left: 55px;
				}
			
				#single img.s2 {
				position: relative;
				top:-86px;
				left:336px;
				}
				
				#single a.homelink {
				color:#F25718;
				display:block;
				background: url(images/left_arrow.jpg) no-repeat scroll 0 0;
				width:58px;
				font-family:arial;
				font-size:10px;
				height:17px;
				padding-left: 20px;
				padding-top: 2px;
				position:relative;
				top: -20px;
				text-decoration:none;
				}
				
					#single a.homelink:hover {
					color: #CCCCCC;
					}
					
					
					#blog_menu {
					width: 191px;
					height: 76px;
					float: left;
					position:relative;
					top:-55px;
					background: url('images/blog_bg.jpg') no-repeat;
					color:#CBCBCB;
					font-family:verdana;
					font-size:14px;
					line-height:14px;
					}
					
						#blog_menu #padding {
						padding: 10px;
						padding-right: 50px;
						padding-top: 15px;
						}
						
						#blog_menu a {
						color: #CBCBCB;
						text-decoration: none;
						}
					
					
			
					
					
					
		.twitted {
			width: 16em;
			margin-bottom: 1.5em;
			border: 1px solid #888;
		}

		.twitted h2 {
			display:none;
		}

		.twitted p.preLoader {
			margin: 0;
			padding: 1em 1em 1em 3em;
			background: transparent url("images/loader.gif") 1em center no-repeat;
			/* generate your own loader gif: http://www.ajaxload.info */
		}

		.twitted ul#twitter_update_list {
			margin: 0;
			padding: 0 0.8em;
			list-style-type: none;
		}

		.twitted ul#twitter_update_list li {
			margin: 0;
			padding: 0.8em 0 1em 0;
			border-bottom: 1px solid #ccc;
		}

		.twitted ul#twitter_update_list li span {
			/* tweet content */
			display: block;
		}

		.twitted ul#twitter_update_list li span a {
			/* links in tweet content */
			color: #00f;
		}

		.twitted ul#twitter_update_list li a {
			/* timestamp link */
			color: #f00;
		}

		.twitted ul#twitter_update_list li.firstTweet {
		}

		.twitted ul#twitter_update_list li.lastTweet {
			border-bottom: none;
		}

		.twitted p.profileLink {
			display: block;
			margin: 0;
			padding: 0.3em 1em;
			color: #fff;
			background-color: #ddd;
		}

		#footerWrap { overflow: hidden; position:relative; top: -60px; }
		#footerWrap #twitterMsg { margin: 0 auto;width: 635px;padding: 10px 10px 10px 10px; overflow: hidden; }
		#footerWrap #twitterMsg #twitterBird { float: left; }
		#footerWrap #twitterMsg #latestTweet { float: left; background: url('images/twitter-box-bg.jpg'); background-repeat:no-repeat; width: 500px; height: 65px; padding: 5px 20px 0 40px; }
		#footerWrap #socialIcons { float: right; width: 330px; padding: 20px 0 0 0; }
		#footerWrap #socialIcons ul { float: left; }
		/* when there are 4 icons: #footerWrap #socialIcons ul li { list-style: none; float: left; padding: 0 14px; } */
		#footerWrap #socialIcons ul li { list-style: none; float: left; padding: 0 28px; }



		div#twitter {
			width: 100%;
			color: #000;
			font-size: 0.9em;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
		}

		div#twitter h2 {
		display:none;
		}

		p#preloader {
			margin: 0;
			padding: 1em 1em 1em 3em;
			background: transparent url("images/loading.gif") 1em center no-repeat;
		}

		ul#twitter_update_list {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

		ul#twitter_update_list li {
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #ccc;
		}

		ul#twitter_update_list li a {
			/* timestamp link */
			color: #FFCC00;
		}

		ul#twitter_update_list li span {
			display: block;
			z-index: 999;
		}

		ul#twitter_update_list li span a {
			/* links in tweet */
			color: #fff;
		}

		ul#twitter_update_list li.firstTweet {
		}

		ul#twitter_update_list li.lastTweet {
			border-bottom: none;
		}

		a#profileLink {
			display: block;
			padding: 0.3em 1em;
			color: ##FFCC00;
		}