/* @group tags */
body
	{
	background-color: #e2dfd6;
	background-image: url('../img/background.gif');
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0;
	padding: 0;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #eee9e3;
	font-size: 11px;
	}
a:active, :-moz-any-link:focus
	{
  outline: none;
	}
::-moz-selection
	{
	background: #95b10c;
	color: #ffffff;
	}
::-moz-selection
	{
	background: #95b10c;
	color: #ffffff;
	}
hr
	{
	background: url('../img/hr.gif');
	background-repeat: no-repeat;
	border: none 0;
	width: 100%;
	height: 2px;
	}
ol
	{
	margin: 5px 0 0 0;
	}
ol li
	{
	color: #b1bb36;
	margin: 0;
	font-size: 8px;
	 }
li p
	{
	color: #eee9e3;
	font-size: 11px;
	}
h1
	{
	color: #e4d1be;
	font-size: 14px;
	font-weight: normal;
	}
p
	{
	line-height: 200%;
	}
strong
	{
	color: #91cccc;
	font-size: 12px;
	font-weight: 200;
	}
em
	{
	color: #bcdedd;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	}
a:link, a:visited
	{
	color: #989278;
	text-decoration: none;
	}
a:hover, a:active
	{
	color: #ffffff;
	padding-bottom: 1px;
	border-bottom: 1px dotted #91cccc;
}
/* @end */
/* @group layout */
#container
	{ 
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	}
.main #map
	{
	position: absolute;
	}
.main #content
	{ 
	margin: 0 0px 0 300px;
	padding: 50px 50px 0px 0px;
	width: 674px;
	position: relative;
	}
.clearfloat
	{
	clear: both;
	}
.directions
	{
	position: absolute;
	top: 50px;
	width: 674px;
	margin: 0 0px 0 300px;
	padding: 0px;
	font-size: 11px;
	color: #eee9e3;
	line-height: 200%;
	}
.bio
	{
	padding: 0px;
	margin: 17px 0px 0px 0px;
	border: 3px solid #514130;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;	
	-webkit-box-shadow: 2px 3px 15px #1a1007;
	-moz-box-shadow: 1px 1px 7px #1a1007;
	box-shadow: 1px 1px 7px #1a1007;
	float: left;
	}
.biotext
	{
	position: inherit;
	width: 500px;
	float: right;
	text-align: justify;
	}
.sub #subright
	{ 
	margin: 0;
	padding: 0 0 0 20px;
	width: 244px;
	float: right;
	background-image: url('../img/vr.gif');
	background-position: left;
	background-repeat: no-repeat;	
	}
.sub #subleft
	{ 
	margin: 0;
	padding: 0;
	width: 380px;
	float: left;
	}
/* @group footer */
#footer
	{
	margin: 15px 0px 0px 0px;
	position: relative;
	float: left;
	width: 1024px;
	}
#footer p
	{
	line-height: 100%;
	}
#footer .overlay
	{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	background-image: url('../img/footer.png');
	background-repeat: repeat-x;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
	}
#footer .navigation
	{
	padding: 2px 0px 0px 15px;
	font-size: 10px;
	color: #72c2c4;
	}
#navigation
	{
	float: left;
	}
.navigation, .address
	{
 	position: relative;
	}
.navigation a:link, .navigation a:visited, .navigation a:hover .navigation a:active
	{
	text-transform: uppercase;
	text-decoration: none;
	}
.navigation a:link, .navigation a:visited
	{
	color : #eee9e3;
	}
.navigation a:hover, .navigation a:active
	{
	color: #95b10c;
	}
#footer .address
	{
	padding: 2px 15px 0px 0px;
	font-size: 10px;
	color: #eee9e3;
	text-align: right;
	}
#address
	{
	float: right;
	}
.divider
	{
	color: #72c2c4;
	}
#copyright
	{
	margin: 25px 0px;
	color: #7b624b;
	}
/* @end */

/* @end */

/* @group form */
form
	{
	width: 550px;
	border: none;
	margin: 25px auto;
	}
fieldset
	{
	border: none;
	margin: 15px 0px 5px 0px;
	}
legend
	{
	color: #b0d7d5;
	font-size: 12px;
	font-weight: 200;
	}
label
	{
	float: left;
	width: 100px;
	display: inline-block;
	height: 19px;
	margin-right: 5px;
	color: #ffffff;
	line-height: 24px;
}
fieldset
	{
	width: 400px;
	padding: 0px;
	border: none;
	text-align: left;
	}
fieldset ul
	{
	margin: 0px;
	padding: 0px;
	}
fieldset li
	{
	list-style: none;
	padding: 0px;
	margin: 0px;
	clear: both;
	}
label
	{
	color: #ffffff;
    float: left;
    text-align: left;
    margin: 0px 0px 0px 25px;
    width: 200px;
	}
form ul li span
	{
	color: #a9b234;
	text-transform: uppercase;
	font-weight: bold;
	}
input.invalid, textarea.invalid
	{
	background-color: #362617;
	background-image: url(../img/form-bg2.gif);
	color: #ffffff;
	}
input, textarea
	{
	margin: 5px 0px;
	padding: 2px 0px 1px 0px;
	width: 150px;
    background-color: #705c48;
	color: #2c1f0f;
	border: 2px solid #b0d7d5;
	background-image: url(../img/form-bg.gif);
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-box-shadow: 2px 3px 15px #23190c;
	-moz-box-shadow: 1px 1px 7px #23190c;
	box-shadow: 1px 1px 7px #23190c;
	font: normal normal 12px Arial, Helvetica, Geneva, sans-serif;
	}
input:focus, textarea:focus
	{
	border: 2px solid #ffffff;
	}
span.radio
	{
	width: 19px;
	height: 19px;
	background: url(../img/form-radio.png) no-repeat center -2px;
	display: block;
	}
/* @group progress */
.attachment
	{
	margin-bottom: 10px;
	padding-left: 14px;
	background: transparent url('../img/paperclip.gif') no-repeat;
	width: 245;
	line-height: 12px;
	}
.attachment .del
	{
	padding-left: 5px;
	}
#progressbase
	{
	width: 220px;
	height: 16px;
	background-color:#ffffff;
	background-image: url(../img/form-base.gif);
	margin: 150px 0px 15px 100px;
	border: 2px solid #b0d7d5;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-box-shadow: 2px 3px 15px #23190c;
	-moz-box-shadow: 1px 1px 7px #23190c;
	box-shadow: 1px 1px 7px #23190c;
	display: none;
	}
#progresspercent
	{
	width: 1px;
	height: 16px;
	background-color: #b0d7d5;
	background-image: url(../img/form-progress.gif);
	color: #2a1c0c;
	font: bold 10px/16px arial, verdana;
	text-align: center;
	}
/* @group buttons */
#browse
	{
 	background: url(../img/button-browse.gif) no-repeat 0 top;
 	height: 47px;
 	width: 80px;
 	margin-bottom: 10px;
 	padding: 0px;
	cursor: pointer;
	cursor: hand;
	}
#browse:hover
	{
	background: url(../img/button-browse.gif) no-repeat 0 bottom;
	}
#browse input, #browse-disabled input
	{
	 opacity: 0.0;
	 -moz-opacity: 0.0;
	 filter: alpha(opacity=0);
	 width: 80px;
	 height: 47px;
	 border: none;
	}
#browse input
	{
	cursor: pointer;
	cursor: hand;
	}
#browse-disabled
	{
 	background: url(../img/button-browse.gif) no-repeat 0 top;
 	height: 47px;
 	width: 80px;
 	margin-bottom: 10px;
 	padding: 0px;
 	opacity: 0.4;
	 -moz-opacity: 0.4;
	filter: alpha(opacity=0.4);
	}
#send
	{
	margin: 15px 0px 25px 35px;
	width: 85px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background: url('../img/button-send.gif') no-repeat 0 top;
	display: block;
	cursor: pointer;
	cursor: hand;
	}
#send:hover
	{
	background-position: 0 bottom;
	}
#send-disabled
	{
 	margin: 15px 0px 25px 35px;
	width: 85px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background: url('../img/button-send.gif') no-repeat 0 top;
	display: block;
 	opacity: 0.4;
	 -moz-opacity: 0.4;
	filter: alpha(opacity=0.4);
	}
#login
	{
	margin: 15px 0px 15px 45px;
	width: 70px;
	height: 44px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background: url('../img/button-login.gif') no-repeat 0 0;
	display: block;
	cursor: pointer !important;
	cursor: hand;
	}
#login:hover
	{
	background-position: 0 -44px;
	}
#logout
	{
	margin: 0 0 0 185px;
	width: 70px;
	height: 44px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background: url('../img/button-logout.gif') no-repeat 0 0;
	display: block;
	cursor: pointer !important;
	cursor: hand;
	}
#logout:hover
	{
	background-position: 0 -44px;
	}
#submit-
	{
	margin: 0 0 0 85px;
	width: 70px;
	height: 44px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background: url('../img/button-submit.gif') no-repeat 0 0;
	display: block;
	cursor: pointer !important;
	cursor: hand;
	}
#submit-:hover
	{
	background-position: 0 -44px;
	}
/* @end */
/* @end */
/* @group icons */
#icons a:link, #icons a:visited
	{
	color: #e4d1be;
	}
#icons a:hover, #icons a:active
	{
	color: #9fb120;
	}
.results a[href$='.doc'], .results a[href$='.rtf'] {
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_doc.gif) no-repeat center left;
}

