@charset "utf-8";
/* ==================== Mar Markarios Main Layout CSS Styles ==================== */

/*	Table Of Contents
	 1.Defaults
	 2.Header
	 3.Navigation
	 4.Footer
     5.sitemap
*/

/* ==================== 1.Defaults ==================== */

* {margin:0px; padding:0px;}

body {background:#172760 url(../images/bg-main.jpg) repeat-x; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; color:#666;}

h1 {font-size:1.8em;}

h2 {font-size:1.4em;}

h1,h2 {margin-bottom:6px; color:#900;}

a, a:hover, a:active, a:focus {text-decoration:none; outline:none;}

a {color:#2F5DD4; text-decoration:underline;}
	
a:hover {color:#900; text-decoration:underline;}

img {border:none;}
	
ul {list-style:none;}
	
.clear {clear:both;}
	
.err {color: #F00; font-weight: bold;}

.feedflare {
display:none;
visibility:hidden;
}

.img-left {float:left; margin-right:10px; padding:3px;}
	
.img-left-bdr {float:left; margin-right:15px; margin-top:5px; padding:3px; border:#CCC 1px solid;}

.img-right {float:right; margin-left:15px; padding:3px;}
	
.img-right-bdr {float:right; margin-left:10px; padding:3px; border:#CCC 1px solid;}

label{
	
	display: block;
	font-size: 1em;
	font-weight:bold;
	color:#036;
	}



/* ==================== 2.Header ==================== */

#header-container {width:100%; float:left;}

#header {width:950px; height:125px; margin:0px auto; background:url(../images/bg-header.jpg) no-repeat; color:#FFF; font-size:1.1em; font-weight:bold;}

#header p {float:right; text-align:center;}

#header p a {color:#FFF; text-decoration:none; display:block; width:130px; margin-right:25px; padding:6px 0px 10px 0px;}

#header p a:hover {text-decoration:underline;}
	
/* ==================== 3.Navigation  ==================== */

#navigation {width:790px; height:35px; position:relative; left:160px; top:90px;}
	
#navigation ul {width:780px; height:35px; margin-left:10px;}
	
#navigation li {float:left; position:relative;}

#navigation a {display:block; color:#FFF; height:35px; float:left; text-decoration:none;}

#navigation a:hover {background:url(../images/btn-hover.jpg) no-repeat top right; text-decoration:none;}

#navigation a.active, #navigation a:hover.active {background:url(../images/btn-active.jpg) no-repeat top right; text-decoration:none;}

#navigation a, #navigation a:hover {display:block; padding:0px 26px 0px 26px;}
	
#navigation a, #navigation span, #navigation a:hover span {line-height:35px;}

/* ==================== 4.Footer ==================== */

#footer-container {width:100%; float:left;}

#footer {width:910px; margin:0px auto; padding:20px; height:250px; background:url(../images/bg-footer.jpg) no-repeat; color:#FFF;}

#footer div {width:280px; margin-right:35px; margin-top:20px; float:left;}

#footer div.last {margin-right:0px;}

#footer div.last input.email-address {float:left; width:190px; border:#9CF 1px solid; padding:3px 3px 4px; margin-right:5px; margin-bottom:3px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}

#footer div.last input.btn-email-submit {width:74px; height:25px;}

#footer div p.footer-title {color:#FF9; font-size:1.4em; padding-bottom:10px; font-weight:bold; margin-bottom:0px;}

#footer div a {color:#9CF;}

#footer div a:hover {color:#FFF;}

#footer div ul {margin-left:12px; line-height:1.6em;}

#footer li {background:url(../images/bullet-footer.gif) no-repeat left 6px; padding-left:12px;}

#footer p {line-height:160%; margin-bottom:10px;}

#footer p#copyright {float:left; display:block; color:#9CF; line-height:normal; margin-bottom:0px; margin-top:30px; width:420px;}

#footer p#copyright span, #footer p#copyright a {color:#FFF; text-decoration:none;}

#footer p#copyright a:hover {color:#9CF; text-decoration:underline;}

/* ==================== 3.SiteMap  ==================== */


#sitemap ul {margin-left:12px; padding-bottom:12px; line-height:160%;}

#sitemap li {background:url(../images/bullet-secondary.gif) no-repeat left 6px; padding-left:10px;}

#sitemap ul ul {margin:0px; padding-bottom:0px;}

#sitemap ul ul li {background:none; padding-left:8px;}