az@charset "utf-8";
/* CSS Document */
body {font-family: 'Open Sans', sans-serif;}
a {text-decoration:none; color:#666;}
a:hover {color:#000}
ul, li {margin:0; padding:0; list-style:none}
.logo {margin:0 0 30px 0}
#main {width:90%;  	 font-family: 'Open Sans', sans-serif; font-size:12px; color:#666; margin:5% auto; line-height:22px}
.leftpart {float:left; width:15%; margin:0 10% 0 0; }
.nav {margin:0 0 0 25%}
.nav li a {color:#999; text-transform:uppercase; line-height:28px}
.nav li a:hover, .activenav {color:#fff !important; background:#666666}
.rightpart{float:left; width:75%;}
/*.rightpart li {margin:0 15px 25px 0 !important; float:left; display:inline}*/
.myphoto {text-align:center; margin:25px 0}
.clear {clear:both}

.pen-ink span {display:block; width: 80%; line-height:20px; padding:15px 0 0 0}
.pen-ink span a {font-size:13px}
.contact {padding:120px 0 0 0; line-height:22px}
.leftpart .navbar {
    border-radius: 0;
	min-height: auto;
}
.leftpart .nav {
    margin:0px 0 0 25%;
    text-align: left;
}
.leftpart .navbar-brand {
    float: left;
    height: auto;
    padding:0px;   
}
.leftpart .navbar-nav>li {
    float: none;
	margin-bottom: 12px;
}
.leftpart .nav li a {
    color: #999;
    text-transform: uppercase;
    line-height: 18px;
    padding:1px 2px;
	display: initial;
}
.leftpart .navbar-brand {
    margin: 0 0 30px 0;
}
.leftpart .navbar-toggle
{
	background-color: #f1f1f1;
}
.leftpart .navbar-toggle .icon-bar
{
	background:#000;
}
.leftpart .navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.leftpart .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
{
	color: #fff;
    background: #666666;
}


@media (max-width:767px) {
.leftpart
{
	float:none;
	width:100%;
}
.leftpart .nav {
    margin: 10px 0 0 0;
    text-align: center;
}
.rightpart {
    float: none;
    width: 100%;
}
.contact {
    padding: 0px 0 20px 0;
    line-height: 22px;
    text-align: center;
}
.pen-ink .col-xs-6 {
    width: 33.33%;
}
.leftpart .navbar-default
{
	border-bottom:solid 1px #ddd;
}
.leftpart .navbar-brand>img
{
	height: 50px;
}
.leftpart .navbar-brand {
    margin: 0 0 20px 0;
}
}

@media (max-width:479px) {
.pen-ink .col-xs-6 {
    width: 50%;
}


}