/* Background Overlay

   ------------------ */



.overlay {

    background:transparent url(../images/overlay.png) repeat top left;

    position:fixed;

    display:none;

    top:0px;

    bottom:0px;

    left:0px;

    right:0px;

    height: 100%; /* makes it work in IE8 */

    width: 100%;

    z-index:500;

}



/* Contact Form

   ------------ */



#slideout {

	position:fixed;

	top: 23%;

	right: -300px;

	z-index:1000;

	background: url(../images/letter-stripes.png) top repeat-x;

}



#contact-tab {

	float:left;

    cursor: pointer;

    text-indent: -9999px;

}



#contact-tab a {

	display: block;

	height:211px;

    width:35px;

	background: url(../images/tab.png) no-repeat transparent;background-position:-35px 0px;

}



#contact-tab a.active {

	background-position: 0 0px;

}

 

#slidecontent {

    float:left;

    width: 300px;

	height:450px;

	margin: 4px 0px;

	background: url(../images/letter-stripes.png) bottom repeat-x #e7e7e7;

	-webkit-box-shadow: 6px 7px 5px rgba(0,0,0,0.24);

       -moz-box-shadow: 6px 7px 5px rgba(0,0,0,0.24);

            box-shadow: 6px 7px 5px rgba(0,0,0,0.24);

}



#slidecontent form {

	display:block;

	width:300px;

	height:386px;

	background: url(../images/paper.png) repeat #e7e7e7;

}



#slidecontent form fieldset {

	display:block;

	width:255px;

	height:405px;

	margin: 5px;

	padding: 20px 15px 0 15px;

	background: url(../images/postmark.png) no-repeat top right;

	font-family: sans-serif;

}



#slidecontent form fieldset p {

	margin-bottom: 20px;

	line-height: 1.3em;

	color: #515151;

}



#slidecontent form fieldset input {

	width: 255px;

	margin-bottom: 1.5em;

	font-size: 14px;

}



#slidecontent form fieldset h6{ font-size:18px; background: url(../images/phone.png) no-repeat left; padding:5px 0 5px 40px; font-weight:bold; color:#4d4d4d}

#slidecontent form fieldset h6 span{ color:#f26724; font-weight:normal;}

#slidecontent form fieldset input{ background-color: #FFFFFF;border:solid 1px #cacaca;box-shadow: 2px 2px 9px #F0F0F0 inset; width:93%;padding:5px 5px 5px 11px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;color:#8C8C8C;margin-bottom:15px; }

#slidecontent form fieldset select{ background-color: #FFFFFF;border:solid 1px #cacaca;box-shadow: 2px 2px 9px #F0F0F0 inset; width:100%;padding:5px 5px 5px 11px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;color:#8C8C8C;margin-bottom:10px; height:35px;}



#slidecontent form fieldset input.name{background-image: url("../images/name_icon.png"); background-size: 29px 19px;background-position: 5px 5px;background-repeat: no-repeat;}

#slidecontent form fieldset input.email{ background-size: 29px 19px;background-position: 5px 5px;background-repeat: no-repeat;}

#slidecontent form fieldset input.phone{ background-size: 29px 19px;background-position: 10px 8px;background-repeat: no-repeat;}

#slidecontent form fieldset input:focus,#slidecontent form fieldset textarea:focus{border:solid 1px #e4c99f}



#slidecontent form fieldset textarea {

	

	height: 70px;

	margin-bottom: 1.5em;resize:none;background-color: #FFFFFF;border:solid 1px #C1C1C1;box-shadow: 2px 2px 9px #F0F0F0 inset; width:96%;padding:5px 5px 5px 8px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;color:#8C8C8C;margin-bottom:15px;

}

#slidecontent h2.or:before {

    background: -moz-linear-gradient(left center , rgba(255, 255, 255, 0) 0%, rgba(182, 180, 180, 0.7) 42%, rgba(180, 178, 178, 0) 43%, rgba(168, 166, 166, 0) 50%, rgba(180, 178, 178, 0) 57%, rgba(182, 180, 180, 0.7) 58%, rgba(238, 237, 237, 0.3) 90%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 transparent;

    bottom: 15px;

    content: " ";

    display: block;

    height: 2px;

    position: absolute;

    text-align: center;

    width: 100%;

}

#slidecontent h2:after {

    color: #8B8B8B;

    content: "Or";

    display: block;

    font-family: 'Alice',Verdana,serif;

    font-size: 25px;

    text-align: center;



    width: 100%;

}

#slidecontent h2 {

    color: #8C8C8C;

    font-family: 'Questrial',Verdana,sans-serif;

 

 

    padding: 0;

    position: relative;

    text-align: center;margin-bottom:20px

}



#slidecontent form fieldset label {

	display: block;

	width: 100%;

	margin-bottom: 3px;

	color: #515151;

}

#slidecontent form fieldset input[type=button] {
-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ce3266 !important;
    border-color: -moz-use-text-color -moz-use-text-color rgb(204, 51, 102) !important;
    border-image: none;
    border-radius: 5px;
    border-style: none;
    border-width: medium;
    box-shadow: 0 1px 0 rgba(204, 51, 102, 0.6) inset, 1px 0 0 rgba(204, 51, 102, 0.4) inset, -1px 0 0 rgba(204, 51, 102, 0.5) inset, 0 -1px 0 rgba(204, 51, 102, 0.6) inset, 0 2px 0 rgba(255, 255, 255, 0.3) inset, 0 0 4px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 5px 22px;
    padding: 12px 22px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    width: 200px;

}



#slidecontent form fieldset input[type=buuton]:hover {

    background: rgb(174,42,86); /* fallback */

    background: -moz-linear-gradient(

                    center top,

                    rgb(216,53,108) 20%,

                    rgb(174,42,86) 100%

                );

    background: -webkit-gradient(

                    linear,

                    left top,

                    left bottom,

                    color-stop(.2, rgb(216,53,108)),

                    color-stop(1, rgb(174,42,86))

                );

                

    filter: progid:DXImageTransform.Microsoft.gradient (startColorStr='#d8356c',EndColorStr='#ae2a56');     

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorStr='#d8356c',EndColorStr='#ae2a56)";

}