/*
	main css style development
	============================
	website 	: 	www.mykonosblu.com/
	date 		: 	21-7-2008		
	author 		: 	mayra metaxa / developer
	company		: 	mozaik creative business solutions
	url			:	http://www.mozaik.com

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

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background: #fff url(../logos/bg.gif) repeat-x;
	margin: 0;
   	padding: 0;
}

.body_noshow{
	background-image:none;
}

.index_wrap{
	width:980px;
	height:580px;
	border:none;
	background-color:#FFFFFF;
	margin:0 auto;
}

abbr {
	cursor:help;
}

.paragraph .ext_link a{
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#716F6E;
}

	


/* ================================ top menu ================================ */


.top_menu{
	background-color:#567792;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:none;
	width:980px;
	height:105px;
	margin:0 auto;
	padding:0;
}

.top_menu ul{
	list-style:none;
	margin:0;
	padding:75px 0 0 232px;
	width:635px;
	display:inline;
	height:20px;
	position:absolute;
}

.top_menu ul li{
	display:inline;
	margin:0;
	padding:0 0 0 10px;
}

.top_menu ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff; /*d9d5d1*/
	text-decoration:none;
}

.top_menu ul li a:hover{
	text-decoration:none;
	color:#1a2b6b; /*f0f0f0*/
}

.top_menu .loc{
	text-decoration:none;
	color:#1a2b6b; /*1a2b6b = mple*/
}

.mykonos_blu_logo{
	margin:0;
	padding:0;
	display:inline;
	background-color:#567792;
}

.right_logo{
	margin:0;
	padding:4px 0 7px 0;
	float:right;
	display:inline;
	background-color:#567792;
}

/* ================================ index ================================ */

.index_menu{
	width:980px;
	padding-top:70px;
	margin:0 auto;
}

.index_menu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#888784;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
	background:url(../logos/dot2.gif) no-repeat 0px;
	margin:0;
	padding-left:16px;
}

.menu_table{
	width:980px;
	border:none;
	padding:0;
	margin:0;
}

.menu_table a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a9a7a4;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
	background:url(../logos/dot1.gif) no-repeat 0px;
	margin:0;
	padding-left:16px;
}

.menu_table a:hover, a:active{
	color:#1a2b6b;
	background:url(../logos/dot_selected.gif) no-repeat;
}

.menu_table .a_selected{
	color:#1a2b6b;
	background:url(../logos/dot_selected.gif) no-repeat;
}

.box_selected{
	background-color:#567792;
	width:185px;
	height:170px;
	padding-top:5px;
	margin-bottom:37px;
}

.box_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	padding:5px;
}

.menu_table .box_text a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	background:none;
	display:block;
	padding-left:4px;
}

.box_text a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#d0ccc9;
}


.menu_table .box1{
	border:none;
	background:url(../logos/mnu1.gif) no-repeat;
	width:185px;
	height:170px;
	margin-top:5px;
	margin-bottom:37px;
}
.menu_table .box2{
	border:none;
	background:url(../logos/mnu2.gif) no-repeat;
	width:185px;
	height:170px;
	margin-top:5px;
	margin-bottom:37px;
}
.menu_table .box3{
	border:none;
	background:url(../logos/mnu3.gif) no-repeat;
	width:185px;
	height:170px;
	margin-top:5px;
	margin-bottom:37px;
}
.menu_table .box4{
	border:none;
	background:url(../logos/mnu4.gif) no-repeat;
	width:185px;
	height:170px;
	margin-top:5px;
	margin-bottom:37px;
}
.menu_table .box5{
	border:none;
	background:url(../logos/mnu5.gif) no-repeat;
	width:185px;
	height:170px;;
	margin-top:5px;
	margin-bottom:37px;
}
.menu_table .box6{
	border:none;
	background:url(../logos/mnu6.gif) no-repeat;
	width:185px;
	height:170px;
	margin-top:5px;
	margin-bottom:37px;
}
.menu_table .box7{
	border:none;
	background:url(../logos/mnu7.gif) no-repeat;
	width:185px;
	height:170px;
	margin-top:5px;
	margin-bottom:37px;
}
.menu_table .box8{
	border:none;
	background:url(../logos/mnu8.gif) no-repeat;
	width:185px;
	height:170px;
	margin-top:5px;
	margin-bottom:37px;
}
.menu_table .box9{
	border:none;
	background:url(../logos/mnu9.gif) no-repeat;
	width:185px;
	height:170px;
	margin-top:5px;
	margin-bottom:37px;
}
.menu_table .box10{
	border:none;
	background:url(../logos/mnu10.gif) no-repeat;
	width:185px;
	height:170px;
	margin-top:5px;
	margin-bottom:37px;
}