.results a[href$='.txt'] {
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_txt.gif) no-repeat center left;
}

.results a[href$='.xls'] {
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_xls.gif) no-repeat center left;
}

.results a[href$='.rss'], .results a[href$='.atom'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_feed.gif) no-repeat center left;
}

.results a[href$='.opml'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_opml.gif) no-repeat center left;
}

.results a[href$='.phps'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_phps.gif) no-repeat center left;
}

.results a[href$='.phps'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_phps.gif) no-repeat center left;
}

.results a[href$='.torrent'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_torrent.gif) no-repeat center left;
}

.results a[href$='.vcard'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_vcard.gif) no-repeat center left;
}

.results a[href$='.exe'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_exe.gif) no-repeat center left;
}

.results a[href$='.dmg'], .results a[href$='.app'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_dmg.gif) no-repeat center left;
}

.results a[href$='.xpi'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_plugin.gif) no-repeat center left;
}

.results a[href$='.pps'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_pps.gif) no-repeat center left;
}

.results a[href$='.pdf'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_pdf.gif) no-repeat center left;
}

.results a[href$='.fla'], .results a[href$='.swf'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_flash.gif) no-repeat center left;
}

.results a[href$='.zip'], .results a[href$='.zipx'], .results a[href$='.sit'], .results a[href$='.sitx'] .results a[href$='.rar'], .results a[href$='.gzip'], .results a[href$='.bzip'], .results a[href$='.ace'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_archive.gif) no-repeat center left;
}

