body { background:url(../img/main-bg.jpg) center top fixed; margin:0px; font:14px Arial, Helvetica, sans-serif; color:#FFF }
img { display:block; border:none}
.cl { clear:both; visibility:hidden; line-height:0px}
div { display:block}

h1, h2, h3, h4, h4, h6 { margin:0 0 10px 0 }


table {
	border-collapse:collapse;
	font:12px Arial, Helvetica, sans-serif;
	line-height:20px;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-top:25px !important;
	background:#000;
	  opacity: 0.7;
    filter: alpha(opacity=60);
	
	
	
}

tr { 


}


td {
     border:1px solid #fff !important;
	 padding-left:5px !important;
	 padding-top:5px !important;

}


td a{
	text-decoration:none;
	color:#fff;

}

td a:hover{
	text-decoration:none;
	color:#F00;

}



.wrapper { width:1000px; margin:0px auto;}
header { width:100%; padding-top:30px;} 
header .logo { float:left;}

header .head-info { width:32%; float:right; margin-bottom:12px;}
header .head-info .phone { background:url(../img/phone.png) no-repeat 0 0; padding-left:28px; color:#333; font-size:16px;  float:left}
header .head-info .mail { background:url(../img/mail.png) no-repeat  0 2px; padding-left:28px; font-size:16px; color:#333; float:left; margin-left:20px;}
header .head-info .mail a {color:#333; text-decoration:none}
header .head-info .mail a:hover  {text-decoration: underline}

nav {background: #868685; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg2ODY4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTJlMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #868685 0%, #2e2e2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#868685), color-stop(100%,#2e2e2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #868685 0%,#2e2e2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #868685 0%,#2e2e2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #868685 0%,#2e2e2d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #868685 0%,#2e2e2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868685', endColorstr='#2e2e2d',GradientType=0 ); /* IE6-8 */
width:60%; float:right; height:40px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-left:5px;}

nav ul { display:block; display:block; width:100%; margin:0px; padding:0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
nav ul li { float:left; line-height:12px; border-right:1px solid #FFF; padding:0 12px; list-style:none; margin-top:12px; display:block}
nav ul li a { color:#FFF; text-decoration:none; font:14px Arial, Helvetica, sans-serif; font-weight:bold; -webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in; text-shadow:0 1px 0 #000 }
nav ul li a:hover {	color:#ffbc3c; text-shadow:0 1px 2px #000}
nav ul li:nth-last-child(1) { border:none}

.home-container { background:url(../img/home-page-models.png) no-repeat top center; padding-top:540px; margin-top:15px;}

.inner-container { background:url(../img/home-page-models.png) no-repeat top center; padding-top:100px; margin-top:15px;}

.page-container { padding-top:10px; margin-top:15px;}


.welcome-sction { background:url(../img/fade-bg.png); width:96%; padding:1% 2%; min-height:80px; line-height:22px;}
.welcome-sction h1 { color:#ffea00; font-size:21px; border-bottom:1px solid #FFF; padding-bottom:5px; font-weight:normal}
.welcome-sction .read { float:right; background:url(../img/read-more.png) no-repeat; width:109px; height:22px;}


.services { width:100%; margin:20px 0 10px 0}
.services ul { width:100%; float:left; margin:0px; padding:0px}
.services ul li { display:block; list-style:none; width:287px; height:171px; float:left}
.services ul li.last { float:right !important}
.services ul li.middile { margin-left:80px;}
.services ul li a { display:block;  width:287px; height:171px; font-size:0px;  -webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;  }
.services ul li a.clients { background:url(../img/clients.jpg) top center}
.services ul li a.clients:hover { background:url(../img/clients.jpg) bottom center}

.services ul li a.garments { background: url(../img/garments.jpg) top center}
.services ul li a.garments:hover { background: url(../img/garments.jpg) bottom center}

.services ul li a.accessories { background: url(../img/accessories.jpg) top center}
.services ul li a.accessories:hover { background:url(../img/accessories.jpg) bottom center}

footer { background:url(../img/fade-bg.png); width:98%; padding:6px 1%; margin-bottom:20px}
.foot-nav { float:left;} 
.foot-nav ul { width:100%; margin:0px; padding:0px}
.foot-nav ul li { list-style:none; display:block; float:left; padding:0 10px; margin:0px}
.foot-nav ul li a { color:#FFF; text-decoration:none; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase; -webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;}
.foot-nav ul li a:hover {color:#ffbc3c}

.copyright { float:right; font:11px Arial, Helvetica, sans-serif; }

.head-fix{
	width:100%;
	position:fixed;
	top:0px;
	box-shadow:0px 0px 5px #333;
	background:#fff;
	z-index:999999999999999999999999
}


/* Contact Page */

.contact-mid-side { 
       width:100%;
	   margin:0 auto;
	   border-radius:3px;
}


.side-contact { 
      float:left !important; 
	  width:50%;
	  border-right:1px solid #d3c5b8;
}

.side-contact h3 {
float:left;
font-size:30px;
color: #D24C3C;
font-family: 'Open Sans';
text-align: center;
margin-bottom:-11px;

}



.side-contact label{
	font:13px Arial, Helvetica, sans-serif;
	color:#fff;
}


.side-contact input {
	background: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	font: 12px 'Open Sans';
	height:30px;
	line-height: 32px;
	padding: 0 9px;
	width:45% !important;
	margin-bottom:12px;
	margin-top:3px;
}

.side-contact textarea {
    background: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	font: 12px 'Open Sans';
	height:100px;
	line-height: 32px;
	padding: 0 9px;
	width:93% !important;
	margin-top:3px;
}

.side-contact input.submit-button {
    padding:0px 16px;
    display: inline-block;
    border: 0px none;
    font-weight: 500;
    outline: medium none;
    font-size:20px;
    cursor: pointer;
    width:18% !important;
    transition: all 0.2s ease-in-out 0s;
    border-radius: 2px;
    background-color: #d24c3c;
    color: #FFF;
	margin-top:0px;
}


.contact-page-address { 
      float:right !important; 
	  width:46.50%; 
}

.contact-page-address h3{
	font:17px Arial, Helvetica, sans-serif;
	color:#ff4646;
	background:#f3e5d7;
	padding:7px;
	text-transform:uppercase;
	border-radius:2px;
	margin-bottom:30px !important;
	margin-top:10px !important;
	 
}

.contact-page-address ul{
	margin:0px;
	padding:0px;
}

.contact-page-address ul li{
	list-style:none;
	font-size:15px;
}

.contact-page-address ul li b{
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
}

.contact-page-address ul li:nth-child(1) {
	background: url(../img/contact-address.png) no-repeat left top 2px;
	margin-right:19px !important;
	padding-left:60px !important;
	padding-bottom:10px !important;

	
}

.contact-page-address ul li:nth-child(2) {
	background: url(../img/contact-mobile.png) no-repeat left top 2px;
	margin:10px 19px 10px 0 !important;
	padding-left:60px !important;
	padding-bottom:10px !important;

	
}

.contact-page-address ul li:nth-child(3) {
	background: url(../img/contact-mail.png) no-repeat left top 2px;
	font-style:italic;
	margin-right:19px !important;
	padding-left:60px !important;
	padding-bottom:10px !important;	
}

.contact-page-address ul li:nth-child(3) a{
	text-decoration:none;
	color:#fff;
}

.contact-page-address ul li:nth-child(3) a:hover{
	text-decoration:underline;
}


.sidebar { width:23%; float:left; background:url(../img/fade-bg-2.png);}

.sidebar h2 { background: url(../img/head-bg.jpg) repeat-x top; font-size:16px; text-indent:15px; color:#fff; text-shadow: 0 1px 0 #000; line-height:32px; }

.sidebar ul li {line-height: 12px;
background: url(../img/arrow.png) no-repeat scroll 10px 10px transparent;
padding-left: 23px;
font-size: 12px;
font-weight: 700;
border-bottom: 1px solid #49453A;}

.sidebar ul li:hover  { background:url(../img/arrow.png) no-repeat scroll 10px 10px #333 ;}

.sidebar ul li a{font-size: 12px;
font-weight: 700;
color: #FFF;
text-decoration: none;
display: block;
padding: 7px 0px;}


.pagecontent  { width:75%; float:right; min-height:400px;}