/* ================================ page layout ================================ */

.page_wrap{
	width:980px;
	border:none;
	/*background-color:#FFFFFF;*/
	background: #fff url(../logos/bg.gif) repeat-x;
	margin:0 auto;
}

.content{
	padding-top:20px;
	color:#716F6E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.content .back{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#a9a7a4;
	text-decoration:none;
	background:url(../logos/back.gif) no-repeat 0;
	padding-left:9px;
	margin:0;
}

.content .back:hover{
	color:#04276d;
}

.content p{
	padding:0px 10px 8px 0;
	margin:0;
	color:#716F6E; /*a9a7a4*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:585px;
}

.content .main_text{
	border-right: solid 1px #d0ccc9;
	margin: 10px 0 10px 0;
	width:600px;
	padding-right:4px;
}

.content .paragraph{
	padding:10px 10px 10px 0;
	margin:0;
	color:#716F6E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:980px;
}
.content .paragraph p{
	padding:0px 10px 8px 0;
	margin:0;
	color:#716F6E; /*a9a7a4*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:980px;
}
.paragraph ul{
	display:block;
}
.paragraph ul li{
	margin-left:14px;
	padding-left:0px;
}


.paragraph a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#716F6E;
	font-weight:normal;
}
.paragraph a:hover{
	text-decoration:none;
}

.divider{
	border-bottom: solid 1px #d0ccc9;
	width:980px;
	height:1px;
	margin: 5px 0 10px 0;
}

/* ----------- titles & headers ----------- */

.content .page_title{
	color:#a9a7a4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	width:980px;
	padding:7px 0 7px 0;
	margin: 10px 0 10px 0;
	border-bottom: solid 1px #d0ccc9;
	border-top: solid 1px #d0ccc9;
	font-weight:normal;
}

.content h1{
	color:#a9a7a4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	width:980px;
	padding:7px 0 7px 0;
	margin: 10px 0 10px 0;
	border-bottom: solid 1px #d0ccc9;
	border-top: solid 1px #d0ccc9;
	font-weight:normal;
}

.content h2{
	color:#a9a7a4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:0px 0 17px 0;
	font-weight:normal;
}

.content h3, .paragraph h3{
	color:#a9a7a4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:0 0 17px 0;
	margin:0;
}


/* ---------- content columns ------------- */

.content .right_col{
	width:360px;
	/*border-left: solid 1px #d0ccc9;*/
	float:right;
	padding:40px 0 40px 4px;
	margin:0;
}
.content .right_col ul{
	list-style:none;
}
.content .right_col ul li{
	list-style:none;
	padding:0 0 10px 10px;
}

/* ------  2 cols -------*/

.content .two_cols{
	width:980px;
	margin:10px 0 15px 0;
	padding: 0;
}

.content .two_cols a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#716F6E;
	text-decoration:underline;
	font-weight:normal;
}
.content .two_cols a:hover{
	text-decoration:none;
}

.content .two_cols .col_left{
	padding:4px 10px 4px 0;
	width:470px;
	margin:10px 10px 10px 0;
	float:left;
	border-right: solid 1px #d0ccc9;
}
.content .two_cols .col_right{
	padding:4px 10px 10px 10px;
	width:450px;
	margin:10px 4px 10px 0px;
	float:left;
}
.content .two_cols .col_left_no_border{
	padding:4px 0px 4px 0;
	width:470px;
	margin:10px 10px 10px 0;
	float:left;
}

