@font-face 
{
    font-family: 'EuropeExtRegular';
    src: url('../fonts/europeext-webfont.eot');
    src: url('../fonts/europeext-webfont.eot?iefix') format('eot'),
         url('../fonts/europeext-webfont.woff') format('woff'),
         url('../fonts/europeext-webfont.ttf') format('truetype'),
         url('../fonts/europeext-webfont.svg#webfontdvAGtN8p') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face 
{
    font-family: 'EuropeExtBold';
    src: url('../fonts/europeext-bold-webfont.eot');
    src: url('../fonts/europeext-bold-webfont.eot?iefix') format('eot'),
         url('../fonts/europeext-bold-webfont.woff') format('woff'),
         url('../fonts/europeext-bold-webfont.ttf') format('truetype'),
         url('../fonts/europeext-bold-webfont.svg#webfontf0ykxRTe') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, figure, footer,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

article, aside, figure, footer,
hgroup, nav, section { display:block; }

ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; text-decoration: none; color:#000;}

a:hover { color:#F00; cursor:pointer; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

sup { font-size: x-small; vertical-align:text-top; }

/*html { overflow-y: scroll; }*/

/* END RESET CSS */

h1
{
	font-family: 'EuropeExtBold', Helvetica, Arial;
	font-weight:lighter;
    letter-spacing: -0.03em;
	font-size:20px;
}


h2 
{
	font-family: 'EuropeExtRegular', Helvetica, Arial;
	font-weight:lighter;
    letter-spacing: -0.03em;
	font-size:28px;
}

.ie6 input { vertical-align: text-bottom; }
.ie7 img { -ms-interpolation-mode: bicubic; }


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

body
{
	background-color:#fcf3c1;
	font-family:Tahoma, Geneva, sans-serif;
	overflow:hidden;
}

#container
{
	display:none;
}



#mcontainer
{
	position:relative;
	overflow:hidden;
	-webkit-perspective:200;
	-webkit-transform-style:preserve-3d;
	width:320px;
	overflow:hidden;
	height:100px;
}

#footer
{
	background-color:#FFF;
	display:block;
	width:100%;
	height:50px;
	border-top:#FF3 1px solid;
	position:relative;
	top:0;

background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.44, rgb(255,253,207)),
    color-stop(0.96, rgb(255,238,161))
);
background-image: -moz-linear-gradient(
    center top,
    rgb(255,253,207) 44%,
    rgb(255,238,161) 96%
);


	-moz-box-shadow: 0 -2px 5px #FFC;
	-webkit-box-shadow: -2px 0 5px #FFC;
	box-shadow: 0 -2px 5px #FFC;


}

#content
{
	position:relative;
	height:100px;
	z-index:1;
	overflow:hidden;
	width:960px;
	display:box;
	display:-moz-box;
	display:-webkit-box;
	box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-box-orient:horizontal;
	transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-webkit-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
}


#content.photo
{
	-webkit-transform:translateX(-320px);
	transform:translateX(-320px);
	-o-transform:translateX(-320px);
	-moz-transform:translateX(-320px);
}


#content.about
{
	-webkit-transform:translateX(-640px);
	transform:translateX(-640px);
	-o-transform:translateX(-640px);
	-moz-transform:translateX(-640px);
}


#navContainer
{
	position:relative;
	width:320px;
	height:100%;
	overflow:hidden;
	font-family: 'EuropeExtRegular', Helvetica, Arial;
}


#navContainer #ptnav
{	
	width:100%;
	bottom:45px;
	right:0;
	height:35px;
	border-top:#F00 1px solid;
	margin-top:5px;
	z-index:20;
	position:relative;
	color:#333;
	text-shadow:0 1px 0 #CCC;
	background-color:#fcf3c1;
	padding:5px;
}




#googleCheckout
{
	position:absolute;
	right:10px;
	top:0;
}

label span
{
	font-family: 'EuropeExtRegular', Helvetica, Arial;
	font-weight:lighter;
    letter-spacing: -0.03em;
	font-size:14px;
	margin-right:5px;
}



label 
{
	text-align:right;
	position:absolute;
	top:3px;
	right:160px;
	width:200px;
}


form input[type=text]
{
	color: #333;
	border:#fcf4c2 1px solid;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	font-style: italic;
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px#888;
	box-shadow: inner 0 0 5px #888;
	padding: 0.3em 0.3em;
	width: 50px;
	height: 10px;
}

form input[type=text]:active, form input[type=text]:focus, 
textarea:active, textarea:focus, 
form input[type=password]:active, form input[type=password]:focus
{
	background-color: #CCC;
}


#mnavWrapper
{
	position:relative;
	height:100%;
	z-index:1;
	overflow:hidden;
	width:320px;
}


#mnav
{	
	width:320px;
	height:100%;
}


#mnav ul
{
	height:100%
	padding:10px;
	margin-left:40px;
}

#mnav ul img
{
	
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-moz-box-shadow: 0 0 5px #534F00;
	-webkit-box-shadow: 0 0 5px #534F00;
	box-shadow: 0 0 5px #534F00;
	border:#CCC 1px solid;
	cursor:pointer;
}

#mnav ul li
{
	float:left;
	padding:5px;
}


#bmContainer
{
	position:relative;
	width:320px;
	height:100%;
	overflow:hidden;
	font-family: 'EuropeExtRegular', Helvetica, Arial;
}


#bmContainer #ptnav
{	
	width:100%;
	bottom:40px;
	right:0;
	height:35px;
	border-top:#F00 1px solid;
	z-index:20;
	position:relative;
	color:#333;
	text-shadow:0 1px 0 #CCC;
	background-color:#fcf3c1;
	padding:3px;
}


#bmContainer #ptnav #backtoFolio
{
	position:absolute;
	bottom:10px;
	left:15px;
	text-align:left;
	cursor:pointer;
}


#bmContainer #ptnav #getText
{
	position:absolute;
	bottom:10px;
	right:15px;
	text-align:right;
	cursor:pointer;
}


#imageWrapper
{
	position:relative;
	height:100%;
	z-index:1;
	overflow:hidden;
	width:320px;	
}


#bmContainer #image
{
	width:320px;
	height:200px;
	text-align:center;
}


#bmContainer #image img
{
	width:320px;
}



#bmContainer  #prname
{
	z-index:10;
	position:absolute;
	bottom:40px;
	right:0;
	width:100%;
	height:25px;
	text-align:right;
	padding-right:15px;
	padding-top:5px;
	
	background-image: -webkit-gradient(
    linear,
    left bottom,
    right bottom,
    color-stop(0, rgba(92,92,92, 0.1)),
    color-stop(1, rgba(20,20,20, 0.5))
);
background-image: -moz-linear-gradient(
    left center,
    rgba(92,92,92, 0.1) 0%,
    rgba(20,20,20, 0.5) 100%
);

}


#bmContainer  #prname span
{
	color:#FFF;	
}


#aboutContainer
{
	position:relative;
	width:320px;
	height:356px;
	overflow:hidden;
}



#aboutContainer #ptnav
{	
	position:absolute;
	width:100%;
	bottom:0;
	right:0;
	height:35px;
	border-top:#F00 1px solid;
	margin-top:5px;
	z-index:20;
	color:#333;
	text-shadow:0 1px 0 #CCC;
	font-family: 'EuropeExtRegular', Helvetica, Arial;
	background-color:#fcf3c1;
	padding:4px;
}


#aboutContainer #ptnav #backtoFolio
{
	position:absolute;
	bottom:10px;
	left:15px;
	text-align:left;
	cursor:pointer;
}


#aboutContainer #ptnav #nameof
{
	position:absolute;
	bottom:10px;
	right:15px;
	text-align:right;
}


#textWrapper
{
	position:relative;
	height:100%;
	z-index:1;
	overflow:hidden;
	width:320px;	
}


#aboutContainer #aboutText
{
	width:300px;
	overflow:hidden;
	padding:20px 10px 60px 10px;
	font-size:12px;
}


#logo
{
	margin:5px;
	text-align:center;
}

#logo h1
{
	font-size:30px;
}

#logo h2
{
	font-size:12px;
	margin-top:-5px;
	margin-left:15px;
}


.red
{
	color:#F00;
}


@media screen and (min-width: 321px)
{
	
#mcontainer
{
	width:480px;
	height:100px;
}

#content
{
	width:1470px;
	height:100px;
}


#content.photo
{
	-webkit-transform:translateX(-480px);
	transform:translateX(-480px);
	-o-transform:translateX(-480px);
	-moz-transform:translateX(-480px);
}


#content.about
{
	-webkit-transform:translateX(-960px);
	transform:translateX(-960px);
	-o-transform:translateX(-960px);
	-moz-transform:translateX(-960px);
}


#navContainer
{
	width:480px;
}



#mnavWrapper
{
	width:480px;	
}


#mnav
{
	width:480px;
}


#mnav ul
{
	margin-left:0;
}



#bmContainer
{
	width:480px;
	height:203px;
}


#imageWrapper
{
	width:480px;	
}


#bmContainer #image
{
	width:100%;
}

#bmContainer #image img
{
	width:480px;
}


#bmContainer  #prname
{
	width:100%;
}


#aboutContainer
{
	width:480px;
	height:198px;
}



#aboutContainer #ptnav
{	
	width:100%;
}


#textWrapper
{
	width:480px;	
}


#aboutContainer #aboutText
{
	width:460px;
	font-size:12px;
}
	
}