/* My Custom CSS */

/* First, refer to bootstrap CSS
@import url(css/bootstrap.min.css);
@import url("bootstrap.min.css")

*/
/* NOW MY CSS*/
/*!
 * Start Bootstrap - Heroic Features HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}   
.center-block{
	margin:0 auto
}

html, body {
   margin: 0; padding: 0;
}
#wrapper { 	width: 1100px;	margin: 0px auto;padding:0px;	background-color: #ffffff; }

.wrapper  { max-width: 1100px;margin: 0px auto;}

.hero-spacer {     margin-top: 0px; }

.hero-feature {     margin-bottom: 30px; marging-top:0px; }

.jumbotron {      background-color: white;}

.slogan{ 	padding:30px 0px; font-weight:bold; }

h2.bust  { 	font-size: 16px; 	color: #FF3399; 	font-style: italic; }

h2 {font-weight:bold;  	font-size:16px }
h4 { 	font-size:14px}

.auto-style1 { 	font-family: Arial; 	font-weight: bold; 	font-size: large; }

.centered {
	margin:0 auto
}

#ourproducts {
	margin:0 auto
}
.social {
	padding-top:5px}

.row {
	margin:0 auto;
}
.product img {
	margin-left:20px
}

.band {width=100%; float:left}
.top {width:100%; height:35px; margin-right:}

.top a {color:#56092B; font-weight:bold; }
#top ul li { display: inline; color: #ffffff; font-size:12px;padding-right:10px;padding-top:2px}

#top ul li a { float:left; padding:10px 10px;text-decoration:none }

#top a:link { color:#ffffff; }
#top a:visited { color:#ffffff; background-color:black}
#top a:active { color:#ffffff; background-color:black }
#top a:hover { color:#ffffff; background-color:orange }
#top a:focus { color:#ffffff; }

<!..............................................>

.navbar-default {
    background-color:#ececec;
    border-color: #ececec;
}
.navbar-default .navbar-nav > li > a {
    color: #ce276f;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #E7E7E7;
    color: #7A0C3D;
}
<!..............................................>
#topnav {	background-color: ffffff; clear:both; overflow: hidden;margin-bottom:0px}

#topnav ul { width:100%; float:left; background-color: ffffff;  }

#topnav ul li { display:inline; font-size: 16px;padding:20px; color:#56092B;}

#topnav ul li a { float:left; padding:10px 10px;text-decoration:none;border-radius: 8px; color:#D11468 }

#topnav a:link { color:#D11468; }

#topnav a:visited { color:#D11468;background-color:white }
#topnav a:active { color:#D11468;background-color:white }
#topnav a:hover { color:#000000; background-color:#EFC094 }
#topnav a:focus { color:#D11468; }



.navbar .divider-vertical {
height: 50px;
margin: 0 auto;
border-right: 1px solid #ffffff;
border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
border-right-color: #222222;
border-left-color: #111111;
}





.navbar .nav {
border-radius: 8px;}


/*.......................................FOOTER ..................*/
#footer-cont {width:100%; overflow: hidden;background:#222222	; floatleft;border-top:5px orange solid; border-bottom:1px white solid; 
 }
#footer-cont ul li a:hover { color:orange; }
#footer-cont ul li{
	display:block
}

#footer-cont ul {list-style-type none; margin-top:8px;float:left;
 -webkit-margin-before: 0.6em;
-webkit-margin-after: 0.1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
 }

#footer-cont ul li a {text-decoration:none; color:white;font-size:11px; margin-top:0px; margin-left:7px;display:block

}
#footer-cont .navbar-brand,
#footer-cont .navbar-nav li a {
    line-height: 25px;
    height: 20px;
    padding-top: 0;
}


#foot1 { float:left; padding-top: 16px;padding-right:0px;vertical-align:top; }
#foot1 .container {max-width:250px;   }


#foot2 {float:left;padding-top: 16px;padding-right:0px;vertical-align:top ;  }
#foot2 .container {max-width:250px; }

#foot4 {floatleft;padding-top: 16px;padding-right:0px;vertical-align:top ;  }

@media screen and (min-width: 768px) {
    .navbar-brand {
        display: none;    }
    
}



#footer2 {	width:100%;background-color:#222222; overflow: hidden; margin:0px;padding-bottom:10px;border-top:1px gray solid  }

#footer2 p  {float: left;  margin:10px 20px 10px 20px; font-size:12px; color:white; }


#footer3 { 	color:white; width:100%; background-color:#222222; ; overflow: hidden;padding :20 0 40 0; }
#footer3 ul { border-top:1px gray solid ; }
#footer3 ul li { 	display:inline; padding:20px; color:white }
.bottom {vertical-align:bottom;
	 display: inline-block;float: none; padding-top:50px
}
#footer4{
	height:25px; width+100%; background-color:#222222}