/* HUDDLESTON CREATIVE */

html, body						{ height:100%; margin:0; padding:0; background:#fff; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#656565; }
h1,h2,h3 						{ font-family: "georgia"; font-weight:bold; font-style: italic; letter-spacing:-0.02em; color:#0D1661; }
a 								{ color:#0D1661; }
a:hover 						{ color:#FF8700; }
p 								{ font-size:1.2em; line-height:1.45em; letter-spacing:-0.02em; margin-left:10px; }
blockquote 						{ background:#efefef url(../images/bg-quote.gif) bottom right no-repeat; padding:10px 10px 20px 10px; margin:0 0 10px 10px; font-size:1.2em; line-height:1.4em; letter-spacing:0.02em; }
ul 								{ margin:0 0 0 25px; }
li 								{ font-size:12px; line-height:1.3em; letter-spacing:0.04em; }


.hide							{ display:none; }
.sitelink						{ font-family: "georgia"; font-weight:bold; font-style: italic; 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; }

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

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

#wrapper						{ width:950px; height:100%; margin:0 auto; position:relative; }

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

#client-list 					{ background:#efefef url(../images/HC-shadow-dark.jpg) top center no-repeat; padding:30px 0 0; }
#client-list img 				{ position:absolute; right:10px; top:-30px; }
#client-list #photo 			{ padding:40px 0 30px; }
#client-list h2 				{ margin:0; position:absolute; left:45px; color:#79000D; }
#client-list ul 				{ margin:0; }
#client-list li 				{ list-style:none; font-size:1.2em; line-height:1.1em; padding:3px; }
#client-list a 					{ display:block; }
#client-list a:hover 			{ background:#dcdcdc; }
#client-list .padding-20 		{ padding:0 20px; }
#client-list a.tip 				{ display:block; width:160px; height:210px; position:absolute; top:-30px; right:100px; z-index:30; }
#client-list a.tip:hover 		{ background:none; }

#about 							{ background:#efefef url(../images/HC-shadow-dark.jpg) top center no-repeat; padding:30px 0 25px; }
#about h3 						{ margin:5px 0 5px 40px; color:#79000D; }
#about p 						{ padding: 0 20px; margin-bottom:0; }
#about ul 						{ margin: 0 0 0 40px; }
#about li 						{ font-size:1.25em; 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:#dcdcdc url(../images/HC-arrow.gif) left center no-repeat; }
#about img 						{ float:left; margin:-5px 15px 0 30px; }

.client, #footer, .section		{ background: url(../images/HC-shadow.jpg) top center no-repeat; padding:50px 0; position:relative; }
#footer							{ padding:20px 0;}
.client .backTop				{ position:absolute; top:20px; right:0; color:#c9c9c9; }
.client h3						{ color:#79000D; font-size:2em; margin:10px 0 15px 10px; border-bottom:#79000D 1px solid; padding-bottom:5px; }
.client h3 span.note			{ color:#FF8700; font-size:0.7em; }
.client ul						{ display:none; }
.corners 						{ position:absolute; z-index:5; top:50px; left:0; }
#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; }

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