body {
	font-family:Arial, “Helvetica Neue”, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
	background: black;
	min-width:1000px;
}


p.about {
	text-indent: 20px;
	padding:10px 0 0 0:
	}

p.about-p2 {
	text-indent: 20px;
	padding:0;
	
	}


#lt-col .dear {
font-size:11px;
padding-bottom:8px;
color:#525252;
font-family:Arial, “Helvetica Neue”, Helvetica, sans-serif;
font-style: normal;

}

/* iframe {background:transparent;} */

.clear {
	clear:both;
}

.left {
float:left;
 
}

.right{
float:right;

}

#container {
	position:absolute;
	float: left;
	padding-left:50px;
	padding-top:125px;
	width:860px;
	height:auto;
	padding-bottom:20px;
	border-right:20px solid #ffab00;
	border-bottom:20px solid #ffab00;
	background: url(../../images/new-footer_bg-fix.png) bottom left no-repeat white;
}

#header {
	position:absolute;
	top:8px;
	left:10px;
	width:290px;
	height:141px;
	float:left;
	display:block;
	background: url(../../images/logo.png) no-repeat;
	
}

#footer {
	z-index:1;
	position:fixed;
	bottom:0;
	left:0;
	
	width:354px;
	height:279px;
	float:left;
	display:block;
}

#footer div.copyright p {
margin-top:264px;
margin-left:10px;
color:gray;
font-family:Baskerville, “Times New Roman”, Times, serif;
font-size:9px;

}



#logo {
	display:block;
	float:left;
	margin-top:10px;
	
}

	/*
	blockquote {
	vertical-align:top;
	font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif;
	border-left:3px solid black;
	padding-left:5px;
	color:#939393;
	line-height:16px;
	}
	
	blockquote p:first-letter {
	float:left;
	font-size:22px;
	font-weight:bold;
	color:black;
	}
	
	blockquote p:first-line {
	vertical-align:top;
	font-variant:small-caps;
	margin: 0 0 0 0;
	color:black;
	}
	
	a.bq:link, a:visited {
	color:#939393;
	font-family:Baskerville, “Times New Roman”, Times, serif;
	font-style:italic;
	text-decoration:none;
	}
	
	a.bq:hover {
	color:black;
	}
	*/


/*
---- LEFT COL.(NAVIGATION, TWITTER)
*/



#lt-col ul li.home a {
display:block;
width: 66px;
height:24px;
padding:3px 6px 0 0;
color:white;
background: url(../../images/home.gif) 0 0 no-repeat;
text-decoration: none;
text-align: right;

}

#lt-col ul li.home a:hover {	
background-position: -72px 0;
color:green;
}

#lt-col ul li a.selectedhome{
	display:block;
	width: 66px;
	height:24px;
	padding:3px 6px 0 0;
	color:green;
	background: url(../../images/home.gif) -72px 0 no-repeat;
	text-align: right;

	text-decoration: none;
	}



#lt-col ul li span{
	font-family:Baskerville, “Times New Roman”, Times, serif;
	font-style: italic;
	font-size:14px;
	
	}

#lt-col{
	width:218px;
	float:left;
	margin-right:9px;
	
	/*
background:url(../../images/bg-ny.gif) no-repeat ; 
	background-position: 5px 5px;
	border: 1px solid #ccc;
	
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	display: inline;
*/ 
	padding:5px;
	}
	
#lt-col h1{
	font-size:18px;
	font-weight:normal;
	display:block;
	color:#303030;
	padding-bottom:15px;
	font-family:Baskerville, “Times New Roman”, Times, serif;
	}

#lt-col ul li h1 span{
	font-family:Baskerville, “Times New Roman”, Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size:20px;
	}


#lt-col p {
	line-height:17px;
	text-align: justify;
	color:#525252;
	font-size: 11px;
	}
		
	
#lt-col p.about {
	text-indent: 20px;
	
	padding:4px 0 0 0;
	}

#lt-col p.about-p2 {
	text-indent: 20px;
	padding:0;
	
	}	

#lt-col .intro{
	
	padding:20px 0px 0px 0px;
	/*margin:0px 0px 20px 0px;*/

	}

#lt-col ul{
	border-top:3px solid #303030;
	padding-top:2px;
	}

#lt-col ul li{
	/* border-bottom:1px solid #525252; */
	padding:10px 0px;
	line-height: 14px;

	}

#lt-col ul li a{
	color: #818181;
	text-decoration: none;
	/* background:url(../../images/transparent.png) repeat; */
	padding:2px 4px 2px 0px;
	/*
border-right:solid 2px black;
	border-bottom:solid 1px black;
*/
	}

	/*
	#lt-col ul li a:visited{
	color: #525252;
	text-decoration: line-through;
	}
	*/

#lt-col ul li a:hover{
	color: #cb4023;
	text-decoration: none;
	}

#lt-col ul li a.nav:active{
	padding-left:5px;
	
	color: #303030;
	text-decoration: none;
	}

