@charset "utf-8";
/* CSS Document */
/*
Template Name: onlyArt
Description: HTML/CSS Portfolio Template
Version: 1.0.0.110429
Author: Cosmin Cotor
Author URL: http://cosmincotor.com
Tags: modern, clean
*/
/*------------- general elements start -------------*/
* {
	margin:0;
	border:0;
	padding:0;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	color:#555;
	background:#555555 url(../images/bg1.jpg) fixed;
}
textarea, input {
	font-family:Arial, Helvetica, Verdana;
	font-size:12px;
	line-height:22px;
	color:#555;
}
p {
	margin-top:0px;
	margin-bottom:15px;
	display:block;
	overflow:hidden;
}
ol, ul {
	list-style: none outside none;
}
a {
	color:#333;
	text-decoration:none;
	display:block;
}
a:hover {
	text-decoration:none;
	color:#0000FF;
}
img {
	display:block;
	overflow:hidden;
}
h1, h2, h3, h4, h5, h6 {
	display:block;
	overflow:hidden;
	font-weight:normal;
	margin:10px 0px 13px 0px;
	color:#333;
	padding-bottom:3px;
}
h6 {
	font-size:14px;
	margin-bottom:5px;
}
h5 {
	font-size:16px;
	margin-bottom:5px;
}
h4 {
	font-size:18px;
	margin-bottom:5px;
}
h3 {
	font-size:20px;
}
h2 {
	font-size:24px;
}
h1 {
	font-size:30px;
}
table {
	margin-bottom:15px;
	border:1px solid #ddd;
	width:100%;
	border-collapse:separate;
	border-spacing:0;
	vertical-align:middle;
	background:#fcfcfc;
}
td {
	border-top:1px solid #ddd;
}
th {
	background:#f2f2f2;
	height:40px;
}
table, td, th {
	text-align:center;
	height:30px;
}
tr:hover {
	background:#f4f4f4;
}
/*------------- general elements end -------------*/

