/*
Amir Hafezi
www.amirhafezi.com/
:)
*/

/* MAIN STYLES
-------------------------------------------*/
@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'b koodak';
  src: url('fonts/BKoodakBold.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

/* body Style */
#icontent-body {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 0 5px #555555;
    margin-top:20px;
    padding: 15px;
}

/* BG IMAGES ---------------------------- */

.bg-image { 
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	display: block; 
	background-size:100% auto; 
	background-position:40% 45%; 
	background-repeat: no-repeat;
	opacity: 0;
        z-index:-1;

    -webkit-transition-property			: opacity;
    -webkit-transition-duration			: 1.5s;
    -moz-transition-property 			: opacity;
    -moz-transition-duration 			: 1.5s;
}
#bg-image-1 { background-image: url(../images/back01.jpg) }
#bg-image-2 { background-image: url(../images/back02.jpg) }
#bg-image-3 { background-image: url(../images/back03.jpg) }
#bg-image-4 { background-image: url(../images/back01.jpg) }
#bg-image-5 { background-image: url(../images/back02.jpg) }
#bg-image-6 { background-image: url(../images/back03.jpg) }

/* -----------------     Logo    -----------------   */
div#logo {
    background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    float: none;
    height: 90px;
    margin: 15px 0 0 685px;
    padding: 0;
}



/* ----------------- welcome box ----------------- */

#welcome-boxes {
    margin-bottom: -20px;
    padding: 0px;
    width: 820px;
}

#welcome-boxes .box {
    background: url("../images/ico-welcome.png") no-repeat scroll right 0 transparent;
    display: block;
    float: right;
    text-align: justify;
    width: 300px;
    padding: 1px 120px 30px 0px;
    margin: 0 -50px 0 20px;
    direction: rtl;
}
#welcome-boxes .box-right {
    float: none;
}
#welcome-boxes .box-place {
    background-position: right 0px;
}
#welcome-boxes .box-special {
    background-position: right -335px;
}
#welcome-boxes .box-promo {
    background-position: right -168px;
}
#welcome-boxes .box-free {
    background-position: right -514px;
}


/* ----------------- quote  ----------------- */

.quote {
    background: url("../images/quote.png") no-repeat scroll 0 0 transparent;
    height: 50px;
    margin: 10px auto auto;
    width: 725px;
}



/* -------------------- middle ------------------- */

#middle {
	width: 100%;
	min-height: 425px;
	background: #FFF;
	text-align: left;
	background: #FFF url(../images/slider/bg_mid.png) repeat-x;
}

#middle.faq {
  padding: 1px 0;
  background: #FFF url(../images/slider/bg_mid_faq.png) 0 top repeat-x;
}

#middle #content {
  position: relative;
	width: 920px;
	margin: 0 auto;
}

#middle #content ul {
  float: left;
  width: 830px;
  height: 390px;
  margin: 0 auto;
  overflow: hidden;
}

#middle #content ul li {
  float: left;
}

.arrows a {
  position: absolute;
  width: 41px;
  height: 29px;
  display: block;
}

.arrows.right a {
  right: -20px;
  top: 190px;
  background: url(../images/slider/arrows_vert.png) 0px -29px no-repeat;
}

.arrows.left a {
  right: -20px;
  top: 150px;
  background: url(../images/slider/arrows_vert.png) 0 0 no-repeat;
}


/* -------------------- Corel Toolbar ------------------- */

#toolbar {
  background: url(../images/toolbar.png) 0 0 no-repeat;
  position:fixed;
  }


/* ----------------- Footer Style ----------------- */
.footer{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	font-size:12px;
	color: #fff;
	background:#000;
	opacity:0.9;
	height:30px;
	padding-bottom:5px;
	font-family: tahoma;
	z-index:4;
}
.footer a{
	padding:5px 10px;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #000;
	color:#ddd;
	float:right;
}
.footer a:hover{
	color:#fff;
}
.footer a span{
	font-weight:bold;
}
.footer a.left{
	float:right;
}