/* ====================================================  */
/* these are the rules for the stucture of the page      */
/* ====================================================  */



#wrapper , #wrapper-1 { 	
	border-top:1px solid #AA8822;
	border-left:1px solid #AA8822;
	border-right:1px solid #AA8822;
	border-bottom:1px solid #AA8822;
	margin:auto; 
	position:relative;
	width:765px; 
	z-index:0;
	margin-top:5px;
	min-height:150px;
}


/* ====================================================  */


#header  {
	height:120px;
}


#header h1 {
	text-indent: -9999px;
}


#header .content   {
	height:120px;
}


#header #logo {
	width:210px;
	text-align:center;
	float:left;
	background:url(../images/ionian_weddings_logo_gold_120.gif) top left no-repeat ;
}

#header #logo a { 
	color:#ffffff;
	text-decoration:none;
	display:block;
	height:100%;
}


#header #carousel {
	float:right;
	width:550px;	
	overflow:hidden;
}


/* ====================================================  */


#phonenumber {
	position:absolute;
	visibility:hidden;
	display:none;
}

#phonenumber h1 {
	color:#000000;
	font-size:120%;
	text-align:center;
}
/* ====================================================  */

#pagetitle {
	background:#CC9933  url(../images/tabs/gold/tab_gold_over.jpg) top repeat-x;
	height:25px;
	clear:both;
}


#pagetitle #translatelayer {
	width: 400px;
	border: 1px dashed #006666;
	height:20px;
	float: left;
}

/* ====================================================  */

.translate_block {
display: block; /* for FF 2 but FF 2 looks like it has other problems with columns anyway */
display: inline-block;
display: block;
float:left;
}

.translate_block a {
/* display: block; */
font-weight: normal !important;
text-decoration: none !important;
white-space:nowrap;
margin-right:10px;
}


.translate_loading {
background: url(../images/ajax-loader.gif) no-repeat; /* http://www.ajaxload.info/ */
vertical-align: middle;
}



.translate_popup {
background-color: #fff; /* Use your own background color here. */
border-style: solid;
border-width: 1px;

/*
-moz-column-count: 3;
-moz-column-gap: 1em;
*/

/*-webkit-column-count: 3;

-webkit-column-gap: 1em; webkit doesn't do columns right yet */
padding: 0.5em;
position: absolute;
z-index: 50;
}



.translate_block .translate_flag {
background: url(../images/42flags.png) no-repeat;
}

.translate_popup .translate_flag {
margin: 0 0 6px;
}

.translate_block .ar {background-position: 0 0;}

.translate_block .bg {background-position: 0 -12px;}

.translate_block .ca {background-position: 0 -24px;}

.translate_block .cs {background-position: 0 -36px;}

.translate_block .da {background-position: 0 -48px;}

.translate_block .de {background-position: 0 -60px;}

.translate_block .el {background-position: 0 -72px;}

.translate_block .en {background-position: 0 -84px;}

.translate_block .es {background-position: 0 -96px;}

.translate_block .et {background-position: 0 -108px;}

.translate_block .fi {background-position: 0 -120px;}

.translate_block .fr {background-position: 0 -132px;}

.translate_block .gl {background-position: 0 -144px;}

.translate_block .he {background-position: 0 -156px;}

.translate_block .hi {background-position: 0 -168px;}

.translate_block .hr {background-position: 0 -180px;}

.translate_block .hu {background-position: 0 -192px;}

.translate_block .id {background-position: 0 -204px;}

.translate_block .it {background-position: 0 -216px;}

.translate_block .ja {background-position: 0 -228px;}

.translate_block .ko {background-position: 0 -240px;}

.translate_block .lt {background-position: 0 -252px;}

.translate_block .lv {background-position: 0 -264px;}

.translate_block .mt {background-position: 0 -276px;}

.translate_block .nl {background-position: 0 -288px;}

.translate_block .no {background-position: 0 -300px;}

.translate_block .pl {background-position: 0 -312px;}

.translate_block .pt {background-position: 0 -324px;}

.translate_block .ro {background-position: 0 -336px;}

.translate_block .ru {background-position: 0 -348px;}

.translate_block .sk {background-position: 0 -360px;}

.translate_block .sl {background-position: 0 -372px;}

.translate_block .sq {background-position: 0 -384px;}

.translate_block .sr {background-position: 0 -396px;}

.translate_block .sv {background-position: 0 -408px;}

.translate_block .th {background-position: 0 -420px;}

.translate_block .tl {background-position: 0 -432px;}

.translate_block .tr {background-position: 0 -444px;}

.translate_block .uk {background-position: 0 -456px;}

.translate_block .vi {background-position: 0 -468px;}

.translate_block .zh-cn {background-position: 0 -480px;}

.translate_block .zh-tw {background-position: 0 -492px;}



.google_branding {
clear:both;
font-size: 11px;
page-break-inside: avoid;
display: block;
white-space:nowrap;
}

.google_branding img {
border: 0;
margin: 0;
padding: 0;
}

/* ====================================================  */

#pagetitle h1 {
	color:#666666;
	font-size:120%;
	margin:0px;
	padding:0px 20px 0 0;
	float: right;
}

/* ====================================================  */

#middle {
	min-height:450px;
	padding:10px;
	clear: both;
/*	
	max-height:1600px;
	border-left:1px solid #AA8822;	
	border-right:1px solid #AA8822;	
*/
}

#middle_left {
/* 	
	margin-left:0px;
	min-height:450px;
	height:150px;
*/
	height:100%;
	width:190px;
	padding-left:0px;
	float:left;
	position:relative;
	top:0;
	left:0;
	
	margin:0px 0 50px 5px; 
	
}


#middle_left form {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:2px;
	padding-right:2px;
	width:175px;	
	/*
	*/
	border-top:1px solid #CC9933 ; 
	border-right:1px solid #CC9933;
	border-left:1px solid #CC9933;
}

#middle_right {
/* 
	max-height:1600px;
*/	
	min-height:450px;
	width:540px;
	background:#ffffff ;
	margin-top:0px;
	margin-bottom:10px;
	padding-right:0px;
	float:right ;
}  
/* 
#middle_right p , #middle_right h1, #middle_right h2 , #middle_right h3, #middle_right h4 {
	padding-right:10px;
}
*/
/*============================================================== */

#footer {
	font-size:80%;
	clear:both;
	min-height:80px;
	border-top:1px solid #AA8822;	
	line-height:100%;
	margin-bottom:5px;
}

#footer_left {
	float:left;
	width:180px;
	padding-left:20px;
	padding-top:18px;
}

#footer_right {
	padding-top:2px;
	margin-right:10px;
	text-align:center;
}

/*============================================================== */


#footer li {
	padding-top: 0px;
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	display: inline; 
	margin: 0px;
/* 	white-space:nowrap; */
}

#footer ul li ul {
	display:none;
	visibility:hidden;
}

#footer a:link,  #footer a:visited  , #footer a:active		{
	margin: 0 10px 0 0;
	padding: 0;
/* 	border: 0; */
	text-decoration:none;
}
	
#footer a:hover	{
	text-decoration:underline;
}


#footer ul {
	list-style-type:none;
	list-style-image:none;
	display:inline;
	margin:0;
	padding:0;
}
	
#footer_right li ,  #footer_right ul {
	display: inline; 
/*  	white-space:nowrap; */
}

#footer_right li a {
	/*
  	white-space:nowrap; 
	*/
}
