/* ------------------ Font embeded ------------------ */
 /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */ 
@font-face {
font-family: "Museo Sans 500";
src: url("../img/fonts/MuseoSans_500.otf") format("opentype");
src: local("Museo Sans 500"), url(../img/fonts/MuseoSans_500.otf) format("opentype");
}

@font-face {
font-family: "Museo Sans 500";
font-weight: bold;
src: url("../img/fonts/MuseoSans_500.otf") format("opentype");
src: local("Museo Sans 500"), url(../img/fonts/MuseoSans_500.otf) format("opentype");
}

@font-face {
font-family: "Museo 100 Regular";
src: url("../img/fonts/Museo100-Regular.otf") format("opentype");
src: local("Museo 100 Regular"), url(../img/fonts/Museo100-Regular.otf) format("opentype");
}

@font-face {
font-family: "Museo 300 Regular";
src: url("../img/fonts/Museo300-Regular.otf") format("opentype");
src: local("Museo 300 Regular"), url(../img/fonts/Museo300-Regular.otf) format("opentype");
}

@font-face {
font-family: "Museo 500 Regular";
src: url("../img/fonts/Museo500-Regular.otf") format("opentype");
src: local("Museo 500 Regular"), url(../img/fonts/Museo500-Regular.otf) format("opentype");
}

/* ------------------ END Font embeded ------------------ */

body
{
margin: 0;
font-family: "Lucida Grande", Arial, verdana, sans-serif;
line-height: 135%;
color: #333;
}

.pngiefix { behavior: url('http://inorikunimi.com/staging/inori/js/pngiefix.htc'); }

h1
{
background: url(../img/inoriwebdesigner.png) center top no-repeat;
text-indent: -9999px;
height: 54px;
}

h2
{
font-family: "Museo 500 Regular", Georgia, Times, serif;
font-size: 30px;
color: #1a1818;
font-weight: normal;
}

small
{
font-size: 80%;
}

#head
{
margin: 0px;
background: url(../img/head.jpg) center top no-repeat;
height: 550px;
padding-top: 238px;
}

#head p
{
font-family: Georgia, serif;
font-size: 27px;
color: #6a2c0e;
line-height: 145%;
margin: 20px auto 0 auto;
width: 840px;
}

.inset
{
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}

/* General Link style */
a:link, a:visited, a:hover
{
text-decoration: underline;
color: #749d1e;
}

a:hover
{
text-decoration: none;
color: #573916;
}

/* Top Navigation style */

#navContainer
{
height: 47px;
width: 860px;
margin: 49px auto 0 auto;
}

#navContainer ul
{
list-style: none;
padding: 0;
margin: 0;

}

#navContainer li a
{
float: left;
margin: 0 3.5em;
text-indent: -9999px;
}

#navContainer li#portfolio a:link, #navContainer li#portfolio a:visited, #navContainer li#portfolio a:hover
{
background: url(../img/navigation.gif) 0 0 no-repeat;
width: 175px;
height: 32px;
float: left;
}

#navContainer li#about a:link, #navContainer li#about a:visited, #navContainer li#about a:hover
{
background: url(../img/navigation.gif) -180px 0 no-repeat;
width: 130px;
height: 32px;
float: left;
}

#navContainer li#contact a:link, #navContainer li#contact a:visited, #navContainer li#contact a:hover
{
background: url(../img/navigation.gif) -320px 0 no-repeat;
width: 175px;
height: 32px;
float: left;
}

#navContainer li#portfolio a:hover
{
background: url(../img/navigation.gif) 0 -32px no-repeat;
}

#navContainer li#about a:hover
{
background: url(../img/navigation.gif) -180px -32px no-repeat;
}

#navContainer li#contact a:hover
{
background: url(../img/navigation.gif) -320px -32px no-repeat;
}

/* --- END Top Navigation style */

/* Contents Navigation style */

.nav-contents
{
position:relative;
top:-20px;
float:right;
height:23px;
width:375px;
}

