/*TWITTER / STATUS*/
.twitter-status-container, .extra {
	position:relative;
}
.twitter {
	width:283px;
	position:absolute;
	top:-16em;
	left:53.7em;
	height:117px;
	background:url(../img/twitter.png) no-repeat;
	color:#111111;
	}
#twitter_update_list {
	padding:10px 10px 10px 15px;
	width:200px;
}
#twitter_update_list a:link, #twitter_update_list a:visited {
	color:#333;
	text-decoration:underline;
}
#twitter_update_list a:hover {
	color:#333;
	text-decoration:underline;
}

#works-main-container h3 {
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	color:#666;
}

.status a {
	position:absolute;
	top:-8.37em;
	left:52.7em;
	width:295px;
	height:90px;
	background:url(../img/freelance-work.png) no-repeat;
	display:block;
}

/*EXTRA*/
.extra-left {
	position:absolute;
	top:10.75em;
	background:url(../img/extra-left.gif) no-repeat;
	width:32px;
	height:63px;
}
.extra-right {
	position:absolute;
	top:10.75em;
	left:77.35em;
	background:url(../img/extra-right.gif) no-repeat;
	width:32px;
	height:63px;
}

/*CONTAINERS*/
.logo-menu-container {
	width: 750px;
		background: #D6D6D6;
	
}

.logo-menu-containernews {
	width:720px;
		background:#990000;
	
}
.main-container {
	width:820px;
	padding:10px 20px 0 10px;
	background:#222222;
}

/*FEAT-PROJECTS-CONTAINER*/
.feat-projects-container {
	width:850px;
	padding: 5px 0 0 0;
}

.shadow {
	width:820px;
	padding:0px 0 0 0;
}
.feat-projects-container h2 {
	font-size:28px;
	margin:0 0 25px 0;
	letter-spacing:-1px;
}
.feat-projects-container p {
	font-size:12px;
	color:#FFF;
	margin:0 0 15px 0;
}

/*MAIN-PIC-DESC-CONTAINER*/
.main-pic-desc-container {
	width:568px;
	float:left;
	padding:10px;
	background-color:#000000;
}
.main-pic-desc-container img {
	width:294px;
	height:275px;
	float:left;
}

/*DESCRIPTION*/
.description {
	width:244px;
	float:left;
	padding:5px 10px 0 20px;
}
.description h2 {
	font-size:24px;
	display:block;
	font-weight:bold;
	color:#FFF;
	margin:0 0 20px 0;
}
/*VIEW PROJECTS*/
.description a:link, .description a:visited {
	text-decoration:none;
	float:left;
	padding:0 0 0 15px;
	color:#FFF;
}
.description a:link span, .description a:visited span {
	text-decoration:none;
	float:left;
	color:#FFF;
	padding:7px 15px 7px 4px;
}
.description a:hover{
	text-decoration:none;
	float:left;
	padding:0 0 0 15px;
	color:#FFF;
}
.description a:hover span {
	text-decoration:none;
	float:left;
	color:#FFF;
	padding:7px 15px 7px 4px;
}

/*THUMBNAILS*/
.thumbnails {
	width:308px;
	float:left;
}
.thumbnails ul {
	margin:0 0 0 11px;
}
.thumbnails ul li {
	width:66px;
	height:65px;
	float:left;
	margin:0 11px 11.8px 0;
}
.thumbnails ul li.right {
	width:66px;
	height:65px;
	float:right;
	margin:0 0 11.8px 0;
}
.thumbnails ul li img{
	width:66px;
	height:65px;
	float:left;
}

/*LATEST-FROM-BLOG*/
.latest-from-blog {
	width:720px;
	margin:10px 0 20px 0;
}
.latest-blogs {
	width:191px;
	float:left;
	margin:0 21.5px 0 0;
	padding:0 21.5px 0 0;
}
.latest-blogs img, .latest-blogs-right img {
	width:191px;
	height:121px;
	margin:0 0 8px 0;
}
.latest-blogs-right {
	width:191px;
	float:right;
}
.latest-from-blog h2 {
	font-size:18px;
	margin:0 20px 25px 0;
}
.latest-blogs h3, .latest-blogs-right h3 {
	font-size:14px;
	margin:0 0 15px 0;
}
.latest-blogs p, .latest-blogs-right p {
	margin:0 0 15px 0;
}
.latest-blogs span a:link, .latest-blogs span a:visited,
.latest-blogs-right span a:link, .latest-blogs-right span a:visited {
	text-decoration:none;
	color:#555555;
	font-size:11px;
}
.latest-blogs span a:hover, .latest-blogs-right span a:hover {
	text-decoration:underline;
	color:#222222;
	font-size:11px;
}

/*RSS*/
.latest-from-blog a.rss img {
	margin:0 0 0 10px;
}

