/* HUDDLESTON CREATIVE */

@font-face {
    font-family: 'AvenirBook';
    src: url('fonts/avenirltstd_book-webfont.eot');
    src: url('fonts/avenirltstd_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenirltstd_book-webfont.woff') format('woff'),
         url('fonts/avenirltstd_book-webfont.ttf') format('truetype'),
         url('fonts/avenirltstd_book-webfont.svg#AvenirBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirHeavy';
    src: url('fonts/avenirltstd_heavy-webfont.eot');
    src: url('fonts/avenirltstd_heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenirltstd_heavy-webfont.woff') format('woff'),
         url('fonts/avenirltstd_heavy-webfont.ttf') format('truetype'),
         url('fonts/avenirltstd_heavy-webfont.svg#AvenirHeavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirBlack';
    src: url('fonts/avenirltstd_black-webfont.eot');
    src: url('fonts/avenirltstd_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenirltstd_black-webfont.woff') format('woff'),
         url('fonts/avenirltstd_black-webfont.ttf') format('truetype'),
         url('fonts/avenirltstd_black-webfont.svg#AvenirBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body						{ height:100%; margin:0; padding:0; background:#fff url(../images/noise-light.jpg) top center; font-family: 'AvenirBook', Verdana, Arial, Helvetica, sans-serif; color:#656565; }
h1,h2,h3 						{ font-family: 'AvenirBlack'; letter-spacing:-0.02em; color:#0D1661; text-transform:uppercase; margin: 50px 0 0 0; }
h4								{ font-family: 'AvenirBook'; font-size: 1.5em; letter-spacing: 0.02em; line-height: 1.3em; }
a 								{ color:#0D1661; }
a:hover 						{ color:#FF8700; }
p 								{ font-size: 1.1em; letter-spacing: 0.06em; line-height: 1.5em; z-index:10; }
blockquote 						{ background: url("../images/bg-quote.gif") no-repeat scroll right bottom transparent; float: right; font-size: 1.2em; letter-spacing: 0.02em; line-height: 1.4em; margin: 0 0 10px 10px; padding: 13px 13px 25px; width: 220px; }
ul 								{ margin:0 0 0 25px; }
li 								{ font-size:10px; line-height:1.3em; letter-spacing:0.04em; }


.hide							{ display:none; }
.sitelink						{ font-family: 'AvenirBlack'; letter-spacing:-0.02em; font-size:1.0em; padding:2px; text-decoration:none; position:absolute; bottom:45px; right:0; }
.strike							{ color:#919191; text-decoration:line-through; }
a.sitelink:hover 				{ background:#f3f3f3; }
.padding-20 					{ padding:20px; }
.border-left 					{ border-left:1px solid #656565; }
.border-right 					{ border-right:1px solid #656565; }
.shadow-dark					{ /* background: url(../images/shadow-dark.png) top center repeat-x; border-top: 1px solid white; */ }
.margin-bottom-neg-50			{ margin-bottom:-50px; }
.row 							{ margin-top:10px; }

#show-portfolio 				{ padding:5px; position:absolute; bottom:0; left:10px; background:#ffffff; }
#hide-portfolio 				{ padding:5px; position:absolute; top:0; left:10px; background:#ffffff; }

#welcome 						{ height:100%; position:relative; }
.intheuk 						{ position:absolute; top:5px; right:5px; }

.btn-social						{ display:block; float:left; width:50px; height:50px; margin:20px 0 0 5px; }
.btn-social span				{ display:none; }
#facebook 						{ background: url(../images/hc-sm-facebook.png) -3px -70px no-repeat; }
#facebook:hover					{ background: url(../images/hc-sm-facebook.png) -3px -5px no-repeat; }
#linkedin 						{ background: url(../images/hc-sm-linkedin.png) -3px -70px no-repeat; }
#linkedin:hover					{ background: url(../images/hc-sm-linkedin.png) -3px -5px no-repeat; }
#flickr 						{ background: url(../images/hc-sm-flickr.png) -3px -70px no-repeat; }
#flickr:hover					{ background: url(../images/hc-sm-flickr.png) -3px -5px no-repeat; }
#vimeo	 						{ background: url(../images/hc-sm-vimeo.png) -3px -70px no-repeat; }
#vimeo:hover					{ background: url(../images/hc-sm-vimeo.png) -3px -5px no-repeat; }

#outer-wrapper 					{ background: url(../images/bg-outer-wrapper.png) top center repeat-x; }
#wrapper						{ background: url(../images/bg-drew-big.png) top center no-repeat; }
#wrapper iframe					{ /* z-index:0; position:absolute; top:142px; */ }

#header 						{ padding: 10px 0; }
#header h1 						{ width:310px; height:120px; background: url(../images/HC-logo.png) center center no-repeat; margin:0; }
#header h2 						{ font-size: 1.25em; line-height:1.1em; margin:54px 0 0 10px; }

#client-list 					{ padding-bottom:60px; border-bottom:1px #c9c9c9 solid; }
#client-list .span-4			{ background:#333; }
#client-list .span-4 img 		{ width:148px; height:148px; border:1px #c9c9c9 solid; }
#client-list a 					{ display:block; width:148px; height:148px; border:1px #c9c9c9 solid; }
#client-list a span 			{ display:none; }

#about 							{ /* z-index:1; background: #333 url() bottom center no-repeat; border-top: 1px solid white; border-bottom: 1px solid black; */ }
#about .container				{ position:relative; }
#about h2		 				{ margin:0px; color:#79000D; }
#about h3 						{ margin:5px 0 5px 0; color:#79000D; }
#about p.big					{ text-shadow: 2px 2px 5px #111111; font-family: 'AvenirHeavy'; color: #f3f3f3; font-size: 4.2em; letter-spacing: -0.03em; line-height: 1em; margin: 80px 0 15px; padding: 0; }
#about p						{ font-family: 'AvenirBook'; color: #f3f3f3; font-size: 1.3em; letter-spacing: 0.02em; line-height: 1.5em; margin: 0 0 10px; padding: 0; }
#about p a 						{ color: #f3f3f3; }
#about ul 						{ margin: 0 0 0 40px; }
#about li 						{ font-size:1.2em; list-style:none; line-height:1.5em; }
#about li a 					{ background: url(../images/HC-arrow.gif) left center no-repeat; padding-left:15px; display:block; width:150px; text-decoration:none; }
#about li a:hover 				{ background: url(../images/HC-arrow.gif) left center no-repeat; }
#drew		 					{ position:absolute; bottom:0px; right:-125px; z-index:0; margin-bottom:-25px; }
#about .span-11	 				{ position:relative; z-index:1; }

.myButton 						{ padding:12px 24px 10px 90px; line-height:18px; position:relative; -moz-box-shadow:inset 0px 1px 0px 0px #8f8f8f; -webkit-box-shadow:inset 0px 1px 0px 0px #8f8f8f; box-shadow:inset 0px 1px 0px 0px #8f8f8f; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f5ecc), color-stop(1, #0d1561) ); background:-moz-linear-gradient( center top, #3f5ecc 5%, #0d1561 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f5ecc', endColorstr='#0d1561'); background-color:#3f5ecc; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #000000; display:inline-block; text-decoration:none; }
.myButton:hover 				{ background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0d1561), color-stop(1, #3f5ecc) ); background:-moz-linear-gradient( center top, #0d1561 5%, #3f5ecc 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d1561', endColorstr='#3f5ecc'); background-color:#0d1561; }
.myButton:active 				{ position:relative; top:1px; }
.myButton .btn-title			{ color: #ffffff; font-family: "georgia"; font-weight:bold; font-style: italic; letter-spacing:0.02em; font-size:18px; }
.myButton .btn-action			{ color: #ffffff; font-size:10px; }
.mybtn-cv-pad 					{ padding-left:75px; margin-right:20px; }
.mybtn-card-pad 				{ padding-left:90px; }
#mybtn-cv						{ position:absolute; top:-23px; left:5px; background: url(../images/hc-btn-cv.png) no-repeat; width:66px; height:77px; }
#mybtn-card						{ position:absolute; top:-10px; left:5px; background: url(../images/hc-btn-vcard.png) no-repeat; width:80px; height:62px; }

#client-box 					{ width:230px; padding-top:50px; }
#client-box h1 					{ margin-top:0; }
#client-box ul					{ margin:5px 0 0; }
#client-box ul li 				{ font-family: 'AvenirBlack'; text-transform:uppercase; font-size:1em; line-height:1.5em; margin-right:10px; list-style:none; }

.section						{ background: url(../images/HC-shadow.png) top center no-repeat; padding:50px 0; position:relative; }
#footer							{ padding:20px 0; border-top: 1px #c9c9c9 solid; }
.hidden-link 					{ color:#656565; text-decoration:none; }
.client							{ padding: 80px 0 120px; position:relative; border-bottom: 1px #c9c9c9 solid; }
.client .backTop				{ position:absolute; top:20px; right:0; color:#c9c9c9; }
.client h3						{ color:#79000D; font-size:2em; margin:10px 0 20px 0; }
.client h3 span.note			{ color:#FF8700; font-size:0.7em; }
.client ul						{ display:none; }
.client .edge					{ position:absolute; z-index:5; top:0px; left:0px; }
#vcard 							{ display:block; text-align:right; text-decoration:none; color:#656565; line-height:1.2em; padding:5px 50px; background: url(../images/vcard-small.jpg) right center no-repeat; width:210px; margin-left:80px; }
.ipad 							{ padding: 80px 0 100px; }

.carousel 						{ width:710px; height:425px; position:relative; }
.carousel-frame					{ width:708px; height:423px; position:relative; z-index:9; border:1px solid #c9c9c9; }
.carousel ul 					{ display:inline; margin:0; padding:0; }
.carousel ul li					{ display:inline; }
.carousel ul li img				{ width:710px; height:425px; }
.carousel-control				{ display:none; }
.carousel-pagination 			{ position:absolute; z-index:10; bottom:-35px; left:0px; padding:0; }
.carousel-pagination p 			{ margin:0; }
.carousel-pagination a			{ cursor:pointer; width:10px; padding:5px 9px 3px; margin-right:3px; background: #0D1661; font-weight:bold; letter-spacing:-0.02em; color:#fff; text-decoration:none; }
.carousel-pagination a:hover 	{ background:#FF8700; }
.carousel-pagination a.active 	{ background:#79000D; }

.iPad-video 					{ width:710px; height:582px; background: url(../images/bg-ipad.png) no-repeat top left; position:relative; }
.iPad-video .wrap 				{ height:441px; left:63px; overflow:hidden; position:absolute; top:58px; width:587px; }

.iPad-carousel 					{ width:710px; height:582px; background: url(../images/bg-ipad.png) no-repeat top left; position:relative; }
.iPad-carousel ul				{ display:inline; margin:0; padding:0; }
.iPad-carousel ul li			{ display:inline; }
.iPad-carousel ul li img 		{ width:587px; height:441px; }
.iPad-carousel .carousel-wrap 	{ top:56px; left:58px; }
.iPad-carousel .center-wrap 	{ position:absolute; top:570px; }

.no-border 						{ border:none; }