.websiteWrap {
	display:block;
	margin-top:5px;
	overflow:hidden;
	width:960px;
	background:url(../images/bgShadow.png) no-repeat;
	min-height:584px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-right:20px;
	padding-left:20px;
}
.pageWrap {
	display:block;
	width:960px;
	margin-top:20px;
	overflow:hidden;
	background:#fdfdfd url(../images/pageBgGrad.png) repeat-x;
	min-height:500px;
}
/* header css starts */
.headerWrap {
	display:block;
	height:129px;
	width:960px;
	background:url(../images/headerBgSlice.png) repeat-x;
	overflow:visible;
}
.mainLogo {
	display:block;
	float:left;
	position:relative;
	height:70px;
	margin-left:20px;
	margin-top:30px;
}
.mainMenu {
	display:block;
	float:right;
	margin-top:50px;
}
.mainMenu > li {
	display:block;
	float:left;
	margin-right:20px;
	margin-left:5px;
	position:relative;
	height:34px;
	z-index:99;
}
.mainMenu > li {
	color:#1d1d1d;
	font-size:15px;
}
.mainMenu > li:hover {
	color:#0000FF;
}
li.currentPage > a {
	color:#333333;
}
.subMenu {
	display:none;
	position:absolute;
	width:120px;
	background:#ffffff url(http://oxeso.com/onlyart/images/submenuBgSlice.png) repeat-x;
	-moz-box-shadow:0px 0px 4px #bbb;
	box-shadow:0px 0px 4px #bbb;
	-webkit-box-shadow:0px 0px 4px #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	top:34px;
}
.subMenu li {
	padding-bottom:8px;
}
.subMenu li a {
	color:#777;
	font-size:12px;
}
.subMenu li a:hover {
	color:#ee0000;
}
.lastMenuChild .subMenu {
	right:0px;
}
/* header css ends */
/* quote starts */
.mainQuote {
	display:block;
	text-align:center;
	font-style:italic;
	line-height:32px;
	vertical-align:baseline;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:28px;
	background:url(../images/hLine.png) left bottom repeat-x;
	overflow:hidden;
	margin-bottom:28px;
}
/* quote ends */
/* general page starts */
.pageTitle {
	display:block;
	height:0px;
	margin-bottom:28px;
	overflow:hidden;
	width:940px;
	background:url(../images/pageTitleBgSlice.png) repeat-x;
	padding-left:20px;
}
.pageTitle h2 {
	padding-left:20px;
	margin-top:10px;
	margin-bottom:0px;
	background:url(../images/pageTitleBg.png) 0 center no-repeat;
	padding-top:3px;
}
.pageContent {
	display:block;
	overflow:hidden;
	margin-bottom:0px;
	width:920px;
	padding-left:20px;
	padding-right:20px;
}
/* general page ends */
/* 1 column portfolio page starts */
.portfolioItem1 {
	display:block;
	overflow:hidden;
	margin-bottom:40px;
}
.portfolioWrap ul {
	display:block;
	overflow:hidden;
}
.portfolioWrap ul li {
	display:block;
	overflow:hidden;
}
.oneColumnImage {
	display:block;
	float:left;
	margin-right:40px;
	background:#fff;
	border:1px solid #e4e4e4;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:4px;
	overflow:hidden;
}
.oneColumnDetails {
	display:block;
	overflow:hidden;
	float:left;
	width:450px;
}
.pageNumbers {
	display:block;
	overflow:hidden;
	margin-left:20px;
	margin-bottom:10px;
}
.pageNumbers ul {
	dsplay:block;
	float:left;
	overflow:hidden;
}
.pageNumbers li {
	display:block;
	overflow:hidden;
	float:left;
	height:30px;
	width:30px;
	margin-right:10px;
}
.pageNumber {
	display:block;
	overflow:hidden;
	background:url(../images/pageNumberBg.png) no-repeat;
	color:#555;
	width:28px;
	height:24px;
	text-align:center;
	padding-top:4px;
}
.current {
	color:#ee0000;
	background:url(../images/pageNumberBg.png) 0 -28px no-repeat;
}
.pageNumber:hover {
	color:#ee0000;
	background:url(../images/pageNumberBg.png) 0 -28px no-repeat;
}
/* 1 column portfolio page ends */
/* 3 columns portfolio page starts */
.portfolioWrap {
	display:block;
	overflow:hidden;
	width:980px;
	margin-left:-40px;
}
.oneColumnWrap {
	margin-left:0px;
	width:920px;
}
.portfolioItem3 {
	display:block;
	overflow:hidden;
	margin-bottom:40px;
	margin-left:40px;
	float:left;
	width:280px;
	min-height:330px;
}
.threeColumnsImage {
	display:block;
	float:left;
	margin-right:40px;
	background:#fff;
	border:1px solid #e4e4e4;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:4px;
	overflow:hidden;
}
.threeColumnsDetails {
	display:block;
	overflow:hidden;
	float:left;
	width:280px;
}
/* 3 columns portfolio page ends */
/* contact page starts */
.contactTitle {
	margin-top:0px;
}
.contactPage h5 {
	margin-bottom:0px;
	margin-top:3px;
}
.contactForm {
	display:block;
	overflow:hidden;
	min-height:484px;
}
.socialDetails {
	display: block;
	height:32px;
	position:relative;
	margin-bottom:20px;
	overflow:visible;
	width:600px;
}
.socialDetails a {
	margin-top:0px;
	height: 32px;
	display: block;
	float: left;
	position:relative;
	margin-right: 10px;
}
.socialDetails img {
	display: block;
	height: 32px;
	width: 32px;
}
.location {
	display:block;
	width:420px;
	overflow:hidden;
}
.gMap {
	display:block;
	padding:4px;
	overflow:hidden;
	background:#fff;
	border:1px solid #ccc;
}
label {
	font-size:16px;
	margin-bottom:6px;
	display:block;
}
#contactName, #contactEmail, #contactSubject, #contactMessage {
	display:block;
	width:397px;
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:20px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	-moz-box-shadow:1px 1px 0px #ddd;
	box-shadow:1px 1px 0px #ddd;
	-webkit-box-shadow:1px 1px 0px #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#f4f4f4;
	height:22px;
}
#contactMessage {
	height:140px;
	max-width:397px;
}
.contactButton {
	display:block;
	height:30px;
	width:120px;
	overflow:hidden;
	float:left;
	background:url(../images/contactSubmitBtn.png) 0 0 no-repeat;
}
.contactButton:hover {
	background:url(../images/contactSubmitBtn.png) 0 -30px no-repeat;
	cursor:pointer;
	border:none;
}
span.error {
	display:inline-block;
	color: #fff;
	text-align: left;
	width:383px;
	margin-bottom:10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:5px 5px 5px 30px;
	background:#ff7979 url(../images/warning.png) 5px center no-repeat;
	border:1px solid #F30;
}
.contactSuccessMessage {
	display:block;
	overflow:hidden;
}
.contactSuccessMessage img {
	float:left;
	margin-top:4px;
	margin-right:10px;
}
.contactSuccessMessage h4 {
	display:inline-block;
	float:left;
}
/* contact page ends */
/* 404 error page starts */
.pageErrorWrap {
	display:block;
	overflow:hidden;
}
.pageErrorWrap img {
	position:relative;
	float:left;
}
.pageErrorWrap h3 {
	display:inline-block;
	float:left;
	position:relative;
	margin-top:55px;
	margin-bottom:0px;
	padding-bottom:4px;
}
.search {
	display:block;
	overflow:hidden;
}
.searchField {
	display:block;
	width:218px;
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:20px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	-moz-box-shadow:1px 1px 0px #ddd;
	box-shadow:1px 1px 0px #ddd;
	-webkit-box-shadow:1px 1px 0px #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#f4f4f4;
	float:left;
	margin-top:2px;
	margin-right:10px;
	height:22px;
}
.searchBtn {
	display:block;
	float:left;
	width:44px;
	height:40px;
	background:url(../images/searchBtnBg.png) 0 0 no-repeat;
	cursor:pointer;
	border:none;
}
.searchBtn:hover {
	background:url(../images/searchBtnBg.png) 0 -40px no-repeat;
}
/* 404 error page ends */
/* footer starts */
.footerWrap {
	display:block;
	overflow:visible;
	height:150px;
	width:960px;
	background:url(../images/footerBg.png) no-repeat;
	position:relative;
	padding-top:30px;
}
.backToTopWrap {
	display:block;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	width:114px;
	height:10px;
}
.backToTopWrap img {
	height:10px;
	position:absolute;
	z-index:99;
}
.backToTopBtn {
	display:block;
	width:60px;
	margin-left:27px;
	position:relative;
	height:32px;
	overflow:hidden;
}
.backToTop {
	display:block;
	width:60px;
	height:122px;
	overflow:hidden;
	background:url(../images/backToTopBg.png) 0 0 no-repeat;
	position:absolute;
	top:-90px;
	cursor:pointer;
}
/* footer ends */
/*********** columns start ***********/
.frontTitle1 {
	margin-top:0px;
	padding-top:3px;
	padding-bottom:6px;
	padding-left:42px;
	background:url(../images/gear.png) no-repeat;
}
.frontTitle2 {
	margin-top:0px;
	padding-top:3px;
	padding-bottom:6px;
	padding-left:42px;
	background:url(../images/clock.png) no-repeat;
}
.frontTitle3 {
	margin-top:0px;
	padding-top:3px;
	padding-bottom:6px;
	padding-left:42px;
	background:url(../images/wallet.png) no-repeat;
}
.columnsWrap {
	display:block;
	overflow:hidden;
	margin-bottom:28px;
	width:920px;
	padding-left:20px;
	padding-right:20px;
}
.pageColumnsWrap {
	display:block;
	overflow:hidden;
	width:920px;
	margin-bottom:28px;
}
.oneThird {
	margin-right:40px;
	width:280px;
	display:block;
	float:left;
	overflow:hidden;
}
.oneHalf {
	width:420px;
	margin-right:80px;
	display:block;
	float:left;
	overflow:hidden;
}
.twoThirds {
	margin-right:40px;
	width:600px;
	display:block;
	float:left;
	overflow:hidden;
}
.lastColumn {
	margin-right:0px;
}
/*********** columns end ***********/


