/*= Jimzip.com CSS ======*/
/*= Copyright 2008 ® ====*/
/*= All Rights Reserved =*/

html {
	height: 100.1%
}

body {
	background: url(../images/body_bg.jpg) 0 296px repeat;
}

#wrapper {
	background: url(../images/wrapper_bg.jpg) 0 0 repeat-x;
	width: 100%;
	min-height: 296px;
}
#container {
	background: url(../images/palm_top_right.gif) 650px 0 no-repeat;
	width: 993px;
	margin: 0 auto;
	position: relative;
}


/*HEADER*/

.error_text 	{
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	color: #777;
	line-height: 15px;
	text-decoration: none;
}

.error_text a:link, .error_text a:visited	{
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	color: #777;
	line-height: 15px;
	text-decoration: none;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
}

.error_text a:hover, .error_text a:active	{
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	color: #999;
	line-height: 15px;
	text-decoration: none;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
}

#header {
	background: url(../images/header_bg.gif) 0 bottom no-repeat;
	width: 993px;
	height: 295px;
	position: relative;
}

#header h1#jimzipLogo {
	background: url(../images/palm_logo.gif) 0 0 no-repeat;
	display: block;
	width: 407px;
	height: 120px;
	text-indent: -999em;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
}


/*CONTENT*/


#content {
	background: url(../images/content_bg.gif) 0 0 repeat-y;
	width: 924px;
	min-height: 569px;
	_height: 589px;
	margin: 0 auto;
	position: relative;
}

.default #content {
	background: url(../images/default/content_bg.gif) 0 0 repeat-y;
}

#content div.topCap {
	background: url(../images/content_top.jpg) 0 0 no-repeat;
	width: 924px;
	height: 202px;
}

.default #content div.topCap {
	background: url(../images/default/content_top.jpg) 0 0 no-repeat;
}

#content .innerContent {
	position: relative;
	z-index: 15;
	width: 671px;
	margin: -39px auto 0;
	padding: 20px 0 10px;
}

#content .innerContent p {
	min-height: 60px;
	_height: 60px;
}

#content .innerContent p.column {
	width: 288px;
	margin: 0 19px 0 25px;
	float: left;
}

.secondary_page {
	display: block;
	width: 624px;
	margin: 0px 0px 0px 25px;
	border: none;
}

#content div.bottomCap {
	position: relative;
	z-index: 5;
	background: url(../images/content_bottom.jpg) 0 0 no-repeat;
	width: 622px;/*924px;*/
	height: 135px;/*135px;*/
	padding: 31px 151px 0;
	overflow: hidden;
}

.default #content div.bottomCap {
	background: url(../images/default/content_bottom.jpg) 0 bottom no-repeat;
}

#content div.bottomCap p {
	position: relative;
	z-index: 5;
	font-size: 14px;
}

.view_discovery	{
	position: relative;
	float: right;
	margin: -4px 40px 0px 0px;
}

#content div.bottomCap .dispatch_text {
	font-size: 12px;
	margin: 0px 0px 20px 0px;
	line-height: 15px;
	text-align: left;
	color: #554538;
}

#content div.bottomCap h3.mahalo {
	background: url(../images/mahalo.gif) 0 0 no-repeat;
	width: 87px;
	height: 21px;
	margin: 0px 0px 0px 32px;
	text-indent: -999em;
}

#content img.bottomOverlayLeft {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 10;
}

#content img.bottomOverlayRight {
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 10;
}

#content h2.mainTitle {
background: url(../images/titles/title_welcome.gif) 0 0 no-repeat;
	display: block;
	width: 409px;
	height: 117px;
	text-indent: -999em;
	position: absolute;
	top: 50px;
	left: 265px;
}

#content h2.QTitle {
	background: url(../images/titles/title_q.gif) 0 0 no-repeat;
	display: block;
	width: 409px;
	height: 117px;
	text-indent: -999em;
	position: absolute;
	top: 50px;
	left: 265px;
}

#content h2.collectionTitle {
	background: url(../images/titles/title_collection.gif) 0 0 no-repeat;
	display: block;
	width: 409px;
	height: 117px;
	text-indent: -999em;
	position: absolute;
	top: 50px;
	left: 265px;
}

#content h2.cinemaTitle {
	background: url(../images/titles/title_cinema.gif) 0 0 no-repeat;
	display: block;
	width: 409px;
	height: 117px;
	text-indent: -999em;
	position: absolute;
	top: 50px;
	left: 265px;
}

#content h2.biographyTitle {
	background: url(../images/titles/title_biography.gif) 0 0 no-repeat;
	display: block;
	width: 409px;
	height: 117px;
	text-indent: -999em;
	position: absolute;
	top: 50px;
	left: 265px;
}

