/**
 * Stylesheet for intersell.gr
 *
 * coded by Raul Ferrer (www.raulferrer.com)
 */


/* Normalizing & General Definitions
=========================*/

* {
margin:0; /* zero out margin */
padding:0; /* zero out padding */
}

html, body {
height:100%; /* gives layout 100% height */
}

* html #wrap { height:100%; /* IE6 treats height as min-height */ }

:link,:visited {text-decoration:none;}

ul,ol,dl {list-style:none; position: relative;} /* fixes IE6 and lower bug about background images */

html, body, div, p, img, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, th, td {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

ol, ul { list-style: none; }

a img,:link img,:visited img, img, fieldset { border:none; }

table { border-collapse: collapse; border-spacing: 0; }

address, caption, cite, code, dfn, th { font-style: normal; font-weight: normal; }

a { outline: none; } /* avoids outline on Firefox */


body {
	font-family: tahoma, verdana, helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #fff;
}


/* Typography definitions
=========================*/

p, ol li, #content ul li { color: #555555; font-size: 1.2em; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; margin: 10px 0;}

#mail a:link { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; color: #0071bc; line-height:17px; }
#mail a:visited { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; color: #0071bc; line-height:17px; }
#mail a:hover { text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; color: #08446b; line-height:17px; }
#mail a:active { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; color: #0071bc; line-height:17px; }

#menu-nav a, #menu-nav a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; float:left; display:block; height: 35px; line-height: 32px; padding: 0 16px; color: #fff; text-decoration: none; }
#menu-nav a:hover { text-decoration: underline; color: #d8d8d8;}
#menu-nav a#active_menu-nav { color: #fff;}

h1 { padding: 0; font-family:Helvetica ,Arial,sans-serif; font-size: 1.3em; font-weight: bold; vertical-align: bottom; color: #666; text-align: left; width: 100%; }

#in p { color: #22361E;  font-size: 1.6em; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; padding: 0px 12px 12px 16px;	line-height: 1.2em;	text-align: left; }

td {padding: 6px; color: #555555; font-size: 1.1em; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; }

h2 { color: #3f84b3; font-size: 1.6em; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; margin: 10px 0;}
h3 { color: #3f84b3; font-size: 1.4em; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; margin: 10px 0;}


/* Header
=========================*/

#head_wrap { position: relative; margin: 0 auto; overflow: hidden; width: 960px; }

#header { position: relative; width: 960px; height: 100px; overflow: hidden; }

#logo_intersell { position: absolute; top: 4px; left: 0px; height: 90px; width: 285px; background: #fff url(/img/mini_logo.png) repeat 0 0; }
#logo_intersell h1 { position: absolute;  text-indent: -9999px;}
#logo_intersell a { position: absolute; display: block; width: 285px; height: 90px; }

#lang { position: absolute; top: 7px; right: 20px; height: 30px; list-style: none; margin: 0; padding: 0; }

#main_navigation { position: relative; width: 960px; height: 35px; }

#menu-nav { position: relative; width: 960px; height: 35px; background: url(/img/menu_bg.png) no-repeat 0 0; }
#menu-nav ul { list-style: none; margin: 0; padding: 0; }
#menu-nav li { float: left; padding: 0 4px; background: url(/img/separator.png) top right no-repeat; margin-left: 1px;}
#menu-nav li.last { background: none; }


/* Content
=========================*/

#content_wrap { position: relative; width: 960px; overflow: hidden; margin: 0 auto 0 auto; padding-top: 12px; background: url(/img/white_bg.png) repeat-y top center;}

#content { 	position: relative; float: left; width: 620px; padding: 0 10px 0 15px; overflow: hidden; margin-top: 20px;}
#contentbig { position: relative; width: 960px; padding: 0; overflow: hidden;}

ul#boxes { list-style: none; margin: 10px 0; padding: 0; }
ul#boxes li { float: left; padding: 20px 0; }

#side { position: relative;  float: left; width: 300px; margin-top: 20px; }
#sidebox_top { width: 300px; height: 11px; background: url(/img/side_top.png) no-repeat top center;}
#sidebox { width: 282px; padding: 8px; border-right: 1px solid #d4d4d3; border-left: 1px solid #d4d4d3; }
#sidebox_bot { width: 300px; height: 11px; background: url(/img/side_bot.png) no-repeat top center;}

#content ol { margin: 0 0 8px 36px; list-style-type: lower-latin; }
#content ol li ol {list-style-type: lower-latin; }
#content ol li { padding: 8px 0; }

ul#boxes li.lower { margin-left: 32px; padding: 20px; }

#contactus { width: 793px; height: 353px; background: url(/img/contact_us_bg.jpg) no-repeat 0 0; margin: 20px 0 0 80px; padding: 20px;}

.phone { background: url(/img/phone.jpg) no-repeat 0 6px; padding: 10px 30px; line-height: 26px; }
.mobile { background: url(/img/mobile.jpg) no-repeat 0 3px; padding: 10px 30px; line-height: 26px; }
.fax { background: url(/img/fax.jpg) no-repeat 0 5px; padding: 10px 30px; line-height: 26px; }
.skype { background: url(/img/skype.jpg) no-repeat 0 6px; padding: 10px 30px; line-height: 26px; }
.mail2 { background: url(/img/mail.jpg) no-repeat 0 6px; padding: 10px 30px; line-height: 26px; }

/* Footer
=========================*/

#footer_wrap { clear: both; position: relative; width: 960px; overflow: hidden; margin: 0 auto 0 auto;  padding-top: 12px; background: url(/img/white_bg.png) repeat-y top center;}

#footer { border-top: 1px #ddd solid; margin-top: 20px; padding-top: 20px; text-align: center;}