.nav-contents ul
{
list-style: none;
padding: 0;
margin: 0;
}

.nav-contents li a, .nav-contents li a:link, .nav-contents li a:visited, .nav-contents li a:hover
{
float: left;
margin: 0 1em;
font-size: 14px;
font-family: "Museo 500 Regular", Arial, verdana, sans-serif;
color: #6a2c0e;
text-decoration: none;
}

.nav-contents li a:hover
{
color: #865740;
}

.nav-contents li a.sel
{
font-weight: bold;
}
/* --- END Contents Navigation style */

/* Sections */

#containterWrapper-portfolio, #containterWrapper-about, #containterWrapper-contact
{
padding: 0 0 60px 60px;
}

#containterWrapper-portfolio
{
padding-top: 50px;
background: #fff url(../img/bottom_portfolio.gif) left bottom repeat-x;
}


#containterWrapper-about
{
background: #ebf6f7 url(../img/bottom_about.gif) left bottom repeat-x;
border-top: 1px solid #d9ebec;
}

#containterWrapper-contact
{
background: #f1f3bb url(../img/bottom_contact.gif) left bottom repeat-x;
}

#sec_portfolio, #sec_about, #sec_contact
{
width: 960px;
margin: 0 auto;
padding: 0 0 70px 0;
}

#sec_about
{
padding: 53px 0 70px 0;
height:480px;
}

#sec_contact
{
padding-top: 50px;
}

/* Portfolio */
#portfolioBubble
{
background: url(../img/portfolio_bubble.gif) 0 0 no-repeat;
padding: 35px 0px;
font-size: 12px;
height: 415px;
}

#portfolioBubble img
{
box-shadow: 3px 3px 5px #b4c28c;
-moz-box-shadow: 3px 3px 5px #b4c28c;
-webkit-box-shadow: 3px 3px 5px #b4c28c;
}

#portfolioBubble h3
{
font-size: 20px;
font-family: "Museo 500 Regular", Arial, verdana, sans-serif;
font-weight: normal;
color: #352C04;
height: 25px;
text-align: left;
/*padding-left: 25px;*/
/*margin-left: 50px;*/
margin-bottom: 20px;
text-align: center;
}

#portfolioBubble .col1, #portfolioBubble .col2
{
width: 400px;
height: 450px;
margin-top: 50px;
margin-right: 10px;
margin-left: 10px;
float: left;
text-align: center;
color: #352c04;
}

#portfolioBubble .col1
{
margin-left: 37px;
}

#portfolioBubble .col1 p, #portfolioBubble .col2 p
{
width: 350px;
margin-left: 50px;
text-align: left;
line-height: 145%;
margin-bottom: 10px;
font-size: 11px;
}

#portfolioBubble .col1 dl, #portfolioBubble .col2 dl
{
margin-left: 50px;
text-align: left;
}

#portfolioBubble .col1 dt, #portfolioBubble .col2 dt, #portfolioBubble .col1 dd, #portfolioBubble .col2 dd
{
margin-left: 10px;
text-align: left;
display: inline;
}

#portfolioBubble .col1 dd, #portfolioBubble .col2 dd
{
clear: right;
}

#portfolioBubble .col1 dt, #portfolioBubble .col2 dt
{
font-family: Georgia, serif;
}

#portfolioBubble p.view-screenshot
{
text-align: right;
width: 303px;
}
/* ###################### Slider ######################### */

/* image replacement */
#prevBtn, #nextBtn, #slider1prev, #slider1next
{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}
/* // image replacement */
							
#content
{
position:relative;
}			

/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li
{
margin:0;
padding:0;
list-style:none;
}

#slider
{
margin-left: 17px;
}

#slider2
{
margin-top:1em;
}

#slider li, #slider2 li
{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:890px;
height:378px;
overflow:hidden;
}	

#prevBtn, #nextBtn,
#slider1next, #slider1prev
{ 
display:block;
width:59px;
height:77px;
position:absolute;
left:-8px;
top:183px;
z-index:1000;
}	

