*{margin:0;padding:0}

/* initial font styles
----------------------------------------------- */
body{font-family:Georgia, Times New Roman, Times, serif;font-size:82%;line-height:1em;text-align:left}
div{font-size:1em}
img{border:0}
a{outline:none}

/* basic layout
----------------------------------------------- */
body{background-color:#333132;color:#fff;margin:0;padding:0}
div#pagewrapper{background-color:#58595b;margin:0 auto;width:975px;overflow:hidden}
.left{float:left}
.right{float:right;text-align:right}
.clear{clear:both}

/* header
----------------------------------------------- */
div#header{background:#00aeef;height:127px}
div#header h1 a{background:#00aeef url(../images/vangelis-karis-logo.gif) no-repeat 15px 0;display:block;height:127px;text-decoration:none;text-indent:-9999em}

/* top-navigation
----------------------------------------------- */
ul.top-navigation{list-style:none;margin:0 15px 0 16px}
ul.top-navigation li{float:left;margin:37px 30px 5px 0}
ul.top-navigation li a{color:#fff;font:normal 1em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration:none}
ul.top-navigation li a:hover,ul.top-navigation li a.currentpage,ul.top-navigation li a.activeparent{border-bottom:none;color:#00aeef}

/* content
----------------------------------------------- */
div#content{border-top:1px solid #9d999a;height:320px;margin:0 15px;padding:7px 0}

div#content2{border-top:1px solid #9d999a;height:320px;margin:0 15px;padding:7px 0}
#content2 a {border-bottom:1px dotted #ccc;color:#fff;text-decoration:none}
#content2 a:hover {border-bottom:none;color:#00aeef}

div#content3{border-top:1px solid #9d999a;height:320px;margin:0 15px;padding:7px 0}

div.thumb1{border-top:1px solid #9d999a;border-bottom:1px solid #9d999a;margin:0 15px;padding:7px 0;width:945px}
div.thumb2{padding:7px 0;float:left;margin-left:15px;width:145px}

div#content-bottom{border-top:1px solid #9d999a;height:150px;margin:0 15px}
div#content-bottom a.more-work {background:url(../uploads/images/more.png) no-repeat 0 0;display:block; height:106px;margin:15px auto 0 auto;text-decoration:none;text-indent:-9999em;width:104px}

div#footer{border-top:1px solid #fff;height:60px;margin:0 15px;padding:7px 0}
div#footer p{font-size:.9em;margin:0}
div#footer a{border-bottom:1px dotted #fff;color:#fff;text-decoration:none}
div#footer a:hover{border-bottom:none;color:#00aeef}


/* headings
----------------------------------------------- */
div#content h1{font-size:2em;line-height:1em;margin:0}
h2{line-height:1em;margin:0 0 15px;padding:0}
h3{line-height:1em;margin:0 0 15px;padding:0}

#home h2.welcome{background:url(../uploads/images/welcome.gif) no-repeat 0 0;display:block;height:40px;text-indent:-9999em;width:100%}
#home h3{background:url(../uploads/images/welcome.gif) no-repeat 0 0;display:block;height:40px;text-indent:-9999em;width:100%}

#contact h2{background:url(../uploads/images/contact1.gif) no-repeat 0 0;display:block;float: left; height:246px;text-indent:-9999em;width:627px}
#contact a.vcard{background:url(../uploads/images/vcard.jpg) no-repeat 0 0;display:block; float: right; height:106px; margin:15px 0 0;text-decoration:none;text-indent:-9999em;width:104px}

#contact h3{background:url(../uploads/images/contact2.png) no-repeat 0 0;display:block;height:40px;text-indent:-9999em;width:100%}
#contact h4 a{background:url(../uploads/images/map.png) no-repeat 0 0;border-bottom:none;display:block;height:320px;text-indent:-9999em;text-decoration:none}

#thank-you h2{background:url(../uploads/images/thanks.png) no-repeat 0 0;display:block;height:219px;text-indent:-9999em;width:790px}

#en h2{background:url(../uploads/images/welcome_en.png) no-repeat 0 0;display:block;height:30px;text-indent:-9999em;width:100%}
#en h3{background:url(../uploads/images/contact_en.png) no-repeat 0 0;display:block;height:30px;text-indent:-9999em;width:100%}
#en h4 a{background:url(../uploads/images/map_en.png) no-repeat 0 0;border-bottom:none; display:block;height:320px;text-indent:-9999em;text-decoration:none}
#en #content a {border-bottom:1px dotted #ccc;color:#fff;text-decoration:none}
#en #content a:hover {border-bottom:none;color:#00aeef}

#fnf h2{background:url(../uploads/images/404.png) no-repeat 0 0;display:block;height:37px;text-indent:-9999em;width:545px}


/* project headings
----------------------------------------------- */
#ta-peri-karpou h2{background:url(../uploads/images/ta-peri-karpou/title2.png) no-repeat 0 0;display:block;height:74px;text-indent:-9999em;width:550px}
#beau-belle h2{background:url(../uploads/images/beau-belle/title2.png) no-repeat 0 0;display:block;height:74px;text-indent:-9999em;width:550px}
#parallagi h2{background:url(../uploads/images/parallagi/title2.png) no-repeat 0 0;display:block;height:74px;text-indent:-9999em;width:550px}
#malestream h2{background:url(../uploads/images/malestream/title2.png) no-repeat 0 0;display:block;height:74px;text-indent:-9999em;width:550px}
#photoglobe h2{background:url(../uploads/images/photoglobe/title2.png) no-repeat 0 0;display:block;height:74px;text-indent:-9999em;width:650px}

/* pagination
----------------------------------------------- */
ul#pagination{border:0;margin:15px 0 0;padding:0}
#pagination li{border:0;float:left;font-size:.9em;font-weight:bold;list-style:none;margin:0;padding:0}
#pagination a{border:solid 1px #999;color:#fff;margin-right:2px}
#pagination .previous-off,#pagination .next-off{border:solid 1px #58595b;color:#999; display:block;float:left;padding:3px 4px}
#pagination .next a,#pagination .previous a{border:solid 1px #58595b}
#pagination .active{color:#00aeef;font-weight:bold;display:block;float:left;padding:4px 6px}
#pagination a:link,#pagination a:visited{display:block;float:left;padding:3px 6px;text-decoration:none}
#pagination a:hover{background:#00aeef;border:solid 1px #fff;color:#fff}

/* form
----------------------------------------------- */
#contact textarea{border:0;float:right;font:italic normal 13px/1.4em Georgia, "Times New Roman", Times, serif;height:92px;margin:0 0 10px;padding:6px;width:66%}
#contact .name input{border:0;font:italic normal 13px/1em Georgia, "Times New Roman", Times, serif;height:16px;margin:0 0 10px;padding:6px;width:30%}
#contact .email input{border:0;font:italic normal 13px/1em Georgia, "Times New Roman", Times, serif;height:16px;margin:0 0 5px;padding:6px;width:30%}
#contact .phone input{border:0;font:italic normal 13px/1em Georgia, "Times New Roman", Times, serif;height:16px;margin:0 0 10px;padding:6px;width:30%}
#contact .fbsubmit{border:0;float:right;font:italic normal 13px/1em Georgia, "Times New Roman", Times, serif;height:30px;padding:7px 12px}
#contact .fbsubmit:hover{background:#00aeef;color:#fff}

/* text
----------------------------------------------- */
p{font-size:1em;font-style:italic;margin:0;line-height:1.4em;padding:0}
strong,b{font-weight:bold}
em,i{font-style:italic}

/* lists
----------------------------------------------- */
div#main ul,div#main ol,div#main dl{font-size:1em;line-height:1.4em;margin:0 0 1.5em}
div#main ul li,div#main ol li{margin:0 0 .25em 3em}

/* definition lists topics on bold */
div#main dl dt{font-weight:bold;margin:0 0 0 1em}
div#main dl dd{margin:0 0 1em 1em}
div#main dl{margin-bottom:2em;padding-bottom:1em;border-bottom:1px solid silver}

/* home
----------------------------------------------- */
#home #content {border-top:1px solid #9d999a;height:293px;margin:0 15px;padding:7px 0}

#home #content h2 {background:url(../uploads/images/welcome.gif) no-repeat 0 0;display:block;height:40px;text-indent:-9999em;width:100%}

#home #content a {border-bottom:1px dotted #ccc;color:#fff;text-decoration:none}
#home #content a:hover {border-bottom:none;color:#00aeef}

#home .new a{background:url(../uploads/images/new.jpg) no-repeat 0px 0px;display:block; height:111px; text-indent:-9999em; width:115px; margin: 0 0 0 845px; position: absolute}

#home ul#projects {margin-top: 28px}


/* work
----------------------------------------------- */
ul#projects {font-style: italic; line-height: 1.4em; list-style: none; margin: 0 15px; padding: 0;}

ul#projects li {border-top: 1px solid #9d999a; display: block; height: 320px; margin-bottom: 7px; padding-top: 7px; width: 945px;}

	ul#projects li.parallagi a
	{background: url(../uploads/images/parallagi/1_thumb.jpg) no-repeat; color: #fff; display: block; height: 310px; padding: 5px; text-decoration: none;}

	ul#projects li.malestream a
	{background: url(../uploads/images/malestream/1_thumb.jpg) no-repeat; color: #fff; display: block; height: 310px; padding: 5px; text-decoration: none;}

	ul#projects li.beau-belle a
	{background: url(../uploads/images/beau-belle/1_thumb.jpg) no-repeat; color: #fff; display: block; height: 310px; padding: 5px; text-decoration: none;}

	ul#projects li.ta-peri-karpou a
	{background: url(../uploads/images/ta-peri-karpou/1_thumb.jpg) no-repeat; color: #fff; display: block; height: 310px; padding: 5px; text-decoration: none;}

	ul#projects li.photoglobe a
	{background: url(../uploads/images/photoglobe/1_thumb.jpg) no-repeat; color: #fff; display: block; height: 310px; padding: 5px; text-decoration: none;}


	span.project {display: block; height: 75px; text-indent: -9999em; width: 645px;cursor: pointer;}

	span.malestream {background: url(../uploads/images/malestream/title.jpg) no-repeat;}
	span.beau-belle {background: url(../uploads/images/beau-belle/title.jpg) no-repeat;}
	span.parallagi {background: url(../uploads/images/parallagi/title.jpg) no-repeat;}
	span.ta-peri-karpou {background: url(../uploads/images/ta-peri-karpou/title.jpg) no-repeat;}
	span.photoglobe {background: url(../uploads/images/photoglobe/title.jpg) no-repeat;}