body,h1,h2,h3,p,ul,img,input[type=text],textarea {
	padding: 0px;
	margin: 0px;
	border: 0px;
	outline: none;
}

body {
	background: url("../img/bkg-body.jpg") left top repeat;
	font-family: "Myriad Pro", "Trebuchet MS", "Arial";
	font-size: 17px;
}
h1 {
	font-size: 28px;
	color: #74582b; 
}
h2 {
	font-size: 20px;
	color: #74582b; 
}
h3 {
	font-size: 18px;
	color: #faae35;
	margin-bottom: 15px; 
}
a {
	color: #fff;
	text-decoration: none;
	outline: none;
}
ul { list-style-type: none; }

#decorator {
	background: url(../img/bkg-decorator.png) center top repeat-y;
}
#wrap {
	padding-bottom: 30px;
}
#award {
	display: block;
	background: url(../img/css-design-award-winner-duo.png) left top no-repeat;
	height: 69px;
	left: 2%;
	position: fixed;
	top: 0px;
	width: 164px;
	z-index: 100;
}
#award1 {
	display: block;
	background: url(../img/award1.png) left top no-repeat;
	height: 117px;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 116px;
	z-index: 100;
}
#award2 {
	display: block;
	background: url(../img/award2.png) left top no-repeat;
	height: 49px;
	left: 10px;
	position: fixed;
	top: 135px;
	width: 101px;
	z-index: 100;
}
#social {
	background: url(../img/bkg-social.png) left top no-repeat;
	height: 190px;
	padding: 25px 0px 0px 14px;
	position: fixed;
	left: 88%;
	top: 0px;
	width: 64px;
	z-index: 100;
}
#social a {
	background: url(../img/social-icons.png) left top no-repeat;
	display: block;
	height: 30px;
	margin-bottom: 10px;
	text-indent: -2000px;
	width: 37px;
}
#social a.fb { background-position: left top; }
#social a.fb:hover { background-position: -40px top; }
#social a.twt { background-position: left -37px; }
#social a.twt:hover { background-position: -40px -37px; }
#social a.lkd { background-position: left -75px; }
#social a.lkd:hover { background-position: -40px -75px; }
#social a.bhc { background-position: left -115px; }
#social a.bhc:hover { background-position: -40px -115px; }

.rays { background: url(../img/rays.png) center top no-repeat; }
.page {
	background: url(../img/page-sepparator.png) center bottom no-repeat;
	clear: both;
	min-height: 500px;
	margin: 0px auto;
	padding-bottom: 50px;
	width: 863px;
}
h1.logo { margin: 0px 0px 30px 0px; }
.intro {
	background: url(../img/garphee.png) 170px 25px no-repeat;
}
.intro .main {
	overflow: hidden;
	min-height: 345px;
	padding-top: 45px;
}
.intro .main .col1 {
	float: left;
}
.intro .main .col2 {
	float: right;
	width: 275px;
}
.navigation {
	width: 112px;
}
.navigation li {
	margin-bottom: 7px;
}
.navigation a {
	background: url(../img/bkg-navigation.png) left top no-repeat;
	display: block;
	height: 37px;
	line-height: 32px;
	text-indent: -9999px;
}
.navigation a.works { background-position: 0px 0px; } 
.navigation a.works.hover, 
.navigation a.works.active { background-position: 0px -185px; } 
.navigation a.about { background-position: 0px -37px; } 
.navigation a.about.hover, 
.navigation a.about.active { background-position: 0px -222px; } 
.navigation a.store { background-position: 0px -74px; } 
.navigation a.store.hover, 
.navigation a.store.active { background-position: 0px -259px; } 
.navigation a.freebies { background-position: 0px -111px; } 
.navigation a.freebies.hover, 
.navigation a.freebies.active { background-position: 0px -296px; } 
.navigation a.contact { background-position: 0px -148px; } 
.navigation a.contact.hover, 
.navigation a.contact.active { background-position: 0px -333px; } 

