/*
Theme Name: Art Gallery
Theme URI: http://roxigo.com/demos/webcrafters/artgallery/wp/
Description: Art Gallery is created by Roxigo and WebCrafters.
Version: 1.0
Author: Roxigo and WebCrafters
Author URI: http://roxigo.com
*/
/*
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)
*/
a{
outline: none;
text-decoration:underline;
color:#B0CCF1;
}
a:hover {
color:#B0CCF1;
text-decoration:none;
}
textarea{
resize: none;
}
html{
background: #2251a1;
}
body {
margin:0;
padding:0;
background: url(images/homepage.jpg) no-repeat;
background-position:top center;
font-family:Calibri, Verdana, Geneva, sans-serif;
}
.pngfix {
behavior: url(js/pngfix/iepngfix.htc);
}
.clear{
clear: both;
}
fieldset, img {
border:0;
}
h5 {
margin-top:-15px;
padding-bottom:15px;
color:#d0e0f5;
}
h6 {
font-size:20px;
font-style:italic;
color:#ABC9F1;
}
.main {
margin:0px auto;
padding:0px;
width:900px;
border:0px solid red;
position:relative;
}
.header {
position:relative;
width:850px;
height:120px;
margin:-2px 0 0 0;
padding-top:7px;
z-index:900;
}
.logo {
position:absolute;
left:0px;
top:15px;
height:216px;
width:214px;
}
.content {
position:relative;
display:block;
float:left;
width:100%;
border:0px solid red;
min-height:600px;
}
.contentLeft {
float:left;
width:410px;
margin-left:23px;
position:relative;
display:inline;
}
.contentRight {
float:left;
width:280px;
position:relative;
margin-left:20px;
}
.pictureframe {
float:left;
position:relative;
}
.frame {
position:absolute;
left: -18px;
top:-12px;
}
.intro {
float:left;
width:360px;
margin:20px 0px 0px 22px;
}
.intro h1 {
font:normal 13px Georgia;
color:#55504c;
margin:5px 0 0 0;
line-height:22px;
}
.ajaxresponse {
color:#55504c;
}
.Gallerymenu {
width:190px;
height:241px;
background-image:url(images/shadowbk.png);
background-position:top left;
background-repeat:no-repeat;
position:absolute;
left: 137px;
top: 229px;
border:0px solid red;
}
.pic1 {
margin:30px 0 0 35px;
display:inline;
behavior: url(js/pngfix/iepngfix.htc);
}
.pic2 {
margin:23px 0 0 30px;
display:inline;
behavior: url(js/pngfix/iepngfix.htc);
}
.pic3 {
margin:9px 0 0 28px;
display:inline;
behavior: url(js/pngfix/iepngfix.htc);
}
.socialb {
float:left;
width:160px;
margin:25px 0 0 25px;
display:inline;
}
.bio {
padding-left:10px;
padding-bottom:10px;
float:right;
}
.commentsp {
line-height:140%;
padding-bottom:20px !important;
}
.commentsp span {
font-style:italic;
font-weight:bold;
}
.socialb img {
margin-left:5px;
}
.redrope {
position:absolute;
top:290px;
left:0px;
}
.footer p {
font:normal 12px;
margin:0;
color:#fff;
}
.slideshow {
float:left;
width:100%;
position:relative;
}
.arrLeft {
float:left;
width:26px;
height:51px;
position:absolute;
left: -14px;
top: 93px;
}
.arrRight {
float:right;
width:26px;
height:51px;
position:absolute;
right: -5px;
top: 93px;
}
.arrCenter {
float:left;
width:850px;
height:250px;
}
.imgSlideshow {
float:left;
margin-left:30px;
position:relative;
display:inline;
}
.imgslide {
position:absolute;
left:-10px;
top: 35px;
}
.firstpic {
margin-left:20px;
display:inline;
margin-right:10px;
}
.lastpic {
margin-left:40px;
display:inline;
margin-right:10px;
}
.imgSlideshow h2 {
text-align:center;
font-weight:normal !important;
font-size:19px;
margin:3px 0 0 0;
color:#ccc;
}
.imgSlideshow h2 a {
color:#000;
text-decoration:none;
}
.imgSlideshow a img {
opacity:1;
}
.imgSlideshow a:hover img {
opacity:1;
}
.imgSlideshow p {
text-align:center;
font:normal 12px Arial;
color:#fff;
margin:13px 0 13px 0;
}
.imgSlideshow p a {
color:#595959;
text-decoration:none;
}
.paginaregallery {
float:right;
height:40px;
border:0px solid red;
margin-top:33px;
margin-right:31px;
}
.paginareLeft {
float:left;
background-image:url(images/paginareLeft.png);
background-repeat:no-repeat;
background-position:left;
height:40px;
width:7px;
}
.paginareCenter {
float:left;
background-image:url(images/paginareCenter.png);
background-repeat:repeat-x;
background-position:left;
height:40px;
}
.paginareRight {
float:left;
background-image:url(images/paginareRight.png);
background-repeat:no-repeat;
background-position:left;
height:40px;
width:7px;
}
.paginare {
float:right;
height:40px;
border:0px solid red;
margin-right:0px;
margin-top:7px;
}
.page {
width:23px;
height:23px;
float:left;
margin-left:5px;
}
.page a {
font:bold 15px Georgia;
color:#423933;
text-decoration:none;
margin:3px 0px 0px 6px;
border:0px solid red;
float:left;
}
.page a:hover {
color:#978a82;
}
#selecteditem {
background-color:#423933;
width:23px;
height:23px;
float:left;
margin:3px 0px 0px 6px;
border:0px solid #7b7b7b;
}
#selecteditem a {
font:bold 15px Georgia;
color:#fff;
text-decoration:none;
margin:0px 0px 0px 6px;
border:0px solid red;
float:left;
}
#selecteditem a:hover {
color:#fff;
}
.bench {
position:absolute;
top:334px;
left:70px;
}
.pagimg {
position:absolute;
top:334px;
left:70px;
}
.categories {
position:relative;
float:right;
width:241px;
height:50px;
margin-right:33px;
margin-top:12px;
}
.categories img {
position:absolute;
top:180px;
}
.menuservices {
float:left;
width:350px;
height:300px;
position:relative;
}
.menuservices ul {
list-style:none;
margin:0;
padding:0;
display:block;
position:absolute;
}
.menuservices ul li {
margin:4px 0 4px 0;
padding:4px 0 4px 0;
font:bold 19px Arial;
color:#fff;
background-image:url(images/arrowmenu.png);
background-position:90% 50%;
background-repeat:no-repeat;
height:22px;
width:350px;
position:relative;
}
.menuservices ul li img {
position:absolute;
top:-5px;
}
.menuservices ul li a {
color:#fff;
text-decoration:none;
}
.menuservices ul li a:hover {
color:#81c9ec;
}
.menuservices ul li .selected {
color:#81c9ec;
}
.polles {
float:left;
position:relative;
}
.polles img {
position:absolute;
left: -60px;
top:200px;
}
.contentTextSlide {
float:right;
width:380px;
margin:0px 35px 0px 0px;
overflow: hidden;
height:370px;
position:relative;
}
.contentTextSlide2 {
float:right;
width:850px;
margin:0px 35px 0px 0px;
overflow: hidden;
height:auto;
position:relative;
color:#fff;
}
.contentTextSlide2 a{
color:#b0ccf1;
text-decoration:underline;
}
.contentTextSlide2 a:hover{
color:#b0ccf1;
text-decoration:none;
}
.servicesText {
border:0px solid red;
height: 562px;
overflow:auto;
}
.servicesText p {
font-weight:normal;
font-size:16px;
font-family:Calibri, Verdana, Geneva, sans-serif;
color:#fff;
line-height:22px;
margin:0;
padding-bottom:10px;
}
.servicesText img {
padding-left:5px;
}
.contact {
float:left;
width:100%;
}
.form {
width:100%;
border:0px solid red;
float:left;
}
.inputcontact {
width:210px;
border:2px dashed #ccc;
color:#fff;
background:transparent;
padding:5px;
font-size:14px;
}
.inputcontact:focus{
border:2px dashed #278EC8;
background:transparent;
}
.form_info{
width: 430px;
font:normal 14px;
color:#ccc;
float: left;
}
.email_label, .phone_number_label, .your_company_label{
width: 150px;
float: left;
height: 61px;
position: relative;
top: 10px;
}
.email_input{
width: 270px;
float: left;
}
.chair {
float:left;
position:absolute;
top: 260px;
}
.chair img {
position:absolute;
left: -23px;
top:-64px;
}
.messagebox {
float:right;
width:350px;
border:0px solid red;
margin-right:60px;
}
.messageinput {
width:320px;
height:230px;
border:2px dashed #ccc;
color:#fff;
background:transparent;
padding:4px;
font-size:14px;
}
.messageinput:focus {
border:2px dashed #278EC8;
background:transparent;
}
.messagebox img {
float:right;
margin-top:25px;
margin-right:16px;
-moz-box-shadow:0 0 10px ##93B631;
-webkit-box-shadow:0 0 10px ##93B631;
}
.bigCarusel {
width: 9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
}
.bigCarusel li {
display:block;
float:left;
padding: 10px;
height:800px;
width: 900px;
}
/* gallery menu */
.galleryMenu {
border:0px solid red;
position:absolute;
bottom:150px;
right:35px;
width:224px;
z-index:1000;
}
.galleryMenu-top {
width:224px;
height:18px;
background-image:url(images/menu_up.png);
}
.galleryMenu-center {
width:224px;
background-image:url(images/menu_content.png);
}
.galleryMenu-row {
width:200px;
float:left;
margin: 5px 0px 0px 10px;
padding:2px 0px 4px 0px;
background-image:url(images/menu_row_bottom.png);
background-repeat:no-repeat;
background-position:bottom;
}
.galleryMenu-row .thisText {
margin: 0px;
padding: 0px;
font: bold 14px Arial;
color: #e9e2d3;
float:left;
margin:0px 0px 0px 10px;
cursor:pointer;
}
.galleryMenu-row .checkbox {
width:19px;
height:19px;
background-image:url(images/checkbox.png);
background-position: 0px -19px;
cursor:pointer;
float:left;
}
.galleryMenu-row .checkbox:hover {
background-position: 0px 0px;
}
.galleryMenu-row .checkboxSelected {
background-position: 0px 0px;
}
.galleryMenu-bottom {
width:224px;
height:18px;
background-image:url(images/menu_bottom.png);
}
#caruselWrapper{
float:left;
width:100%;
min-height:585px;
overflow: hidden;
position:relative;
}
#sectionGallery, #sectionServices, #sectionContact{
margin-left:480px;
}
.galleryCarusel{
overflow:hidden;
position:relative;
width:795px;
margin-left:20px;
}
#navigation {
height: 48px;
clear:both;
padding:0px;
margin:0px;
}
#navigation ul{
width:770px;
height:48px;
margin:0 auto;
}
#navigation ul li{
float:left;
display: block;
outline: none;
height: 48px;
text-decoration: none;
width: auto;
overflow:hidden;
text-indent:-1000px;
}
#navigation ul li a{
height:48px;
display:block;
}
#navigation .home a{
background: url(images/home.png) no-repeat top left;
width:125px;
}
#navigation .salon a{
background: url(images/salon.png) no-repeat top left;
width:176px;
background-position: 0 0;
}
#navigation .stylists a{
background: url(images/stylists.png) no-repeat top left;
background-position: 0 0;
width: 176px;
}
#navigation .products a{
background: url(images/products.png) no-repeat top left;
background-position: 0 0;
width: 150px;
}
#navigation .contact a{
background: url(images/contact.png) no-repeat top left;
background-position: 0 0;
width: 139px;
}
#navigation .home a:hover{
width:125px;
background-position: 0px -48px;
}
#navigation .home .selected{
width:125px;
background-position: 0px -48px;
}
#navigation .salon a:hover{
width:176px;
background-position: 0px -48px;
}
#navigation .stylists a:hover{
background-position: 0px -48px;
width: 176px;
}
#navigation .products a:hover{
background-position: 0px -48px;
width: 150px;
}
#navigation .contact a:hover{
background-position: 0px -48px;
width: 139px;
}
.menu-holder {
position:absolute;
width:727px;
height:50px;
right:0px;
top:40px;
}
.home-holder {
position:relative;
width:850px;
height:600px;
margin-top:-25px;
z-index:1100;
}
.slogan {
position:absolute;
top:10px;
right:5px;
height:102px;
width:575px;
z-index:1200;
}
.home-btn {
position:absolute;
width:330px;
height:45px;
top:160px;
right:323px;
}
.clear {
clear:both;
}
.phome {
line-height:160%;
font-size:14px;
color:#fff;
}
.hometext {
position:absolute;
width:500px;
height:200px;
right:5px;
top:125px;
}
.footer {
background-image:url(images/footer-bgd.png);
background-repeat:no-repeat;
background-position:bottom center;
height:231px;
}
.footcontainer {
width:850px;
margin-left:auto;
margin-right:auto;
height:220px;
position:relative;
}
.foottext {
position:absolute;
top:20px;
right:20px;
height:30px;
width:320px;
text-align:right;
font-size:14px;
}
.sliderholder {
position:absolute;
width:325px;
height:500px;
left:0px;
top:100px;
}
.sliderholder2 {
position:absolute;
width:325px;
height:500px;
left:0px;
top:100px;
}
.slideshow { height: 459px; width: 325px; margin-top:150px; }
.slideshow2 { height: 459px; width: 325px; position:absolute;
top:103px; left:-5px;}
.slideshow img { border:none;}
.normal {
height:auto;
}
.staff {
vertical-align:top;
padding:5px;
}
.staff img {
margin:0px;
clear:both;
}
.footerleft {
width:275px;
float:left;
}
.footerleft2 {
width:200px;
float:left;
color:#fff;
}
.footerleft2 a{
color:#B0CCF1;
text-decoration:underline;
}
.footerleft2 a:hover {
color:#B0CCF1;
text-decoration:none;
}
.footerright {
float:right;
width:350px;
}
.clear {
clear:both;
}
.imageholder {
padding-top:20px;
padding-bottom:10px;
/*-----------Ultimate Page Ends-------------------*/
.error {border:6px solid red!important; }
.slogan-home {
padding-bottom:20px;
}
.slogan-home img {
width:470px;
padding-top:5px;
height:128px;
float:left !important;
clear:both;
}
hr {
margin: 10px auto;
border:1px solid #fff;
}