#containerHome {width: 100%; padding: 0; position:fixed; bottom:100px; }
#home{  }
#home img {display: block; margin:40px auto;}
#homeButton1stPage {z-index:1000; float:left; position: fixed; top:40px; left: 65px;}
#homeButton {z-index:1000; float:left;  top:40px; left: 65px; position:fixed;}
#footer{	position:fixed;	bottom: -2px;	background-color: #da007b;	padding: 20px;	height: 60px;	left: -2px;	width: 100%;	overflow:hidden;}
	
#address{ position:fixed;bottom: 10px; left: 20px; }
#address img {margin: 0 5px;}
#address a {color: #ffffff; text-decoration:none;}

#logo{position:fixed;bottom: 10px; right:20px;}


#mycarousel li { margin:0 0 0 40px ; }
#mycarousel{ height: 430px;}



/* PORTFOLIO PAGES - order: container, prev button, maincontentarea, next button */
#container {width: 100%; padding: 0;position:fixed; bottom:120px; min-height: 500px; }
/* with quotes, min-height: 430;; */

#buttons{position: fixed; top: 158px; width:99%; z-index: 1000;} 
#next {float:right; width: 45px; height: 55px;  overflow:hidden; background: url("skins/shout/next-horizontal.png") 0 0}
	#next a:hover img {background: url("skins/shout/next-horizontal.png") -45px 0; }
	#next a:active img {background: url("skins/shout/next-horizontal.png") -90px 0; }
#previous {float:left; width: 45px; height: 55px;  overflow:hidden; background: url("skins/shout/prev-horizontal.png") 0 0}
	#previous a:hover img {background: url("skins/shout/prev-horizontal.png") -45px 0; }
	#previous a:active img {background: url("skins/shout/prev-horizontal.png") -90px 0; }
#buttons a img{border:none;}

#mainContentArea { max-width:1000px;min-width: 910px;  margin: 0 auto;padding: 0 60px;}
#mainContentArea1, #mainContentArea2, #mainContentArea3{ max-width:1000px;min-width: 910px;   margin: 0 auto;padding: 0 60px; float:left; }


#portfolioTextContainer{float:left;  margin: 130px 0 0 0; max-width: 400px;}
/* with quotes, margin: 80px 0 0 0; */
#pullQuote {margin: 0 0 20px 0;}
#moreText {}
#hero { float: left; width:450px;   bottom: 80px; position: fixed;  right: 0; }
#extraImages {margin: 40px 0 0 0;}


.clearfloat{ clear:both;}
	


/* FONTS */

@font-face {    font-family: 'KarrotHmkRegular';    src: url('fonts/karrothmk-webfont.eot');    src: url('fonts/karrothmk-webfont-.eot#iefix') format('embedded-opentype'),         url('fonts/karrothmk-webfont.woff') format('woff'),         url('fonts/karrothmk-webfont.ttf') format('truetype'),         url('fonts/karrothmk-webfont.svg#KarrotHmkRegular') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'ArvoRegular';    src: url('fonts/arvo-regular-webfont.eot');    src: url('fonts/arvo-regular-webfont-.eot#iefix') format('embedded-opentype'),         url('fonts/arvo-regular-webfont.woff') format('woff'),  url('fonts/arvo-regular-webfont.ttf') format('truetype'),         url('fonts/arvo-regular-webfont.svg#ArvoRegular') format('svg');    font-weight: normal;    font-style: normal;}


h1{ font-family: 'KarrotHmkRegular', Verdana, sans-serif; font-weight:normal; font-size: 18pt; line-height: 120%; color:#333333;}
p{font-family:'ArvoRegular', "Courier New", Courier, monospace; font-size: 9pt; line-height:150%; color:#999999;}
#address p {color: #ffffff; font-size: 13px; letter-spacing:.05em; height:5px;}




/* Preload */


@media screen {
	div#preloadImages {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}
@media print {
	div#preloadImages, 
	div#preloadImages img {
		visibility: hidden;
		display: none;
		}
	}




/* Carousel */

.jcarousel-skin-shout .jcarousel-container {}
.jcarousel-skin-shout .jcarousel-direction-rtl {	direction: rtl;}
.jcarousel-skin-shout .jcarousel-container-horizontal {}
.jcarousel-skin-shout .jcarousel-container-vertical {}
.jcarousel-skin-shout .jcarousel-clip {    overflow: hidden;}
.jcarousel-skin-shout .jcarousel-clip-horizontal {}
.jcarousel-skin-shout .jcarousel-clip-vertical {}
.jcarousel-skin-shout .jcarousel-item {}
.jcarousel-skin-shout .jcarousel-item-horizontal {	margin-left: 0;    margin-right: 10px;}
.jcarousel-skin-shout .jcarousel-direction-rtl .jcarousel-item-horizontal {	margin-left: 10px;    margin-right: 0;}
.jcarousel-skin-shout .jcarousel-item-vertical {    margin-bottom: 10px;}

.jcarousel-skin-shout .jcarousel-item-placeholder {    background: #fff;    color: #000;}


.jcarousel-skin-shout .jcarousel-next-horizontal {    position: absolute;    top: 150px;    right: 8px;    width: 45px;    height: 55px;    cursor: pointer;    background: transparent url("skins/shout/next-horizontal.png") no-repeat 0 0;}
.jcarousel-skin-shout .jcarousel-direction-rtl .jcarousel-next-horizontal {    left: 5px;    right: auto;    background-image: url("skins/shout/prev-horizontal.png");}
.jcarousel-skin-shout .jcarousel-next-horizontal:hover,.jcarousel-skin-shout .jcarousel-next-horizontal:focus {    background-position: -45px 0;}
.jcarousel-skin-shout .jcarousel-next-horizontal:active {    background-position: -90px 0;}
.jcarousel-skin-shout .jcarousel-next-disabled-horizontal,.jcarousel-skin-shout .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-shout .jcarousel-next-disabled-horizontal:focus,.jcarousel-skin-shout .jcarousel-next-disabled-horizontal:active {    cursor: default;    background-position: -135px 0;}
.jcarousel-skin-shout .jcarousel-prev-horizontal {    position: absolute;    top: 150px;    left: 0px;    width: 45px;    height: 55px;    cursor: pointer;    background: transparent url("skins/shout/prev-horizontal.png") no-repeat 0 0;}
.jcarousel-skin-shout .jcarousel-direction-rtl .jcarousel-prev-horizontal {    left: auto;    right: 5px;    background-image: url("skins/shout/next-horizontal.png");}
.jcarousel-skin-shout .jcarousel-prev-horizontal:hover, .jcarousel-skin-shout .jcarousel-prev-horizontal:focus {    background-position: -45px 0;}
.jcarousel-skin-shout .jcarousel-prev-horizontal:active {    background-position: -90px 0;}
.jcarousel-skin-shout .jcarousel-prev-disabled-horizontal,.jcarousel-skin-shout .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-shout .jcarousel-prev-disabled-horizontal:focus,.jcarousel-skin-shout .jcarousel-prev-disabled-horizontal:active {    cursor: default;    background-position: -135px 0;}