#lt-col ul li a.selected{
	color: #cb4023;
	text-decoration: none;
	}

#lt-col ul li.worktitle{
	font-size: 18px;
	border-bottom:none;
	padding:20px 0px 6px 0px;
	color:#303030;
	background:url(../../images/line.gif) top left repeat-x;
	font-family:Baskerville, “Times New Roman”, Times, serif;
	}

#lt-col ul li.work{
	border-bottom:none;
	padding:2px 4px 2px 5px;
	}
	
#lt-col ul li.introli{
	
	padding:0px 0px 0px 0px;
	}	

#lt-col ul li.contactsocial{
	font-family:Baskerville, “Times New Roman”, Times, serif;
	font-size:18px;
	color:#303030;
	padding:20px 0px 0px 0px;
	background:url(../../images/line2.gif) top left repeat-x; 
	}

#lt-col ul li.worklast{
	background:url(../../images/line4.gif) bottom left repeat-x;
	padding:2px 4px 20px 5px;
	}

#lt-col ul li.resume{
	padding:25px 10px 20px 0px;
}
	


/*-social network elements-*/

#lt-col ul ul {
	border:none;
	padding:15px 0px 20px 0px;
	

	}

#lt-col ul ul li{
	font-family:Baskerville, “Times New Roman”, Times, serif;
	font-style: italic;
	/* border-right:1px solid #525252; */
	display: inline;
	border-bottom:none;
	font-weight: bold;
	}

#lt-col ul ul li.social-fb{
	background:url("../../images/facebook.png") center left no-repeat white;
	padding:10px 8px 6px 20px;
	}

#lt-col ul ul li.social-fb a:hover{
	color:#5d7ab2;
	}

#lt-col ul ul li.social-tw{
	background:url(../../images/twitter.png) center left no-repeat white;
	
	}

#lt-col ul ul li.social-tw a:hover{
	color:#53bbf3;
	}

#lt-col ul ul li.social-li{
	background:url(../../images/linkedin.png) center left no-repeat;
	
}

#lt-col ul ul li.social-li a:hover{
	color:#357c9d;
	}


#lt-col ul ul li:first-child{
	/* border-right:1px solid #525252; */
	display: inline;
	
	padding:10px 8px 6px 20px;
	}

#lt-col ul ul li:last-child{
	
	display: inline;
	
	padding:10px 0px 6px 20px;
	}


/*-TWITTER-*/

#tw-bar {
	background:url(../../images/line2.gif) top left repeat-x;
	padding:20px 0px 75px 0px;
	
	
	}

#tw-bar .tweets {
	padding:0px 0px 5px 0px;
	background:url(../../images/tw-icon.png) top left no-repeat;
	

	}

#tw-bar .tweets h1{
	padding:3px 0px 0px 32px;
	color:#49a3b8;

	font-family:Baskerville, “Times New Roman”, Times, serif;
	}







/*
---- RIGHT COL. ----
*/

#rt-col{
	width:218px;
	height:800px;
	float:right;
	border-top:3px solid #303030;
	padding: 9px 5px 0px 5px;
	margin-left:10px;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
	
	}

#rt-col div.header {
	font-size:20px;
	color:black;
	width:100%;
	font-weight: bold;
	border-bottom:solid 1px #303030;
	padding:0px 0px 11px 0px; 
	}

.ptitle{
	font-size:16px;
	color:#777;
	font-weight: normal;
	}

.pipe{
	color:#de1171;
	}

#rt-col .intro{
	padding:20px 0px 0px 0px;
	}

#rt-col ul{
	padding-top:5px;
	}

#rt-col ul li{
	padding:5px 0px 0px 0px;;
	line-height: 14px;
	}

#rt-col ul li span{
	font-family:Baskerville, “Times New Roman”, Times, serif;
	font-style: italic;
	font-size:13px;
	}

#rt-col ul li a{
	color: #525252;
	text-decoration: none;
	}

#rt-col ul li a:hover{
	color: #cb4023;
	text-decoration: none;
	}

#rt-col ul li.cate{
	border-bottom:1px dotted #525252;
	color:black;
	padding:20px 0px 2px 0px;
	}


#rt-col ul ul li:first-child{
	border-right:1px solid #525252;
	display: inline;
	border-bottom:none;
	padding:5px 7px 5px 0px;
	}

#rt-col ul ul li:last-child{
	border-right:none;
	display: inline;
	border-bottom:none;
	padding:5px 0px 5px 5px;
	}

#rt-col h1{
	font-size:18px;
	font-weight:bold;
	display:block;
	color:#303030;
	padding-bottom:10px;
	}

#rt-col h1 span{
	font-family:Baskerville, “Times New Roman”, Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size:20px;
	}


/*
---- CENTER COL. ----
*/ 

