@charset "utf-8";
/* CSS Document */

/*
	+++ enorasy css style development
	=================================
	+ website 	: 	www.enorasy.gr
	+ date 		: 	20 Sept 2009		
	+ author 	: 	mixalis spyratos
	+ portfolio	: 	http://enorasy.gr/	

*/

html {background:#fff;}
body {min-width:958px;font: 100% Verdana, Arial, Helvetica, sans-serif;background:#343434;margin:0;padding:0;text-align:center;}
a,div,object,img {outline:none;}
img {border:0;}
h1 {margin:0;font-family:Candara;color:#FFF;font-size:14px;display:inline;}
#header {background-image:url(../pics/enorasylogo.jpg);background-repeat:no-repeat;background-position:bottom;height:120px;margin-bottom:10px;}
.name {background-image:url(../pics/plus3.jpg);background-repeat:no-repeat;max-width:380px;margin:0 auto; margin-bottom:50px;}
.name font {color:#999;font-family:Candara;font-size:14px;padding-left:10px;}
#leftMenu {background-image: url(../pics/MenuBg.jpg); background-repeat:repeat-x;}
#butts {margin:0 auto;padding:0;width:715px; height:28px;}
#top-bg {background-image:url(../pics/main-fade-top.png); height:31px; margin-bottom:20px;}
#main-cont {background-color:#fff;font-size:11px;color:#1a1a1a;}
#main {margin:0 auto;}
#intro-text {width:400px;text-align:justify;font-family:Verdana, Geneva, sans-serif;padding:20px 0 0 0; margin:0 auto;}
#intro-title {font-size:14px;font-weight:bold;color:#333;margin-bottom:10px;}
#flash01 {height:200px;}
#flash {height:180px;}
#foot-text {text-align:left;width:400px;margin:0 auto;padding:20px 0 60px 0;}
#foot-text p {padding:5px 0 5px 0px; margin:0;margin-bottom:2px;color:#333;}
#foot-title {font-size:14px;font-weight:bold;color:#333;padding:5px 0 5px 0; margin-bottom:0px;}

/* MENU */

#navigation {list-style:none;}
#navigation li {float: left;}
#navigation a * {display: none;}
#navigation a, #navigation a .hover {height:28px;position:relative;display:block;background:url(../pics/menu.jpg) 0 0 no-repeat;}

/* individual navigation items */

#navigation a.intro {background-position:0 0;width:157px;}
#navigation .highlight a.intro:hover, #navigation a.intro .hover {background-position:0 -28px;width:157px;}
#navigation a.introActive {background-position:0 -56px;width:157px;}
#navigation .highlight a.introActive:hover, #navigation a.introActive .hover {background-position:0 -56px;width:157px;}
#navigation a.portfolio {background-position:-158px -0px;width:156px;}
#navigation .highlight a.portfolio:hover, #navigation a.portfolio .hover {background-position:-158px -28px;}
#navigation a.portfolioActive {background-position:-158px -56px;width:156px;}
#navigation .highlight a.portfolioActive:hover, #navigation a.portfolioActive .hover {background-position:-158px -56px;}
#navigation a.skills {background-position:-317px -0;width:154px;}
#navigation .highlight a.skills:hover, #navigation a.skills .hover {background-position:-317px -28px;}
#navigation a.skillsActive {background-position:-317px -56px;width:154px;}
#navigation .highlight a.skillsActive:hover, #navigation a.skillsActive .hover {background-position:-317px -56px;}
#navigation a.contact {background-position:-472px 0;width: 156px;}
#navigation .highlight a.contact:hover, #navigation a.contact .hover {background-position:-472px -28px;}
#navigation a.contactActive {background-position:-472px -56px;width:156px;}
#navigation .highlight a.contactActive:hover, #navigation a.contactActive .hover {background-position:-472px -56px;}

/* END MENU */

a:link.sample, a:visited.sample {display:block;border:#ccc 8px solid; width:253px;height:185px;}
a:hover.sample, a:active.sample {border:#666 8px solid;}

#intro {text-align:center;width:400px; margin:0 auto;}
#samples {text-align:left;width:865px;margin:40px 0 0 -430px;position:absolute;left:50%;}
#samples div.start {padding:0;width:275px;float:left;height:250px;margin-top:0px;margin-right:20px;margin-bottom:20px;margin-left:0;}
#samples div.last {padding:0;width:275px;float:left;height:250px;margin-top:0px;margin-bottom:20px;margin-left:0;}
#samples p {padding:5px 0 5px 5px;margin:0;color:#333}
a.reg:link {color:#1f9fcc;text-decoration:none;}
a.reg:visited {color:#1f9fcc;text-decoration:none;}
a.reg:hover {color:#1f9fcc;text-decoration:underline;}
a.reg:active {color:#1f9fcc;text-decoration:underline;}

/*.clr {clear:both};*/

#skills {width:522px;margin:0 auto;}
#skillsContent {padding:20px 0 20px 0;color:#343434; }
#skillsTitle {font-size:14px;font-weight:bold;padding:10px;width:522px;text-align:left;}
#skillBg {width:522px;height:24px;border:1px solid #333;background-image:url(../pics/label-bg.jpg);background-repeat:repeat-x; margin-bottom:1px; background-color:#343434;}
#level {float:right;color:#999; font-size:12px; padding-top:5px; text-align:right; padding-right:10px;}
#skill {color:#fff;font-size:12px;padding-left:10px; padding-top:5px; text-align:left;}
#skill font {color:#1f9fcc; font-size:12px; padding-right:10px;}

#contact {background-color:#fff;margin:0 auto; width:400px; margin-top:20px;}