#nextBtn, #slider1next
{ 
left:883px;
}														

#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a
{  
display:block;
position:relative;
width:59px;
height:77px;
background:url(../img/port_arrow_prev.png) no-repeat 0 0;	
}	

#nextBtn a, #slider1next a
{ 
background:url(../img/port_arrow_next.png) no-repeat 0 0;	
}	

/* // Easy Slider */
/* --- END Silder part for Portfolio */

/* About */
.aboutBox
{
width: 960px;
float: left;
margin-top: 0;
}

.aboutBox .col1
{
background: url(../img/about_box.png) 0 0 no-repeat;
width: 533px;
height: 421px;
float: left;
}

.aboutBox .col1 p
{
left:20px;
margin:95px 30px 0 212px;
width:225px;
font-size: 12px;
line-height: 165%;
}

.hello
{
font-family: "Museo 500 Regular", Arial, verdana, sans-serif;
color: #206574;
font-size: 14px;
}

.aboutBox .col2
{
background: url(../img/whaticando.gif) 0 0 no-repeat;
width: 302px;
height: 355px;
float: left;
margin-top: 105px;
}

.aboutBox .col2 ul
{
margin:113px 30px 0 45px;
font-size: 14px;
line-height: 155%;
list-style-image: url(../img/bullet_about.gif);
}

.aboutBox .col2 p
{
text-indent: -9999px;
}

.aboutBox a:link, .aboutBox a:visited, .aboutBox a:hover
{
color: #206574;
}

.aboutBox a:hover
{
color: #093741;
}

a.resume
{
margin: 7px 0 0 40px;
}

a.resume:link, a.resume:visited, a.resume:hover
{
background: url(../img/btn_resume.png) 0 0 no-repeat;
width: 145px;
height: 27px;
display: block;
text-indent: -9999px;
}

a.resume:hover
{
background: url(../img/btn_resume.png) 0 -29px no-repeat;
}

/* Top link */
.top
{
width: 118px;
height: 111px;
float: right;
position:relative;
padding-right: 35px;
top: 500px;
}

/* Footer style */

#footer
{
background: url(../img/footer.jpg) center top no-repeat;
height: 216px;
margin: 0 auto;
}

#footer .footer_container
{
margin: 0 auto;
padding-top: 40px;
width: 890px;
}

#footer .footer_container p, #footer .footer_container p.specialThanks
{
font-family: "Museo 500 Regular", Arial, verdana, sans-serif;
font-size: 13px;
color: #3a1905;
text-align: center;
padding: 10px 0 0 15px;
clear: both;
}

#footer .footer_container p.specialThanks
{
font-size: 11px;
}

/* Navigation on Footer */

#footer ul
{
list-style: none;
padding: 0 0 0 251px; 
}

#footer li a:link, #footer li a:visited, #footer li a:hover
{
float: left;
margin: 0 2em;
font-size: 13px;
font-family: "Museo 500 Regular", Arial, verdana, sans-serif;
text-transform: uppercase;
color: #3a1905;
text-decoration: none;
}

#footer li a:hover
{
color: #865740;
}

#footer .footer_container p.specialThanks a:link,
#footer .footer_container p.specialThanks a:visited,
#footer .footer_container p.specialThanks a:hover
{
color: #3a1905;
text-decoration: underline;
}

#footer .footer_container p.specialThanks a:hover
{
color: #865740;
text-decoration: none;
}


/* Contact Form Error message */
.error
{
font-size: 12px;
color: #ff0000;
background: url(../img/error_arrow.gif) 0 3px no-repeat;
padding-left: 14px;
}

.thanks
{
margin-top: 50px;
width: 400px;
border: 1px solid #c8e094;
background: #dcf2ad url(../img/thumbs_up_48.png) 6px 20px no-repeat;
padding: 20px 20px 20px 60px;
font-size: 16px;
font-family: "Museo 500 Regular", Arial, verdana, sans-serif;
color: #333;
}