/* ------  3 cols -------*/

.content .three_cols{
	width:980px;
	border-top: solid 1px #d0ccc9;
	border-bottom: solid 1px #d0ccc9;
	margin:10px 0 15px 0;
	padding: 0;
}
.content .three_cols_no_border{
	width:980px;
	margin:10px 0 15px 0;
	padding: 0;
}

.content .three_cols a, .three_cols_no_border a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#716F6E;
	text-decoration:underline;
	font-weight:normal;
}
.content .three_cols a:hover, three_cols_no_border a:hover{
	text-decoration:none;
}

.content .col1{
	padding:4px 10px 4px 0;
	width:288px;
	margin:10px 10px 10px 0;
}
.content .col11{
	padding:4px 0px 4px 0;
	width:288px;
	margin:10px 10px 10px 0;
	float:left;
}
.content .col1 ul, .col11 ul{
	display:block;
}
.content .col1 ul li, .col11 ul li{
	margin-left:14px;
	padding-left:0px;
}


.content .col2{
	padding:4px 0px 4px 10px;
	width:290px;
	border-right: solid 1px #d0ccc9;
	border-left: solid 1px #d0ccc9;
	margin:10px -24px 10px 0px;
	float:right;
	display:block;
}
.content .col22{
	padding:4px 10px 10px 10px;
	width:285px;
	border-right: solid 1px #d0ccc9;
	border-left: solid 1px #d0ccc9;
	margin:10px 4px 10px 0px;
	float:left;
}
.content .col2 ul, .col22 ul{
	display:block;
}
.content .col2 ul li, .col22 ul li{
	margin-left:14px;
	padding-left:0px;
}
/*
.content .col2 ul li ul{
	display:block;
}
.content .col2 ul li ul li{
	margin-left:14px;
	padding-left:0px;
}*/


.content .col3{
	padding:4px 0px 4px 10px;
	width:360px;
	margin:10px 0px 10px 30px;
	float:right;
}
.content .col33{
	width:340px;
	margin:10px 0px 10px 10px;
	padding:4px 0px 4px 4px;
	float:left;
}
.content .col3 ul{
	display:block;
	list-style:none;
}
.content .col3 ul li{
	list-style:none;
	padding-bottom:10px;
}


.content .col33 ul{
	display:block;
}
.content .col33 ul li{
	padding-bottom:10px;
}

.td_border{
	border-left:solid 1px #d0ccc9;
	border-right:solid 1px #d0ccc9;
	padding:10px 0px 10px 12px;
	margin:10px 0px 10px 10px;
}


/* ----------- content menu ----------- */

.content .menu{
	width:980px;
	padding:0 0 7px 0;
	margin: 10px 0 10px 0;
	width:980px;
	border-bottom: solid 1px #d0ccc9;
}
.content .menu ul{
	list-style:none;
	display:inline;
	
}
.content .menu ul li{
	display:inline;
	margin:0;
	padding:0 15px 0 0;
}
.content .menu ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	color:#716F6E;
	text-decoration:none;
	font-weight:normal;
}
.content .menu ul li a:hover, a:active{
	text-decoration:none;
	color:#1a2b6b;
	background:none;
	/*border-left: solid 1px #1a2b6b;*/
}
.content .menu .loc{
	text-decoration:none;
	color:#1a2b6b;
	background:none;
}


/* ------------ conent submenu -------------- */

.content .submenu{
	width:980px;
	padding:0 0 7px 0;
	margin: 10px 0 10px 0;
	width:980px;
	border-bottom: solid 1px #d0ccc9;
}
.content .submenu ul{
	list-style:none;
	display:inline;
	
}
.content .submenu ul li{
	display:inline;
	margin:0;
	padding:0 15px 0 0;
	list-style:none;
}
.content .submenu ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	color:#716F6E;
	text-decoration:none;
	font-weight:normal;
}
.content .submenu ul li a:hover, a:active{
	text-decoration:none;
	color:#1a2b6b;
	background:none;
}
.content .submenu .loc{
	text-decoration:none;
	color:#1a2b6b;
	background:none;
}