/*LEFT-CONTAINER*/
.left-container {
	width: 665px;
	padding: 0px 0 20px 0;
	float:left;
}

.left-containerlanding {
	width: 840px;
	padding: 0px 0 20px 0;
	float:left;
}

.left-container h2 {
	font-size:28px;
	margin:0 0 25px 0;
	padding:0 0 10px 0;
	color:#FFFFFF
	border-bottom:4px solid #111111;
}
.left-container p, .right-container p {
	font-size:12px;
	margin:0 0 15px 0;
}
.aboutme, .portfolio, .blogs, .contactme {
	width: 665px;
}

.portfoliolanding {
	width: 840px;
}]
.aboutme img {
	width:113px;
	height:108px;
	float:left;
	margin:5px 15px 5px 0;
	border:1px solid #EAEAEA;
}
.aboutme h3 {
	font-size:22px;
	margin:0 0 15px 0;
	font-weight:normal;
}

/*WORKS*/
.works-main-container {
	width: 665px;
	margin: 0px 0 0 0;
	padding:0 0 20px 0;
		color:#FFFFFF;
	height:auto;

}

.works-main-landing {
	width: 840px;
	margin: 0px 0 0 0;
	padding:0 0 20px 0;
		color:#FFFFFF;
	height:auto;

}


.works-container {
	width: 665px;
	background:url(../img/back5.gif);
	height:auto;

		margin: 10px 0px 0px 0px;
	border:1px solid #111111;
		
}

.tweet {
font-size:10px;
color:#FFFFFF;


		
}

.tweet ul {
margin-bottom: 10px;


		
}



.works-containerpadding {
	width: 625px;
	background:url(../img/back5.gif);
	height:auto;

		margin: 10px 0px 0px 0px;
		padding:20px;
	border:1px solid #111111;
		
}

.facebook {
	width: 830px;
	height:auto;

		margin: 10px 0px 0px 0px;

	
		
}

.works-containerbanner {
	width: 840px;
	height:auto;

		margin: 10px 0px 0px 0px;
		
}

.works-containercontent {
	width:617px;
		margin: 10px 0px 0px 0px;
		
}



.works-container h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 10px 0;
}

.works-containerpadding h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 10px 0;
}
.works-img {
	width: 100px;
	height: 89px;
	padding: 6px;
	float:left;
		background:url(../img/image-back.png);

	margin: 10px 20px 10px 10px;
}
.works-imgnews {
	width: 205px;
	padding: 10px 0px 5px 10px;
	float:right;
	margin:0 5px 0 0;
}

p.link a {
	padding:5px 9px;
	background:#222222;
	color:#FFFFFF;
	font:10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}

p.link a:hover {
	background:#444444;
	color:#FFFFFF;
}



.left-container a {
	
	color:#CCCCCC;
	
}

.left-container a:hover {
	color:#FFFFFF;
}


.works-desc {
	width: 510px;
	padding:0px 0px 5px 0;
	float:left;
	color:#fff;
}

.works-descright {
	width: 200px;
	float: right;
}


.works-descleft {
	width: 300px;
	float:left;
}



#landingright {
float:right; 
width:150px;
margin-top: 317px;
}                                           


.works-descnew {
	width: 500px;
	float:left;
	margin: 20px 0px 0px 0px;
}

.works-descnew img {
float:right;
	margin: 0px 5px 0px 0px;


}



.works-descnews {
	width:550px;
	padding:20px 0 0px 0;
	float:right;
	color:#ffffff;
}

.works-desc p {

	color:#CCCCCC;
}

.works-desc h3 {
line-height:14px;
}

p.responsibility {
	color:#222;
	margin:0 0 8px 0;
}

/*BLOGS*/
.blogs-main-container {
	width:617px;
	margin:30px 0 0 0;
	padding:0 0 20px 0;
}
.blogs-container {
	width:617px;
	border-bottom:2px solid #EAEAEA;
}
.blogs-container h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 10px 0;
}
.blogs-img {
	width:215px;
	padding:20px 0 20px 0;
	float:left;
}


.works-imgnews img {
	
	border:3px solid #FFF;
}
.blogs-desc {
	width:400px;
	padding:20px 0 20px 0;
	float:left;
}
.blogs-desc a.title:link, .blogs-desc a.title:visited {
	text-decoration:none;
	display:block;
	color:#333;
	font-size:22px;
}
.blogs-desc a.title:hover {
	text-decoration:underline;
	display:block;
	color:#333;
	font-size:22px;
}
.blogs-desc span {
	display:block;
	margin:5px 0 10px 0;
	color:#B0753D;
}
.blogs-desc span.link {
	display:block;
	margin:25px 0 0 0;
	color:#B0753D;
}
.blogs-desc span a:link, .blogs-desc span a:visited {
	text-decoration:none;
	color:#222;
	font-size:14px;
}
.blogs-desc span a:hover {
	text-decoration:underline;
	color:#222;
	font-size:14px;
}


