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

*********************************************************************
Author: George Mavromatis
Web site: Styletheweb.gr Copyright2009, George Mavrommatis, http://styletheweb.gr. 
This work is licenced under a Creative Commons License attribution 3.0 Greece. 

For any reuse or distribution, you must make clear to others the licence terms 
of this work, (a link back to my website).

Read more for license: http://styletheweb.gr/about.html
*********************************************************************


---------------------------------------------------------------------
                            GENERAL 
--------------------------------------------------------------------*/


body {

	margin:0;
	padding:0;
	border:0;		
	width:100%;
	background:#fff;
	min-width:720px;    	
	font-size:86%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.2;
	color: #666666;

}


a:link {

        color: #CCCCCC;
	text-decoration: underline;
        outline:none; /* FF1.5+ IE7+*/
        -moz-outline: /* FF<=1.5*/		

}


a:hover {

        color: #999999;
	text-decoration: underline;
        outline:none; /* FF1.5+ IE7+*/
        -moz-outline: /* FF<=1.5*/		

}


a:visited {

	text-decoration: underline;
	color: #666666;
        outline:none; /* FF1.5+ IE7+*/
        -moz-outline: /* FF<=1.5*/			
		
}


h1, h2, h3 {

	padding: 0;
	margin: 0;
	font-weight: bold;
	
}


h1{

	font-size: 150%;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}


h2{

	font-size: 120%;
	
}


h3{

	font-size: 150%;
	
}


p {

	margin:0 0 10px 0;
	padding:0;
}


/*-------------------------------------------------------------------
                            HEADER 
--------------------------------------------------------------------*/


#back {

	width: 150px;
	height: 124px;
	position: absolute;
	border: 0;
	top: 0;
	right: 20px;

}

#header {

	clear:both;
	float:left;
	width:100%;
	background: #000000;
	
}


#inheader {
	position: relative;
	height:161px;
}


#inheader h1 {

	text-indent: -8000px;
	position: absolute;
	background: none;

}


#inheader h2 {

	text-indent: -8000px;
	position: absolute;
}


#logo {

	width: 250px;
	height: 83px;
	position: absolute;
	border: 0;
	top: 20px;
	left: 0;
	
}


#logo a img, #back a img {

	border: 0;
}


/*-------------------------------------------------------------------
                            HEADER NAVIGATION LIST 
--------------------------------------------------------------------*/


#inheader ul#nav {

	position: absolute;
	top: 120px;
	right: 10px;
	list-style:none;
	margin:0;
	padding:0;
	font-size: 120%;
	font-weight: bold;
	
}


#inheader ul#nav li {

	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	
}


#inheader ul#nav li a {

	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:10px 20px;
	text-align:left;
	background:#ff006d;
	color:#FFFFFF;
	text-decoration:none;
	position:relative;
	line-height:1.3em;
		
}


#inheader ul#nav li a:hover {

	background: #FFFFFF;
	color:#000000;
	
}


#inheader ul#nav li a.active,
#inheader ul#nav li a.active:hover {

	color:#ff006d;
	background:#FFFFFF;
	
}


#inheader ul#nav li a span {

	display:block;
	
}


/*-------------------------------------------------------------------
                            MAIN LAYOUT STRACTURE
--------------------------------------------------------------------*/


#inheader, #content, #infooter {

	width: 80%;
	margin: 0 auto 0 auto;
	
}


.colmask {
	position:relative;		
	clear:both;
	float:left;
	width:100%;				
	overflow:hidden;
}


.colmid, .colleft {

	float:left;
	width:100%;				
	position:relative;

}


.col1, .col2 {

	float:left;
	position:relative;
	padding:0 0 1em 0;		
	overflow:hidden;

}

.leftmenu {

	background:#fff;

}

.leftmenu .colleft {

	right:75%;
	background:#f4f4f4;	

}

.leftmenu .col1 {

	width:71%;
	left:102%;

}

.leftmenu .col2 {

	width:21%;
	left:6%;

}


/*-------------------------------------------------------------------
                            FOOTER 
--------------------------------------------------------------------*/


#footer {

	clear:both;
	float:left;
	width:100%;
	background: #000000;

}

	
#infooter {

	position: relative;

}


/*-------------------------------------------------------------------
                            FOOTER VALID LIST 
--------------------------------------------------------------------*/


#infooter ul#valid {

	position: absolute;
	margin: 0;
	padding: 0;
	list-style-type: none;
	top: 20px;
	left: 10px;
	font-size: 86%;

}


#infooter ul#valid li {

	display: inline;

}


#infooter ul#valid li a:link{

	display: inline;
	padding: 7px;

}


#infooter ul#valid li a:hover{

	display: inline;
	padding: 7px;		

}


