@charset "utf-8";
/* Print stylesheet for Fluidbrush (only for homepage)*/



/************************************
	GLOBALS
************************************/

body {	background:#313131;	color: #6490a4;	font: 13px Arial,Helvetica, Verdana, sans-serif;}
html { overflow-y: scroll; }
.clearfix:after { content: " "; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
a { color:#d1d1d1;text-decoration:none}

h1, h2, h3, h4, h5, h6 { position: relative; }
h1 { font:30px Georgia,Arial, Helvetica, sans-serif;margin-top:80px;height:100px;background:url(../images/web_designer.gif) left top no-repeat;color:#000}
h2 { font:20px Georgia,Arial, Helvetica, sans-serif;height:35px;background:url(../images/featured_works.gif) no-repeat;color:#000 }
h3 {}
h4 {  }
h5 {  }
h6 {  }
p {  }
acronym, abbr { cursor: help}
optgroup {color:#0f82a3;font-style:normal;font-family:Arial, Helvetica, sans-serif;padding:5px}
option{ color:#5d5d5d;cursor:pointer}
.noborder{border:none !important}

/************************************
	LAYOUT COMMON
************************************/

.wrapper{ width:848px;margin:0 auto;border:1px solid #5d5d5d;overflow:hidden;background:#121619 url(../images/main_header.jpg) no-repeat;padding:0 57px 0 57px}
.wrapper_inside{ width:848px;margin:0 auto;border:1px solid #5d5d5d;border-top:none;overflow:hidden;background:#121619 url(../images/header2.jpg) no-repeat;padding:0 57px 0 57px}
.col1{width:639px;overflow:hidden;float:left}
.col2{width:167px;height:622px;overflow:hidden;float:left;clear:both}
.header{height:144px;width:639px; display:none}
.intro{ height:213px;width:639px;float:left}
.logo{ width:106px;height:78px;float:left;margin-top:45px}
#tweet{ width:256px;margin:0px 0 0 150px;float:left;display:inline;background: url(../images/twitter_trans.png) left bottom/*#173d45*/ ;font-size:11px;color:#c9d4d5;padding:12px 10px 27px 15px}
#tweet a{ color:#82bad4}
#tweet p{ margin-top:5px}
.introcnt{ margin-top:25px;width:481px}
.featured{width:637px;float:left;margin:40px 0;overflow:visible;padding-bottom:40px}
.scrollable{ width:542px;overflow:hidden;font-size:11px; color:#7f7f7f;margin-top:20px;clear:left}
.scrollable a{ color:#7f7f7f}
.scrollable img{ border:1px solid #353a3e;float:left;margin-right:33px}
.role{ font-size:10px;text-transform:uppercase}
.det_links{ margin-top:5px;display:inline-block;color:#6490a4}
.det_links a{ color:#6490a4}

.downloadCV{ width:159px;height:22px;margin-top:112px;display:none}
.downloadCV a{ width:129px;height:22px;display:block;color:#f0b606;padding-left:25px;background:url(../images/icon_pdf.gif) left top no-repeat}

.main_navig{width:159px;height:110px;margin-top:83px;display:none}
.main_navig a{ display:block;text-transform:uppercase;font-size:14px;margin-bottom:10px; color:#d3d4d4}
.main_navig a:hover{ color:#fff}

.contactdet{height:62px;font-size:11px;margin-top:5px;color:#7f7f7f}
.contactdet a{color:#6490a4}
.social{ height:117px;margin-top:20px;display:none}
.social a{ display:block;margin-bottom:10px; height:17px;width:160px}
.social .deviantart a{ background:url(../images/social_sprite.gif) left -10px no-repeat}
.social .deviantart a:hover{ background:url(../images/social_sprite.gif) left -117px no-repeat}
.social .twitterlink a{ background:url(../images/social_sprite.gif) left -36px no-repeat}
.social .twitterlink a:hover{ background:url(../images/social_sprite.gif) left -143px no-repeat}
.social .orkut a{ background:url(../images/social_sprite.gif) left -62px no-repeat}
.social .orkut a:hover{ background:url(../images/social_sprite.gif) left -169px no-repeat}
.social .stumble a{ background:url(../images/social_sprite.gif) left -88px no-repeat}
.social .stumble a:hover{ background:url(../images/social_sprite.gif) left -195px no-repeat}



/************************************
	Easy Slider on home page
************************************/

.slider{ width:630px;overflow:visible;font-size:11px; color:#7f7f7f;clear:both}
.slider a{ color:#7f7f7f}
.slider img{ border:3px solid #c6c6c6;float:left;margin-right:33px}
#slider ul, #slider li{	margin:0;padding:0;	list-style:none	}
#slider, #slider li{           
/* define width and height of container element and list item (slide)
 list items must be the same size as the slider area*/ 
width:542px;  	}
#slider li{background:transparent;clear:both}		
#slider li h2{margin:0 20px;padding-top:20px}	
#slider li p{margin:20px}				
span#prevBtn a{font-size:11px;display:inline-block;float:left;padding:10px 12px 10px 16px;color:#bababa;background:url(../images/btn_prev.gif) no-repeat left center; margin-right:5px;display:none}
span#nextBtn a{font-size:11px;display:inline-block;float:left;padding:10px 19px 10px 12px;color:#bababa;background:url(../images/btn_next.gif) no-repeat left center;display:none !important}					

/* Easy Slider Ends here */