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


/****************  responsive stuff ***************/
/* Tablet Landscape */

/* Tabled Portrait */
@media screen and (max-width: 768px) {
   body{background-color:#000; 
}
#MiddleLine  ul li a {  
font-size:80%;
}
#MiddleLine  ul li a:hover {  
font-size:80%;
}

#content #infounderlogo{
padding-left:3px;
text-align:center;
font-size:90%;
width:auto;
height:auto;
margin-top:0px;
overflow:auto;
}
#content #NumberAndInfo{
top:8%;
left:45%;
width:50%;
height:auto;
font-size:60%;
}
#content #NumberAndInfo .numberbiline{
font-size:150%;	
}


#content #logo{
position:relative;
margin:2% 1%;
width:46%;
height:auto;
}

#logo img{
width:100%;
height:auto;
}
#content .biggerItalic{
font-size:120%;
font-weight:bold;
font-style:italic;
}
#content #infounderlogo img{
width:35%;
height:auto;
	}
}


@media screen and (max-width: 480px) {
	
   body{background-color:green; 
}

#MiddleLine  ul li a {  
font-size:65%;
	
}
#MiddleLine  ul li a:hover {  
font-size:65%;
}
#MiddleLine  ul li{
margin-left:-13px;	
}

#content #infounderlogo{
padding-left:3px;
text-align:left;
font-size:70%;
width:auto;
height:auto;
margin-top:0px;
overflow:auto;
}

#content #infounderlogo img{
width:48%;
height:auto;
	}

#content #logo{
position:relative;
margin:0 28%;
width:53%;
height:auto;
}

#logo img{
width:100%;
height:auto;
}
#content #NumberAndInfo{
top:24%;
left:16%;
width:70%;
height:auto;
font-size:50%;
}
form{
	font-size:90%;
	
}
.contactpic{
	width:60%;
	height:auto;}
}

/************* end group thing  *********/
/********   elements *****/

form{
	position:relative;
	z-index:4000;
text-align:center;
	
	
}
body{
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/bg2.png);
background-repeat:repeat-x;
background-color:green;
	
}


h1{
	/*font-size:62px*/;
	font-size:330%;
	margin:0px 0px -5px 0px;
	color:#000;
}
h1 a:link{
	text-decoration:none;
	color:#000;
}
h1 a:visited{
	text-decoration:none;
	color:#000;
}
h1 a:hover{
	text-decoration:none;
	color:#000;
}
h1 a:active{
	text-decoration:none;
	color:#000;
}

p{
	font-size:100%;
	padding:13px 10px 0px 10px;
	text-align:left;
}
h2{
	margin-top:2px;
	border-top:1px solid white;
	width:80%;
	font-size:120%;
	padding:5px 0px 0px 10px;
	text-align:left;
	
}
h3{
	
font-size:110%;
font-style:italic;

	
}
/***********  divs  **********/

#pagewrap{
	margin:0 auto;
	position: relative;
	height:auto;
	min-height:500px;
	max-height:5000px;
	text-align:center;
	
}

#content{
	position:relative;
	margin:20px auto;
	height:auto;
	overflow:visible;
	min-height:540px;
	max-width:780px;
	min-width:380px;
	background-image:url(../images/horzlines.png);
	border-top:8px solid #000;
	border-bottom:4px solid #000;
	border-right:4px solid #000;
	border-left:4px solid #000;
-moz-border-radius: 15px;
border-radius: 15px;
}

#hours{
	position:absolute;
	top:50px;
	width:250px;
	height:300px;
	border:1px solid black;
	margin:0px 10px 500px 10px;
	
}

#logoANDnumbercontainerontop{
	position:absolute;
	width:100%;
	height:515px;
	
}
#logo{
	position:absolute;
	top:1px;
	left:-21px;
	height:202px;
	width:360px;
text-align:left;
}

#NumberAndInfo{
	text-align:center;
position:absolute;
left:348px;
width:420px;
height:200px;
}

#infounderlogo{
position:absolute;
top:250px;
left:0px;
height:auto;
min-height:315px;
width:778px;
/*border:1px solid #000;*/
overflow: auto;
}



#infounderlogo img{
	margin:5px 3px 0px 2px;
	border:1px solid white;
}

#MiddleLine{
	text-align:center;
position:absolute;
top:220px;
left:0px;
/*background-color:#000;*/
background-image:url(../images/trans1.png);
/*border-top: 5px solid #000;*/
border-bottom:3px solid #000;
border-top:2px solid #eee;
height:23px;
/*width:781px;*/
width:100%;

/*-moz-border-radius: 15px;
border-radius: 15px;*/
}

/**********************  navigation  ******************/

#MiddleLine ul {  
font-size:100%;
left:2px;
        list-style: none; 
		display:inline-block;
		margin:0px 0px 0px -15px;
		
    }  
  #MiddleLine  ul li a:link { 
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  padding:2px 5px 2px 5px;
 		text-decoration:none; 
        display:inline-block; 
        width: auto;  
        height: 20px;  
        text-align: center;  
        color: #000;  
        float: left; 
		/*background-image:url(../images/bg1.png); */
        margin-right:15px;  
    }  
	
	  #MiddleLine  ul li a:visited { 
	    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  padding:2px 5px 2px 5px; 
  text-decoration:none; 
        display:inline-block;  
               width: auto;   
        height: 20px;  
        text-align: center;  
        color: #000;  
        float: left;  
		/*background-image:url(../images/bg1.png); */
        margin-right:15px;  
    }
	
	  #MiddleLine  ul li a:hover {  
	    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  padding:2px 5px 2px 5px;
  text-decoration:none; 
        display:inline-block;  
               width: auto;  
        height: 20px;  
        text-align: center;  
        color:#fff;  
        float: left;  
		background-color:#000;
        margin-right:15px;  
    }
	
	  #MiddleLine  ul li a:active {  
	    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  padding:2px 5px 2px 5px;
  text-decoration:none; 
        display:inline-block; 
               width: auto;   
        height: 20px;  
        text-align: center;  
        color: red;  
        float: left;  
		/*background-image:url(../images/bg1.png); */
        margin-right:15px;  
    }
	#MiddleLine ul li {  
    float: left;
} 

/*******************  FB logo rollover using sprite  *************/
#MiddleLine ul li a.fb{
	margin: 1px auto;
       display: block;
       background:url(../images/FBsprite2.png) no-repeat;
	   background-position:center top;
       height: 20px;
       width: 12px;
	   
}

#MiddleLine ul li a.fb:hover {
       background-position: center -22px;
	   background-color:none;
}
/**********************  navigation  ******************/

#PhoneMenu{
	display:inline-block;
	visibility:hidden;
	width:100%;
	height:auto;
	background-color:white;
	
}

#footer{
	text-align:center;
font-size:75%;
margin:0 auto;
width: 100%;
height:20px;
	
}
/******** classes  **********/
.infotext{
	font-size:175%;
	font-weight:bold;
	margin:-10px 0px 0px 0px;
	text-align:center;
	
}
.numberbiline{
	font-size:100%;
	margin:0px 0px 0px 0px;
	color:red;
	font-style:italic;
	font-weight:bold;
	
	
}
.biggerItalic{
	font-size:150%;
	font-weight:bold;
	font-style:italic;
}
.noborder{
	border:5px solid red;
	margin:3px 3px 3px 3px;
}
.yourlocation{
	font-size:75%;
	font-style:italic;
}
.spaceontop{
margin: 240px 0px 0px 0px;
padding:10px 5px 0px 10px;	
}
/********  group thing to make main container expand  *********/

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1;}