@font-face
{
font-family: advent;
src: url('advent-re.otf'),
     url('advent-re.otf'); /* IE */
}

* { padding: 0; margin: 0; }

img{border:none;}

a {
   outline: 0;
}

body {
 font-family: advent;
 font-size: 13px;
 background:url(images/background.png) repeat-x;
 font-weight:none;
}

#header a:link {
text-decoration:none;
color:#333333;
}

#header a:visited {
text-decoration:none;
color:#000000;
}

#header a:hover {
text-decoration:none;
color:#3399ff;
}

#header a.active{
text-decoration:none;
color:#3399ff;
}

#wrapper { 
 margin: 0 auto;
 width: 964px;
}

#header {
 width: 964px;
}

#logo{
float:left;
width:161px;
margin-top:17px;
}

h1{
text-indent:-999999px;
}

h3{
font-size:22pt;
color:#3399ff;
font-weight:none;
}

p{
font-size:11.3pt;
color:#cccccc;
}

h1 a:link{
display:block;
}

#header ul{
float:right;
font-size:24pt;
color:#000000;
}

#header li{
float:left;
margin:30px 0 0 20px;
list-style:none;
}

a.line-through{text-decoration:line-through;}

/* Start SlideShow*/

#showcase{
background:url(images/showcase.jpg) no-repeat;
width:964px;
height:365px;
padding-top:100px;
}

#showcase img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;

}

ul.slideshow {
	list-style:none;
	width:949px;
	height:321px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}
/* End slideshow*/

#content { 
height:480px;
}

#left{
width:430px;
float:left;
}

#left ul{
font-size:11pt;
list-style:none;
color:#cccccc;
width:400px;
}

#left li{
float:left;
text-indent:-999px;
margin-right:20px;
margin-top:5px;
margin-bottom:5px;
}

#english a{margin-right:150px;}

#greek a{
background:url(images/flags.png) 0px -24px no-repeat;
width:100px;
height:24px;
display:block;
}

#greek a:hover{
background:url(images/flags.png) 0px 0px no-repeat;
width:100px;
height:24px;
display:block;
}

#english a{
background:url(images/flags.png) -100px -24px no-repeat;
width:100px;
height:24px;
display:block;
}

#english a:hover{
background:url(images/flags.png) -100px 0px no-repeat;
width:100px;
height:24px;
display:block;
}

#facebook a{
background:url(images/follow.png) 0px -24px no-repeat;
width:100px;
height:24px;
display:block;
}

#facebook  a:hover{
background:url(images/follow.png) 0px 0px no-repeat;
width:100px;
height:24px;
display:block;
}

#foursquare  a{
background:url(images/follow.png) -100px -24px no-repeat;
width:100px;
height:24px;
display:block;
}

#foursquare a:hover{
background:url(images/follow.png) -100px 0px no-repeat;
width:100px;
height:24px;
display:block;
}

#flickr a{
background:url(images/follow.png) -200px -24px no-repeat;
width:100px;
height:24px;
display:block;
}

#flickr a:hover{
background:url(images/follow.png) -200px 0px no-repeat;
width:100px;
height:24px;
display:block;
}

#twitter a{
background:url(images/follow.png) -300px -24px no-repeat;
width:100px;
height:24px;
display:block;
}

#twitter a:hover{
background:url(images/follow.png) -300px 0px no-repeat;
width:100px;
height:24px;
display:block;
}

#lastfm a{
background:url(images/follow.png) -400px -24px no-repeat;
width:100px;
height:24px;
display:block;
}

#lastfm a:hover{
background:url(images/follow.png) -400px 0px no-repeat;
width:100px;
height:24px;
display:block;
}

#deviantart a{
background:url(images/follow.png) -500px -24px no-repeat;
width:100px;
height:24px;
display:block;
}

#deviantart a:hover{
background:url(images/follow.png) -500px 0px no-repeat;
width:100px;
height:24px;
display:block;
}


#right{
width:435px;
float:left;
margin-left:95px;
}

