/*  	RESET		*/
@charset "UTF-8";
* 									{ margin: 0; padding: 0; }
html,
body 								{ height: 100%; background:#fff; margin:0; padding:0;}
ol									{ list-style: decimal inside; }
li 									{ list-style: none; }
a 									{ outline: none; text-decoration: none; }
a img 								{ border: none; background: none; }
img 								{ vertical-align: middle; }
table 								{ border-collapse: collapse; }
.clear 								{ clear:both; }
/*  	MAIN DIVs		*/
#header-wrapper 					{ margin: 0 auto; width:976px; }
#wrapper							{ margin: 0 auto; width:976px; padding-top:65px; }
#footer-wrapper 					{ margin: 0 auto; width:976px; background:url(../images/footer.jpg) no-repeat center top; text-indent:-900000px }
#header 							{ height: 64px; background-color:#FFF; }

#container 							{ height: 592px; background:url(../images/back_ground.jpg) no-repeat center top;  }
#footer 							{ height: auto; background-color:#FFF; }
/*  	TYPO		*/
h1 									{ text-indent:-999999px; position:absolute; }
@font-face 							{ font-family: 'Montreal-LightRegular';src: url('../fonts/bp13282_-webfont.eot');src: local('Montreal-LightRegular'), url('../fonts/bp13282_-webfont.woff') format('woff'), url('../fonts/bp13282_-webfont.ttf') format('truetype'), url('../fonts/bp13282_-webfont.svg#webfonth7tnPxRJ') format('svg');	font-weight: normal; font-style: normal;}
#maincontent 						{ margin-left:auto;margin-right:auto;margin-top:0;text-align:left;width:976px; }


.mainNav							{ margin:0 auto;  }
#twitter 							{ width:208px; height:64px; float:right; background: #FFF url(../images/spread-t.jpg) no-repeat; }
#twitter span.hover-twitter			{ width:208px; height:64px; float:right; background: #FFF url(../images/spread-t-hover.jpg) no-repeat; }
#facebook 							{ width:208px; height:64px; background: #FFF url(../images/spread-f.jpg) no-repeat; float:left; padding-right:64px;}
#facebook span.hover-facebook		{ width:208px; height:64px; background: #FFF url(../images/spread-f-hover.jpg) no-repeat; float:left;}
#backhome							{ height: 32px; width:208px; background-color: transparent; float:left;margin-left:384px; position:relative; z-index:5000 }

ul#mainNav 							{ list-style: none;	}
ul#mainNav li 						{ display: inline;	}
ul#mainNav li a  					{ text-indent: -9999px; height: 48px;float: left;}

ul#mainNav li a.home				{ background: #FFF url(../images/portfolio.jpg) no-repeat; width: 112px;height: 48px; display:block; padding-right:16px }
span.hover-home,
body.home ul#mainNav li a.home		{ background: #FFF url(../images/portfolio-hover.jpg) no-repeat; width: 112px;height: 48px; display:block; }


ul#mainNav li a.about				{ background: #FFF url(../images/about.jpg) no-repeat; width: 96px;height: 48px; display:block;padding-right:16px  }
span.hover-about,
body.about ul#mainNav li a.about	{ background: #FFF url(../images/about-hover.jpg) no-repeat; width: 96px;height: 48px; display:block; }

ul#mainNav li a.blog				{ background: #FFF url(../images/blog.jpg) no-repeat; width: 80px;height: 48px; display:block;padding-right:16px  }
span.hover-blog,
body.blog ul#mainNav li a.blog		{ background: #FFF url(../images/blog-hover.jpg) no-repeat; width: 80px;height: 48px; display:block; }

ul#mainNav li a.contact				{ background: #FFF url(../images/contact.jpg) no-repeat; width: 96px;height: 48px; display:block; }
span.hover-contact,
body.contact ul#mainNav li a.contact{ background: #FFF url(../images/contact-hover.jpg) no-repeat; width: 96px;height: 48px; display:block; }


.slide 								{ background-color:#000; width: 700px; height: 350px; margin: 0 auto;}
.slide-about 						{ width: 700px; height: 350px; margin: 55px auto 0; background: transparent url(../images/aboutme.png) no-repeat; }
.avatar 							{ float:left; height: 350px; width: 205px; margin: 10px }

.about-content 						{ font: 16px/18px 'Montreal-LightRegular', sans-serif; text-align:justify; padding:76px 40px 0px; color: black; }
.widget 							{ width: 700px; height:350px; margin: 0 20px 20px 0; float: left; position: relative; }
.slide-blog 						{ width: 700px; height: 350px; margin: 55px auto 0; background: transparent url(../images/blog-back.jpg) no-repeat;  }
.slide-contact 						{ width: 700px; height: 350px; margin: 55px auto 0; background: transparent url(../images/contact-back.png) no-repeat; }
.overlay 							{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/black75.png);background: rgba(0,0,0,0.6);text-align: center; }
.widget-button 						{ position: relative;padding: 4px 16px; background: #677fa7; border: 2px solid white; color: white; text-decoration: none; -moz-box-shadow: 0 0 20px white; -webkit-box-shadow: 0 0 20px white; box-shadow: 0 0 20px white; font: 24px 'Montreal-LightRegular', sans-serif; }
.widget-button:hover 				{ background: #fff; color: #cc00cc; }

#author { background: url(../images/author.jpg) no-repeat; float: right; height: 32px; width: 368px;  margin-top:41px;}
span.hover-author { background: url(../images/author-hover.jpg) no-repeat; float: right; height: 32px; width: 368px; }
#wufoo{width:700px;height:350px;}
iframe{height:350px;width:700px;border:none;}
#playa { position:absolute; margin: 79px 0 0 16px; width:20px;float:left }