* {margin:0;padding:0; font-family: arial, sans-serif;}
/* sticky footer */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 235px;}  /* must be same height as the footer */
#footer {position: relative;
	margin-top: -235px; /* negative value of footer height */
	height: 235px;
	clear:both;} 
/* CLEAR FIX*/
.clearfix:after {content: "."; 	display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* END OF sticky footer */


.clear {clear:both;height:1px;}

body {background: url(img/pattern.gif);}
#logo {margin-top:50px;}
#logo a {display:block;width:628px;height:65px;text-indent:-9999em;background:url(img/logo.gif) no-repeat 0 0}





#footer .prefooter {height:150px;padding-bottom:35px}
#twitter-box {width:431px;height:99px;background:url(img/twitter_bg.gif) no-repeat 0 0; padding: 50px 5px 0 5px;}
#twitter-box h2 {width:111px;height:26px;background:url(img/text_recently.gif) no-repeat 0 0;text-indent:-9999em;margin: 0 0 0 15px}
#twitter-box .status {padding: 15px 5px; height:40px;overflow:hidden; font-size: 12px;font-style:italic;font-family:georgia arial, sans-serif;}
#twitter-box .status a {color:#2cb3d4}
#twitter-box .status a.small {font-style:normal; font-size:10px;margin-left: 20px;}
#footer .shadow {background:#000; text-align:right; color:#fff; font-size:10px; line-height:50px; height:50px;
	opacity:0.13;
	-moz-opacity: 0.13;
}

.findme-box {margin-left:85px;}
.findme {width:85px;height:21px;background:url(img/text_findme.gif) no-repeat 0 0;text-indent:-9999em;margin: 50px 0 0 25px}
.contactme {width:120px;height:19px;background:url(img/text_contact.gif) no-repeat 0 0;text-indent:-9999em;margin: 50px 0 0 25px}


.stylized {margin:0;list-style-type:none;}
.stylized li {margin: 10px 0; background: url(img/icons.gif) no-repeat 0 0; height:26px}
.stylized li a {display:block;text-indent:-9999em; margin-left: 25px}

.stylized .linkedin {height:22px; padding-top:4px}
.stylized .facebook {height:22px; padding-top:4px; background-position: 0 -26px}
.stylized .email {height:20px; padding-top:6px; background-position: 0 -52px}
.stylized .skype {height:20px; padding-top:6px; background-position: 0 -78px}

.stylized .linkedin a {height:19px;width:69px;background: url(img/text_linkedin.gif) no-repeat 0 0; vertical-align:middle;}
.stylized .facebook a {height:19px;width:76px;background: url(img/text_facebook.gif) no-repeat 0 0;}
.stylized .email a {height:23px;width:148px;background: url(img/text_email.gif) no-repeat 0 0;}
.stylized .skype a {height:23px;width:72px;background: url(img/text_skypeid.gif) no-repeat 0 0;}





.projects {margin: 50px 0; height:270px}
.projects .preview {background:url(img/shadow.png); padding: 10px; width:560px;height:250px;margin:auto}
.projects .preview .hider {overflow:hidden; height: 250px; width: 560px;}
.projects .preview img {float:left;}
.projects .preview .img-holder {display:block;height:250px;width:560px}
.projects .preview .more {
	display:block; width:92px; height:91px;
	position:relative; left: 458px; top:0; margin-top: -106px;
	background:url(img/more_link.png) no-repeat 0 0; text-indent:-9999em}
.projects .navlink {display:block; width:32px; height:49px; text-indent:-9999em; margin: 106px 10px; visibility: hidden}
.projects .navlink.visible {visibility: visible! important}
.projects .navlink.back {background: url(img/previous_active.gif) no-repeat 0 0; float:right}
.projects .navlink.forward {background: url(img/next_active.gif) no-repeat 0 0}

.project-details { padding:0 10px; width:560px; margin:auto; color: #f1f1f1;margin-bottom: 50px; font-style:italic}
.project-details h1 {font-family: georgia, arial, sans-serif; font-style:italic;font-weight:bold;margin:0}
.project-details .description {padding: 0 20px}
.project-details .url {text-align:right; color:#2CB3D4}
.project-details .url a {color:#2CB3D4}