#content h2.contactTitle {
	background: url(../images/titles/title_contact.gif) 0 0 no-repeat;
	display: block;
	width: 409px;
	height: 117px;
	text-indent: -999em;
	position: absolute;
	top: 50px;
	left: 265px;
}

#content h2.compassTitle {
	background: url(../images/titles/title_compass.gif) 0 0 no-repeat;
	display: block;
	width: 409px;
	height: 117px;
	text-indent: -999em;
	position: absolute;
	top: 50px;
	left: 265px;
}

.galleryheading	{
	display: block;
	float: right;
	font-family: Georgia, "Times Roman", Arial, sans-serif;
	font-size: 18px;
	color: #251508;
}

.galleryimage	{
	margin: 10px 0px 20px 22px;
	float: left;
}

p a:link	{
	font-family: "Lucida Grande", Georgia, "Times Roman", Arial, sans-serif;
	font-size: 12px;
	color: #534337;
	text-decoration: none;
}

p a:visited	{
	font-family: "Lucida Grande", Georgia, "Times Roman", Arial, sans-serif;
	font-size: 12px;
	color: #534337;
	text-decoration: none;
}

p a:hover	{
	color: #837367;
	text-decoration: underline;
}

p a:active	{
	color: #635347;
}

.gallery_links	{
	display: block;
	width: 480px;
	height: 110px;
	margin: 0px auto;
	padding: 0px;
}

.gallery_links a:link, .gallery_links a:visited, .gallery_links a:hover, .gallery_links a:active	{
	display: block;
	float: left;
	width: 90px;
	height: 95px;
	margin: 0px 15px 0px 15px;
}


/*FOOTER*/


#footer {
	color: #eddbc0;
	height: 69px;/*88px;*/
	padding-top: 19px;
}

#footer .footerLinks {
	width: 600px;
	height: 46px;
	margin: 0 auto;
	border: none;
}

#footer .footerLinks h4.copyright {
	background: url(../images/footer_copyright.gif) 0 0 no-repeat;
	width: 349px;
	height: 15px;
	margin: 0 auto;
	text-indent: -999em;
}


/*BUTTONS*/
/*MAIN NAV MAINNAV*/


ul#mainNav {
	z-index: 5;
	position: absolute;
	top: 140px;
	left: 139px;
}

ul#mainNav li {
	display: inline;
}

ul#mainNav a {
	height: 21px;
	text-indent: -999em;
	overflow: hidden;
	float: left;
}

ul#mainNav a.home {
	background: url(../images/buttons/nav_home.gif) 0 0 no-repeat;
	width: 48px;
	margin-right: 38px;
}

ul#mainNav a.questionmark {
	background: url(../images/buttons/nav_questionmark.gif) 0 0 no-repeat;
	width: 11px;
	margin-right: 39px;
}

ul#mainNav a.collection {
	background: url(../images/buttons/nav_collection.gif) 0 0 no-repeat;
	width: 99px;
	margin-right: 37px;
}

ul#mainNav a.cinema {
	background: url(../images/buttons/nav_cinema.gif) 0 0 no-repeat;
	width: 59px;
	margin-right: 35px;
}

ul#mainNav a.bio {
	background: url(../images/buttons/nav_biography.gif) 0 0 no-repeat;
	width: 101px;
	margin-right: 33px;
}

ul#mainNav a.blog {
	background: url(../images/buttons/nav_blog.gif) 0 0 no-repeat;
	width: 52px;
	margin-right: 35px;
}

ul#mainNav a.contact {
	background: url(../images/buttons/nav_contact.gif) 0 0 no-repeat;
	width: 78px;
}

ul#mainNav a:hover {}


/*FOOTERNAV*/


ul#footerNav {
	margin: 0 0 13px 0;
}

ul#footerNav li {
	display: inline;
}

ul#footerNav li a {
	height: 18px;
	text-indent: -999em;
	overflow: hidden;
	float: left;
}

ul#footerNav li a.home {
	background: url(../images/buttons/footer_home.gif) 0 0 no-repeat;
	width: 40px;
	margin-right: 30px;
}

ul#footerNav li a.compass {
	background: url(../images/buttons/footer_compass.gif) 0 0 no-repeat;
	width: 66px;
	margin-right: 30px;
}

ul#footerNav li a.collection {
	background: url(../images/buttons/footer_collection.gif) 0 0 no-repeat;
	width: 81px;
	margin-right: 30px;
}

ul#footerNav li a.cinema {
	background: url(../images/buttons/footer_cinema.gif) 0 0 no-repeat;
	width: 52px;
	margin-right: 30px;
}

ul#footerNav li a.bio {
	background: url(../images/buttons/footer_biography.gif) 0 0 no-repeat;
	width: 81px;
	margin-right: 30px;
}

ul#footerNav li a.blog {
	background: url(../images/buttons/footer_blog.gif) 0 0 no-repeat;
	width: 43px;
	margin-right: 30px;
}

