body,html{
  height:100%;
}


body {
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#494848;
	/*font: normal 14px/1.4em "Courier New", Courier, mono;
	*/
	font-family:'Quicksand', sans-serif,"Courier New", Courier, mono;
	font-size:14px/1.4em;
	display:inherit;
	
	text-shadow: #000 0px 1px 1px;
	
	-webkit-font-smoothing: antialiased;
	
	
	
}

p {
	
	
	font-family:'Quicksand', sans-serif,"Courier New", Courier, mono;
	font-size:14px/1.4em;
	color: #CCCCCC;
	
	text-shadow: #000 0px 1px 1px;
	
	-webkit-font-smoothing: antialiased;
}










.BigLogo
{
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	
}


.ImageHolder
{
	margin:5px;
	padding:6px;


}


#TopBanner
{

	padding-top:15px;
	padding-left:0px;
	padding-bottom:20px;
	height:100px;
	left:20px;
	position:fixed;
       width: 95%;
}
.LinksMenuList
{
	float:left;
	/* width:270px;	*/
	
	    width: 100%;
	padding-left:0;
	
}

li.LinksMenuItem{
    width: 50%;
    float: left;
	
}

.RotatingImageHolder
{
	float:left;	
	width:750px;
	max-width:900px;
}

.RotatingImage
{
	text-align: center;
    max-width: 50%;
	width: 50%;
    max-height: 525px;
    margin-right: 0;
    float: left;

	
	
}

.RotatingImageImg{
    max-width: 700px;
    max-height: 455px;

}

#MainHolder
{
	width:100%;
	padding:0px;
	margin:0px;	
}
.MainPart
{
	top:135px;
	position:absolute;	
	
}

.MenuPicHolder
{
	margin-left:auto;
	margin-right:auto;	
	max-width:750px;
	width:750px;
	
	
}

.ImageScroll
{

	
}


.ClearFloat
{
	clear:both;
	
	
}


ul, menu, dir {
display: block;
list-style-type: none;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}

a:link
{
	color:white;
	text-decoration:none;	
	
}
a:visited
{
	color:white;
	text-decoration:none;	
	
}
a:hover
{
	color:white;
	text-decoration:underline;	
	
}
.GalleryImage
{
	height:455px;
	
}
.TopLogo
{
	float:left;	
	padding-right:56px;
}
#TopLink1
{
	float:left;	
	padding-right:56px;
}

#TopLink2
{
	float:right;	
	padding-right:6px;

    padding-top: 20px;
}
.LinksMenuItem
{
	padding-bottom:12px;	
	font-size: 20px;
	text-align: center;
	
}
.submit_button,
#TopLink2 button{
    padding: 13px 26px;
    border-radius: 3px;

    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid white;
    background: rgba(0,0,0,0);
    color: white;
	 cursor:pointer;
}

.submit_button:hover,
#TopLink2 button:hover{
	color: #494848;
	border: 1px solid #494848;
	background: rgba(255,255,255,1);
	
}



h1, h2
{
	padding:0px;
	margin:0px;
	padding-top:22px;
	
	font-size:34px;
	font-weight:normal;
	text-decoration:none;
	color:white;
	
		
	
}


.contact_form input[type=text],
.contact_form textarea,
.contact_form input[type=email]{
    min-width: 350px;
    padding: 8px;
}

		

		@media only screen and ( min-width: 760px ){
					#container{


						overflow:auto;
						position:relative;
						height:100%;
					}
					
					.contact_column_1{
						float:left; 
						max-width:50%;
					}
					.contact_column_2{
						float:right; 
						max-width:50%;
					}


		}

		@media only screen and ( max-width: 759px ){
			
			.contact_column_1,
			.contact_column_2{
				float:none; 
				width:100%;
			}

	
			
			#TopBanner{
				    position: relative;
				
			}
			
			
			#container{

				overflow-y:auto;
				overflow-x:hidden;
				position:relative;
				height:100%;
			}
			
			.ImageScroll{
				width: 100%;
			}	
			.ImageScroll td{
				display:block;
			}
			.ImageScroll td img{
				height: auto;
				width: 100%;
			} 
			.RotatingImageHolder {
				float: left;
				width: 100%;
				max-width: 900px;
			}			
			
			.RotatingImage {
				max-height: 200vh;
				max-width: 100%;
				width: 100%;
				height: auto;
			}
			.RotatingImageImg{
				max-width: 98vw;
				width: 100%;
				max-height: 100vh;
			}
			.RotatingImage a{
				height: auto;
				display: block;
				overflow: hidden;
			}
			li.LinksMenuItem {
				width: 48vw;
				float: left;
			}
			
			li.LinksMenuItem {
				width: 100%;
				float: left;
				margin-bottom: 30px;
			}			
			
			.MenuPicHolder {
				margin-left: auto;
				margin-right: auto;
				max-width: 96%;
				width: 100%;
				padding: 0 2%;
			}			
			h1, h2 {
				font-size: 27px;
				font-weight: normal;
			}
			
		}

	@media only screen and ( max-width: 446px ){
	#TopLink2 {
		float: none;
		padding-right: 6px;
		text-align: right;
		width: 90%;
	}
	}