#infooter ul#valid li a:visited{

	display: inline;
	padding: 7px;		

}


/*-------------------------------------------------------------------
                            FOOTER NAVIGATION LIST 
--------------------------------------------------------------------*/


#infooter ul {

	position: absolute;
	margin: 0;
	padding: 0;
	list-style-type: none;
	top: 10px;
	right: 10px;

}	

	
#infooter ul li {

	display: inline;

}


#infooter ul li a:link{

	display: inline;
	padding: 7px;	

}


#infooter ul li a:hover{

	display: inline;
	padding: 7px;		

}


#infooter ul li a:visited{

	display: inline;
	padding: 7px;		

}


/*-------------------------------------------------------------------
                            COPYRIGHT PARAGRAPH 
--------------------------------------------------------------------*/


#infooter p {

	padding: 110px 0 0 0;
	font-size: 86%;
	text-align: center;

}


#infooter p a:link{

	display: inline;

}


#infooter p a:hover{

	display: inline;

}


/*-------------------------------------------------------------------
                            LEFT COLOUMN 
--------------------------------------------------------------------*/


.col2 ul {
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;	

}


.col2 ul li {

    display: block;
	list-style:none;
	width: 100%;
	float: left;
	border-bottom: 1px dotted #cccccc;
	margin: 0;
	line-height: 1.8;	

}


.col2 ul li a:link {

    display: block;
	width: 100%;
	display: block;
	float: left;
	padding: 0;
	text-decoration: none;
	color: #666666;	

}


.col2 ul li a:hover {

    display: block;
	color: #FFFFFF;
	padding: 0;
	background: #000000;
	text-decoration: none;		

}


.col2 ul li a:visited {

	padding: 0;
	text-decoration: none;
	color: #666666;		

}


.col2 h3 {

	color: #ff006d;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;	

}


/*-------------------------------------------------------------------
                            INDEX PAGE CONTENT 
--------------------------------------------------------------------*/


#block {

	font-size: 120%;
    font-weight: normal;	
	line-height: 1.3em;
	background: #FFFFFF;
	color: #666666;	
	border: 2px dotted #FFFFFF;
	margin: 0;
	padding: 0;

}


#block img {

	float: left;
	margin: 0 10px 10px 0;

}


#block h1 {

	margin:0 0 20px 0;
	color: #666666;
	line-height: 1.2;

}


#block a:link{

	display: inline;
	color: #206ba4;

}


#block a:hover{

	display: inline;
	color: #005087;		

}


#block a:visited {

	display: inline;
	color: #333333;

}


/*-------------------------------------------------------------------
                            PORTFOLIO ENTRIES 
--------------------------------------------------------------------*/


.col1 .entry {

	width: 100%;
	padding: 10px 0;
	border: 0;
	margin: 0;
	float: left;
	
}


img.border {

	float: left;
	margin: 0 10px 10px 0;
	border: 0;
	clear: left;
	
}


.col1 h3 { 

	font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
	font-size: 120%;

}


.col1 ul.readmore {

	margin: 0;
	padding: 0;
	list-style-type: none;

}


.col1 ul.readmore li {

	margin: 0;
	padding: 0;
	float: left;

}


.col1 ul.readmore li a {

	margin: 0;
	padding: 0;
	float: left;
	color:#ff006d;

}


.col1 ul.readmore li a:hover {

	margin: 0;
	padding: 0;
	float: left;
	color: #666666;

}


/*----------------------------------?--------------------------------
                            SERVICES LIST 
--------------------------------------------------------------------*/


.col1 ul.services {

    width: 100%;
	padding: 0;
	margin: 0;

}


.col1 ul.services li {

    display: block;
	list-style:none;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;

}


.col1 ul.services li a {

	width: 100%;
	text-decoration: none;
	display: block;
	float: left;
	padding: 10px 0px;
	color: #666666;
	border-bottom: 1px dotted #7E4C00;
	font-weight: bold;
	font-size: 120%;
	margin: 0;		

}


.col1 ul.services li a:hover {

	display: block;
	float: left;
    background: #f4f4f4;
	padding: 10px 0px;
	color: #5B6563;
	text-decoration: none;	

}


.col1 ul.services li span {

	margin: 0 0 10px 0;
	padding: 0;	

}


.col1 h3.pathway {

	font-size: 150%;
	font-variant:normal;
	color: #ff006d;
	padding: 0 0 20px 0;

}


/*-------------------------------------------------------------------
                            FOR CONTACT PAGE 
--------------------------------------------------------------------*/


#dataContact {

    width: 60%;
	margin: 0;
	padding: 0;

}


#dataContact h3 {

    font-size: 120%;
	color: #666666;
	margin: 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;

}


#dataContact p {

    padding: 0;
	margin: 0 0 10px 0;
	line-height: 1.6;

}