.results a[href$='.ical'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_ical.gif) no-repeat center left;
}

.results a[href$='.css'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_css.gif) no-repeat center left;
}

.results a[href$='.ttf'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_ttf.gif) no-repeat center left;
}

.results a[href$='.jpg'], .results a[href$='.JPG'], .results a[href$='.gif'], .results a[href$='.png'], .results a[href$='.bmp'], .results a[href$='.jpeg'], .results a[href$='.svg'], .results a[href$='.eps'] , .results a[href$='.ai'], .results a[href$='.psd']  { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_pic.gif) no-repeat center left;
}

.results a[href$='.mov'], .results a[href$='.wmv'], .results a[href$='.mp4'], .results a[href$='.avi'], .results a[href$='.mpg'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_film.gif) no-repeat center left;
}

.results a[href$='.mp3'], .results a[href$='.wav'], .results a[href$='.ogg'], .results a[href$='.wma'], .results a[href$='.m4a'] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_music.gif) no-repeat center left;
}

/* messenger */
.results a[href ^="aim:"] {
	padding: 5px 0px 5px 20px;
    background: transparent url(../img/icons/icon_aim.gif) no-repeat center left;
}

.results a[href ^="msnim:"] {
	padding: 5px 0px 5px 20px;
    background: transparent url(../img/icons/icon_msn.gif) no-repeat center left;
}

.results a[href ^="xmpp:"] {
	padding: 5px 0px 5px 20px;
    background: transparent url(../img/icons/icon_jabber.gif) no-repeat center left;
}

.results a[href *="icq.com"] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_icq.gif) no-repeat center left;
}

.results a[href *="edit.yahoo.com/config/send_webmesg?"] { 
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/icons/icon_yim.gif) no-repeat center left;
}

.results a[href ^="callto:"] {
	padding: 5px 0px 5px 20px;
    background: transparent url(../img/icons/icon_call.gif) no-repeat center left;
}

.results a[href ^="skype:"] {
	padding: 5px 0px 5px 20px;
    background: transparent url(../img/icons/icon_skype.gif) no-repeat center left;
}

.results a[href ^="gg:"] {
	padding: 5px 0px 5px 20px;
    background: transparent url(../img/icons/icon_gadugadu.gif) no-repeat center left;
}

/* email */
.results a[href ^="mailto:"] {
	padding: 5px 0px 5px 20px;
    background: transparent url(../img/icons/icon_mailto.gif) no-repeat center left;
}

/* use this class to make sure that images won't get iconized */

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}
/* @end */
/* @group mailchimp */
#mailchimp fieldset
	{
	width: 250px;
	}
#mailchimp label
	{
	color: #ffffff;
    float: left;
    text-align: left;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    width: 50px;
	}
#mailchimp li
	{
	margin:0px 0px 5px 0px;
	}
/* @end */

iframe#upload_frame
	{
	border: none;
	width: 550px;
	height: 500px;
	color: #a9b234;
	}
.results
	{
	text-align: left;
	}
.results img
	{
	margin: 25px 0px 10px 158px;
	}
/* @end */
/* @group map */

