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

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#000;
	background: url(../img/ribbon_all.jpg) no-repeat center top;
}

a img {
	border:0;	
}

.mobile-topnav-wrap ul {
	display:none;	
}

.show1,
.show2,
.show3,
.show4,
.nav.nav-dropdown.show4,
.show5,
.nav.nav-dropdown.show5 {
	display:none;	
}

.bold {
	font-weight:bold;	
}

#slideshow {
	-moz-box-shadow: 10px 10px 10px #aaa;
	-webkit-box-shadow: 10px 10px 10px #aaa;
	box-shadow: 10px 10px 10px #aaa;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');	
}

.carousel-control {
    border: 0px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius:0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-control:hover {
	opacity: 0.8;
    filter: alpha(opacity=80);
}
	
/* carousel buttons */
.carousel-control.right {
	display:none;
}

.carousel-control.left {
	display:none;
}

.carousel.carousel-fade .item {
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
  left: 0;
  z-index: 1;
}

.carousel.carousel-fade .carousel-control {
  z-index: 3;
}
	
/* general layout */
.clearfix {
	clear:both;
	height:1px;
	display:block;
	width:100%;
}

.inside {
	padding:10px;	
}

.container {
    margin-left: auto;
    margin-right: auto;
}

.content .inside {
	overflow:hidden;	
}

.content {
	overflow:hidden;	
}

/* general typography */
.content h1 {
	color:#7e7e7e;
	font-size:2.0em;
	line-height:100%;
	font-weight:normal;

}

.content h2 {
	color:#7e7e7e;
	font-size:1.3em;
	line-height:120%;
	font-weight:bold;
}

.content h3 {
	color:#7e7e7e;
	font-size:1.2em;
	line-height:120%;
	font-weight:bold;
}

.content h4 {
	color:#7e7e7e;
	font-size:1.1em;
	line-height:120%;
	font-weight:bold;
}

.content h5 {
	color:#7e7e7e;
	font-size:1.0em;
	line-height:120%;
	font-weight:bold;
}

.content p {
	font-size:1em;	
}

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

.content ul li,
.tab-pane ul li{
	list-style-image:url(../img/bullet.gif);
}

/* form validation */
label.error { 
		font-size:0.8em;  
		color: red; 
	}
	
input.error,
textarea.error{
	border: 2px solid red;
}

input.ht { /* honey trap */
	display:none;	
}



#mobile-nav {
	display:none;	
}


.nav {
	margin:0 auto;	
	text-align:right;
	font-weight:bold;
	font-size:1em;
	clear:both;
	z-index:99999999;
	color:#767677;
}

.nav ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
	z-index:99999999;
}
.nav li {
    position: relative;
	display:inline-block;
	padding: 5px 15px;
}

.nav li.last {
	border-right:0;
}

.nav a {
    color: #767677;
    display: block;
    text-decoration: none;
    -webkit-transition: all .4s ease;
       -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
         -o-transition: all .4s ease;
            transition: all .4s ease;
	vertical-align:middle;
	
}

.nav a:hover {
	color:#999;
}
.nav li.active a,
.nav li.active {
	color:#0088cc;
}

.nav ul li:hover ul li.active a {
	color:#0088cc;
	background:#fff;		
}


.nav ul li ul {
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 28px;
    visibility: hidden;z-index:99;
    -webkit-transition: all .4s ease;
       -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
         -o-transition: all .4s ease;
            transition: all .4s ease;
	background:#eee;
	display:none;
	text-align:left;
}

.nav ul li ul li:hover {
	background:#fff;
}

.nav li:hover ul {
    opacity: 1;
    visibility: visible;
	margin-left:0px;
	display:block;
	box-shadow: 0px 0px 10px #444444;	
	z-index:99;
}
.nav li ul li {
    float: none;
    width: 100%;
	margin:0;
	padding:0;
	border:0;
	border-bottom:1px solid #fff;
	z-index:99;
	text-align:left;
}
	#nav li ul li.last {
		border-bottom:0;
	}

