/*
	 http://www.poltavaservices.com
	 author: Olena Skelley http://www.aboutallthingsilove.com
*/

*		{ margin: 0; padding: 0; }
body		{ font: 15px/2 Georgia, serif; line-height:1.5;  background:url(../images/bgbody.jpg);}
blockquote {
    margin: 1em 2em;
    padding-left: 1em; color: #458B74; font-style: italic; line-height: 1.4em;}
    
blockquote.bordered { border-left: 1px dashed #999; }    
blockquote p:first-letter {
    float: left;
    margin: .2em .3em .1em 0;
    font-family: "Monotype Corsiva", "Apple Chancery", fantasy;
    font-size: 220%;
    font-weight: bold;
}



blockquote p:first-line {
    font-variant: small-caps; }
p {padding: 5px 0;}

#main-content table tr td a, #main-content table tr td a:visited {border:none;}
#main-content table tr td a:hover {border:none;background:none; color:green;}



#page-wrap	{ max-width: 960px; min-width: 560px; margin: 0 auto; position: relative; }

#header         { max-width: 960px; min-width: 960px; height:103px;  margin: 0 auto 0; }
#header a       { text-indent:-99999px; width:690px; height:103px;
                  background: url(../images/logo.jpg) no-repeat; background-position:15% 0; display: inline-block;
                  position:absolute; left:12%; border:none;}

/************************* menu ************************************/
#access		{ width: 100%; height:60px; background: url(../images/access.jpg) repeat-x;}
#menu		{ width:920px; height:60px;
         background: url(../images/menu.jpg) no-repeat; background-position:0 0;
         position:relative; margin-left:  215px;}
#menu a 	{height:60px; text-indent:-99999px;  display:block; float:left;  position:relative; outline:none; }

#menu a#about    {width: 225px; margin-left: 140px;}
#menu a#about:hover, #menu a#about.active { background:url(../images/menu.jpg) no-repeat; background-position: -140px -60px;}

#menu a#services    {width: 80px;}
#menu a#services:hover, #menu a#services.active { background:url(../images/menu.jpg) no-repeat; background-position: -365px -60px;}

#menu a#poltavainfo    {width: 115px; }
#menu a#poltavainfo:hover, #menu a#poltavainfo.active { background:url(../images/menu.jpg) no-repeat; background-position: -445px -60px;}

#menu a#usefullinks   {width: 103px;}
#menu a#usefullinks:hover, #menu a#usefullinks.active { background:url(../images/menu.jpg) no-repeat; background-position: -560px -60px;}

#menu a#photos  {width: 76px; }
#menu a#photos:hover, #menu a#photos.active { background:url(../images/menu.jpg) no-repeat; background-position: -663px -60px;}

#menu a#contact   {width: 87px;}
#menu a#contact:hover, #menu a#contact.active { background:url(../images/menu.jpg) no-repeat; background-position: -739px -60px;}

#menu a#home   {width: 62px;}
#menu a#home:hover, #menu a#home.active  { background:url(../images/menu.jpg) no-repeat; background-position: -826px -60px;}

#sticker 	{ text-indent:-99999px; width:216px; height:215px;
            background:url(../images/sticker.png) no-repeat;
            position:absolute; top:-20px; left:15%; clear:both;
            z-index:5; }
 #bc	{ text-indent:-99999px; width:295px; height:200px;
            background:url(../images/bc.png) no-repeat;
            position:absolute; top:-20px; left:15%; clear:both;
            z-index:5; }



/*********************** home page elements *********************/
.fadein { height:248px; width:900px; margin:0 auto; position:relative; }
.fadein img { position:absolute; left:0; top:0; }

