/************************************

	Fluidbrush.com
    

************************************/



/************************************
	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:10px/18px Arial, Helvetica, sans-serif;margin-top:20px;height:44px;background:url(../images/web_designer.gif) left top no-repeat;text-indent:-999px;color:#000}
h2 { height:35px;background:url(../images/featured_works.gif) no-repeat;text-indent:-999px;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;border-top:none;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:right}
.header{height:144px;width:639px}
.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;height:183px;float:left;margin-top:40px;overflow:hidden}
.scrollable{ width:542px;overflow:hidden;font-size:11px; color:#7f7f7f}
.scrollable a{ color:#7f7f7f}
.scrollable img{ border:3px 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}
.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}
.main_navig a{ display:block;text-transform:uppercase;font-size:14px;margin-bottom:10px; color:#d3d4d4}
.main_navig a:hover{ color:#fff}

.contactdet{width:159px;height:62px;font-size:11px;margin-top:60px;color:#7f7f7f}
.contactdet a{color:#6490a4}
.social{ height:117px;margin-top:20px}
.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:542px;overflow:hidden;font-size:11px; color:#7f7f7f}
.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; height:100px; overflow:hidden; 	}
#slider li{background:transparent}		
#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}
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}					

/* Easy Slider Ends here */

/************************************
	About me page
************************************/
.about{ width:639px;float:left;overflow:hidden}
.about h1 { font:10px/18px Arial, Helvetica, sans-serif;margin-top:35px;height:25px;background:url(../images/heading_sprite.gif) left top no-repeat;text-indent:-999px}
.about img{ float:left;border:3px solid #222;margin-right:25px}
.skills{width:637px;height:183px;float:left;margin-top:35px;overflow:hidden}
.skills h2{ height:20px;background:url(../images/heading_sprite.gif) 0px -456px no-repeat;text-indent:-999px;color:#000;margin-bottom:15px }

/************************************
	Portfolio
************************************/
.portfolio{ width:639px;float:left;overflow:hidden}
.portfolio h1 { font:10px/18px Arial, Helvetica, sans-serif;margin-top:35px;height:25px;background:url(../images/heading_sprite.gif) 0px -42px no-repeat;text-indent:-999px}
.gallery{width:637px;float:left;margin-top:35px;overflow:hidden;border-top:1px solid #272b2e}
.subnavig{width:637px;height:54px;float:left;text-transform:uppercase;font-size:10px}
.subnavig a{ padding:20px 18px 16px 1px;display:block;float:left;border:0px solid red;color:#5c5d5d}
.subnavig .active{ color:#568ca0}

.row{ width:637px;height:222px;border-bottom:1px solid #272b2e;float:left}
.box{ width:197px;height:222px;float:left;font-size:11px;color:#3f4142;line-height:19px;margin-right:20px}
.box a{ color:#568ca0;text-decoration:underline}
.box img{ border:5px solid #222;margin-bottom:5px}
.box strong{ font:bold 11px Arial, Helvetica, sans-serif;color:#bec8cc;display:block}
.nomar{ margin-right:0px}