/* CSS Document */
@charset "utf-8";
/* structure.css - petersommer.com */



/* ------------ GLOBAL STRUCTURE ------------------- */

body, html{
margin:0;
padding:0;
height:100%;
}

#header{
width:100%;
height:106px;
}

#header-inner{
width:1014px;
margin:0 auto;
position:relative;
height:100%;
}

#header-inner #logo{
position:absolute;
width:296px;
height:75px;
top:15px;
left:15px;
}

#header-inner #strapline{
position:absolute;
width:370px;
height:55px;
top:15px;
right:15px;
text-align:right;
}

#header-inner #strapline h3, #header-inner #strapline h2{margin:0;}

#header-inner #strapline h3{
float:left; 
margin:4px 5px 0 0;
}

#header-inner #header-nav{
position:absolute;
width:350px;width:450px;
height:15px;
right:20px;
top:75px;
margin:0;
padding:0;
}
#header-inner #header-nav li{
list-style-type:none;
margin:0 0 0 10px;
padding:0;
float:right;
display:inline;
}

#header-inner #header-nav li.site{
border-left:1px solid #C9E8FC;
padding-left:10px;
}
#header-inner #header-nav li.tel{line-height:16px;}

#navbar{
width:100%;
height:42px;
padding:5px 0 0 0;
}

#navbar.new{
height:35px;
padding-top:0px;
}

#navbar ul{
margin:0 auto;
width:1002px;
padding:0 0 0 0px;
overflow:hidden;
}

#navbar ul li{
margin-right:20px;
height:37px;
}

#navbar.new ul li{
height:35px;
margin-right:0px;
margin-left:4px;
padding-top:5px;
}

#navbar.new ul li a{text-transform:uppercase;}

#navbar.new ul li.first{margin-left:0px;}

/* SHAHED */
#navbarG{
width:100%;
height:42px;
padding:5px 0 0 0;
}

#navbarG ul{
margin:0 auto;
width:1014px;
padding:0 0 0 25px;
}

#navbarG ul li{
margin-right:27px;
height:37px;
}

#navbarY{
width:100%;
height:42px;
padding:5px 0 0 0;
}

#navbarY ul{
margin:0 auto;
width:1014px;
padding:0 0 0 25px;
}

#navbarY ul li{
margin-right:27px;
height:37px;
}
/* SHAHED*/

#content{
width:984px;
padding:0 15px;
margin:0 auto;
position:relative;
}



#footer{
margin:25px 0 0 0;
}

#footer #footer-logos{
float:right;
margin:0;
padding:0;
}

#footer #footer-logos li{
float:right;
list-style-type:none;
}

#footer-strip{
width:1000px;
margin-left:-8px;
height:77px;
}

/* ----------------- COLUMN STUFF -------------------- */

#left-column{
float:left;
width:155px;
margin-right:10px;
height:100%;
}

#right-column{
float:right;
width:212px;
padding:0 0 0 10px;
}

#middle-column{
float:right;
width:585px;
padding:0 10px 0 0;
}

#home-left-column{
float:left;
width:575px;
padding:0 35px 0 20px;
margin:25px 0 0 0;
}

#home-right-column{
float:left;
width:334px;
padding:0 0 0 16px;
margin:25px 0 0 0;
}


/* ------------------ GENERAL CLASSES ------------------------- */

.clear{
clear:both;
height:0px !important;
line-height:0px;
border:0;
margin:0 !important;
padding:0 !important;
}

.clear-left{clear:left;}

.float-left{float:left;}

.float-right{float:right;}

.horizontal-list{
margin:0;
padding:0;
}