#center{
	margin-left:239px;
	/* margin-right:239px; */
	margin-top:5px;
	background:url(../../images/featured-bg.gif) top right no-repeat;
	padding: 16px 0px 0px 0px;
	min-width:500px;
	}

#center div.header {
	font-family:Baskerville, “Times New Roman”, Times, serif;
	font-style: italic;
	font-size:22px;
	color:black;
	width:100%;
	border-bottom:solid 1px #303030;
	padding:0px 0px 14px 0px; 
	}

#center p {
	width:500px;
	}

#inner {
	width:618px;
	}

#proj {
	width:618px;
	}

#proj p{
	padding:20px 10px;
	}

#proj img {
	padding:5px 10px;
	}

#center ul.gallery {
	width: 618px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
	}

#center ul.gallery li {
	float: left;
	margin: 10px; padding: 0;
	text-align: left;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
	}
	
#center ul.gallery li a.thumb {
	width: 171px; /*--Width of image--*/
	height: 108px; /*--Height of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	}



#center ul.gallery li span { /*--Used to crop image--*/
	width: 171px;
	height: 108px;
	overflow: hidden;
	display: block;
	}

#center ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
	
	}

#center ul.gallery li h2 {
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 5px 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
	line-height: 18px;
	}

/*
#center ul.gallery li h2 a {
}
*/

#center ul.gallery li a {
	font-family:Baskerville, “Times New Roman”, Times, serif;
	font-style: italic;
	text-decoration: none; 
	color:#777; 
	display: block;
	}

#center ul.gallery li a:hover {
	text-decoration: none; 
	color:#cb4023; 
	display: block;
	}



/* 
---- SMASHINGMAGAZINE WIDGET STYLE ----
*/

/* <![CDATA[ */
div.smashingwidget.example5,
div.smashingwidget.example5 div,
div.smashingwidget.example5 span,
div.smashingwidget.example5 h3,
div.smashingwidget.example5 a,
div.smashingwidget.example5 img,
div.smashingwidget.example5 ul,
div.smashingwidget.example5 ol,
div.smashingwidget.example5 li {
	background-color: #fff;
	border:0 none;
	font-family:inherit;
	font-size:13px;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline-style:none;
	outline-width:0;
	padding:0;
	}

div.smashingwidget.example5 {
	background-color:#fff;
	color:#f00;
	font-family:Arial,Helvetica,sans-serif;
	line-height: 16px;
	padding:0px;
	}

* div.smashingwidget.example5 {
	/* font-size:small; */
	}

div.smashingwidget.example5 a {
	color:#525252;
	cursor:pointer;
	text-decoration:none;
	}
div.smashingwidget.example5 a:hover {
	color:#cb4023;
	text-decoration:underline;
	}
div.smashingwidget.example5 a:focus {
	outline-style:none;
	}
div.smashingwidget.example5 a:active {
	outline-style:none;
	outline-width:medium;
	}
div.smashingwidget.example5 a img {
	border:medium none;
	}

div.smashingwidget.example5 h3 {

	margin:0;
	
	
	font-weight:bold;
	cursor: pointer;
	height: 28px;
	font-size:20px;
	color:black;
	width:100%;
	
	border-bottom:solid 1px #303030;
	padding:15px 0px 3px 0px;
	/* background:url("http://media.smashingmagazine.com/cdn_smash/files/smashing-widget/v006/img/header_v1.gif") no-repeat scroll 0 0 transparent; */
	}

div.smashingwidget.example5 h3 a {
	background-color:transparent;
	border:none;
	top:0;
	right:0;
	width:110px;
	
	color:inherit;
	padding-right:10px;
	padding-top:5px;
	text-decoration: none;
	}

div.smashingwidget.example5 h3 a span {
	float:left;
	font-size:20px;
	background-color: transparent;
	}	

div.smashingwidget.example5 h3 a img {
	float:right;
	background-color: transparent;
	margin: -8px 0px 0 0px;
	}

div.smashingwidget.example5 h3 a:hover {
	text-decoration: none;
	}

div.smashingwidget.example5 ol {
	margin-left: 0px;
	}

div.smashingwidget.example5 li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;					

	border-color:#EBEBEB;
	border-style:solid;
	border-width:0 0 1px;
	padding:10px 0 10px;
	}

div.smashingwidget.example5 .sw-source {
	display: block;
	/*margin-left: 0.5em;	*/
	color:#555;
	font-size:11px;
	font-weight:normal;
	}

div.smashingwidget.example5 li.sw-last {
	background:transparent none repeat scroll 0 0;
	border: none;
	}

div.smashingwidget.example5 li a.sw-title {
	font-size:11px;
	}
/* ]]> */


/*
---- tabSlideOut ----
*/
 
.slide-out-div {
        padding: 15px 10px 0px 15px;
        width: 525px;
        
        background: url(../../images/bg-iframe.gif) no-repeat white;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        
/*
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px; 
		-webkit-border-radius: 3px; 
		display: inline; 
*/        
        }