.status {
	background: url(../img/bkg-status.png) left top no-repeat;
	color: #fff;
	font-size: 18px;
	height: 37px;
	line-height: 26px;
	margin-bottom: 30px;
	padding-left: 5px;
	width: 270px;
}
.status span { color: #faae35; }
.quote { margin-bottom: 43px; }
.quote h2 { margin-bottom: 20px; }
.quote p {
	color: #937037;
	text-align: justify;
	line-height: 24px;
}
.download-cv {
	background: url(../img/bkg-download-cv.png) left top no-repeat;
	display: block;
	height: 47px;
	text-indent: -9999px;
}
.download-cv:hover { background-position: left -47px; }

.items { overflow: hidden; width: 871px; }
.items .item {
	background: url(../img/Masca-Dropshadow.png) left top no-repeat;
	float: left;
	height: 239px;
	margin: 0px 23px 20px 0px;
	position: relative;
	width: 200px;
}
.items .item img {
	left: 5px;
	top: 5px;
	position: absolute;
	z-index: 3;
}
.items .item a {
	background: url(../img/Masca-Thumbnail.png) 1px 1px no-repeat;
	display: block;
	height: 70px;
	left: 0px;
	padding: 167px 0px 0px 10px;
	position: absolute;
	top: 0px;
	width: 190px;
	z-index: 5;
}
.items .item span {
	color: #fff;
	display: block;
}
.items .item a.hover {
	display: none;
	background: url(../img/Masca-Thumbnail---Alba.png) left top no-repeat;
	left: 0px;
	position: absolute;
	top: 0px;
	z-index: 6;
}
.items .hover span { color: #787878; }
.items .item em { color: #faae35; }
.items .last { margin-right: 0px; float: right; }

#about .intro .main { background: url(../img/magnifier.png) 395px 140px no-repeat; }
#about .wall { margin-right: -8px; }

.wall { overflow: hidden; }
.swan { float: left; }
.sidebar { float: right; }

.blb-box {
	margin-bottom: 10px;
	width: 569px;
}
.blb-box .top {
	background: url(../img/bkg-blb-box.png) left top no-repeat;
	padding-top: 34px;
	overflow: hidden;
}
.blb-box .content {
	background: url(../img/bkg-blb-box.png) -569px top repeat-y;
	min-height: 87px;
	padding: 0px 30px 0px 20px;
	float: left;
	width: 519px;
}
.blb-box .bottom {
	background: url(../img/bkg-blb-box.png) -1138px bottom no-repeat;
	padding-bottom: 46px;
	float: left;
	width: 569px;
}
.blb-box .content p {
	color: #fff;
	line-height: 24px;
}
.depr { margin: -10px 0px; }

.ldb-box {
	width: 283px;
	margin-bottom: 10px;
}
.ldb-box .top {
	background: url(../img/bkg-ldb-box.png) left top no-repeat;
	padding-top: 34px;
	overflow: hidden;
}
.ldb-box .content {
	background: url(../img/bkg-ldb-box.png) -283px top repeat-y;
	float: left;
	min-height: 100px;
	padding: 0px 30px 0px 20px;
	width: 233px;
}
.ldb-box .bottom {
	background: url(../img/bkg-ldb-box.png) -566px bottom no-repeat;
	float: left;
	padding-bottom: 46px;
	width: 283px;
}
.ldb-box .content .body p {
	background: url(../img/arrow.png) left 11px no-repeat;
	padding-left: 10px;
	color: #fff;
	line-height: 24px;
}

#store .intro, #freebies .intro, #contact .intro { background: url(../img/garphee2.png) 170px 25px no-repeat; }
#store .intro .main { background: url(../img/wallet.png) 427px 275px no-repeat; }

.gallery { margin-left: -31px; }
.gallery .item {
	margin-bottom: 30px;
	overflow: hidden;
	padding: 13px 22px 0px 31px;
	position: relative;
	width: 871px;
}
#works-gallery .item { padding-top: 18px; }
.slider {
	left: 5px;
	overflow: hidden;
	position: absolute;
	top: 8px;
	width: 854px;
	z-index: 3;
}
#works-gallery  .slider {
	top: 15px;
}
.gallery .demo-holder {
	background: url(../img/black-transparency.png) 5px top repeat-y;
	float: left;
	width: 871px;
}
.gallery .demo {
	background: url(../img/ajax-loader.gif) center center no-repeat;
	position: relative;
	margin-top: -15px;
	overflow: hidden;
}
.gallery .frame {
	position: relative;
	z-index: 5;
}
.gallery .frame .top {
	background: url(../img/bkg-gallery.png) left top no-repeat;
	padding-top: 22px;
}
#works-gallery .frame .top {
	background: url(../img/bkg-gallery-top.png) left top no-repeat;
	padding-top: 49px;
}
.gallery .frame .content {
	background: url(../img/bkg-gallery.png) -871px top repeat-y;
	height: 100px;
}
.gallery .frame .bottom {
	background: url(../img/bkg-gallery.png) -1742px bottom no-repeat;
	padding-bottom: 10px;
}
.gallery .info {
	background: url(../img/bkg-gallery-info.png) left bottom no-repeat;
	padding: 8px 20px 0px 10px;
	position: relative;
	overflow: hidden;
	height: 67px;
}
.gallery .extra-info {
	height: 115px;
	line-height: 24px;
}

.gallery .info span { color: #787878; }
.gallery .info a { color: #faae35; }
.gallery .info em { color: #faae35; }

.gallery .dots {
	float: left;
	width: 235px;
}
.gallery .dots span {
	display: block;
}
.gallery .description {
	float: right;
	width: 605px;
}

.gallery .action {
	background: url(../img/buttons.png) left top no-repeat;
	bottom: 0px;
	cursor: pointer;
	display: block;
	height: 39px;
	position: absolute;
	right: 40px;
	text-indent: -9999px;
	width: 114px;
}
.gallery .buy { background-position: -114px 0px; }
.gallery .buy:hover { background-position: -114px -39px; }
.gallery .preview { right: 170px; }
.gallery .preview:hover { background-position: 0px -39px; }
.gallery .download { background-position: -228px 0px; }
.gallery .download:hover { background-position: -228px -39px; }
.gallery .close { background-position: -456px 0px; }
.gallery .close:hover { background-position: -456px -39px; }
.gallery .return {
	background-position: -570px 0px;
	right: 60px;
	top: -2px;
	width: 120px;
	z-index: 10;
}
.gallery .return:hover { background-position: -570px -39px; }

#freebies .intro .main { background: url(../img/wallet2.png) 430px 260px no-repeat; }
#contact .intro .main { background: url(../img/letter.png) 445px 255px no-repeat; }
#contact .page { padding-bottom: 12px; }
#contact .content { 
	overflow: hidden;
	margin-bottom: 40px; 
}
#contact .goodbye { float: left; }
#contact .list li { margin-bottom: 3px; }
#contact .list a {
	background: url(../img/bkg-list.png) left 9px no-repeat;
	color: #6f5529;
	padding-left: 14px;
}
#contact .list a:hover { background: url(../img/bkg-list.png) left -7px no-repeat; }

.cdb-box {
	margin-bottom: 10px;
	width: 339px;
}
.cdb-box .top {
	background: url(../img/bkg-cdb-box.png) left top no-repeat;
	padding-top: 34px;
	overflow: hidden;
}
#contact .cdb-box .content {
	background: url(../img/bkg-cdb-box.png) -339px top repeat-y;
	float: left;
	margin-bottom: 0px;
	min-height: 70px;
	overflow: visible;
	padding: 0px 30px 0px 20px;
	width: 289px;
}
.cdb-box .bottom {
	background: url(../img/bkg-cdb-box.png) -678px bottom no-repeat;
	padding-bottom: 46px;
	float: left;
	width: 339px;
}
.cdb-box .content p {
	color: #fff;
	line-height: 24px;
}
.depr { margin: -10px 0px; }

.message {
	float: right;
}

.message .email {
	background: url(../img/mail.png) left top no-repeat;
	height: 59px;
	color: #fff;
	margin-bottom: 20px;
	padding: 2px 22px 0px 0px;
	text-align: center;
	font-size: 30px;
}

.message form {
	background: url(../img/bkg-form.png) left top no-repeat;
	min-height: 285px;
	padding: 40px 45px;
	width: 421px;
}
.message form .formfield {
	position: relative;
	margin-bottom: 20px;
}
.message form label {
	color: #c99c54;
	font-family: Georgia;
	font-size: 18px;
	font-style: italic;
	left: 0px;
	position: absolute;
	top: 2px;
}
.message form .text {
	background: none;
	color: #c99c54;
	font-family: Georgia;
	font-size: 18px;
	font-style: italic;
	height: 31px;
	line-height: 31px;
	width: 411px;
}
.message form textarea {
	background: none;
	color: #c99c54;
	font-family: Georgia;
	font-size: 18px;
	font-style: italic;
	height: 170px;
	max-height: 170px;
	overflow: hidden;
	width: 411px;
	max-width: 411px;
}
.message .buttons { padding: 0px 10px 0px 0px; }
.message .buttons a {
	background: url(../img/buttons.png) -342px top no-repeat;
	display: block;
	height: 39px;
	margin: 0px 0px 0px auto;
	width: 114px;
}
.message .buttons a:hover { background: url(../img/buttons.png) -342px -39px no-repeat; }
#footer {
	color: #b98f4b; 
	padding-left: 15px;
	font-size: 16px;
	overflow: hidden; 
}
#footer strong {
	float: left;
	margin-right: 5px;
}

.slider-button {
	background: url(../img/bkg-carousel-buttons.png) left top no-repeat;
	cursor: pointer;
	display: none;
	height: 111px;
	margin-top: -80px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 10;
}
.slider-prev { left: 0px; }
.slider-next {
	background-position: -40px top;
	right: 0px;
}
.slider-prev:hover { background-position: -79px top; }
.slider-next:hover { background-position: -119px top; }

.preload { position: absolute; left: -9999px; top: -9999px; }
.preload.item-hover { background: url(../img/bkg-item-hover.png) left top no-repeat; }
.preloaded { position: absolute; left: -9999px; top: -9999px; }

#works-gallery { 
	height: 0px;
	overflow: hidden; 
	width: 924px;
}
#works-gallery .item {
	margin-bottom: 5px;
}
#works-gallery .content {
	height: 0px;
}

.content .list p { line-height: 24px; }
.loader { background: url(../img/ajax-loader.gif) center center no-repeat; }