#footer p{
color:#333333;
font-family:arial;
margin-bottom:3px;
}

/* Form styling */

.contactForm ul label {
float:left;
font-size:12pt;
color:#cccccc;
margin-left:5px;
}

.contactForm .textField {
font-family: Arial, sans-serif;
color:#999999;
font-size:10pt;
display:block;
width:424px;
height:27px;
margin:5px 0px;
background:url(images/field.png) center;
border:none;
padding:3px;
}

.contactForm .textarea {
font-family: Arial, sans-serif;
color:#999999;
font-size:10pt;
display:block;
width:424px;
height:152px;
margin:5px 0px;
background:url(images/textarea.png) center;
border:none;
padding:3px;
}

.contactForm .send {
font-size:10pt;
}

ul.form{
width:424px;
}

.contactForm p{
padding-left:0px;
margin-bottom:8px;
font-size:11pt;
}

#submit{background:url(images/send_message_gr.png) no-repeat; width:180px; height:22px; border:none; text-indent:-999999px; display:block; float:right; margin-top:5px;}
#submit_order{background:url(images/send_order_gr.png) no-repeat; width:195px; height:22px; border:none; text-indent:-999999px; display:block; float:right; margin-top:5px;}

#left a{font-size:15pt; color:#3399ff; text-decoration:none;}
#left img{margin-top:10px;}

/* End of form Stylling */

/*the slider background*/
.slider {
width:230px;
height:11px;
background:url(images/slider-bg.png);
position:relative;
margin-top:10px;
margin-right:20px;
margin-left:5px;
padding:0 10px;
float:left;
}

/*Style for the slider button*/
.ui-slider-handle {
width:24px;
height:24px;
position:absolute;
top:-7px;
margin-left:-12px;
z-index:200;
background:url(images/slider-button.png)no-repeat;
}

mailme ul li a:hover {
width:24px;
height:24px;
position:absolute;
top:-7px;
margin-left:-12px;
z-index:200;
background:url(images/slider-button.png)no-repeat;
}

/*Result div where the slider value is displayed*/
#slider-result {
font-size:14pt;
height:50px;
width:50px;
text-align:center;
text-shadow:0 1px 1px #000;
font-weight:700;
float:left;
color:#CCCCCC;
margin-top:2px;
margin-left:10px;
}

/*This is the fill bar colour*/
.ui-widget-header {
background:url(images/fill.png) no-repeat left;
height:8px;
left:1px;
top:1px;
position:absolute;
}

a {
outline:none;
-moz-outline-style:none;
}

#euro{
color:#CCCCCC;
text-shadow:0 1px 1px #000;
font-weight:700;
font-size:16pt;
}

/* Portfolio Page*/
#portfolio_bd{
 font-family: advent;
 background:url(images/background_portfolio.png) repeat-x;
 font-weight:none;
}

#portfolio{
width:964px;
padding-top:130px;
height:900px;
}

#portfolio ul{list-style:none;}

#portfolio li{
float:left;
margin: 12px;
}

#portfolio h3{
margin-left:15px;
font-size:21pt;
}

.port_text{
color:#666;
font-size:9pt;
margin-left:15px;
font-family:arial;
font-weight:bold;
}

#content-portfolio{
height:240px;
margin-top:15px;
}

.saying {font-size:17pt;}
.client {font-size:11pt; color:#666;}

/* Easy Slider */

#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:435px;
		height:150px;
		overflow:hidden; 
		}
	

#right a:link {
text-decoration:none;
color:#3399ff;
font-size:14pt;
}

#right a:visited {
text-decoration:none;
color:#3399ff;
}

#right a:hover {
text-decoration:none;
color:#3399ff;
}

#right a.active{
text-decoration:none;
color:#3399ff;
}
	
	span#prevBtn{}
	span#nextBtn{}		

a.offline {color:#cc0000; text-decoration:none; font-size:11pt;}	
a.online{color:#009900; text-decoration:none; font-size:11pt;}

/* // Easy Slider */