/* ------------- photo gallery ------------*/
/*
.gallery{
	background:url(../logos/temp.gif) no-repeat;
	width:980px;
	height:390px;
}*/

.gallery2{
	width:980px;
	height:390px;
}
.gallery2 .thumbs{
	width:400px;
	padding:0 2px 0 0;
	float:right;
	margin:340px 0 0 0;
}

.gallery2 .thumbs img{
	float:right;
	display:inline;
	padding:3px;
	margin:2px;
	background-color:#c3bbb6;
}
.gallery2 .thumbs #next{
	background:none;
}
/*
.gallery2 .selected_thumb{
	background-color:#1a2b6b;
}
.gallery2 .unsel_thumb{
	background-color:#c3bbb6;
}*/


.gallery3{
	width:980px;
	height:195px;
}
.gallery3 .thumbs{
	width:400px;
	padding:0 2px 0 0;
	float:right;
	margin:170px 0 0 0;
}

.gallery3 .thumbs img{
	float:right;
	display:inline;
	padding:3px;
	margin:2px;
	background-color:#c3bbb6;
}
.gallery3 .thumbs #next{
	background:none;
}
/*
.gallery3 .selected_thumb{
	background-color:#1a2b6b;
}
.gallery3 .unsel_thumb{
	background-color:#c3bbb6;
}*/



.main_gallery{
	width:980px;
	height:580px;
}
.main_gallery .thumbs{
	width:400px;
	padding:0 2px 0 0;
	float:right;
	margin:530px 0 0 0;
}
.main_gallery .thumbs img{
	float:right;
	display:inline;
	padding:3px;
	margin:2px;
	background-color:#c3bbb6;
}
.main_gallery .thumbs #next{
	background:none;
}


/* ================================ footer ================================ */

.footer_wrap{
	height:107px;
	width:100%;
	background-color:#567792;
}

.footer{
	background-color:#567792; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:none;
	width:980px;
	height:107px;
	margin:0 auto;
	padding:0;
}

.footer ul{
	list-style:none;
	margin:0;
	padding:13px 0 0 200px;
	width:780px;
	display:inline;
	height:20px;
	position:absolute;
	float:right;
}
.footer ul li{
	display:inline;
	margin:0;
	padding:0 0 0 10px;
}
.footer ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
}
.footer ul li a:hover{
	text-decoration:none;
	color:#1a2b6b;
}
.footer .loc{
	text-decoration:none;
	color:#1a2b6b;
}

.footer .mykonos_blu_logo{
	margin:0;
	padding:0;
	display:inline;
}

.footer .right_logo{
	margin:0;
	padding:34px 0 0 0;
	float:right;
	display:inline;
}

/* =============================================== */

.to_flash{
	width:100px;
	height:18px;
	display:inline;
	padding:0 0 0 789px;
	margin:0;
}
.to_flash img{
	border:none;
}

.table_press_coverage{
	border:solid 1px #d0ccc9;
	width:650px;
}
.table_press_coverage img{
	border:none;
	padding:10px;
}

/* mayra metaxa */

/* POPUP */
#popupWrapper {
	margin:15px auto auto auto; 
	width:930px; 
	height:550px; 

	/* border:#000000 dotted 1px; */
	padding:0;
	
}

#popupInsideBox {
	text-align:center; 
	padding-top:180px; 
	color:#c9c5c3; 
	font-size:11px; 
	font-family:Arial, Helvetica, sans-serif;
}

#popupInsideBox span.first {
	font-weight:bold;
	display:block; 
	margin-top:20px;
	line-height:20px;
}

#popupInsideBox span.second {
	display:block; 
	margin-top:5px; 
	line-height:15px;
}

#popupInsideBox input.button {
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	
	border:0; 
	background-image:url(../images/buttonbk.gif); 
	color:#a29f9c; 
	width:128px; 
	height:17px; 
	margin-top:30px;
}