/*********** custom elements start ***********/
hr {
	display:block;
	overflow:hidden;
	background:url(../images/hLine.png) repeat-x;
	height:2px;
	margin-bottom:28px;
}
.pageContent hr {
	margin-top:24px;
	margin-bottom:20px;
}
.readMoreBtn {
	display:block;
	height:32px;
	overflow:hidden;
	width:120px;
	background:url(../images/readMoreBtnBg.png) 0 0 no-repeat;
	margin-top:15px;
	margin-bottom:5px;
}
.readMoreBtn:hover {
	background:url(../images/readMoreBtnBg.png) 0 -32px no-repeat;
}
.visitWebsiteBtn {
	display:block;
	height:32px;
	overflow:hidden;
	width:120px;
	background:url(../images/visitWebsiteBtnBg.png) 0 0 no-repeat;
	margin-top:15px;
	margin-bottom:5px;
}
.visitWebsiteBtn:hover {
	background:url(../images/visitWebsiteBtnBg.png) 0 -32px no-repeat;
}
.largeImageClean {
	display:block;
	overflow:hidden;
	margin-bottom:28px;
}
.orderedList {
	display: block;
	list-style-type: decimal;
	margin: 10px 0 20px 20px;
	list-style-position: inside;
}
.unorderedList {
	display: block;
	list-style-type: disc;
	margin: 10px 0 20px 20px;
	list-style-position: inside;
}
.customList {
	display: block;
	list-style-type: none;
	margin: 10px 0 20px 20px;
	list-style-position: inside;
}
.customList .checked {
	background:url(../images/checked.png) left center no-repeat;
	display:block;
	padding-left:24px;
	margin-top:4px;
}
.customList .unchecked {
	background:url(../images/unchecked.png) left center no-repeat;
	display:block;
	padding-left:24px;
	margin-top:4px;
}
.alert {
	padding:6px 6px 6px 30px;
	background:#F2D4CE url(../images/close.png) 5px center no-repeat;
	border:1px solid #AE432E;
	margin-top:20px;
	margin-bottom:20px;
	display:block;
	overflow:hidden;
	color:#ae432e;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.download {
	padding:6px 6px 6px 30px;
	background:#D9E6C3 url(../images/arrow_down.png) 5px center no-repeat;
	border:1px solid #77ab13;
	margin-top:20px;
	margin-bottom:20px;
	display:block;
	overflow:hidden;
	color:#69990F;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.info {
	padding:6px 6px 6px 30px;
	background:#a2e5fe url(../images/info_button.png) 5px center no-repeat;
	border:1px solid #09F;
	margin-top:20px;
	margin-bottom:20px;
	display:block;
	overflow:hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.stop {
	padding:6px 6px 6px 30px;
	background:#fff589 url(../images/warning.png) 5px center no-repeat;
	border:1px solid #FC0;
	margin-top:20px;
	margin-bottom:20px;
	display:block;
	overflow:hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.pImageLeft {
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	background:#fff;
	border:1px solid #e4e4e4;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:4px;
	overflow:hidden;
	margin-top:8px;
}
.pImageRight {
	display:block;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	background:#fff;
	border:1px solid #e4e4e4;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:4px;
	overflow:hidden;
	margin-top:8px;
}
/*********** custom elements end ***********/


/* == preview css == */

.bgSwitch {
	display:block;
	position:fixed;
	top:150px;
	left:-15px;
	width:30px;
	padding-left:23px;
	pading-right:5px;
	background:#fdfdfd;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:2px 2px 4px #000;
	box-shadow:2px 2px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	border:1px solid #fff;
	min-height:30px;
	padding-top:25px;
	padding-bottom:0px;
	overflow:visible;
        z-index:99;
}
.bgSwitch a {
	display:block;
	width:20px;
	height:20px;
	margin-bottom:10px;
	overflow:hidden;
}
.bgSwIco {
	display:block;
	width:32px;
	height:32px;
	position:absolute;
	top:-12px;
	right:-12px;
}