@import url(//fonts.googleapis.com/css?family=Oleo+Script);

/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/camera.css";
@import "../css/carousel.css";
@import "../css/subscribe-form.css";


body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
a {text-decoration: none;}
iframe {
    border:none;
}


/* Dm Stuff */
.rss { 
img{
width:112px;
height:30px;
display:block;
 }
 
 td {
  border: 1px solid red;
  width: 114px;
  height: 32px;
  padding: 0;
}
}

/* RSS Feed Stuff */



* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
 

 
.pic {                        /* Frame*/
  border: 10px solid #fff;  
  float: left;
  height: 180px;
  width:  180px;
 /* margin: 20px; */
  overflow: hidden;
  
  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;  
}


/*GROW*/
.grow img {
  height: 80px;
  width:  90px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width:  109px;
  height: 116px;
}

/* Dm End */


.widget-dm {
             font-weight:bold;
             font-size:large;
             margin-left: auto ;
             margin-right: auto ;
             text-transform: uppercase;
             background-color:#FFB591; 
          } 
          
/* Contact Menu up */
 .contact
    { bottom:0%; /* Change To 100% for menu up! */
    display: block; 
    font: 18px Palatino;
    text-decoration: none; 
    color: white;
    background:black;
}
a.men1:hover {
  color: black ;
  background-color: #ccffe6 ;
}
h1.topm {
margin-top:2px;
 }
#dli
{
width:13em;  /* Menu Width */
}
/* Iframe fluid */


.responsive-container
 { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.iframe-rwd  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/* Box ??? */
.box_info1:first-child {
	margin-left:0;}

.box_info1 {
	overflow:hidden;
	padding:31px 52px 27px 17px;
}


.shadow {box-shadow: 0 7px 12px -7px rgba(0, 0, 0, 0.36);}

.letter {
    background:url(../images/img_letter.png) 0 0 repeat;
    color: #fff;
    display: block;
    float: left;
	font-family: 'Oleo Script', cursive;
    font-size: 36px;
    height: 45px;
    line-height: 45px;
    margin: 0 18px 0 0;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    width: 45px;
}
.red {background:#fb7033;}
.blue {background:#0eaaf6;}
.green {background:#83ba3c;}

.box_info1  p {
    color: #fff;
	font-weight:700;
	font-size:14px;
	line-height:21px;
	margin:0px 0 12px 0px;
	display:block;
	text-transform:uppercase;
}
 .dmp div{         /* dmp changes div to .. */
  padding-top:5px;
  paddding-bottom:5px;
         }
        
/* content */

#content1-wrapper {
	background-color:#FFCC66;
	overflow: hidden;
}
#content1 {
	padding: 20px 0;
	overflow: hidden;
}
#info-content1 {
	margin-top: 15px;
	overflow: hidden;
	padding: 20px;
	width: 900px;
}

          #banner {
             margin-left:auto; 
             margin-right:auto; 
             width:1000px;  
          }
          #banner img { 
             width:1000px; 
             height:160px;

                     }
#ein img
{
width:320px;
height:110px;
}
 
          #main {
            margin-left:auto;
            margin-right:auto;
            width:1000px; 
          }   

#map1{
            margin-left:auto;
            margin-right:auto;
            width:1000px; 
          }  

          #main-content {
            padding:20px;
            width:625px; 
            float:left;
          }  

          #widget-container {
            padding:15px;
            width:280px; 
            float:right;
          }   

        #widget-containerc {
            padding:15px;
            width:300px; 
} 

/*Center div element */

           .contc{margin: 0 auto; width: 500px;}

       .blockc{background: #333; float: left; margin: 0 10px; width: 500px;}
           

          #widget-content {
             margin:20px; 
             padding:1px;
             width:250px;
             background-color:#FFD280; 
          }    
   

   .widget-title {
             font-weight:bold;
             padding:10px;
             background-color:#EEEEEE;  
          } 
          
          
          
.widget-titlev {
             font-weight:bold;
             padding:2px;
             background-color:#EEEEEE;
             Color:green;  
          } 


  .widget-title1 {
             font-weight:bold;
             padding:10px;
             background-color:#FFB591;  
          } 
  .widget-title2 {
             font-weight:bold;
             padding:10px;
             background-color:#FFFF19;  
          } 

          .widget-text2 {
             padding:10px;
             background-color:#FFD280;   
          } 
  .widget-text3 {
             padding:0px;
             background-color:blue;
             color:white;   
          } 
 .widget-text1 {
             padding:10px;
             background-color:#FFF0B2;   
          } 

.container {
    width: 95%;
    max-width: 1000px;
    margin: 10px auto;
}

.containerm {
    width: 95%;
 max-width: 320px;   
    margin:0;
}
.containerm1 {
    width: 60%;
    height:80px;
 max-width: 320px;
max-height:100px;
    
    margin:0;
}
.textwrap
{
float:left;
margin:10px;
}

#textcenter
{
    text-align:center; /* center horizontally */
    
}