ul#footerNav li a.contact {
	background: url(../images/buttons/footer_contact.gif) 0 0 no-repeat;
	width: 65px;
	margin-right: 30px;
}

ul#footerNav li a.legal {
	background: url(../images/buttons/footer_legal.gif) 0 0 no-repeat;
	width: 38px;
}

ul#footerNav li a:hover {
}

input	{
	padding: 5px;
	width: 400px;
	font-family: "Lucida Grande", Helvetica, sans-serif;
	font-size: 18px;
	font-color: #ccc;
	margin: 0px 0px 10px 0px;
	border: 2px solid #cc9f4d;
}

.submit-button {
	font-family: Helvetica, sans-serif;
	background-color: #fff4f4;
	font-size: 18px;
	margin: 0px;
	border: 2px solid #cc9f4d;
	width: 160px;
}

.SmallText	{
	position:relative;
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	color: #888888;
	line-height: 15px;
}

.super	{
	position: relative;
	top: -8px;
	font-size: 10px;
}

#about_us_page	{
	display: block;
	background: url(../images/about_us_bg.png) no-repeat;
	position: relative;
	margin: 0 auto;
	width: 460px;
	height: 420px;
	padding: 50px;
	text-align: justify;
	color: #554538;
}


    /*####### SNOW ######## */
    
    .snowflake {
            position: absolute;
            text-align: center;
            z-index: 9999;
            top: -100px;
            width: 1em;
            height: 1em;
            color: white;
            font-size: 16px;
            text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 2px;
            /* We use the following properties to apply the fade and drop animations to each snowflake.
               Each of these properties takes two values. These values respectively match a setting
               for fade and drop.
            */
            -webkit-animation-iteration-count: infinite, 20;
            -webkit-animation-direction: normal, normal;
            -webkit-animation-timing-function: linear, ease-in;
            -moz-animation-iteration-count: infinite, 20;
            -moz-animation-direction: normal, normal;
            -moz-animation-timing-function: linear, ease-in;
        }

        .snowflake span {
            position: absolute;
            display: block;
            width: 1em;
            height: 1em;
            /* We use the following properties to adjust the clockwiseSpin or counterclockwiseSpin
               animations on each snowflake.
               The createASnowflake function determines whether a flake has the 
               clockwiseSpin or counterclockwiseSpin animation.
            */
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-direction: alternate;
            -webkit-animation-timing-function: ease-in-out;
            -webkit-transform-origin: 50% -100%;
            -moz-animation-iteration-count: infinite;
            -moz-animation-direction: alternate;
            -moz-animation-timing-function: ease-in-out;
            -moz-transform-origin: 50% -100%;

        }

        .snowflake.tiny {
            font-size: 0.5em;
        }

        .snowflake.small {
            font-size: 1em;
        }

        .snowflake.medium {
            font-size: 2em;
        }

        .snowflake.large {
            font-size: 3em;
        }

        .snowflake.massive {
            font-size: 7em;
        }

        /* Hides a snowflake towards the very end of the animation */
        @-webkit-keyframes fade {
            /* Show a snowflake while into or below 85 percent of the animation and hide it, otherwise */
            0%   { opacity: 1; }
            85%  { opacity: 1; }
            100% { opacity: 0; }
        }
        @-moz-keyframes fade {
            /* Show a snowflake while into or below 85 percent of the animation and hide it, otherwise */
            0%   { opacity: 1; }
            85%  { opacity: 1; }
            100% { opacity: 0; }
        }

        /* Makes a snowflake fall from -50px to 650px pixels in the y-axis */
        @-webkit-keyframes drop {
            0%   { -webkit-transform: translate(0px, -50px); }
            100% { -webkit-transform: translate(0px, 650px); }
        }
        
        @-moz-keyframes drop {
            0%   { -moz-transform: translate(0px, -50px); }
            100% { -moz-transform: translate(0px, 650px); }
        }


        /* Rotates a snowflake from -50 to 50 degrees in 2D space */
        @-webkit-keyframes clockwiseSpin {
            0%   { -webkit-transform: rotate(-50deg); }
            100% { -webkit-transform: rotate(50deg); }
        }
        @-moz-keyframes clockwiseSpin {
            0%   { -moz-transform: rotate(-50deg); }
            100% { -moz-transform: rotate(50deg); }
        }

        /* Rotates it from 50 to -50 degrees in 2D space */
        @-webkit-keyframes counterclockwiseSpin  {
            0%   { -webkit-transform: rotate(50deg); }
            100% { -webkit-transform: rotate(-50deg); }
        }
        @-moz-keyframes counterclockwiseSpin  {
            0%   { -moz-transform: rotate(50deg); }
            100% { -moz-transform: rotate(-50deg); }
        }