body {
	margin:0px;
	font-family:"Trebuchet MS";
	font-size:12px;
	line-height: 150%;
	color: #CCC;
	text-decoration: none;
	background:url(../images/main-bg.jpg) repeat left top #666666;
}
img {
	border:0px;
}
#container {
	width:770px;
	margin:auto;
}
#feed {
	position:fixed;
	right:0px;
	top:0px;
}
a {
	outline:none;
}
/*------------------------------------------------------------------------------------------------------H E A D E R*/
#header {
	width:770px;
	float:left;
	height:115px;
}
#header .spacer {
	height:5px;
	width:770px;
	margin:auto;
}
#header #logo {
	width:750px;
	height:45px;
	padding:20px 0px 10px 20px;
	font-size:30px;
	letter-spacing:-0.8px;
	float:left;
}
#logo .hassan {
	color:#FF9900;
}
#logo .slogan {
	font-size:12px;
	color:#666;
	letter-spacing:3.8px;
	line-height:30px;
}
#header #menu {
	width:770px;
	height:35px;
	float:left;
}
#menu ul {
	margin:0px;
	padding:0px;
	float:left;
	list-style:none;
	background-color:#151515;
	height:35px;
	width:770px;
}
#menu ul li {
	float:left;
	margin:5px 0px 5px 5px;
	line-height:25px;
	height:25px;
	width:90px;
	background-color:#333;
	text-align:center;
}
#menu ul li a {
	color:#999;
	text-decoration:none;
}
#menu ul li a:hover {
	background-color:#151515;
	display:block;
	height:25px;
}
#menu .follow {
	width:90px;
	margin-right:5px;
	background:url(../images/followme_txt.png) no-repeat 15px center #333;
	float:right;
	padding-left:100px;
}
#menu .follow .icons {
	display:block;
	width:20px;
	height:20px;
	padding:3px 5px;
	float:left;
}
/*----------------------------------------------------------------------------------------------B O D Y */
#body {
	width:770px;
	float:left;
}
#body #left {
	float:left;
	width:625px;
	text-align:left;
/*	height:600px; */
	background-color:#151515;
	padding:5px;
	font-size:14px;
	line-height:28px;
}
#left h1 {
	color:#ff9900;
	font-size:20px;
	padding:10px 0px;
	margin:0px;
}
#body #right {
	float:right;
	width:120px;
	text-align:center;
	height:600px;
	background-color:#151515;
	padding:5px;
}
/* rotator in-page placement */
div#rotator {
	width:625px;
	background-color:#151515;
	padding:0px 5px;
	height:272px;
	float:left;
	cursor:pointer;
}
div#rotator ul {
	padding:0px 0px 0px 10px;
	margin:0px;
	height:272px;
	width:625px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:1px solid #666;
	padding: 5px;
	background: #333;
}
    div#rotator ul li.show {
	z-index:500
}
#pro_left {
	width:555px;
	float:left;
	text-align:left;
	padding:0px 5px;
	background-color:#151515;
	height:600px;
	line-height:25px;
}
#pro_left .heading {
	color:#ff9900;
	font-size:14px;
	line-height:30px;
}
#pro_right {
	width:200px;
	text-align:center;
	float:right;
	background-color:#151515;
}
#folio {
	width:750px;
	padding:10px;
	float:left;
	background-color:#151515;
}
#resume {
	width:750px;
	padding:10px;
	background-color:#151515;
	float:left;
}
#resume a {
	color:#FFF;
}
#resume .link {
	background:left center;
	line-height:45px;
	padding-left:50px;
	color:#FFF;
	height:45px;
	display:block;
}
#contact_left {
	width:565px;
	height:330px;
	padding:5px 0px 5px 5px;
	float:left;
	background-color:#151515;
	font-size:14px;
}
#contact_left p {
	margin-top:0px;
}
#contact_left label {
	width:225px;
	text-align:right;
	height:28px;
	display:block;
	float:left;
	padding:2px 5px 0px 0px;
	font-size:12px;
}
#contact_left .rfield {
	width:150px;
	height:16px;
	text-align:left;
	background-color:#666;
	border:1px solid #999;
	color:#CCC;
	font-size:11px;
	font-family:"Trebuchet MS";
}
#contact_left .ddown {
	width:100px;
	height:18px;
	text-align:left;
	background-color:#666;
	border:1px solid #999;
	color:#CCC;
	font-size:11px;
	font-family:"Trebuchet MS";
}
#contact_left .comment {
	width:300px;
	height:100px;
	text-align:left;
	background-color:#666;
	border:1px solid #999;
	color:#CCC;
	font-size:11px;
	font-family:"Trebuchet MS";
}
#contact_left .button {
	margin-left:230px;
	border:1px solid #666;
	background-color:#333;
	color:#CCC;
	font-size:11px;
	font-family:"Trebuchet MS";
}
#contact_right {
	width:185px;
	height:330px;
	padding:5px;
	float:right;
	background-color:#151515;
	text-align:center;
}
#contact_right p {
	color:#ff9900;
	font-size:14px;
}
/*----------------------------------------------------------------------------------------------F O O T E R*/
#footer {
	width:770px;
	float:left;
}
#footer .spacer {
	height:5px;
	width:770px;
	margin:auto;
}
#footer #ad {
	background-color:#151515;
	height:95px;
	width:770px;
	text-align:center;
	float:left;
	font-size:12px;
	padding-top:5px;
}
#footer #text {
	text-align:center;
	height:20px;
	float:left;
	color:#999;
	padding:5px 0px;
}
#footer #text a {
	color:#FF9900;
	text-decoration:none;
}
#text .ip {
	text-align:right;
	padding-left:330px;
}
/*-------------------------------------------------------------------------------------------------------------------------P O R T F O L I O */
#main_image{height:450px; width:700px; padding:25px 25px; background-color:#333;}
#main_image img{margin-bottom:10px;}
.caption{font-style:italic; color:#FF9900;}
.nav{padding:15px 0px; clear:both; letter-spacing:2px; text-transform:uppercase; width:760px; text-align:center; color:#666;}
.nav a {color:#666; text-decoration:none;}
.galleria{list-style:none; width:760px; float:left; padding:0px;}
.galleria li{display:block; width:83px; height:83px; overflow:hidden; float:left; margin:0 10px 10px 0; border:1px solid #333; }
.galleria li a{display:none}
.galleria li div{position:absolute; display:none; top:0; left:180px;}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding:.5em}