/* @group keyframes */
@-webkit-keyframes flyin
{
	0% 
	{
	-webkit-transform: rotate(25deg) translate(-450px,-360px);
	-moz-transform: rotate(25deg) translate(-450px,-360px);
	-o-transform: rotate(25deg) translate(-450px,-360px);
	transform: rotate(25deg) translate(-450px,-360px);
	}
	100%
	{
	-webkit-transform: rotate(0deg) translate(0px,0px);
	-moz-transform: rotate(0deg) translate(0px,0px);
	-o-transform: rotate(0deg) translate(0px,0px);
	transform: rotate(0deg) translate(0px,0px);
	}
}
@-webkit-keyframes flap
{
	0% 
	{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	visibility: visible;
	}
	100%
	{
	-webkit-transform: rotate(-25deg) skew(-25deg) scale(0.8, 0.35) translate(-5px,-5px);
	-moz-transform: rotate(-25deg) skew(-25deg) scale(0.8, 0.35) translate(-5px,-5px);
	-o-transform: rotate(-25deg) skew(-25deg) scale(0.8, 0.35) translate(-5px,-5px);
	transform: rotate(-25deg) skew(-25deg) scale(0.8, 0.35) translate(-5px,-5px);
	}
}
@-webkit-keyframes leg-land
{
	0% 
	{
	-webkit-transform: rotate(-25deg) skew(-25deg) scale(0.8, 0.35) translate(-5px,-15px);
	-moz-transform: rotate(-25deg) skew(-25deg) scale(0.8, 0.35) translate(-1px,-15px);
	-o-transform: rotate(-25deg) skew(-25deg) scale(0.8, 0.35) translate(-5px,-15px);
	transform: rotate(-25deg) skew(-25deg) scale(0.8, 0.35) translate(-5px,-15px);
	}
	70% 
	{
	-webkit-transform: rotate(-25deg) skew(-25deg) scale(0.8, 0.35) translate(-5px,-15px);
	-moz-transform: rotate(-25deg) skew(-25deg) scale(0.8, 0.35) translate(-5px,-15px);
	-o-transform: rotate(-25deg) skew(-25deg) scale(0.8, 0.35) translate(-5px,-15px);
	transform: rotate(-25deg) skew(-25deg) scale(0.8, 0.35) translate(-5px,-15px);
	}	
	80% 
	{
	-webkit-transform: rotate(-35deg) skew(-25deg) scale(0.8, 0.35) translate(-5px,-5px);
	-moz-transform: rotate(-35deg) skew(-25deg) scale(0.8, 0.35) translate(-5px,-5px);
	-o-transform: rotate(-35deg) skew(-25deg) scale(0.8, 0.35) translate(-5px,-5px);
	transform: rotate(-35deg) skew(-25deg) scale(0.8, 0.35) translate(-5px,-5px);
	}
	100%
	{
	}
}
@-webkit-keyframes mappop
{
	0% 
	{
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: hidden;
	}
	89% 
	{
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: hidden;
	}
	90% 
	{
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: visible;
	}
	100%
	{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	}
}

/* @end */

/* @group controls */

#map
	{
	height: 390px;
	width: 693px;
	}
#map-img
	{
	margin-bottom: 15px;
	}
#map-mini
	{
	position: relative;
	top: 53px;
	left: 259px;
	width: 370px;
	height: 320px;
	-webkit-animation-name: mappop;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	background: url('../img/map-mini.png') no-repeat center center;
	}
#map #bird-map
	{
	width: 40px;
	height: 40px;
	-webkit-animation-name: flyin;
	position: relative;
	top: 220px;
	left: 218px;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
}
#map #bird-map #body
	{
	width: 38px;
	height: 21px;
	background: url('../img/bird-body.png') no-repeat center center;
	}
#map #bird-map #wing
	{
	visibility: hidden;
	width: 22px;
	height: 24px;
	position: relative;
	top: 10px;
	left: 8px;
	background: url('../img/bird-wing.png') no-repeat center center;
	-webkit-animation-name: flap;	
	-webkit-animation-duration: .33s;
	-webkit-transform-origin: 25px 22px;
	-webkit-animation-iteration-count: 9;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	}
#map #bird-map #l-leg
	{
	width: 7px;
	height: 16px;
	position: relative;
	top: -18px;
	left: 20px;
	-webkit-transform: rotate(-32deg);
	-moz-transform: rotate(-32deg);
	-o-transform: rotate(-32deg);
	transform: rotate(-32deg);
	-webkit-animation-name: leg-land;	
	-webkit-animation-duration: 3s;
	-webkit-transform-origin: 3px 0px;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	}
#map #bird-map #l-leg #l-thigh
	{
	width: 3px;
	height: 5px;
	background: url('../img/bird-leg.png') no-repeat center center;
	}
