@charset "utf-8";
/* CSS Document */

body {background:#712e5d; margin:0px; padding:0px;  font-family: 'Droid Sans', sans-serif; overflow:hidden;}
@font-face {font-family:"La chata"; src:url('La-chata-normal.otf'); format:'opentype';}
h1,h2,h3,h4,p,ul,dt,dd {padding:0px; margin:0px;}

:focus {outline:0;}
.wrapper {width:1000px; margin:0 auto;}

.logo {margin-left:100px; margin-top:200px; float:left;} 

h1 {font-size:25px; font-family:"La chata"; color:#c77e9f; text-transform:uppercase; line-height:normal; line-height:50px; letter-spacing:10px;}
h2 {font-size:13px; color:#ccc; line-height:normal; padding:5px 0;}
h3 {font-size:14px; color:#333;  line-height:normal; padding:5px 0;}

.menu {font-family:"La chata"; font-size:18px; color:#c77e9f; width:180px; margin-top:80px; float:left;}
.menu .aboutus {background:url(images/pattern1.png) no-repeat right; list-style:none; height:150px; line-height:150px;}
.menu .aboutus:hover {background:url(images/pattern2.png) no-repeat right; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;}

.menu .products {background:url(images/pattern1.png) no-repeat left; list-style:none; height:150px; line-height:150px; padding-left:80px;}
.menu .products:hover {background:url(images/pattern2.png) no-repeat left; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;}

.menu .reachus {background:url(images/pattern1.png) no-repeat right; list-style:none; height:150px; line-height:150px;}
.menu .reachus:hover {background:url(images/pattern2.png) no-repeat right; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;}
/*.menu .contactus {background:url(images/pattern1.png) no-repeat left; list-style:none; height:150px; line-height:150px; padding-left:80px;}*/
.menu li a {color:#c77e9f; text-decoration:none;}
.menu li a:hover {color:#FFFFFF; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;}

.main-details {width:750px; float:right; font-size:12px; color:#c77e9f; margin-top:100px; line-height:17px;}
.main-details p {text-align:justify!important;}
.main-details a {color:#CCCCCC; text-decoration:underline;}
.main-details a:hover {text-decoration:none;}
.main-details ul {clear:both!important; float:none;}
/*.main-details li {list-style:square!important; margin:0 0 0 25px!important; padding:3px 0!important; clear:both!important; float:none; width:500px!important; text-align:left!important;}*/

.footer {font-size:10px; color:#c77e9f; line-height:17px; position:absolute; bottom:0px; width:1000px;}
.footer .logos {width:180px; float:right; padding-bottom:20px;}
.footer .copyright {width:300px; float:left; padding-top:10px;}
.footer a {color:#c77e9f;}
.footer a:hover {text-decoration:none;}


.gallery{float:left; width:700px; height:370px; overflow: auto;}	
.gallery li {float:left; margin:0 15px 15px 0; width:210px; list-style:none; text-align:center;}
.gallery img {opacity:0.5; border:2px dotted #CCCCCC;}
.gallery img:hover {opacity:1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;}

.track3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.track3:hover,
.track3.dragging {
    background: #d9d9d9; /* Browsers without rgba support */
    background: rgba(0, 0, 0, 0.15);
}

.handle3 {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
    width: 10px;
}

.contact {width:300px; float:left; border-right:1px solid #884262;}

.enquiry {width:350px; float:right;}
.enquiry li {list-style:none; margin:3px 0;}

.textfield {background:#481338; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:12px; color:#884262; padding:10px; width:250px; border:0px;}

.submit {background:#560d40;  border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:12px; color:#ccc; height:35px; width:100px; border:1px solid #666666;}
.submit:hover {cursor:pointer; background:#93417a; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; border:1px solid #FFFFFF;}