.container2 {
    width: 90%;
    max-width: 900px;
    margin: 10px auto;
}
.toggleMenu {
    display:  none;
  /*  background: #666;
    padding: 10px 15px;
    color: #fff; */
}
.ncsimg img{
  width:1024px;
  height: 80px;
}
.nav {
    list-style: none;
     *zoom: 1;

     background:#FFD280;

}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 10em; /* Menu Block */
}
.nav a {
    padding: 10px 15px;
    color: black;  

/**/
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    border-top: 1px solid #104336;
}
.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #FFD200;
    position: relative;
    z-index:100;
    border-top: 1px solid #175e4c;
}
.nav li li li a {
    background:#FFD280; /* Sub Menu Bc color */
    z-index:200;
    border-top: 1px solid #1d7a62;
}


/* footer */
#footer-wrapper {
	border-top:#8f8f8f 1px solid;
       
}
#footer {
	padding:30px 0;
	overflow: hidden;
      
}
#footer ul {
	list-style: none;
	margin:0;
	padding: 0;
}
#footer ul li {  
	float: left;
color:red;
}
#footer ul li a {
	font-size: 1.0em;
	padding:0 40px;
	color:green;
        width; 1000px;
	border-right:1px solid;
}


#footer ul li.last a {
	border:none;
}
#footer ul li.first a {
	padding-left:0;
}
#footer ul li a:hover {
	color:white;
}

/* Responsive slideshow */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
/* End Responsive Slide Show */

@media screen and (max-width: 380px) {
    .container2{
        display: none;
    }
/* DM @ Media */

/* End Responsive Slide Show */

@media screen and (max-width: 380px) {
    .container2{
        display: none;
    }
}

/**** Might need to adjust the header on mobile */
@media only screen and (max-width: 767px) {
	.rt-block.menu-block {
		background-color: none;
		padding-top: 0;
	}
}

/**** Might need to adjust the header on mobile */
@media only screen and (max-width: 480px) {
	.logo-type-oculus #rt-logo {
		background-size: 320px auto;
	}
}


@media only screen and (max-width: 767px) {
	.gf-menu-toggle:before {
		content:"Menu ";
	}	
}


@media only screen and (max-width: 480px) {
	.layout-slideshow .sprocket-features-title {
		font-size: 20px;
		line-height: 20px;
	}
}

@media only screen and (min-width: 768px) {
	.gf-menu li.item101 {
		padding-bottom: 5px;
	}
	.gf-menu li.item101:hover {
		padding-bottom: 0px;
	}
	.gf-menu li.item101.active {
		padding-bottom: 5px;
	}
}

@media only screen and (min-width: 1200px)
{
	.sprocket-lists a.readon span {
		font-size: 320%;
	}
	.hover-gradient .readon {
		font-size: 40px;
		padding: 8px 10px 13px 10px;
	}
}

/**** Might need to adjust the header on mobile */
@media only screen and (max-width: 480px) {
	.component-content .contact-image{
		float: none;
	}

	#rt-mainbody .component-content .contact-image img {
		margin-bottom: 10px;
	}
}

@media only screen and (min-width: 1200px) { body .layout-slideshow .sprocket-features-img-container img {
	margin-top: 0;
	top: 0;
}}

@media (min-width: 768px) and (max-width: 959px) { body  .layout-slideshow .sprocket-features-img-container img {
	margin-top: 0;
	top: 0;
}}

@media (min-width: 960px) and (max-width:1199px) { body  .layout-slideshow .sprocket-features-img-container img {
	margin-top: 0;
	top: 0;
}}

@media only screen and (max-width: 767px) { body  .layout-slideshow .sprocket-features-img-container img {
	margin-top: 0;
	top: 0;
}}



@media only screen and (min-width: 1200px) {
	#rt-showcase .rt-grid-6.rt-alpha {
		width: 800px;
	}
	#rt-showcase .rt-grid-6.rt-omega{
		width: 400px;
	}
	.gf-menu li {
		margin-right: 8px;
	}
	.gf-menu li.parent > .item {
		padding-right: 25px;
	}
	.gf-menu li {
		margin-right: 10px;
	}
	.gf-menu .item {
		padding: 10px 25px;
	}
	.gf-menu.l1 > li > .item {
		font-size: 16px;
	}
}


@media only screen and (max-width: 959px) and (min-width: 768px) {
	.rt-grid-6.rt-omega {
		width: 256px;
	}

	.rt-grid-6.rt-alpha  {
		width: 512px;
	}

	.gf-menu li {
		margin-right: 0px;
	}

	.gf-menu.l1 > li > .item {
		font-size: 13px;
	}
	
	.layout-mode-responsive .gf-menu .item {
		padding: 10px 3px;
	}
}

@media only screen and (max-width: 767px) {
	.rt-grid-6.rt-omega {
	width: 100%;
	}
	.rt-grid-6.rt-alpha  {
	width: 100%;
	}
	.searchmod {
		padding-top: 20px;
	}
}

/* Dm @ medai ends */


.active {
        display: block;#
    }
    .nav > li {
        float: none;
        
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95 50%;
    }
    .nav ul {
        display: block;
        width:100%
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

.content1{
      width:370px;
}

#banner { width:370px; }
            #banner img { max-width:370px; max-height:135px; }
            #main { width:370px; }            
            #main-content { width:320px;}
            #widget-container { width:3200px; }
            .widget-content { width:120px; margin:5px; float:left;}
            .widget-text { display:none; } 
 

.blockc{background: #333; float: left; margin: 0 10px; width: auto;}

#main 
    {
margin:5px;
}
/*Center div element */

           .contc{margin: 0 auto; width:auto;}
}