#map #bird-map #l-leg #l-calf
	{
	width: 3px;
	height: 5px;
	position: relative;
	top: -1px;
	left: -1px;
	background: url('../img/bird-leg.png') no-repeat center center;
	}
#map #bird-map #l-leg #l-foot
	{
	width: 7px;
	height: 5px;
	position: relative;
	top: -3px;
	left: -1px;
	background: url('../img/bird-foot.png') no-repeat center center;
	-webkit-transform: rotate(25deg);
	-moz-transform: rotate(25deg);
	-o-transform: rotate(25deg);
	transform: rotate(25deg);
	}
#map #bird-map #r-leg
	{
	width: 7px;
	height: 16px;
	position: relative;
	top: -1px;
	left: 24px;
	-webkit-transform: rotate(-22deg);
	-moz-transform: rotate(-22deg);
	-o-transform: rotate(-22deg);
	transform: rotate(-22deg);
	-webkit-animation-name: leg-land;	
	-webkit-animation-duration: 3s;
	-webkit-transform-origin: 3px 0px;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	}
#map #bird-map #r-leg #r-thigh
	{
	width: 3px;
	height: 5px;
	background: url('../img/bird-leg.png') no-repeat center center;
	}
#map #bird-map #r-leg #r-calf
	{
	width: 3px;
	height: 5px;
	position: relative;
	top: -1px;
	left: -1px;
	background: url('../img/bird-leg.png') no-repeat center center;
	}
#map #bird-map #r-leg #r-foot
	{
	width: 7px;
	height: 5px;
	position: relative;
	top: -3px;
	left: -1px;
	background: url('../img/bird-foot.png') no-repeat center center;
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	transform: rotate(15deg);
	}

/* @end */

/* @end */

/* @group portfolio-home */

/* @group keyframes */

@-webkit-keyframes swing1
{
	0% 
	{
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	transform: rotate(-10deg);	
	}
	100%
	{
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	transform: rotate(15deg);
	}
}
@-webkit-keyframes swing2
{
	0% 
	{
	-webkit-transform: rotate(25deg);
	-moz-transform: rotate(25deg);
	-o-transform: rotate(25deg);
	transform: rotate(25deg);
	}
	100%
	{
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	transform: rotate(5deg);
	}
}
@-webkit-keyframes swing3
{
	0% 
	{
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);	
	}
	100%
	{
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	transform: rotate(35deg);
	}
}

@-webkit-keyframes swing4
{
	0% 
	{
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	transform: rotate(15deg);
	}
	100%
	{
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
	}
}
@-webkit-keyframes swing5
{
	0% 
	{
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	transform: rotate(5deg);	
	}
	100%
	{
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
	}
}

@-webkit-keyframes swing6
{
	0% 
	{
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	transform: rotate(35deg);
	}
	100%
	{
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);
	}
}
#port, #port2
	{
	background: url('../img/line.png') no-repeat center 42px;
	height: 300px;
	margin: 25px 0px 50px 0px;
	}

/* @end */

/* @group control */

#port #a.portcat
	{
	background: url('../img/port1.png');
	-webkit-animation-name: swing1;
	-moz-animation-name: swing1;
	-o-animation-name: swing1;
	animation-name: swing1;
	}
#port #b.portcat
	{
	position: relative;
	top: 10px;
	background: url('../img/port2.png');
	-webkit-animation-name: swing2;
	-moz-animation-name: swing2;
	-o-animation-name: swing2;
	animation-name: swing2;
	}
#port #c.portcat
	{
	background: url('../img/port3.png');
	-webkit-animation-name: swing3;
	-moz-animation-name: swing3;
	-o-animation-name: swing3;
	animation-name: swing3;
	}
#port2 #d.portcat
	{
	background: url('../img/port4.png');
	-webkit-animation-name: swing4;
	-moz-animation-name: swing4;
	-o-animation-name: swing4;
	animation-name: swing4;
	}
#port2 #e.portcat
	{
	position: relative;
	top: 10px;
	background: url('../img/port5.png');
	-webkit-animation-name: swing5;
	-moz-animation-name: swing5;
	-o-animation-name: swing5;
	animation-name: swing5;
	}
#port2 #f.portcat
	{
	background: url('../img/port6.png');
	-webkit-animation-name: swing6;
	-moz-animation-name: swing6;
	-o-animation-name: swing6;
	animation-name: swing6;
	}
#port #a.portcat, #port2 #f.portcat
	{
	-webkit-animation-duration: 3.25s;
	-moz-animation-duration: 3.25s;
	-o-animation-duration: 3.25s;
	animation-duration: 3.25s;
	}