.nav ul li:hover ul li a {
	color:#999;
	display:block;
	padding:9px 25px;
	white-space:nowrap;
	z-indez:99999999;
}

.nav ul li:hover ul li a:hover {
	color:#0088cc;	
}



/* Large desktop */
@media (min-width: 1200px) { 
	
	.pagewrap {
		width:1172px
	}
	
	.hide1 {
		display:none;	
	}
	
	.show1 {
		display:block;	
	}
	
	#header {
		float:right;
		margin-top:20px;
		margin-bottom:20px;
		width:1172px;
		text-align:right;
	}
	
	.main {
		width:1172px;
		clear:both;
		margin:68px 0 20px 0;
	}
	
	
	#slideshow {
		width:1172px;
		height:380px;
		margin:0 auto;
		padding:0;
		position:relative;
		overflow:hidden;
	}
	

	
	.home-content {
		width:735px;
		background:#fff;
		border:1px solid #dadada;
		float:left;
		clear:none;
		padding:20px;
	}
	
	.content {
		width:735px;
		background:#fff;
		border:1px solid #dadada;
		float:left;
		clear:none;
		padding:20px;
	}

	.right {
		width:335px;	
		float:left;
		clear:right;
	}
	
	.right1 {
		width:335px;	
		background:#d1d0d0 url(../img/right-mdc-bg.jpg) no-repeat top left;
		float:left;
		padding:20px;
		clear:right;
		min-height:260px;
		margin-left:20px;
	}
	
	.right2 {
		width:375px;	
		float:left;
		clear:right;
		margin:20px 0 0 20px;
		font-size:1.1em;
	}
	
	.right-nav {
		width:335px;	
		float:left;
		clear:right;
	}
			
	.right-nav ul  {
		float:right;
		text-align:right;
		clear:both;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	.right-nav ul li  {
		font-size:1.1em;
		font-weight:bold;
		margin:0 0 14px 0;
	}
	
	.right-nav ul li:hover  {
		background:none;
	}
	
	.right-nav ul li a {
		color:#fff;
		padding:0;
		display:inline;
	}
	
	.right-nav ul li a:hover {
		color:#767676;
		background:none;
	}
	
	.right-nav ul li.last {
		margin:0;
	}
	
	.call-frances {
		width:375px;
		border-top:1px solid #767677;		
		padding: 20px 0;
		clear:both;
		margin:0;
	}
	
	.right2 .call-frances a {
		color:#a6a6a6;
		font-size:1.6em;
		font-weight:bold;
		line-height:100%;
	}
	
	.footer {
		width:1132px;
		clear:both;
		background:#fff url(../img/footer.jpg) repeat-x top left;
		padding:20px;
		color:#fff;
	}
	
	.footer p {
		font-size:1em;
		line-height:100%;
		margin:0 0 10px 0;
		padding:0;
	}
	
	.footer p.black {
		color:#000;
		font-size:0.8em;
		padding:0;
	}

	.footer a {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	.footer a:hover {
		color:#000;
		font-weight:bold;
	}
	

}

/* default desktop */
@media (min-width: 980px) and (max-width: 1199px) { 

	body {
		background-size: 1675px;
	}

		
	.hide2 {
		display:none;	
	}
	
	.show2 {
		display:block;	
	}
	
	#header {
		float:right;
		margin-top:20px;
		margin-bottom:20px;
		width:940px;
		text-align:right;
	}
	
	#header img {
		height:71px;
	}

	
	.main {
		width:940px;
		clear:both;
		margin:74px 0 20px 0;
		overflow:hidden;
	}
	

	
	#slideshow {
		width:940px;
		height:305px;
		margin:0 auto;
		padding:0;
		position:relative;
		overflow:hidden;
	}
	

	
	.home-content {
		width:535px;
		background:#fff;
		border:1px solid #dadada;
		float:left;
		clear:none;
		padding:20px;
	}
	
	.content {
		width:535px;
		background:#fff;
		border:1px solid #dadada;
		float:left;
		clear:none;
		padding:20px;
	}

	

	
	.right {
		width:303px;	
		float:left;
		clear:right;
	}
	
	.right1 {
		width:303px;	
		background:#d1d0d0 url(../img/right-mdc-bg.jpg) no-repeat top left;
		float:left;
		padding:20px;
		clear:right;
		min-height:260px;
		margin-left:20px;
	}
	
	.right2 {
		width:303px;	
		float:left;
		clear:right;
		margin:20px 0 0 20px;
	}
	
	.right-nav {
		width:303px;	
		float:left;
		clear:right;
	}
			
	.right-nav ul  {
		float:right;
		text-align:right;
		clear:both;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	.right-nav ul li  {
		font-size:1.1em;
		font-weight:bold;
		margin:0 0 14px 0;
	}
	
	.right-nav ul li:hover  {
		background:none;
	}
	
	.right-nav ul li a {
		color:#fff;
		padding:0;
		display:inline;
	}
	
	.right-nav ul li a:hover {
		color:#767676;
		background:none;
	}
	
	.right-nav ul li.last {
		margin:0;
	}
	
	.call-frances {
		width:343px;
		border-top:1px solid #767677;		
		padding: 20px 0;
		clear:both;
		margin:0;
	}
	
	.right2 .call-frances a {
		color:#a6a6a6;
		font-size:1.6em;
		font-weight:bold;
		line-height:100%;
	}
	
	.call-frances img {
		width:150px;	
	}
	
	.footer {
		width:900px;
		clear:both;
		background:#fff url(../img/footer.jpg) repeat-x top left;
		padding:20px;
		color:#fff;
	}
	
	.footer p {
		font-size:1em;
		line-height:100%;
		margin:0 0 10px 0;
		padding:0;
	}
	
	.footer p.black {
		color:#000;
		font-size:0.8em;
		padding:0;
	}

	.footer a {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	.footer a:hover {
		color:#000;
		font-weight:bold;
	}
	

}



/* Landscape phone to portrait tablet */
@media (min-width: 768px) and  (max-width: 979px) { 

	body {
		background-size: 1375px;
	}

		
	.hide3 {
		display:none;	
	}
	
	.show3 {
		display:block;	
	}
	
	#header {
		float:right;
		margin-top:16px;
		margin-bottom:10px;
		width:724px;
		text-align:right;
	}
	
	#header img {
		height:75px;
	}

	
	.main {
		width:724px;
		clear:both;
		margin:58px 0 14px 0;
		overflow:hidden;
	}
	
	
	
	#slideshow {
		width:724px;
		height:235px;
		margin:0 auto;
		padding:0;
		position:relative;
		overflow:hidden;
	}
	
	.home-content {
		width:355px;
		background:#fff;
		border:1px solid #dadada;
		float:left;
		clear:none;
		padding:20px;
	}
	
	.content {
		width:355px;
		background:#fff;
		border:1px solid #dadada;
		float:left;
		clear:none;
		padding:20px;
	}

	.right {
		width:309px;	
		float:left;
		clear:right;
	}
	
	.right1 {
		width:281px;	
		background:#d1d0d0 url(../img/768_right-mdc-bg.jpg) no-repeat top left;
		float:left;
		padding:0 14px 0 14px;
		clear:right;
		min-height:241px;
		margin-left:20px;
		
	}
	
	.right2 {
		width:269px;	
		float:left;
		clear:right;
		margin:20px 0 0 20px;
	}
	
	.right-nav {
		width:281px;	
		float:left;
		clear:right;
	}
			
	.right-nav ul  {
		float:right;
		text-align:right;
		clear:both;
		list-style-type:none;
		margin:14px 0 0 0;
		padding:0;
	}
	
	.right-nav ul li  {
		font-size:1.0em;
		font-weight:bold;
		margin:0 0 7px 0;
	}
	
	.right-nav ul li:hover  {
		background:none;
	}
	
	.right-nav ul li a {
		color:#fff;
		padding:0;
		display:inline;
	}
	
	.right-nav ul li a:hover {
		color:#767676;
		background:none;
	}
	
	.right-nav ul li.last {
		margin:0;
	}
	
	.call-frances {
		width:309px;
		border-top:1px solid #767677;		
		padding: 20px 0;
		clear:both;
		margin:0;
	}
	
	.right2 .call-frances a {
		color:#a6a6a6;
		font-size:1.4em;
		font-weight:bold;
		line-height:100%;
	}
	
	.call-frances img {
		width:150px;	
	}
	
	.footer {
		width:724px;
		clear:both;
		background:#fff url(../img/footer.jpg) repeat-x top left;
		padding:20px;
		color:#fff;
	}
	
	.footer p {
		font-size:1em;
		line-height:100%;
		margin:0 0 10px 0;
		padding:0;
	}
	
	.footer p.black {
		color:#000;
		font-size:0.8em;
		padding:0;
	}

	.footer a {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	.footer a:hover {
		color:#000;
		font-weight:bold;
	}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

	.hide4 {
		display:none;	
	}
	
	.show4 {
		display:block;	
	}

	body { 
		background-size: 200%;
		margin:0 10px;
		padding:0;
	}
	
	#header{
		clear:both;
	}
	
	#header img.mdclogo,
	#header img.logospacer,
	#header img.glamlogo, {
		margin:0;
		padding:0;
	}
	
	.main {
		clear:both;
		width:100%;
	}
	
	
	
	.call-frances {
		border-bottom:1px solid #767677;		
		padding: 10px 0;
		clear:both;
		margin:0;
	}
	
	.footer {
		clear:both;
		background:#fff url(../img/footer.jpg) repeat-x top left;
		padding:10px;
	}
	
	
	
	#slideshow {
		margin:10px 0 0 0;
		padding:0 0 0 0;
	}
	
	.content h1 {
		color:#7e7e7e;
		font-size:2em;
		line-height:100%;
		font-weight:normal;
	}
	
	.content {
		background:#fff;
		clear:none;
		margin:0;
		border:1px solid #dadada;
		padding:10px;
	}
	
	.navbar {
		padding:0;
		margin:0;
		height:auto;
	}
	
	.navbar-inner {
		background:#666;	
		padding:0;
		border:0;
		  -webkit-border-top-right-radius: 0px;
			  border-top-right-radius: 0px;
		  -webkit-border-top-left-radius: 0px;
			  border-top-left-radius: 0px;
		  -moz-border-radius-topright: 0px;
		  -moz-border-radius-topleft: 0px;
		  
	}
	
	.navbar-inner .container {
		background: #666;	
	}
	
	.navbar a.brand {
		color:#fff;
		background:#666;
  	    text-shadow: 0 0px 0 #fff;
		margin-left:10px;
		text-indent:0;
		padding-left:0;
		cursor:pointer;
		font-size:1.2em;
	}
	
	.navbar .btn-navbar	 {
		margin-right:10px;
	}
	
			
	
	.right-nav {	
		background:#666;
		width:100%;
		float:left;
		clear:left;
		padding: 0;
		margin:0;
	}

	.right-nav h2 {
		color:#fff;
		font-size:1.2em;
		line-height:120%;
		margin:0 0 10px 0;
		padding:0;
	}
	
	.right-nav .mobile-padding {
		padding:10px 10px 0 10px;	
		color:#fff;
	}
	
	.right-nav .mobile-padding p{
		color:#fff;	
	}
	
	.right-nav p {
		color:#666;	
	}
	
	.right-nav .textbox {
		width:95%;
		height:30px;
		border:1px solid #b6b5b5;
	}
	
	.right-nav .textarea {
		width:95%;
		height:126px;
		border:1px solid #b6b5b5;
        resize: none; 
	}
	
	.right-nav .submit {
		padding:4px 30px;
		font-size:0.9em;
	}
	
	.right-nav ul {
		width:100%;	
		background:#666;
		float:left;
		clear:both;
		list-style-type:none;
		margin:0;
		text-transform:none;
	}
	

	.right-nav ul li{
		border-bottom:1px solid #bebcbc;
		font-size:1em;
		font-weight:bold;
		padding:5px 10px; 
	}
	.right-nav ul li.last{
		border-bottom:0;
	}
	
	.right-nav ul li:hover{
		background:none;
	}
	
	.right-nav ul li a{
		color:#fff;
	}
	
	.right-nav ul li a:hover{
		color:#ddd;
		background:none;
	}
	
	.accordion {
		margin-bottom:0;
		border:0;
	}
	
	.accordion-inner {
		background:#767677;	
		border:0;
	}
	
	.accordion-heading {
		border:0;
		topleft: 0px;
		margin-right:0px;	
		background:transparent;
		font-size:1.3em;
		padding-right:0;
	}
	
	.accordion-heading a {
		color:#767677;
		font-weight:bold;
		border:0;
		padding:0;
		margin:0;
		text-align:right;
		display:inline;
	}
	
	.accordion-heading a:hover {
		color:#00c0ff;
		text-decoration:none;
	}
	
	.accordion-group {

	  padding-bottom:0;
	  border:0;
	  -webkit-border-radius: 0px;
		 -moz-border-radius: 0px;
			  border-radius: 0px;
	}
	
	.accordion-group.last {
		margin-bottom:0px;	
	}
	
	.main-inner {
		background:transparent;	
		width:100%;
	}
	
	.show1,
	.show2,
	.show3	{
		display:none;
		
	}
	
	i.icon-arrow-down-mdc {
		width:31px;
		height:31px;
		float:right;
		margin-top:-6px;
		margin-left:5px;
		margin-right:-15px;
		background: transparent url(../img/arrow-down.jpg) no-repeat;
		padding:0;
	}
	
	i.icon-arrow-up-mdc {
		width:31px;
		height:31px;
		float:right;
		margin-top:-6px;
		margin-left:5px;
		margin-right:-15px;
		background: transparent url(../img/arrow-up.jpg) no-repeat;
		padding:0;
	}
	
	.accordion .accordion-inner ul {
		display:block;	
		text-align:right;
		list-style-type:none;
		margin-top:10px;
	}

	.accordion .accordion-inner ul li{
		margin-bottom:10px;
	}

	.accordion .accordion-inner ul li a{
		color:#fff;	
		font-weight:bold;
	}
	
	.accordion .accordion-inner ul li a:hover{
		color:#000;	
		text-decoration:none;
	}
	
	.footer p {
		font-size:1em;
		line-height:100%;
		margin:0 0 10px 0;
		padding:0;
		color:#fff;
	}
	
	.footer p.black {
		color:#000;
		font-size:0.8em;
		padding:0;
	}

	.footer a {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	.footer a:hover {
		color:#000;
		font-weight:bold;
	}
	
		.nav {
		display:none;	
	}
	
	#mobile-nav {
		display:block;	
	}

}

