body { margin: 0px; padding: 0px; background: #fff; text-align: center; }
body, table, input, textarea, select { color: #4B4949; font-size: 14px; font-family: 'Roboto', sans serif; font-weight: normal; line-height: 25px; }

.clearl { clear: left; font-size: 0px; height: 0px; }
.clear { clear: both; }

.width { width: 980px; margin: 0 auto; left: 0; right: 0; padding: 0px 25px; }
#wrapper { width: 100%; text-align: left; }

section { display: block; }
section h2 { text-align: center; font-size: 260%; text-transform: uppercase; margin: 0px; padding: 0px; margin-bottom: 50px; }
#section h2 span { color: #8DA890; position: relative; }

#top {position: fixed; right: 0; top: 20px; height: 60px; color: #fff; z-index: 2; }
#logo { float: right; width: 270px; margin-right: 2px; height: 60px; background-color1: #4b4949; background: #4b4949 url('../images/logo.png') center center no-repeat; }
#menu { float: right; height: 60px; background-color: #4b4949; font-size: 110%; padding: 0 20px; }
#menu ul { margin: 0; padding: 0; list-style-type: none; }
#menu ul li { float: left; margin: 0 26px; }
#menu ul li a { color: #fff; text-transform: uppercase; text-decoration: none; line-height: 60px; }

#social-links {float: right; height: 60px; background-color: #4b4949; margin-left: 2px;}
#social-links ul {margin: 15px 0 0; padding: 0 15px; list-style: none;}
#social-links ul li {float: left; margin: 0 7px; border-radius: 2px; overflow: hidden;}
#social-links ul li a {display: block; color: #fff; padding: 5px 7px;}
#social-links ul li a i {font-size: 18px;}
#social-links ul li.fb a {background: #395A9A;}
#social-links ul li.ig a {background: linear-gradient(#8d3bb3, #cb2f7e, #f9762c);}

#intro { background: #ededec url('../images/intro-bg.jpg') center top; height: 400px; position: relative; z-index: 1; }
.quote { margin:0px auto; width:980px; padding:0px 0px 0px 0px; height:300px; background: url('../images/logo-purvi.png') left 110px no-repeat;}
.quote blockquote { width:350px; margin:0px; padding:230px 0px 0px 0px; line-height:18px;}
#pallate { position: absolute; width: 932px; height: 283px; bottom: 0; right: 0; background: url('../images/color-pallate.png')  center 0 no-repeat; }
#quote { margin: 0px; padding: 0px; width: 500px; font-size: 100%; padding-top: 150px; padding-left: 100px; color: #000; }

#about { margin: 0px; padding: 0px; height1: 579px; background: url('../images/about-bg.jpg') center top no-repeat; position: relative; }
#about-content { position1: absolute; width1: 100%; padding1: 100px 0; padding: 679px 0 100px 0; background1: #fff; font-size: 120%; top1: 580px; position: relative; }

#paintings { margin: 0px; padding: 0px; height1: 753px; background: url('../images/paintings-bg.jpg') center top no-repeat; position: relative; }

#portfolio { position1: absolute; width1: 100%; background1: #fff; padding1: 100px 0; padding: 853px 0 100px 0; position: relative; }
#portfolio .item { float: left; width: 310px; height: 390px; overflow: hidden; margin-right: 25px; }
#portfolio .item.last { margin-right: 0px; }
#portfolio .item .art { width: 310px; height: 310px; overflow: hidden; margin-bottom: 15px; }
#portfolio .item .art img { width: 100%; height: auto; }
#portfolio .item h3 { margin: 0px; pading: 0px; }
#portfolio .item p { margin: 0px; font-size: 90%; color: #8da890; }

#contact { margin: 0px; padding: 0px; height: 807px; background: url('../images/contact-bg.jpg') center top no-repeat; position: relative; }

#contact-details { position1: absolute; width1: 100%; background1: #fff; padding1: 100px 0; padding: 907px 0 100px 0; top1: 753px; }
#contact-details h2 { text-align1: left; }

#form { width: 400px; margin: 0 auto; }
#form .control { width: 100%; margin-bottom: 10px; }
#form .control .mandatory { color: #ff0000; }
#form .control label { display: block; }
#form .control input, #form .control textarea { width: 100%; padding: 0px 10px; color: #000; background: #fff; opacity1: 0.5; border: 1px solid #ccc; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#form .control input { height: 40px; line-height: 40px; }
#form .control textarea { padding: 10px; }
#form .control div.error { color: #ff0000; line-height: 12px; font-size: 90%; margin-top: 5px; }
#form .submit { border:0px; background:#8ea791; color:#fff; padding:3px 20px; font-size:13px; letter-spacing:0.07em; cursor:pointer;}
#form .submit:hover { background:#4b494a;}
#form .control input.error, #form .control textarea.error { border-color: #ff0000; box-shadow: 0 0 5px #ffbbb6; }
#form .control .overlap { position: relative; }
#form .control .overlap .over { position: absolute; right: 0; top: 0; }
#form .control .overlap .captcha { height: 40px; width: 160px; margin-top: 1px; border-left: 1px solid #ccc; }
#form .control .overlap .captcha img { height: 38px; width: auto; }
#form .control .overlap .captcha .refresh { float: right; height: 38px; width: 38px; display: block; cursor: pointer; border-left: 1px solid #ccc; }
#form .control .overlap .captcha .refresh img { height: 16px; width: 16px; padding: 11px; }
.contact_error { width:370px; margin:0px auto 15px auto; padding:15px; background:#ff0000; color:#fff;}
.contact_error h4 { margin:0px; padding:0px;}
.contact_error { width:370px; margin:0px auto 15px auto; padding:15px; background:#8ea791; color:#fff;}


ul.tabs { margin: 28px 0; padding: 0; list-style: none; text-align: center; }
ul.tabs li { display: inline-block; position:relative; color: #000; font-size: 17px; border-bottom: 2px solid #b9b9b9; margin: 0 4px; cursor: pointer; }
ul.tabs li a { padding: 4px 18px 17px; display: block; text-decoration: none; color: #000; }
ul.tabs li a:hover { color: #be0a0a; }
ul.tabs li:hover, ul.tabs li.active { border-bottom: 2px solid #de8484; }
ul.tabs li.active, ul.tabs li.active a, ul.tabs li.active a:hover { color: #be0a0a; }
ul.tabs li span { width: 13px; height: 13px; border-radius: 50%; background: #b9b9b9; position: absolute; left: 0; right: 0; bottom: -8px; margin: 0 auto; }
ul.tabs li.active span, ul.tabs li:hover span { background: #be0a0a; }
.tab-content { padding: 5px 0px; min-height: 350px; }

#media { margin: 0; padding: 0; position: relative; }
#media-content { padding: 130px 0 100px; }
ul.media { margin: 0; padding: 0; list-style: none; }
ul.media li { float: left; width: 180px; margin: 0 20px 20px 0; line-height: normal; position: relative; }
ul.media li a { width: 100%; height: 122px; display: block; }
ul.media li a span.zoom { position: absolute; left: 0; top: 0; width: 182px; height: 122px; background-image: url(../images/zoom.png); background-position: center center; background-repeat: no-repeat; display: block; visibility: hidden; opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
ul.media li a:hover span.zoom { visibility: visible; opacity: 1; background-color: rgba(75,75,73,0.7); }
ul.media li img { border: 1px solid #ccc; display: block; }
ul.media li.last { margin-right: 0; }
ul.media li .caption { margin-top: 5px; font-size: 12px; color: #000; line-height: 16px; }
ul.media li .caption span.date { color: #be0a0a; }