html {width:100%; }
body {background:#4E595F url('../images/body-bg.gif') repeat-x 0 0; margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, "Times New Roman", serif; font-size:80%; color:#000000; width:100%; }
p {padding:0 0 15px 0; margin:0; line-height:200%; }
p1 {padding:0 0 5px 0; margin:0; line-height:120%; }
h1 {margin:0; padding:0; font-size:130%; font-weight:normal; }
h2 {
margin:10px 0 10px 0;
font-size:1.3em;
font-weight:bold;
border-bottom: 0px solid #ccc;
color: #000084;
text-decoration: underline;
font-style: normal;
}
/*link styling*/
a {color:#000000; text-decoration:underline; }
a:hover {text-decoration:none; }
a:img { border:0 }
#footer a {
color:#637076;
font-size: 0.9em;
}
/*structural elements*/
.section {
text-align:center;
width:100%;
border-bottom:0px solid #637076;
}
#header {
margin:0 auto;
text-align:left;
padding:20px 20px 12px 20px;
width:800px;
border-left:1px solid #637076;
border-right:1px solid #637076;
background: #fff;
}
#container {
margin:0 auto;
text-align:left;
padding:50px 20px 20px 20px;
width:800px;
border-left:1px solid #637076;
border-right:1px solid #637076;
clear: both;
}
h1#logo {
float:left;
padding:15px 0 0 0;
width:200px;
border:0px solid #FFFFFF;
text-align:center;
min-height:24px;
margin-left: 50px;
}
#pictureRail {text-align:center; }
#news {
background:#fff;
float:left;
width:210px;
padding:15px 5px 10px 5px;
border:1px solid #FFFFFF;
margin-top: 20px;
}
#menu {
background:#1A292F;
margin:0 0 0 240px;
border:1px solid #FFFFFF;
padding:10px;
color:#FFFFFF;
text-align: center;
}
#content {
background:#fff;
margin:20px 0 0 230px;
padding:15px 20px 15px 20px;
border:1px solid #FFFFFF;
min-height: 500px;
}
#footer {margin:0 auto; text-align:left; padding:10px 3px 60px 3px; width:834px; border-left:1px solid #637076; border-right:1px solid #637076; }
#footer p {background:#1A292F; padding:10px 0px; font-size:90%; color:#637076; border:1px solid #637076; text-align:center; }
/*section dependant style over-rides*/
#news h3 {margin:0; padding:0 0 20px 0; color:#000000; font-size:120%; font-weight:bold; }
#news p {padding:5px 0; }
#header p {
text-align:right;
font-size:170%;
color:#E8EDF7;
padding:45px 0 0 0;
margin-right: 20px;
}
ul#menu { }
ul#menu li {margin:0; padding:0; list-style:none; display:inline; }
ul#menu a {color:#FFFFFF; text-decoration:none; padding:10px 20px; }
#pictureRail img {margin:20px 10px;border:1px solid #FFFFFF; }
#content img {border:1px solid #000000; float:none; margin:0 0 20px 20px; }
/*This adds a little arrow under the menu item of the page you are on. (handy for navigation and usability)
To modify, edit the tag by changing the id.
e.g, if the page you are on is the contact page, change: to */
#home #homeLink,
#about #aboutLink,
#services #servicesLink,
#portfolio #portfolioLink,
#contact #contactLink
{background:url('../images/menu-a-bg.gif') no-repeat center bottom; }
.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 */
ul li {
font-size:1em;
line-height:2em;
font-style: italic;
letter-spacing: 0px;
color: #1A292F;
font-weight: bold;
}
.box {
background-color:#4E595F; border:1px solid #000099; margin: 5px; padding: 5px 10px; float: left; color: #E8EDF7;
}
.break {
clear:both;
height:1px;
}
#footer img {
padding:2px;
border:0px;
}
#footer a:img { border:0px }
h3 {
font-size:1.1em;
background-color:#FFFFFF;
padding-left:0px;
color: #000000;
border-bottom: 1px solid #ccc;
}
h4 {
font-size:1.1em;
background-color:#FFFFFF;
padding-left:25px;
background:url(../images/symbol_check.gif) no-repeat top left;
color: #666666;
margin-left: 25px;
}
.bar {
background:#1A292F;
margin:0 auto;
border:1px solid #FFFFFF;
padding:10px 50px;
color:#FFFFFF;
text-align: center;
height:30px;
width: 60%;
}
#news .news_box {
margin:10px auto;
border: 1px solid #ccc;
padding: 5px;
font-size: 0.9em;
background: #fafafa;
}
ul.fokos{
font-size:1.1em;
font-style: italic;
letter-spacing: 0px;
color: #666666;
font-weight: bold;
}