#port #b.portcat, #port2 #d.portcat
	{
	-webkit-animation-duration: 3.5s;
	-moz-animation-duration: 3.5s;
	-o-animation-duration: 3.5s;
	animation-duration: 3.5s;
	}
#port #c.portcat, #port2 #e.portcat
	{
	-webkit-animation-duration: 3.75s;
	-moz-animation-duration: 3.75s;
	-o-animation-duration: 3.75s;
	animation-duration: 3.75s;
	}
#port a, #port2 a
	{
	display: inline-block;
	height:310px;
	width:235px;
	text-indent: -5000px;
	border: none;
	}
#port #a.portcat, #port #b.portcat, #port #c.portcat, #port2 #d.portcat, #port2 #e.portcat, #port2 #f.portcat
	{
	height:310px;
	width:235px;
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	-webkit-transform-origin: 117px 75px;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	
	-moz-transform-origin: 117px 75px;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-timing-function: ease-in-out;
	}
#port #a.portcat, #port2 #d.portcat
	{
	margin:0px 0px 0px 95px;
	}
#port #b.portcat, #port2 #e.portcat
	{
	margin:0px 0px 0px 80px;
	}
#port #c.portcat, #port2 #f.portcat
	{
	margin:0px 0px 0px 75px;
	}
#port #a.portcat:hover, #port #b.portcat:hover, #port #c.portcat:hover, #port2 #d.portcat:hover, #port2 #e.portcat:hover, #port2 #f.portcat:hover
	{
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
	
	background: url('../img/porthover.png') no-repeat center bottom;
	}

/* @end */

/* @end */

/* @group home */

/* @group keyframes */

@-webkit-keyframes swing
{
	0% 
	{
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);	
	}
	100%
	{
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	transform: rotate(5deg);
	}
}

/* @end */

/* @group control */

#home
	{
	height: 600px;
	background: url('../img/line.png') no-repeat center 75px;
	margin: 25px 0px 0px 0px;	
	}

h1.logo
	{
	position: relative;
	overflow: hidden;
	}
h1.logo a
	{
	position: absolute; 
	height: 0;
	width: 100%;
	}
h1#logo
	{
	height: 550px; 
	}
h1#logo a:link, h1#logo a:visited
	{
	padding-top: 750px;
	background: url(../img/home1.png) no-repeat center 15px;
	-webkit-animation-name: swing;
	-webkit-animation-duration: 1s;
	-webkit-transform-origin: 512px 130px;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;

	-moz-animation-name: swing;
	-moz-animation-duration: 3s;
	-moz-transform-origin: 512px 130px;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-timing-function: ease-in-out;
	
	-o-animation-name: swing;
	-o-animation-duration: 3s;
	-0-transform-origin: 512px 130px;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: alternate;
	-o-animation-timing-function: ease-in-out;
	
	animation-name: swing;
	animation-duration: 3s;
	transform-origin: 512px 130px;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	}
h1#logo a:active, h1#logo a:hover
	{
	background: url(../img/home2.png) no-repeat center 15px;
	border: none;
	}

/* @end */
/* @end */

/* @group polaroids */

ul.polaroids { width: 970px; margin: 0 0 18px -30px; }
ul.polaroids li { display: inline; }

ul.polaroids a {display: inline; float: left; margin: 0 0 27px 30px; width: auto; padding: 10px 10px 15px; text-align: center; text-decoration: none; color: #333; font-size: 18px; -webkit-transform: rotate(-2deg); -webkit-transition: -webkit-transform .15s linear; -moz-transform: rotate(-2deg); }

ul.polaroids img { display: block; width: 190px; margin-bottom: 12px; }

ul.polaroids li a img { -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	}

/*ul.polaroids a:after { content: attr(title); }*/

ul.polaroids li.a:nth-child(odd) a { -webkit-transform: rotate(-2deg);  -moz-transform: rotate(-2deg); }
ul.polaroids li.a:nth-child(even) a { -webkit-transform: rotate(3deg);  -moz-transform: rotate(3deg); }
ul.polaroids li.a:nth-child(3n) a { -webkit-transform: none; position: relative; top: -4px;  -moz-transform: none; }
ul.polaroids li.a:nth-child(5n) a { -webkit-transform: rotate(7deg); position: relative; right: 4px;  -moz-transform: rotate(7deg); }
ul.polaroids li.a:nth-child(8n) a { position: relative; right: 4px; top: 5px; }
ul.polaroids li.a:nth-child(11n) a { position: relative; left: -3px; top: 5px; }

ul.polaroids li.b:nth-child(odd) a { -webkit-transform: rotate(2deg);  -moz-transform: rotate(2deg); }
ul.polaroids li.b:nth-child(even) a { -webkit-transform: rotate(2deg);  -moz-transform: rotate(2deg); }
ul.polaroids li.b:nth-child(3n) a { -webkit-transform: none; position: relative; top: -5px;  -moz-transform: none; }
ul.polaroids li.b:nth-child(5n) a { -webkit-transform: rotate(5deg); position: relative; right: 5px;  -moz-transform: rotate(5deg); }
ul.polaroids li.b:nth-child(8n) a { position: relative; right: 5px; top: 8px; }
ul.polaroids li.b:nth-child(11n) a { position: relative; left: -5px; top: 3px; }

ul.polaroids li.c:nth-child(odd) a { -webkit-transform: rotate(5deg);  -moz-transform: rotate(5deg); }
ul.polaroids li.c:nth-child(even) a { -webkit-transform: rotate(-2deg);  -moz-transform: rotate(-2deg); }
ul.polaroids li.c:nth-child(3n) a { -webkit-transform: none; position: relative; top: 5px;  -moz-transform: none; }
ul.polaroids li.c:nth-child(5n) a { -webkit-transform: rotate(3deg); position: relative; right: 5px;  -moz-transform: rotate(3deg); }
ul.polaroids li.c:nth-child(8n) a { position: relative; right: 7px; top: 3px; }
ul.polaroids li.c:nth-child(11n) a { position: relative; left: -4px; top: -2px; }

		
ul.polaroids li.a a:hover, ul.polaroids li.b a:hover, ul.polaroids li.c a:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); position: relative; z-index: 5; }

