/*--------------------------
REQUIRED GLOBAL DECLARATIONS
--------------------------*/
@font-face {
	font-family: 'CooperStdBlack';
	src: url('http://www.gplus.gr/CooperBlackStd.eot');
	src: local('Cooper Std Black'), local('CooperBlackStd'), url('CooperBlackStd.otf') format('opentype');
}



html {
margin-bottom: 1px;
}

* { margin:0; padding:0 }

#ieupgrade {
display:none;
}

body {        
background: #141414 url(/images/content_bg.gif) repeat-x;
margin: 0px auto;
height:100%;
font-size: 13px;
line-height: 130%;
font-family: Helvetica, "Trebuchet MS", sans-serif;
color:#000000;
}

p {
margin-left:35px;
}

H2 {
font-size:16px;
line-height:170%;
font-family:'CooperStdBlack', Helvetica, "Trebuchet MS", sans-serif;
background:url(../images/heading.gif) left no-repeat;
text-indent:35px;
color:#B0B0B0;
border-bottom:2px solid #000000;
}

ul {
list-style:none;
}

#stuff li {
float:left;
width:150px;
height:150px;
}

#stuff ul.portfolio li:hover {
background-position:0px -150px;
}

#stuff li.belgacom {
	background:url(../images/works/belgacom_small.png) top left no-repeat;
}

#stuff li.cinema {
	background:url(../images/works/cinema_small.jpg) top left no-repeat;
}

#stuff li.contest {
	background:url(../images/works/contest_small.png) top left no-repeat;
}

#stuff li.jeep {
	background:url(../images/works/jeep_small.png) top left no-repeat;
}

#stuff li.ie8 {
	background:url(../images/works/ie8_small.png) top left no-repeat;
}

#stuff li.minimalism {
	background:url(../images/works/minimalism_small.png) top left no-repeat;
}

#stuff li.se-eida {
	background:url(../images/works/se-eida_small.jpg) top left no-repeat;
}

#stuff li.gplus {
	background:url(../images/works/gplus_small.jpg) top left no-repeat;
}

#stuff li.beautify {
	background:url(../images/works/beautify_small.jpg) top left no-repeat;
}

#stuff {
height:280px;
}

#navigation {
float:right;
margin-top:10px;
}

#navigation a {
display:block;
width:20px;
height:20px;
line-height:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
background:url(/images/inactive.gif);
margin-left:4px;
float:left;
color:#FFF;
}

#navigation a.active {
background:url(/images/active.gif);
}


/*---------------------------
MAIN NAVIGATION (KWICKS MENU)
---------------------------*/


#menucontainer {
width:100%;
}

#menucontainer .menu {
overflow:hidden;
width:530px;
}

#menucontainer .menu ul {
height:150px;
list-style:none;
margin:0;
overflow:hidden;
padding:0px 2px 2px 100px;
width:200%;
}

#menucontainer .menu ul li {
border-right:2px solid #141414;
float:left;
height:150px;
overflow:hidden;
position:relative;
width:110px;
}

#menucontainer .menu ul li.nav-who {
background:url(../images/whoarewe.jpg) no-repeat;
}

#menucontainer .menu ul li.nav-what {
background:url(../images/whatdowe.jpg) no-repeat;
}

#menucontainer .menu ul li.nav-works {
background:url(../images/works.jpg) no-repeat;
}

#menucontainer .menu ul li.nav-contact {
background:url(../images/contact.jpg) no-repeat;
width:200px!important;
}

.menu a { text-indent: -777em; overflow: hidden; }

#content img {
padding-right:10px;
border:0px;
}

#links li {
height:25px;
line-height:25px;
}

#links li a {
display:block;
height:25px;
}

li.skype{
background:url(../images/skype.png) no-repeat center left;
}

li.linkedin {
background:url(../images/linkedin.png) no-repeat center left;
}

li.twitter {
background:url(../images/twitter.png) no-repeat center left;
}

li.blog {
background:url(../images/wordpress.png) no-repeat center left;
}

li.email {
background:url(../images/email.png) no-repeat center left;
}

/*-------------------
FLOW STRUCTURAL DIV'S
-------------------*/


#header1 {
background:#252525;
height:150px;
}

#header2 {
width:750px;
background:url(../images/gplusmiddle.jpg) left no-repeat;
height:150px;
margin:auto;
display:block;
border-bottom: 5px solid #000000;
}

#header3 {
height:150px;
float:right;
}

#container {
width:750px;
margin:auto;
overflow:visible;
}

#content {
color:#747474;
height:350px;
width:750px;
overflow:visible;
text-align:justify;
margin-bottom:0px;
padding-top:15px;
padding-left:0px;
padding-right:0px;
z-index:3;
}

#navigation-menu {
float:right;
margin-top:20px;      
}

#form_box {
float:left;
}

#contactlinks {
float:left;
display:block;
text-indent:30px;
}

#footer {
bottom:0px;
border-top:0px solid #000000;
height:40px;
text-align:center;
font-size:10px;
margin:auto;
background:#000000;
color:#666666;
width:750px;
clear:both;
padding-top:20px;
}


/*----------
LINKS 
----------*/


a.default:link, a.default:visited {
color:#9E9E9E;
font-weight:bold;
text-decoration:none;
}

a.default:hover, a.default:active {
color:#9E9E9E;
background-color:#000000;
text-decoration:underline;
}

a.header {
display:block;
height:100%;
width:100%;
}

a.header:hover {
background-color:transparent;
}

a.clear:link,a.clear:visited,a.clear:hover,a.clear:active {
display:block;
width:100%;
height:100%;
border:0;
padding:0;
text-decoration:none;
background-color:transparent;
}

a.new {
text-decoration:none;
}

a.new:hover {
background-color:transparent;
}


/*---------------
FORMS
---------------*/


input,textarea {
background-color:#BCCBF5;
color:#000000;
border:1px solid #000000;
}

#submitter {
margin-top:10px;
width:100px;
}

input {
width:250px;
height:21px;
margin-top:10px;
padding-left:5px;
}

textarea {
margin-top:10px;
width:250px;
height:100px;
padding-left:5px;
}

label {
width:80px;
display:block;
float:left;
text-align:right;
margin-top:10px;
margin-right:5px;
}