/*
Description: whitehat.gr
Author URI: http://www.whitehat.gr/
*/

body {padding:0; margin:0; text-align:center; background:url(../images/bg.jpg) top repeat-x #140c10; font-size:62.5%; line-height:1.8em; /* border-top:6px solid #e3e4d4;*/}
body, input, div, p, span, ul, li, h1, h2, h3, h4, h5, h6, table, td, th, dl, dt, dd  {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color:#5b5957; 
	}
	

/*----- GLOBAL -------- */
* {padding:0; margin:0;} img, img a {border:none;} a {outline:none;} 
.clear {clear:both;}
.indent {text-indent:-9999px;}
a, a:visited {color:#c69036;}
a:hover, a:active {color:#fff; text-decoration:none;}

.left {float:left;}
.right {float:right;}
.centered {margin:0 auto;}
.nb {border:none !important;}

ul,li {list-style-type:none;}

h1 {text-align:right;}
h2 {text-align:left;}
h3 {text-align:left;}

#wrap {float:right; width:790px; margin-right:70px;}


#header {text-align:right; padding:40px 0 100px 0;}
#logo a, #logo a:visited {display:block; float:right; width:170px; height:54px; background:url(../images/whitehat.jpg) no-repeat;}


#content {clear:both; text-align:right;}

.details {float:left; width:260px; padding-left:30px;}
.thumb {float:right; margin-left:20px;}

.project {padding-bottom:50px;}
.title h1 {text-indent:-9999px;}
.tzanos {display:block; height:31px; background:url(../images/tzanos_title.png) no-repeat right;}
.sl {display:block; height:31px; background:url(../images/sl_title.png) no-repeat right;}
.smb {display:block; height:31px; background:url(../images/smb_title.png) no-repeat right;}
.esake {display:block; height:31px; background:url(../images/esake_title.png) no-repeat right;}
.pontiki {display:block; height:31px; background:url(../images/topontiki_title.png) no-repeat right;}
.cosmicsoda {display:block; height:31px; background:url(../images/cosmicsoda_title.png) no-repeat right;}
.patmos {display:block; height:31px; background:url(../images/patmos_title.png) no-repeat right;}
.kountouris {display:block; height:31px; background:url(../images/kountouris_title.png) no-repeat right;}
.brainlab {display:block; height:31px; background:url(../images/brainlab_title.png) no-repeat right;}
.xima {display:block; height:31px; background:url(../images/xima_title.png) no-repeat right;}
.kiousis {display:block; height:31px; background:url(../images/kiousis_title.png) no-repeat right;}
.wannadoo {display:block; height:31px; background:url(../images/wannadoo_title.png) no-repeat right;}
.tsigrimas {display:block; height:31px; background:url(../images/tsigrimas_title.png) no-repeat right;}
.family {display:block; height:31px; background:url(../images/myfamily_title.png) no-repeat right;}

.text {color:#d4d5c6; font-size:12px; line-height:1.4em; margin:20px 0 0 0;}
.text p {color:#858585; padding:20px 0 0 0;}
.text p span {color:#fff !important;}
a.link, a.link:visited {color:#d4d5c6 !important; text-decoration:none;}
a.link:hover, a.link:active {color:#858585 !important; text-decoration:none;}

#contact-wrap {background:#fff;}
#contact {float:right; width:790px; margin-right:70px; text-align:left;}
#contact-form {float:left; width:300px;}
#contact-form fieldset {border:none;}
#contact-form fieldset ol li {border-bottom:1px solid #ccc; padding:10px 0; font-size:1.4em; color:#150C11; overflow:hidden;}
#contact-form fieldset ol li input {float:left; border:none; padding:4px;background:#ccc;}
#contact-form fieldset ol li label {float:left; width:80px;}