/************************ mid bit ********************************/
#mid-message { width: 98%; margin: 10px auto; font-size: 1.25em; font-style:italic;}
.englishspeaking {color:#2588ff}
.vip {color:#f35381}
.twentyfour {color:#a116a7}
.accommodation {color:#328925}
.translationsupport {color:navy}
.haveagoodday {color: #ff0922 } 

/********************** landing page buttons *****************************/
.landing {width: 930px; margin: 0 auto;}
.landing a { text-indent: -99999px; float:left; cursor:pointer; display:inline-block; outline:none;}

.landing a#viptransfer {width:307px; height:190px; background: url(../images/viptransfer2.png) no-repeat;}
.landing a#entertainment {width:307px; height:190px; background: url(../images/entertainment.png) no-repeat;}
.landing a#apartmentrental {width:307px; height:190px; background: url(../images/apartmentrental.png) no-repeat;}


.landing a#translators {width:449px; height:104px; background: url(../images/translator.png) no-repeat;}
.landing a#testimonials {width:462px; height:110px; background: url(../images/testimonials.png) no-repeat;}

#main-content-home   { padding: 0 10px 0 10px; background:transparent; z-index:4; }

/***************** sidebar *************************************************/
#main-sidebar   { width: 201px; height:307px;  
                  background: url(../images/nav.png) no-repeat;
                  padding: 10px 0px 10px 0px; margin: 0 15px 0 10px;
                  float:left; clear:right;
}
#main-sidebar .social {color: #2F4F4F;}
/***** nav ****/
#main-content #main-sidebar #navlist
{
    padding: 2px 1px 2px;
    margin: 40px 5px 10px 5px;
    font: bold 12px Verdana, sans-serif;
    width: 96%;
    border-bottom: 1px solid #458B74;float:none;
}

#main-content  #main-sidebar #navlist li
{
    background-image:none;
    list-style: none;
    margin: 0; padding:2px 1px 2px;
    border-top: 1px solid #458B74;
    text-align: left; display:block; 
}


#main-content #main-sidebar #navlist li a, #main-sidebar #navlist li a:visited
{
    display: block;
    padding: 0.25em 0.5em 0.25em 0.75em;
    border-left: 1em solid #AABF53;border-bottom:none;
    background: #C9DF6F;
    text-decoration: none;
}



#main-content #main-sidebar #navlist li a:hover, #main-sidebar #navlist li a.active {
    border-color: #ffff99;
    color: #FFFf99;
    background-color: #9BCD9B;
}



/***************** pages **************************************************/
#main-content   { padding: 20px 20px 0 20px; background:#F5F5DC; z-index:4; width: 900px; height:100%;
                  border: 1px solid #CDC673;
                  -moz-border-radius: 5px;/*FF*/
                  -webkit-border-radius:5px; /* Safari */
                  -moz-box-shadow: 0 0 8px #999;
                  -webkit-box-shadow: 0 0 8px #999;
                  -webkit-transition: all 0.1s ease-out;

}
#main-content h3 {color: #191970; font-size: 1.8em; font-family: Arial; margin:10px 0 10px 0;}
#main-content h4 {color: #2F4F4F; font-size: 1.4em; font-family: Arial; margin:10px 0 10px 0;}

#main-content a, #main-content a:visited { color: #2E8B57; text-decoration: none; border-bottom: 2px solid #2E8B57;}
#main-content a:hover { color: white; background-color:#CDC673; }
#main-content img {border:1px solid #458B74; float:right; margin: 10px 10px 10px; padding:5px; background-color:#CDC673;}

#main-content img.skype {
    border:none; float:none; background:none;
    margin:10px 0 0 0; padding:0;
    vertical-align:bottom;
}
#main-content a.skype, #main-content a.skype:visited { text-decoration:none; border-bottom:none;}
#main-content a.skype:hover { text-decoration:none; background:none;}


#main-content .information { color:#333; margin:0 40px 0 40px; line-height:1.2;}
#main-content .information ul, #main-content .information li {list-style-image: url(../images/tick.gif);}

#main-content small a, #main-content small a:visited {border:none; color: #333; }



#main-content .tick {
    background-image: url(../images/check.png);
    background-repeat: no-repeat;
    background-position: 0 10%;
    padding: 3px 0 20px 40px; color:#2F4F4F;
    margin: 0.5em 1em; float:left; clear: both; width:95%;
    
}


