@import url("table.css");
/* 
2007. Name of the project Cascading Stylesheet - www.nameoftheproject.com
Created by Atanas Mahony for ChiosOnline - www.chiosonline.gr
*/

@import url("reset.css");

/* Global
----------------------------------------------- */

body{ background:#FFFFFF url(../images/bgrnd.jpg) no-repeat top center; margin:0px auto;}
p{ font-family: Helvetica, Arial, san serif;
font-size: 12px;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;}


a.simple:link, a.simple:hover, a.simple:visited, a.simple:active { 
background:none;
display:inline;
text-indent:0px;
}
a.simple:hover, a.simple:active{ background:none;}



a:link, a:hover, a:visited, a:active { font-family: Georgia, serif;
font-size: 14px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color:#FFFFFF;
text-decoration:none;
display:block;
background:url(../images/arrow.gif) no-repeat left center;
text-indent: 20px;
}
a:hover, a:active{ background:#33CCFF;}






h1{}
h2{}
h3{ font-family: Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
color:#00c4ff;}
h4{}
h5{}
h6{}


/* Structure
----------------------------------------------- */

#wrapper{ width:799px; height: auto; background:#fff; margin:0px auto;}

/* // Header */
#header{ width: auto; height:321px; background:#fff; padding: 5px;}

#menunav{ background:#FFFFFF url(../images/angelastudio-logo.jpg) no-repeat; width: 237px; height:315px; position:relative;}
#menunav #navigation{ width: 237px; display: block; float:left; background: none; position:absolute; top: 154px;}
#menunav #navigation li{ height: 22px; margin-bottom: 1px; background:#004a7b;}
#mainimg{ background:#FFFFFF url(../images/mainimg.jpg) no-repeat; width:534px; height:315px;}
/* // Content */
#content{ padding: 5px;}

/* // Footer */

#footer{ background: #FFFFFF url(../images/footerimg.jpg) no-repeat bottom center; min-height: 120px; padding-top: 10px; }

/* Navigation
----------------------------------------------- */


/* Classes
----------------------------------------------- */


.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;}
.block{ display:block;}
.textCenter{ text-align: center; }
.textRight{ text-align: right; }
.textLeft{ text-align: left; }

.borderwrap{ border: 1px #002e4c solid; padding:2px; background:#FFFFFF;}
.right-text{ max-width: 435px; float:right; margin: 10px 10px 10px 0px; }
.left-text{ max-width: 435px; float:left; margin: 10px 10px 10px 10px; }
.imgholder{ display: block; max-width: 320px; margin: 10px 0px 10px 10px;}

.bluebg{background: #002e4c; z-index: 99; display:block; float:left; width: 100%;}



/* // Image Classes */


/* // List Classes */


/* // Other Classes */


.margin20top{ margin: 20px 0px; border:thin #FFFFFF}



/* Typografy
----------------------------------------------- */

.white-text{ color:#e5f4fc;}
.captiontxt{ color:#85a6bb; font: 10px Arial, Helvetica, sans-serif; margin-left: 13%;}

.footertext{ font: 12px Arial, Helvetica, sans-serif;}



ul#promo{ width: 534px; height:315px;}
