.horizontal-list li{
float:left;
display:inline;
list-style-type:none;
}
.horizontal-list li a{
/*
display:block;
color:#EFEFEF;
padding:8px 8px 0;
font-weight:bold;
height:37px;
line-height:1em;
text-decoration:none;
text-align:center;
font-size:11px;
font-family: Georgia, 'Times New Roman', serif;

text-transform:capitalize;
*/
}
/*
.horizontal-list li a:hover, .horizontal-list li a.active {background:url("http://www.petersommer.com/images/nav_new/nav_red_on.gif") repeat-x scroll left top #660000;
}
.Turkey .horizontal-list li a:hover, .Turkey  .horizontal-list li a.active {background:url("http://www.petersommer.com/images/nav_new/nav_red_on.gif") repeat-x scroll left top #660000;
}
.Greece .horizontal-list li a:hover, .Greece  .horizontal-list li a.active {background:url("http://www.petersommer.com/images/nav_new/nav_blue_on.gif") repeat-x scroll left top #660000;
}
.Italy .horizontal-list li a:hover, .Italy .horizontal-list li a.active {background:url("http://www.petersommer.com/images/nav_new/nav_green_on.gif") repeat-x scroll left top #660000;
}
*/
.no-top-margin{padding:0px;margin:0px;}
.no-top-margin2{
margin-top:0 !important;line-height:35px;
}
.no-top-margin3{
margin-top:0 !important;
}
.no-top-margin4{
margin:0 0 5px 0;
}

.push-down{margin-top:3em;}

.push-down-gallery{margin-top:50px;}

.grey-box{
padding:15px 10px;
width:192px;
}

.red-box{
margin:15px 0 0 0;
padding:15px 10px;
}

.grey-gradient-box{
width:316px;
padding:5px 10px;
overflow:hidden;
}


/* ------------- PAGES ------------------- */

#left-column h4{
height:20px;
padding:4px;
margin:0 0 1em 0;
}

#left-nav{
margin:0 0 0 5px;
padding:0;
}

#left-nav li{
list-style-type:none;
margin:15px 0 0 0;
padding:0;
}

#brochure-nav{
margin:0 0 0 5px;
padding:0;
}

#brochure-nav li{
list-style-type:none;
margin:15px 0 0 0;
padding:0;
}

#banner-image{
width:818px;
height:300px;
overflow:hidden;
margin:0 0 18px 0;
}

#book-now_btn{
width:83px;
height:29px;
float:right;clear:both;float:left;padding:0;margin:12px 0 0 0 ;
background:url('http://www.petersommer.com/images/book-now_btn.gif') left top no-repeat;
}

#book-now_btn a{
display:block;
height:100%;
width:100%;
}

#tour-dates-list{
margin:0;
padding:0;
}

#tour-dates-list div{
list-style-type:none;
margin:15px 0 0 0;
}

#tour-dates-list div .text{
width:148px;
float:left;
margin:0 5px 0 0;
}

#tour-dates-list div .full{
display:block;
float:right;
width:38px;
height:17px;
}
/*SHAHED */
.tour-dates-list{
margin:0;
padding:0;
}

.tour-dates-list div{
list-style-type:none;
margin:15px 0 0 0;
}

.tour-dates-list div .text{
width:149px;
float:left;
margin:0 5px 0 0;
}

.tour-dates-list div .full{
display:block;
float:right;
width:38px;
height:17px;
}
/*SHAHED*/
.tour-info{
margin:15px 0 15px 0;padding:0px;
}

.tour-info img{
float:left;
margin:0 15px 0 0;
border:5px solid #E4E4E4;
}

.tour-info .txt{
float:left;
width:320px;
margin:0px;padding:0px;
}

.tour-info .book-now{
display:block;
float:right;
width: 121px;
height:32px;
background: transparent url(http://www.petersommer.com/images/book-now_btn.gif) no-repeat scroll left top;
}

/*SHAHED*/
.tour-info .txt p{margin:0px;padding:0px;}
/*SHAHED*/
#tabs{
position:relative;
top:1px;
width:520px;
}

a.tab, a.active-tab{
display:block;
float:left;
margin:0 5px 0 0;
width:124px;
height:22px;
padding:12px 0 0 0;
text-align:center;
}


#tab-container{
margin:0;
/*padding:30px 10px;*/
padding:25px 0px 0 10px;
}

.tour-further-details{
padding:0px 0 0 10px;;margin:0px;
}
.tour-further-details h2{padding:0px;margin:0px;}

.tour-further-details ul{padding:0px;margin:0px;}
.tour-further-details li{
list-style-type:none;
margin:15px 0 0 0;
padding:0;
}
.tour-further-details a
{
color: #660000;
font-weight: bold;
font-size: 12px;
}
.tour-further-details a:hover{color: #999999;}

.gallery{
float:left;
width:172px;
margin:0 30px 0 0 !important; 
}

#homepage-banner{
width:985px;
height:350px;
padding-top:5px;
overflow:hidden;
position:relative;
}