@media (max-width:480px) {
	body { 
		background-size:260%;
	}	
	
	.show5 {
		display:block;	
	}
	
	.hide5 {
		display:none;	
	}
	
	#header a {
		margin:0;
		padding:0;
	}
	
	#header a img.mdclogo,
	#header a img.logospacer,
	#header a img.glamlogo {
		margin:0;
		padding:0;
		height:60px;
	}
		.accordion .accordion-inner ul {
		display:block;	
		text-align:right;
		list-style-type:none;
		margin-top:10px;
	}

	.accordion .accordion-inner ul li{
		margin-bottom:10px;
	}

	.accordion .accordion-inner ul li a{
		color:#fff;	
		font-weight:bold;
	}
	
	.accordion .accordion-inner ul li a:hover{
		color:#000;	
		text-decoration:none;
	}
	
	.footer p {
		font-size:1em;
		line-height:100%;
		margin:0 0 10px 0;
		padding:0;
		color:#fff;
	}
	
	.footer p.black {
		color:#000;
		font-size:0.8em;
		padding:0;
	}

	.footer a {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	.footer a:hover {
		color:#000;
		font-weight:bold;
	}
	
	.nav {
		display:none;	
	}
	
	#mobile-nav {
		display:block;	
	}
	
}

.content {
overflow:auto;
}