html, body {min-width:960px; height:100%; -webkit-text-stroke: 0.5px transparent;}
body {
	color:#6a6c73;
	background-color:#fafbfc;
	background-image:url(img/bckgnd.jpg);
	background-position:-10%}	
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -48px;}
.footer, .push {
	height: 48px;
	clear:both;}

/* Type Design
-------------------------------------------------------------- */
h1, h2 {color:#005f9d;}
p {}


/* Structure
-------------------------------------------------------------- */
html, body, .slices, .page {padding-left:1px; margin-left:-1px;}
.slices {width:100%; min-width:100%;}
.page {
	width:960px;
	margin:0 auto;
	position:relative;
	clear:both;}
	
/* LogoType
-------------------------------------------------------------- */
#logotype {
	overflow:hidden;
	margin-top:0px;
	margin-bottom:5px;
	padding-top:7px;
	height:88px;
	width:100%;
	background-image:url(img/header_bckgnd.png);
	background-repeat:repeat-x;
	background-position:10%;}
#contain {
	width:960px;
	margin:0 auto;
	padding:0;}
#logotype_left {
	float:left;
	width:480px;}
#logotype_right {
	float:right;
	width:470px;
	margin-top:20px;}
#logotype a {
	color:#fff;
	text-decoration:none;}
#logotype a:hover, #logotype a:active {
	color:#ff9834;
	text-decoration:none;}
#logotype p span:hover, #logotype p span:active {
	color:#ff9834;
	cursor:pointer;}
#logotype p {
	font-size:14px;
	line-height:18px;
	margin:0;
	padding:0;
	color:#fff;
	letter-spacing: .03em;
	word-spacing: .1em;
	text-align:right;}
#logotype h1, #logotype h2 {
	margin:0;
	padding:0;
	color:#fff;}
#logotype h1 {
	font-family:'AllerRegular';
	font-size:40px;
	line-height:40px;
	letter-spacing: .03em;}
#logotype h2 {
	font-family:'AllerBold';
	font-size:16px;
	line-height:24px;
	text-transform:uppercase;
	letter-spacing: .1em;
	word-spacing: -.2em;}

/* Gallery
-------------------------------------------------------------- */
#gallery_frame {
	height:576px;
	padding-top:12px;
	background-image:url(img/gallery_frame.png);
	background-repeat:no-repeat;
	-o-background-size:960px 590px;
	-moz-background-size:960px 590px;
	-webkit-background-size:960px 590px;}
#gallery {
	width:900px;
	height:576px;
	overflow:hidden !important;
	margin-left:29px;}
#slides {
	height:500px;
	width:900px;
	overflow:hidden !important;
	position: relative;}
.slide {
	float:left;}
#menu {
	height:50px;
	margin-top:4px;}
#menu ul, #menu ul li {
	list-style:none;}
#menu li, #menu li a {
	overflow:hidden;}
#menu li {
	width:78px;
	display:block;
	float:left;
	height:50px;
	background-position:0 0;
	background-repeat:no-repeat;}
.menuFirst {
	border-left:solid 1px #a1a7b3;
	border-right:solid 4px #fff;}
.menuBase {
	border-right:solid 4px #fff;}
.menuLast {
	border-right:solid 1px #a1a7b3;}
#menu li a {
	display:block;
	height:0px;
	width:78px;
	padding-top:50px;}
#menu li.inact:hover {
	background-position:0 -50px;}
#menu li.act, #menu li.act:hover {
	background-position:0 -50px;}
#menu li.act a {
	cursor:default;}

/* Slide Captions
-------------------------------------------------------------- */
#slides div.caption {
	margin:0;
	padding:0;
	position:relative;}
