@import "reset.css"; @import "grid.css"; @import "layout.css"; @import "superfish.css"; @import "contact-form.css";  @import "skin.css";/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body { 	 
	font-family:tahoma, Georgia, "Times New Roman", Times, serif;
	font-size:100%; 
	color:#bcbcbc;
	min-width:1005px;
	background:url(images/bg.jpg) center 0 repeat #1f1f1f;
	font-style:italic;
	padding:0 0 0px 0; *padding:77px 0 53px !important;
}

.bg {width:100%; background:url(images/) center 0 no-repeat;}

.main {
	width:1005px; 	
	padding:0;
	margin:77px auto; *margin:0px auto;
	font-size:12px;
	line-height:22px;
	box-shadow:0px 0px 100px rgba(0,0,0,0.8);
	-moz-box-shadow:0px 0px 100px rgba(0,0,0,0.8));
	-webkit-box-shadow:0px 0px 100px rgba(0,0,0,0.8);
	direction:rtl;
}

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

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
.container {width:100%;}

p {margin-bottom:18px;}
.p0 {margin-bottom:0px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px !important;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 {margin-bottom:37px;}
.p7 {margin-bottom:65px;}
.reg {text-transform:uppercase;}

.fleft {float:left;}
.f {float:;}

.align {text-align:;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#666;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.spacing {margin-left:30px;}
.spacing2 {margin-left:45px;}
.spacing3 {margin-left:60px;}

.spacing-bot {margin-bottom:25px;}

.indent {padding:0 30px 0px 0;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 0 0px 20px;}	
.img-indent2 {float:left; margin:0 0 0px 13px;}	
.img-indent3 {float:left; margin:0 0 0px 27px;}	
.img-indent-r {float:; margin:0 40px 0px 0;}	

.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {border:3px solid #000;}
.border2 {border:1px solid #000;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {height:730px; width:100%; position:relative;  z-index:100;}
#header {height:174px; width:100%; position:relative;  z-index:100; margin-bottom:17px;}

h1 {position:absolute; top:22px; left:260px;}
.logo {display:block; width:312px; height:64px; text-indent:-5000px; background:url(images/logo.png) 0 0 no-repeat;}

.menu {float:; padding:0px 0px 0 0;}
.menu li {float:left; font-size:15px; line-height:1.2em;}
.menu li a {display:block; color:#fff;}
.menu li .active, .menu li a:hover {color:#25b6f2;} 
.menu .item {padding:0;}

.row-1 { width:100%; position:relative; background:url(images/bg-row-1.jpg) center 0 no-repeat #191918; height:69px; padding-bottom:9px; z-index:100;}
.row-2 { width:100%; position:relative; background:url(images/bg-row-22.jpg) center 0 no-repeat #010102; height:113px; z-index:100; z-index:10;}
.row-3 { width:100%; position:relative; background:#010001; height:539px; z-index:1;}
.row-3 .padding { padding:1px 28px 0px 26px;}
.row-3 .padding .bg-row-3 { background:url(images/bg-bg-row-3.gif) 0 bottom repeat-x; height:1px; width:100%; padding-top:23px;}
/*********************************content*************************************/
#content {width:100%; padding:41px 0px 30px 0px; background:#010001; position:relative;  z-index:1;}
#content1 {width:100%; padding:30px 0px 40px 0px; background:#010001; position:relative;  z-index:1;}

#content1 .spacer-1 {width:4px; height:151px; background:url(images/spacer-1.gif) 0px 0 no-repeat; position:absolute; left:40px;}
.spacer-1 {width:4px; height:151px; background:url(images/spacer-1.gif) 0px 0 no-repeat; position:absolute; left:40px;}
.spacer-2 {width:4px; height:433px; background:url(images/spacer-1.gif) 0px 0 no-repeat; position:absolute; left:2px;}
.spacer-3 {width:4px; height:151px; background:url(images/spacer-1.gif) 0px 0 no-repeat; position:absolute; left:2px; top:-2px;}
.spacer-4 {width:4px; height:400px; background:url(images/spacer-1.gif) 0px 0 no-repeat; position:absolute; left:5px;}
.spacer-5 {width:4px; height:565px; background:url(images/pic-4.gif) 0px 0 no-repeat; position:absolute; left:5px;}
.spacer-6 {width:4px; height:521px; background:url(images/pic-4.gif) 0px 0 no-repeat; position:absolute; left:5px;}

h3 {font-size:24px; line-height:1.2em; margin:0px 0 27px; color:#fff; font-family:b titr, Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal;}
h3.h3 {font-size:28px; line-height:1.2em; margin:0px 0 22px; color:#fff; font-family:b titr, Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal;}
h4 { font-size:18px; line-height:1.2em; color:#fafafa; margin-bottom:2px; font-weight:normal;}
h4.h4 { font-size:18px; line-height:1.2em; color:#fafafa; margin-bottom:20px; font-weight:normal;}
h5 { font-size:22px; font-family:b titr, "Times New Roman", Times, serif; font-style:normal; color:#d77831; font-weight:normal;}
.scroll {overflow:auto; height:180px; position:relative;}
.scroll .padding- {height:1%; padding-left:50px;}

.circle { display:block; float:left; width:55px; height:55px; margin-left:19px;}

.padding-top { padding-top:20px;}
.pad-left { padding-left:23px;}
.border-bot {width:100%; padding-bottom:25px; background:url(images/pic-2.gif) 0 bottom repeat-x;}
.border-wrap {width:100%; padding-bottom:60px; background:url(images/pic-1.gif) 0 bottom repeat-x;}
.border-wrap2 {width:100%; padding-bottom:37px; background:url(images/pic-1.gif) 0 bottom repeat-x;}
.border-wrap1 {width:100%; padding-bottom:40px; background:url(images/pic-2.gif) 0 bottom repeat-x;}
.border-wrap3 {width:100%; padding-bottom:55px; background:url(images/pic-1.gif) 0 bottom repeat-x;}
.box2 {background:#151415; width:270px; min-height:292px; float:left;}
.box2 .padding {padding:25px 18px 10px 22px;}


.box-5 {position:relative; overflow:hidden;}
.box-5 div.fc {bottom:0px; left:0px; color:#fdfbf7; width:237px; height:122px;  background:url(images/bg-figcaption.png) 0 0 repeat; position:absolute; height:0px; overflow:hidden; cursor:pointer;}
.box-5 div.fc .padding {padding:19px 20px 12px 20px;}
.box-5 div.fc .padding span { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; line-height:24px; font-style:italic;}
.box-5 div.fc .padding .padding {padding:15px 140px 0 0; font-family:Tahoma, Geneva, sans-serif; font-size:10px; line-height:18px; text-transform:uppercase; font-style:normal;}


.box-6 { margin-bottom:1px; position:relative; overflow:hidden;}
.box-6 div.fc {width:217px; height:122px; background:url(images/bg-figcaption.png) 0 0 repeat; position:absolute; bottom:0px; left:0px; height:0px; overflow:hidden; overflow:hidden; cursor:pointer;}
.box-6 div.fc .padding {padding:23px 23px 12px 10px; color:#fdfbf7;}
.box-6 div.fc .padding span { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; line-height:24px; font-style:italic;}
.box-6 div.fc .padding .padding {padding:11px 127px 0 0; font-family:Tahoma, Geneva, sans-serif; font-size:10px; line-height:18px; text-transform:uppercase; font-style:normal;}

.button {display:inline-block; color:#0c0c0c; background:#fff; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:13px; line-height:30px; padding:0 16px; text-decoration:none;}
.button:hover {background:#e64f00;}

.button1 {display:inline-block; font-size:12px; padding-left:9px; color:#fff; background:url(images/button-left.png) 0 0 no-repeat;}
.button1 span {display:inline-block; cursor:pointer; padding-left:9px; background:url(images/button-.png)  0 no-repeat;}
.button1 span span {padding:2px 3px 3px; background:url(images/button-tail.png) 0 0 repeat-x;}
.button1 strong {padding:0 8px 0 0; background:url(images/marker-1.gif) 0 6px no-repeat;}
.button1:hover {color:#24a3ce;}

.list-1 li {line-height:20px; padding-left:11px; background:url(images/marker-list-1.png) 0 8px no-repeat; padding-bottom:16px;}
.list-1 li a {color:#fff; text-decoration:none; font-size:12px;}
.list-1 li a:hover { text-decoration:underline;}

.list-2 li {font-size:14px; line-height:24px; padding:0px; vertical-align:top; background:url(images/pic-1.gif) 0 bottom repeat-x;}
.list-2 li a {display:block; color:#1799cf; padding-left:12px; background:url(images/marker-1.gif) 0 10px no-repeat;}
.list-2 li a:hover {color:#fff;}
.list-2 .last-item {background:none;}

.list-3 {list-style:decimal-leading-zero;}
.list-3 li {font-size:12px; line-height:16px; color:#fff; padding-bottom:12px; margin-left:25px; list-style-type:decimal-leading-zero;}
.list-3 li a {color:#eda202;}
.list-3 li a:hover {color:#24a3ce;}

.link:hover {color:#9e9e9e;} 

.link-1 {display:inline-block; font-size:14px; padding-left:8px; background:url(images/marker-3.gif)  8px no-repeat;}
.link-1:hover {color:#fff;} 

.text-1 {display:inline-block; line-height:20px;} 
.text-2 {font-size:12px; line-height:16px;}  
.text-3 {display:inline-block; line-height:20px; color:#9e9e9e;} 

dl {width:100%;}
dl span {float:left; width:65px;}
dl strong {float:; width:138px; font-weight:normal;}
dl a {color:#fff; font-weight:normal; text-decoration:none;}
dl a:hover { color:#9e9e9e;}
#form-1 { position:relative; overflow:visible; height:80px;}
#form-1 input {width:211px; color:#fff; padding:6px 11px 7px 10px; float:left; font-family:Arial, Helvetica, sans-serif; margin:0px; background:#010001; font-size:12px; font-style:italic; border:1px solid #fff; margin-bottom:11px; font-family:Georgia, "Times New Roman", Times, serif;}
#form-1 .button { position:absolute; top:41px; left:144px; }

.buttons {padding-top:35px; text-align:left;}
.buttons a {margin-left:12px;}

.map {padding:6px; background:#2c2b2c; width:369px; float:left; margin-left:28px;}
.map iframe {width:369px; height:335px;}
/****************************footer************************/
footer {width:100%; padding:37px 0 35px; background:url(images/bg-footer.jpg) center 0 no-repeat #020202;}
footer span { font-size:18px; line-height:1.2em; color:#fff; text-align:center; display:block;} 
footer span a { color:#fff; text-decoration:none;}
footer span a:hover { text-decoration:underline;}

.list-services li {line-height:1em; font-size:13px; font-family: Arial, Helvetica, sans-serif; background:url(images/pic-2.gif) 0 bottom repeat-x; padding:14px 4px 10px 0; font-style:normal;}
.list-services li.first {padding:5px 4px 8px 0;}
.list-services li.last {background:none;}
.list-services li a {color:#6d6d6d; text-decoration:none;}
.list-services li a:hover {color:#fff;} 
.list-services li a img {padding-left:17px; margin-top:-5px;} 



/*********************************slider**********************************/
.slider-wrapper {
	overflow:hidden;
	width:950px;
	height:515px;
	position:relative;
	z-index:1;	
}
.slider {
	width:100%;
	height:515px;
}
.items {display:none;}

.pagination {
	position:absolute;
	top:0px;
	:-272px;
	z-index:999;
	padding:19px 52px 0 0;
	width:250px;
	height:496px;
	background:url(images/bg-pagination.png) 0 0 no-repeat;
	overflow:hidden;
}
.pagination li {
	height:96px;
	width:100px;
	overflow:hidden;
	padding:4px;
	border:1px solid #555a58;
	float:left;
}
.pagination li:hover, .pagination li.current {border:1px solid #fff;}
.pagination li:first-child {background:url(images/Irana-Tile-Catalog-4-ss.jpg) no-repeat 4px 4px; margin:0 0 11px 10px;}
.pagination li#second {background:url(images/Irana-Tile-Catalog-5-ss.jpg) no-repeat 4px 4px; margin:0 0px 11px 0;}
.pagination li#third {background:url(images/Irana-Tile-Catalog-6-ss.jpg) no-repeat 4px 4px; margin:0 0 12px 10px;}
.pagination li#fourth {background:url(images/Irana-Tile-Catalog-7-ss.jpg) no-repeat 4px 4px; margin:0 0px 12px 0;}
.pagination li#fifth {background:url(images/Irana-Tile-Catalog-8-ss.jpg) no-repeat 4px 4px; margin:0 0 0 10px;}
.pagination li#last {background:url(images/Irana-Tile-Catalog-9-ss.jpg) no-repeat 4px 4px;}



.pagination li a {
	display:block;
	width:100px;
	height:96px;
	text-indent:-5000px;
	overflow:hidden;
	position:relative;
	z-index:2;
	cursor:pointer;
}
.pagination li.current a, 
.pagination li a:hover {background-position:left bottom;}

.pagination li em {
	position:absolute;
	top:-409px;
	left:61px;
	font-style:italic;
	display:none;
	z-index:1;
	width:220px;
	font-size:12px; 
	line-height:19px;
	color:#9a9a9a;
	height:90px;
}
.pagination li.current em { position:absolute; display:inline-block; top:409px;	right:61px !important;}
.pagination li strong {
	display:block;
	font-size:18px;
	line-height:18px;
	color:#fff;
	margin-bottom:7px;
	font-weight:normal;
}
/* Thumbnail with prettyphoto - error */
.featured-thumbnail .image-wrap[rel="prettyphoto"] {
	background:url(images/magnify.png) no-repeat 50% 50%;
	display:block;
	float:left;
}
.featured-thumbnail .image-wrap[rel="prettyphoto"] img {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}
.featured-thumbnail .image-wrap[rel="prettyphoto"]:hover img {
	opacity:.5;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
#gallery .portfolio li a.image-wrap {
	-moz-transition: all 0.2s ease-in-out 0s;
    background: url("images/loading.gif") no-repeat scroll 50% 50% #373737;
    border-radius: 10px 10px 10px 10px;
    display: block;
    height: 130px;
    overflow: hidden;
    position: relative;
    width: 190px;
}
/* Portfolio
---------------------------------------- */
.latestwork {
	width:100%;
	overflow:hidden;
	list-style-type:none;
	padding:0;
	margin:0;
	}
	.latestwork li {
		float:left;
		margin-right:20px;
		}


/* Gallery */
.header-title {
	margin-bottom:2.5em;
	}
	.header-title h1 {
		margin-bottom:.1em;
		}
	.header-title .page-desc {
		font-size:.91em;
		color:#999;
		}



/* Default layout 3 columns */
#gallery {
	
}
#gallery .portfolio {
	width:100%;
	overflow:hidden;
	list-style-type:none;
	padding:0;
	margin:0;
}
#gallery .portfolio li {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	vertical-align:top; 
	width:190px;
	margin:0 16px 23px 0;
	position:relative;
	background:none;
	padding:0;
}
* + html #gallery .portfolio li {
	display:inline;
}
#gallery .portfolio li.nomargin {
	margin-right:0 !important;
}
#gallery .portfolio li a.image-wrap {
	display:block;
	overflow:hidden;
	width:190px;
	height:130px;
	position:relative;
	background:#373737 url(images/loading.gif) 50% 50% no-repeat;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#gallery .portfolio li a.image-wrap:hover {
				
}
#gallery .portfolio li a.image-wrap img {
	float:left;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	position:relative;
}
			
			#gallery .portfolio .folio-desc {
				margin-bottom:0;
				padding:1.5em 0 0 .5em;
				}
			#gallery .portfolio p.excerpt {
				padding:0;
				}
			
			.zoom-icon {
				display:block;
				position:absolute;
				left:0;
				top:0;
				width:190px;
				height:130px;
				background:url(images/magnifier.png) 50% 50% no-repeat;
				cursor:pointer;
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				opacity:0;
				visibility:hidden;
				}
			#gallery .portfolio li a.image-wrap:hover .zoom-icon {
				visibility:visible;
				opacity:1;
				}

/* 4 columns portfolio*/
#gallery.four_columns .portfolio li {
	width:219px;
	margin-right:17px;
}
#gallery.four_columns .portfolio li a.image-wrap {
	width:219px;
	height:149px;
}
#gallery.four_columns .zoom-icon {
	width:219px;
	height:149px;
}
/* 1 columns portfolio*/
#gallery.one_columns .portfolio li {
	width:425px;
	margin-right:17px;
}
#gallery.one_columns .portfolio li a.image-wrap {
	width:425px;
	height:290px;
}
#gallery.one_columns .zoom-icon {
	width:425px;
	height:290px;
}
.wp-pagenavi .pages {
	float:left;
}