/* @end */

/* @group confetti */

#confettiContainer 
	{
	position: absolute;
	width: 1024px;
	height: 100%;
	}
#confettiContainer > div 
	{
	position: absolute;
	width: 100px;
	height: 100px;
	-webkit-animation-iteration-count: infinite, infinite;
	-webkit-animation-direction: normal, normal;
	-webkit-animation-timing-function: linear, ease-in;
	
	-moz-animation-iteration-count: infinite, infinite;
	-moz-animation-direction: normal, normal;
	-moz-animation-timing-function: linear, ease-in;
	
	-o-animation-iteration-count: infinite, infinite;
	-o-animation-direction: normal, normal;
	-o-animation-timing-function: linear, ease-in;
	
	animation-iteration-count: infinite, infinite;
	animation-direction: normal, normal;
	animation-timing-function: linear, ease-in;
	}
#confettiContainer > div > img
	{
	position: absolute;
	width: 30px;
	height: 30px;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-transform-origin: 50% -100%;
	}
@-webkit-keyframes fade
	{
	0%   { opacity: 1; }
	85%  { opacity: 1; }
	100% { opacity: 0; }
	}
@-webkit-keyframes drop
	{
	0%   { -webkit-transform: translate(0px, -50px); }
	100% { -webkit-transform: translate(0px, 650px); }
	}
@-webkit-keyframes clockwiseSpin
	{
	0%   { -webkit-transform: rotate(-50deg); }
	100% { -webkit-transform: rotate(50deg); }
	}
@-webkit-keyframes counterclockwiseSpinAndFlip 
	{
	0%   { -webkit-transform: scale(-1, 1) rotate(50deg); }
	100% { -webkit-transform: scale(-1, 1) rotate(-50deg); }

/* @end */
	}
	
	/* @group mini */

/* @group keyframes */

@-webkit-keyframes swing
{
	0% 
	{
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);	
	}
	100%
	{
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	transform: rotate(5deg);
	}
}
/* @end */

/* @group control */
.main #logo
	{
	background: url('../img/line2.png') no-repeat left top;
	float: left;
	height: 300px;
	width: 300px;
	padding: 0px;
	margin: 0;
	}
.main #logo a img
	{
	margin:0px 0px 0px 30px;
	text-indent:-5000px;
	display: inline-block;
	-webkit-animation-name: swing;
	-webkit-animation-duration: 2s;
	-webkit-transform-origin: 75px 65px;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: swing;
	-moz-animation-duration: 2s;
	-moz-transform-origin: 75px 1px;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-timing-function: ease-in-out;
	border: none;
	}
.main #logo a img:hover
	{
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused;
	border: none;
	}
.main #logo a:hover
	{
	border: none;
	}

/* @end */

/* @end */
.portfolio
	{
	text-align: center;
	}
.portfolio a img
	{
	border: none;
	}
.portfolio .arrows
	{
	margin:5px 15px 0px 0px;
	padding: 0px;
	float: right;
	}
.portfolio .arrows a, .portfolio #port .portcat a:hover, .portfolio ul.polaroids li a:hover
	{
	border: none;
	}