#landingright a:hover {
	text-decoration:underline;
	color:#FFFFFF;
	font-size:11px;
}

#landingright a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
}

/*RIGHT-CONTAINER*/
.right-container {
	width: 170px;
	padding:20px 0 20px 0;
	font-size: 11px;
	text-align:right;
	color:#666666;
	float:right;
}

.right-containerlanding {
	width: 170px;
	padding:10px 0 20px 0;
	font-size: 11px;
	text-align:right;
	line-height:normal;
	color:#666666;
	float:right;
}


.right-container h2 {
	font-size:18px;
	margin:0 0 20px 0;
}
.services, .clients, .skills, .client-says, 
.categories, .archives, .search {
	width: 150px;
	margin:0 0 20px 0;
	padding: 0px 20px 0px 0px;
}
.services h2, .clients h2, .skills h2, .client-says h2, 
.infos h2, .categories h2, .archives h2,
.search h2 {
	font-size:14px;
	letter-spacing:1px;
		color:#999999;

	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 10px 0;
}
.services ul li a:link, .services ul li a:visited, 
.clients ul li a:link, .clients ul li a:visited,
.categories ul li a:link, .categories ul li a:visited, 
.archives ul li a:link, .archives ul li a:visited {
	text-decoration:none;
	color:#ffffff;
	padding:6px 0 6px 0;
}
.services ul li a:hover, 
.clients ul li a:hover, 
.categories ul li a:hover,
.archives ul li a:hover {
	color:#888888;
	padding:6px 0 6px 0;
}

#floating_link {
     position: fixed;
     right: 0;
     top: 200px;
     display: block;
     width: 43px;
     height: 200px;
     text-indent: -10000px;
     background-image: url(../img/side.jpg);
     overflow: hidden;
}


#tag_line {
     position: fixed;
     left: 0px;
     top: 200px;
     display: block;
     width: 50px;
     height: 424px;
     text-indent: -10000px;
     background-image: url(../img/strap.png);
     overflow: hidden;
}



/*SEARCH*/
.search form {
	border-style:none;
}
.search form p input {
	width:217px;
	border:1px solid #C7C7C7;
	background:none;
	padding:3px 5px 3px 5px;
	color:#333;
}
.client-says span {
	float:right;
	font-style:italic;
}
.client-says span a:link, .client-says span a:visited {
	text-decoration:none;
	color:#333;
}
.client-says span a:hover {
	text-decoration:underline;
	color:#70461C;
}

#news-container {
	float:left; 
	width:665px; 
	margin-bottom:10px;
}

/* Banner */
#banner {
	margin: 0 0 10px 0;
	height: 300px;
	width: 665px;
}
	#banner img {
		display: block;
	}
	
	#banner .info {
		width: 830px;
		height: 80px;
		position: relative;
		top: -300px;
		left: 0px;
		color: #000;
		background: url(../img/alphabg.png);

	}
	
		#banner .info div {
			padding: 0;
		}
			#banner .info div h1 {
				font: 1.5em Verdana, Arial, sans-serif;
				color: #fff;
				margin-bottom: 0px;
				padding-left: 10px;
				padding-top: 12px;
				padding-bottom: 10px;

			}
			#banner .info div p {
				font: 1.0em Verdana, Arial, sans-serif;
				line-height: 1.8em;
				margin-top: 0px;
				padding-left: 10px;
				color: #fff
				
			}
			#banner .info a.more {
				display: inline-block;
				padding: 5px 10px;
				background: #46710b;
				color: #ffffff;
			}

/* -------------------------------------- */
/* -------  SLIDER  --------------------- */	
/* Slider controls */
#controls {
	position: relative;
	left: 100px;
	top: -60px;
	width: 226px;
}
	
#slider2 { }	
	#slider2 ul, #slider2 li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#slider2 li { 
		width: 665px;
		height: 300px;
		overflow: hidden;
	}	
#prevBtn, #nextBtn { 
	display: block;
	margin: 0;
	overflow: hidden;	
	position: absolute;
	top: 20px;
}	
#nextBtn { 
	left: 116px;
}														
#prevBtn a, #nextBtn a {
	display: block;
	width: 106px;
	padding: 7px 0px;
	background: #222222;
	color: #ffffff;
	text-align: center;
}
	#prevBtn a:hover, #nextBtn a:hover {
		background: #333333;
	}
	#nextBtn a { 
		width: 106px;
		padding: 7px 0px;
		background: #222222;
		color: #ffffff;
		text-align: center;
	}
	
/* -------------------------------------- */
/* -------  end slider ------------------ */