#homepage-banner-img{
position:absolute;
left:0px;
top:0px;
}

#flash-container{
position:absolute;
bottom:0px;
right:0px;
width:468px;
height:350px;
overflow:hidden;
cursor:pointer;
background:transparent url(http://www.petersommer.com/images/play-video.png) top left no-repeat;
}

#homepage-banner-text{
position:absolute;
width:440px;
height:280px;
left:20px;
top:70px;
}

.homepage-arrow{
padding:0 0 0 12px;
}

#gulet-imgs-container{
margin-left:-10px;
width:336px;
height:154px;
overflow:hidden;
}

#gulet-imgs{
width:709px;
height:149px;
margin:0 0 0 -370px;
padding:5px 0 0 0;
}

#gulet-imgs img{float:left;}

#gulet-imgs img.middle{
margin:0 5px;
}

#gallery{text-align:center;}

#gallery p{
text-align:center;
line-height:normal;
}
.homepage-list{
float:left;
width:103px;
margin:0 15px 0 0;
padding:0;
}

.homepage-list li{
list-style-type:none;
margin:15px 0 0 0;
padding:0;
}
/* SHAHED */
#non-bold a{font-weight:normal;}

#more-about ul{
padding-left:0;
list-style-position:inside;
}

#brochure-nav-blue{
margin:0 0 0 5px;
padding:0;
}

#brochure-nav-blue li{
list-style-type:none;
margin:15px 0 0 0;
padding:0;
}
#brochure-nav-green{
margin:0 0 0 5px;
padding:0;
}

#brochure-nav-green li{
list-style-type:none;
margin:15px 0 0 0;
padding:0;
}

#home-banner-img{
position:relative;
overflow:hidden;
}

.pagination {
bottom:10px;
float:left;
left:10px;
position:absolute;
}

.pagination ul {
margin:0;
padding:0;
}

.pagination ul li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 4px 0 0;
padding:0;
}

.pagination ul li a {
border:1px solid #FFFFFF;
display:block;
float:left;
height:13px;
text-indent:-999px;
width:13px;
}

.pagination ul li a:hover, .pagination ul li a.active {
background-color: #FFFFFF;
display:block;
float:left;
height:13px;
text-indent:-999px;
width:13px;
}

.imageinfo {
float:left;
height:auto;
left:0;
margin:0;
padding:0;
position:absolute;
top:20;
width:400px;
z-index:10;
}

.imageinfo h2 {
font-size:32px;
line-height:17px;
margin:0;
padding:42px 0 0 10px;
color:#FFFFFF;
}

.imageinfo p {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
line-height:18px;
margin:0;
padding:10px 0 16px 10px;
text-align:left;
}

#video-container{
height:320px;
width:400px;
}

.no-right-margin{
margin-right:0 !important;
}


.tour-full{background:url(http://www.petersommer.com/images/full-icon.gif) 400px top no-repeat;
}

#slide-text p{
    font-family: Georgia,"Times New Roman",Times,serif !important;
    line-height:1.2em !important;
}

#slide-header{
  line-height:30px !important;
   margin-bottom:20px;
}

/*================================FOOTER========================================*/

#footer {
width:100%;
height:210px;
background:#0d3161;
float:left;
margin:0;
}

#inner-footer {
height: 100%;
margin: 0 auto;
position: relative;
width: 1014px;
}

#footer-logo {
float: left;
margin-top: 58px;
margin-right:30px;
}

#main-footer-list {
border-left: 1px solid #637DA0;
border-right: 1px solid #637DA0;
float: left;
margin-top: 48px;
padding-left: 20px;
}

.footer-list{
float: left;
margin: 0 20px 0 0;
padding: 0;
width: 130px;
line-height:6px;
}

.footer-list li{
list-style-type:none;
margin:15px 0 0 0;
padding:0;
}


#logos, .footer-logos {
border-top: 1px solid #EDEDED;
float: left;
margin-top: 20px;
padding-top: 20px;
width: 100%;
margin-bottom: 20px;
overflow:hidden;

}

#logos .left, .footer-logos .left {float:left;}

/*================================HTML TEXT NAV========================================*/

#navbar.text_nav ul li{
margin-right:5px;
padding-top:5px;
}

.text_nav li a{
display:block;
padding:7px 7px 10px 7px;
}
