/*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:0 20px 0 10px;
	background:#ffffff;
}

/*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:#111111;
	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-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;
}
.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-container {
	width: 665px;
	background:url(../img/44.png);
	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-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:#111111;
	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:#555555;
	
}

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


.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;
}



.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:#000000;
}

.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;
}

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

}
.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:#222222;

	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:#555555;
	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:#000000;
	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;
}