/***************** social and links *************************************************/
.social, .social-links, .useful-links { width: 96%; padding: 0 5px 0 5px; color: #fff; font-size:0.8em; margin-top: 5px;}
.social h4, .social-links h4, .useful-links h4 { margin: 10px 0 10px 0; color: #ffff99; font-size: 1.2em;}
.social a, .social a:visited, #main-content  .social a, #main-content .social a:visited{ /*text-indent:-9999px;
display: block; width: 26px; height:26px; margin:5px 3px 5px 3px;*/ float:left;border:0; }
.social a img {
	border: 0;
	}
.social a:hover, #main-content .social a:hover    { border-bottom-style: none; outline:none; background-color:none; }
.social a.facebook { background: url(../images/social/facebook.png) no-repeat;}
.social a.myspace { background: url(../images/social/myspace.png) no-repeat;}
.social a.hifive { background: url(../images/social/Hi5.png) no-repeat; }
.social a.picasa { background: url(../images/social/Picasa.png) no-repeat;}
.social a.gmail { background: url(../images/social/gmail.png) no-repeat; }
.social a.youtube { background: url(../images/social/YouTube.png) no-repeat; }
.social a.westernunion { background: url(../images/wu_logo.gif) no-repeat; width:174px; height:42px; float:none;display:block;margin-top:12px;}
.social a.tagged { background: #fff url(../images/social/tagged.png) no-repeat; background-position:50% 50%;}



.useful-links ul, #main-content ul, #main-content li {
    list-style: none; 
    margin: 0;
    padding: 0;
}
.useful-links li
{
    background-image: url(../images/tick.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}


.useful-links li.pdf, #main-content li.pdf
{
    background-image: url(../images/pdf.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
.useful-links li.external, #main-content li.external, #main-content a.external
{
    background-image: url(../images/external.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
.useful-links li.weather, #main-content li.weather, #main-content a.weather
{
    background-image: url(../images/weather.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
.useful-links li.airport, #main-content li.airport, #main-content a.airport
{
    background-image: url(../images/airport.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
.useful-links li.rates, #main-content li.rates, #main-content a.rates
{
    background-image: url(../images/rates.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
.useful-links li.vid
{
    background-image: url(../images/vid.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}
.useful-links li a, .useful-links li a:visited { border:none;}


/*************** pricing *************************************************/
.price, .info { padding:10px 20px; background:#FFE4C4; border: 2px dotted #CDB79E; margin: 0 auto; margin:10px; float:left; }
.price span, .info span, #main-content span { color:#EE3B3B; font-family:Arial,serif}

/**************** listing ************************************************/
.listing {
min-height:150px; margin: 10px 0; background:#FFC125; border: 1px solid #CD9B1D; padding: 10px;
}
.listing:hover {background:#EEB422;}
#main-content .listing h4 { color:maroon; margin: 5px 0; }
 .listing span {  color:#CD0000; }



/******************** footer elements *************************************/                      
#footer  { width:100%;  margin: 30px auto 0px; border-top: 2px dotted #fff; border-bottom: 4px solid #282828; background:#191970; color: white; min-height:390px;height:100%; }
#footer #links { width:960px; margin:0 auto;}
#footer #links div {padding:5px 15px 15px 15px; display: block; height:100%;}
#footer a, #footer a:visited { color: white; border-bottom: 1px dotted white; text-decoration: none;}
#footer a:hover     { border-bottom-style: solid; }
#footer .social a, #footer .social a:hover     { border-bottom-style: none; }
#footer .social, #footer .social-links, #footer .useful-links {display: inline-block; width:27%; float:left; vertical-align:top; min-height: 380px;
border-left:1px dotted #fff; }
#footer a.myAgency { color:#ffcc66; font-family:arial;font-size:1.3em; font-weight: 700;}
#footer a.myAgency img { border:#ffcc66 2px solid; }

#footer a.noBorder, #footer a.noBorder:visited  {border:none;margin-top:20px; text-indent:0; text-decoration:none;}
#footer a.noBorder img{border:none;}

#bot-menu { width: 90%; position:relative; margin:0 auto; padding-bottom:10px; text-align:center; font-size: 0.8em;}
#bot-menu a {padding: 5px;}

#footer #madeby {
    font-size:10px;
    margin: 0 0 20px 150px;
    color:#ffff99;
}


.clear {clear:both;}
.floatLeft {float:left;}
.floatRight {float:right; width:70%;}


#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}

.fox_social td, .fox_social td a, .fox_social td img  {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: 0 !important;
	float: none;
	display: auto;
	}