.portfolio .arrows img { -webkit-transform: scale(.70);  -webkit-transition: all .4s ease-in-out; margin: 0px 1px;}
.portfolio .arrows img:hover { -webkit-transform: scale(.90); }
.portfolio .portnav
	{
	text-align: left;
	height: 50px;
	background-image: url('../img/nav.png');
	line-height: 45px;
	margin: 25px 0px;
	border-top: 1px solid #c4c2ad;
	border-bottom: 1px solid #c4c2ad;
	}
.portfolio .portimg
	{
	-webkit-box-shadow: 0 5px 15px #1f150a; -moz-box-shadow: 0 5px 15px #1f150a;
	}
.portfolio .portnav a:link img.port
	{
	width: 25px;
	margin: 10px 8px 10px 10px;
	float: left;
	-webkit-transition: all .4s ease-in-out; }
.portfolio .portnav a img.port:hover { -webkit-transform: scale(1.25); }


/* @group keyframes-home */
@-webkit-keyframes fly
{
	0% 
	{
	-webkit-transform: rotate(0deg) translate(-450px,0px);
	-moz-transform: rotate(0deg) translate(-450px,0px);
	-o-transform: rotate(0deg) translate(-450px,0px);
	transform: rotate(0deg) translate(-450px,0px);
	}
	50%
	{
	-webkit-transform: rotate(0deg) translate(1950px,0px);
	-moz-transform: rotate(0deg) translate(1950px,0px);
	-o-transform: rotate(0deg) translate(1950px,0px);
	transform: rotate(0deg) translate(1950px,0px);
	}
	100%
	{
	-webkit-transform: rotate(0deg) translate(1950px,0px);
	-moz-transform: rotate(0deg) translate(1950px,0px);
	-o-transform: rotate(0deg) translate(1950px,0px);
	transform: rotate(0deg) translate(1950px,0px);
	}
}
@-webkit-keyframes flyr
{
	0%
	{
	-webkit-transform: rotate(0deg) translate(0px,0px);
	-moz-transform: rotate(0deg) translate(1550px,0px);
	-o-transform: rotate(0deg) translate(1550px,0px);
	transform: rotate(0deg) translate(1550px,0px);
	}
	50%
	{
	-webkit-transform: rotate(0deg) translate(0px,0px);
	-moz-transform: rotate(0deg) translate(0px,0px);
	-o-transform: rotate(0deg) translate(0px,0px);
	transform: rotate(0deg) translate(0px,0px);
	}
	100% 
	{
	-webkit-transform: rotate(0deg) translate(-1550px,0px);
	-moz-transform: rotate(0deg) translate(-1550px,0px);
	-o-transform: rotate(0deg) translate(-1550px,0px);
	transform: rotate(0deg) translate(-1550px,0px);
	}
}
/* @end */

/* @group controls */

#bird-home-left
	{
	width: 40px;
	height: 40px;
	-webkit-animation-name: fly;	
	-webkit-animation-duration: 20s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: linear;
	z-index: 900;
	position: relative;
	top: -550px;
	left: -450px;
}
#bird-home-left #body
	{
	width: 38px;
	height: 21px;
	background: url('../img/bird-body.png') no-repeat center center;
	z-index: 50;
	}
#bird-home-left #wing
	{
	visibility: hidden;
	width: 22px;
	height: 24px;
	position: relative;
	top: 10px;
	left: 8px;
	background: url('../img/bird-wing.png') no-repeat center center;
	-webkit-animation-name: flap;	
	-webkit-animation-duration: .33s;
	-webkit-transform-origin: 25px 22px;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	}
#bird-home-left #banner
	{
	display: inline-block;
	width: 350px;
	height: 31px;
	position: relative;
	top: -25px;
	left: -350px;
	background: url('../img/banner1.png') no-repeat center center;
	z-index: 10;
	}
#bird-home-right
	{
	width: 40px;
	height: 40px;
	-webkit-animation-name: flyr;	
	-webkit-animation-duration: 20s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: linear;
	z-index: 1000;
	visibility: visible;
	position: relative;
	top: -100px;
	left: 1150px;
	}
#bird-home-right #body
	{
	width: 38px;
	height: 21px;
	background: url('../img/bird-body-bw.png') no-repeat center center;
	}
#bird-home-right #wing
	{
	visibility: hidden;
	width: 22px;
	height: 24px;
	position: relative;
	top: 10px;
	left: 8px;
	background: url('../img/bird-wing-bw.png') no-repeat center center;
	-webkit-animation-name: flap;	
	-webkit-animation-duration: .33s;
	-webkit-transform-origin: 25px 22px;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	}
	#bird-home-right #banner
	{
	display: inline-block;
	width: 350px;
	height: 31px;
	position: relative;
	top: -25px;
	left: 37px;
	background: url('../img/banner2.png') no-repeat center center;
	z-index: 10;
	}
/* @end */