/* Created for gekstudio by Georgios E. Kyriacou */

body {
background-color: #ffffff;
font-size: 0.7em;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#999999;
padding:0px;
margin:0px;
}


/* ----------container to center the layout---------- */

#container {
width: 785px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}

/* ----------banner for logo-------------- */
#banner {
padding: 0px;
margin: 0px;
}

.logo{ float:left; margin-top: 10px;}

.banner_link{float:right; margin: 10px 0 40px 60px;}

.nav_links{float:right; margin-top:10px; clear:right;}

.offer{border: 1px 0 0 1px; color:#CCCCCC;}

#subheader {
 background-image:url(../images/apple-small.jpg);
 height:150px;
 border:1px solid #ccc;
 margin-bottom: 10px;
}


/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 230px #B5C1F4;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */
} 

#inner{ 
  margin:0px; 
  width:100%;
  background-image:url(../images/fish.gif);
  background-repeat:no-repeat;
  background-position:top right;
} /* The ie/pc pecularity */ 


/* --------------left navi------------- */
#left {
 width:230px; 
 float:left; 
 position:relative; 
 margin-left:-230px; 
 
 border-left: 1px solid #CCCCCC;
 border-top: 1px solid #CCCCCC;
 }

#left img{text-align:center;}

.submenu{
  width:230px;
  height: 40px; 
  background-color:#F2F2F2;
  border-bottom:1px solid #ccc;
 }

.links{
  width:230px; 
  background-color:#FF9966;
  border-bottom:1px solid #fff;
 }

a:link {color:#6699ff;  background : inherit; text-decoration:underline; }
a:hover {color:#6699ff; background : inherit; text-decoration:none;}
a:active {color:#6699ff; background : inherit; text-decoration:underline;}
a:visited {color:#6699ff; background : inherit; text-decoration:underline;}


.links a:link {color:#fff;  background : inherit; text-decoration:underline; }
.links a:hover {color:#fff; background : inherit; text-decoration:none;}
.links a:active {color:#fff; background : inherit; text-decoration:underline;}
.links a:visited {color:#fff; background : inherit; text-decoration:underline;}


.links p{color:#fff; font-size: 120%; margin:0;}

.links ul {color:#FFFFFF; margin-top:0;}


/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px;
border: 1px solid #CCCCCC;
overflow:auto;
overflow:hidden;
}

/*  ----------------footer---------------------- */ 

#footer {
 margin: 10px 0 10px 0;
 height:15px;
 background:#80D0A7;
 color:#FFFFFF;
 border:1px solid #ccc;
 padding: 5px;
 text-align:right;
 clear:both;
 }

#footer a:link {color:#ffffff; background : inherit; text-decoration:underline; }
#footer a:hover {color:#ffffff; background : inherit; text-decoration:none;}
#footer a:active {color:#ffffff; background : inherit; text-decoration:underline;}
#footer a:visited {color:#ffffff; background : inherit; text-decoration:underline;}

 
.copyright {float:left;}

#logos {
 clear:both;
 background:#fff;
 text-align:center;
 }



/* Presentation Stylesheet */ 

h1{
 color: #6699ff;
 background : inherit;
 padding: 0 0 0 25px;
 font-family:Garamond, Georgia, "Times New Roman", Times, serif;
 font-size: 3em;
 font-weight:normal;
 letter-spacing:-1px;
 }
 
h2{
 color: #6699ff;
 background : inherit;
 padding: 0 5px 0 25px;
 font-family:Garamond, Georgia, "Times New Roman", Times, serif;
 font-size: 2em;
 font-weight:normal;
 letter-spacing:-1px;
 }
 
#subheader h1{
 float:right;
 background:#80D0A7;
 color:#FFFFFF;
 margin: 80px 0px 10px 0;
 padding:5px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 120%;
 width: 200px;
 }
 
p {
 margin:0;
 padding:10px 25px 10px 25px;
 line-height:1.5em;
 text-align:justify;
 }

ul { 
 margin: 10px 20px 10px 40px;
 padding:0;
 list-style-type:square;
 line-height:2em;
 }

a img {border: none;}


.floatleft{
float: left;
width: 80px;
margin: 15px 15px 0px 30px;
padding: 20px;
border: 1px solid #CCCCCC;
}

div.floatleft img { border: 2px solid #FFF; }

.leftcell{
width: 370px;
float:left;
margin-left: 2px;
}


.rightcell {
  width: 400px;
  margin-right: 2px;
  float:right;
  border-left: 1px solid #CCCCCC;
}


/* Navigation Stylesheet */ 

#invertedtabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding:0;
}

#invertedtabs ul{
margin:0;
font-weight:bold;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0;
padding:0;
text-transform:uppercase;
line-height: 1.5em;
}

#invertedtabs a{
float:left;
color: white;
background: #CCCCCC url(../images/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(../images/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}

#invertedtabs a:hover{
background-color: #6699ff;
}

#invertedtabs a:hover span{
background-color: #6699ff;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color:#00B35E;
}

#invertedtabs #right a{ /*float right tab*/
margin-left: 250px;
background-color:#FF9900;
}


#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 8px;
background: #6699ff;
}


/* Form Stylesheet */

label
{
width: 20em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}


input
{
background:#EFEFEF;
border: 1px solid #CCCCCC;
}

.submit input
{
color: #000;
background: #6699ff;
border: 2px outset #FFCC00;
margin-left: 4.5em;
} 


textarea{width: 500px; height: 100px;}

div.divider{clear:both;}