#slides div.caption p {
	text-align:center;
	position:absolute;
	margin:0;
	width:600px;
	padding:10px 150px 20px 150px;
	font-size:14px;
	bottom:0;
	left:0;
	background:#0d121a;
	color:white;
	opacity:.8;
	-moz-opacity:.80;
	/* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
#slides div.caption img {
	margin:0; padding:0;}

/* Thumbnain Gallery
-------------------------------------------------------------- */
li#blue {
	background-image:url(../images/thumb_blue.png);}
li#red {
	background-image:url(../images/thumb_red.png);}
li#green {
	background-image:url(../images/thumb_green.png);}
li#thumb_expedia {
	background-image:url(../images/thumb_expedia.png);}
li#thumb_boeing_displays {
	background-image:url(../images/thumb_boeing_displays.png);}
li#thumb_boeing_booth {
	background-image:url(../images/thumb_boeing_booth.png);}
li#thumb_pv_posters {
	background-image:url(../images/thumb_pv_posters.png);}
li#thumb_indieartists {
	background-image:url(../images/thumb_indieartists.png);}
li#thumb_pv {
	background-image:url(../images/thumb_pv.png);}
li#thumb_outlookbook {
	background-image:url(../images/thumb_outlookbook.png);}
li#thumb_zune {
	background-image:url(../images/thumb_zune.png);}
li#thumb_smsp {
	background-image:url(../images/thumb_smsp.png);}
li#thumb_powerpoint {
	background-image:url(../images/thumb_powerpoint.png);}
li#thumb_xbox {
	background-image:url(../images/thumb_xbox.png);}
li#thumb_xboxhospital {
	background-image:url(../images/thumb_xboxhospital.png);}
li#thumb_indieartists_artist {
	background-image:url(../images/thumb_indieartists_artist.png);}

	
/* About
-------------------------------------------------------------- */
#about {
	margin-top:0px;
	margin-bottom:30px;}
#about section, #about img {
	float:left;}
#about img {
	margin:10px 25px 0 24px;
	padding:4px;
	background-color:#fff;
	border:solid 1px #a1a7b3;
	box-shadow: 0px 2px 4px #a1a7b3;
	-moz-box-shadow: 0px 2px 4px #a1a7b3;
	-webkit-box-shadow: 0px 2px 4px #a1a7b3;}
#col-one {
	width:360px;
	padding-right:25px;
	border-right:solid 1px #c6c8cc;}
#col-two {
	width:360px;
	padding-left:35px;}
#about p span {
	color:#005f9d;}

/* Footer
-------------------------------------------------------------- */
footer {
	overflow:hidden;
	margin:0;
	padding-top:18px;
	height:30px;
	width:100%;
	background-image:url(img/footer_bckgnd.png);
	background-repeat:repeat-x;
	background-position:10%;}
#footer_contain {
	}
#social {
	float:left;
	width:480px;}
#legal {
	float:right;
	width:480px;}
#legal p {
	font-size:12px;
	line-height:18px;
	margin:4px 0 0 0;
	padding:0;
	color:#fff;
	letter-spacing: .03em;
	word-spacing: .1em;
	text-align:right;}
footer nav h1 {
	width:0;
	height:0;
	overflow:hidden;
	visibility:hidden;
	float:left;}
#social ul {
	margin-top:6px;}
#social ul, #social ul li {
	list-style:none;}
#social li, #social li a {
	overflow:hidden;}
#social li {
	width:16px;
	display:block;
	float:left;
	height:16px;
	margin-right:8px;
	background-position:0 0;
	background-repeat:no-repeat;}
#social li a {
	display:block;
	height:0px;
	width:16px;
	padding-top:16px;}
#social li:hover, #social li:hover {
	background-position:0 -16px;}
li#social_live {
	background-image:url(img/social_live.png);}
li#social_vimeo {
	background-image:url(img/social_vimeo.png);}
li#social_google {
	background-image:url(img/social_google.png);}
li#social_twitter {
	background-image:url(img/social_twitter.png);}
li#social_youtube {
	background-image:url(img/social_youtube.png);}
li#social_facebook {
	background-image:url(img/social_facebook.png);}