/* 
    Document   : nomads
    Created on : 27-Nov-2009, 6:03:18 PM
    Author     : shibl
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
body {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:transparent url(../images/mfbg.jpg) repeat-y scroll 50% 0 !important;
color:#333333;
}

#carListItem {
    border: 1px solid #181818;
}

#carListItem h1{
    font-family:"Myriad Pro",Frutiger,"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
    font-size:18px;
    text-align:center;
    padding-left:10px;
    margin:0px;
}

#carListItem p {
    font-family:Arial;
    font-size:9px;
    font-weight:bold;
    margin:0 0 0 4px;
}
#carListItem a:hover {
  color:navy;
  text-decoration:none;
}
/* MOVIES */
.in_movies {
    font-family:"Myriad Pro",Frutiger,"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
    display:inline;
    padding:5px;
    width:246px;
    float:left;
}
#movie1 img,#movie2 img {
    float:left;
    margin:5px 5px 5px 0px;
    border:1px solid #666;
}
#movie1 h2,#movie2 h2 {
    font-size:17px;
    margin-bottom:0px;
    color:white;
    font-weight:bold;
}
.in_movies p {
    font-size:15px;
    color:white;
}
#movies_wrap {
    display:inline;
    float:left;
    width:950px;
    height:177px;
    background: #181818;
    margin:20px 0 0 0;
    padding:10px 15px 15px 15px;
}
#movies_wrap h1{
    color:yellow;
    font-family:"Myriad Pro",Frutiger,"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
    margin-bottom:4px;
    margin-left:5px;
    font-size: 19px;
}
#movie2 {
    margin-left:10px;
}
#map{
    float:right;
}
#map img {
     float:left;
    margin:5px 5px 5px 0px;
    border:1px solid #CCCCCC;
}

#sideBarHeader {
    margin-left:15px;
}

#gadgetSidebar {
    width:248px;
    float:right;
    margin-right:3px;
}
.gadgetBox {
    border:1px solid #CCCCCC;
    height:170px;
    margin:15px 15px 15px 0;
    background:black;
    overflow:hidden;
}
.gadgetHeader {
    background-color: yellow;
    height:32px;
}
.gadgetHeader a:hover {
  text-decoration:none;
}

#gadgetYoutube {
  padding:0px;
  padding-top:10px;
  background:black;
  color:white;
  text-align:center;
}
#gadgetYoutube a,#gadgetYoutube strong,#gadgetYoutube a:hover{
  color:white;
  text-decoration:none;
}
.gadgetHeader h1 {
    font-family:"Myriad Pro",Frutiger,"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;
    font-weight:bold;
    font-size: 14px;
    padding-top:8px;
    padding-left:10px;
}
#gadgetFlikr img {
    margin-left:2px;
    margin-top:2px;
    margin-right:2px;
    border:1px solid #333;
    width:54px;
    height:54px;
}
#facebookBox .gadgetHeader {
    background: yellow url(../images/facebook_logo.png) no-repeat center;
}
#facebookBox .gadgetHeader h1{
    padding:2px;
}
#youtubeBox .gadgetHeader {
     background: yellow url(../images/youTube_logo.png) no-repeat center;
}
#tweetBox {
  background: #000;
  color:#fff;
  padding-bottom:14px;
  font-size:10px;
  padding-right:10px;
}
#tweetBox .gadgetHeader{
    text-align:center;
    padding:3px 0;
	width:240px;
}
#tweetBox a {
  color: yellow;
  text-decoration:none;
}
#tweetBox a:hover {
  text-decoration:underline;
}
#flikrBox .gadgetHeader{
    background: yellow;
    padding:3px 0;
}
#vimeoBox .gadgetHeader {
    background: yellow url(../images/vimeo_logo.png) no-repeat 85% 50%;
}
#sideBarHeader h3{
    padding:6px 0px 15px 40px;
    background:url(../images/findus_ico.jpg) no-repeat left;
    margin-bottom:25px;
}
#mygallery{
        overflow:hidden;
    }
.gadgetContent {
    background:black;
    /*height:123px;*/
    padding:5px;
    text-align:center;
}


.infiniteCarousel {
  width: 902px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 962px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 20em;
  /*margin-left:3px;*/
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin-left:10px;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 202px;
  width: 220px;
  overflow:hidden;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 0px;
  width: 0px;
  background-color:black;
 
  position: absolute;
  top: 0px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: -77px;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0px;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

.infiniteCarousel2 {
  width: 902px;
  position: relative;
}

.infiniteCarousel2 .wrapper {
  width: 962px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 20em;
  /*margin-left:3px;*/
  position: absolute;
  top: 0;
}

.infiniteCarousel2 ul a img {
 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel2 .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin-left:10px;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel2 ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 202px;
  width: 220px;
  overflow:hidden;
}

.infiniteCarousel2 ul li a img {
  display:block;
}

.infiniteCarousel2 .arrow {
  display: block;
  height: 0px;
  width: 0px;
  background-color:black;
 
  position: absolute;
  top: 0px;
  cursor: pointer;
}