*{
font-family: 'Raleway', sans-serif;
color:#FFFFFF;
}
body{
margin:0;
padding:0;
background-color:#000300;

}
#headerwrap{
float: left;
width:100%;
background-color:#000300;
}
#header{
max-width:1100px;
margin:0 auto;
/*border:1px #000000 solid;
overflow:auto;*/
}
#menu{
display:none;
}
#logo{
float:left;
max-width:240px;
margin-top:20px;
margin-bottom:20px;
}
#logo img{
width:100%;
}
#phone{
float:right;
text-align:right;
font-size:34px;
color:#ffffff;
margin-top:25px;
}
#phone a{
text-decoration: none;
font-size:34px;
color:#ffffff;
}
#nav{
clear:right;
float:right;
text-align:right;
margin-top:25px;
}
#nav ul{
list-style:none;
padding:0;
margin:0;
}
#nav li{
float:left;
font-size:16px;
margin-left:15px;
position:relative;
}
#nav li:first-child{
/*margin-left:0;*/
}
#nav li a{
color:#ffffff;
text-decoration:none;
}
#nav li a:hover{
color:#CCCCCC;
text-decoration:none;
}



/* drop down */
#nav ul ul{
z-index:10;
list-style:none;
position:absolute;
left:-9999em;
/*margin:0;
padding:0;*/
}
#nav ul ul li{
float:none;
display:block;
padding-left: 0px; 
}
#nav ul ul li:last-child {
/*padding-right:1px;*/
}
#nav ul ul a{
color:#444444;
text-decoration:none;
white-space:nowrap;
}
#nav ul li:hover ul{
    left:-10px; 
	top:18px;
}
#nav ul li:hover a{ 
color:#CCCCCC;
/*color:#d70f11;*/
text-decoration:none;
display:block;
}
#nav ul li:hover ul a{ 
    text-decoration:none;
	padding:5px 5px 5px 5px;
text-align:left;	
}
#nav ul li:hover ul li a:hover{ 
	background-color:#d70f11;
	color:#ffffff;



}

#slideshow{
max-width:680px;
margin:0 auto;
overflow: hidden;

}
#slideshow img {
width: 100%;
}
#formwrap{
margin:0 auto;
clear:both;
width:100%;
background:#444444;
overflow:auto;
}
#form{
max-width:1100px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
margin-bottom:30px;
}
#formleft{
float: left;
margin:0 auto;
width: 680px;
height: 372px;
}
#formleft img{
width: 100%;
}
#formright{
float: left;
background:#000000;
width: 420px;
height: 372px;
margin-bottom:30px;
}
#form-content{
padding: 5%;
}
.form-title {
	font-family: Calibri, Arial;
	font-size: 40px;
	color: #FFFFFF;
}
.text-white {
	font-family: Calibri, Arial;
	font-size: 20px;
	color: #FFFFFF;
}
.forminput{
	font-family: Calibri, Arial;
	font-size: 16px;
	color: #a3a3a3;
	padding:3px;
	margin-bottom:6px;
}
.subbutton{
display: block;    
background: #a3a3a3;        
color: #ffffff;    
text-align: center;    
padding:3px 10px 3px 10px;
	font-size: 20px;
}
#contentwrap{
clear:both;
width:100%;
}
#content{
max-width:1100px;
margin:20px auto;
}

#content a{
text-decoration:none;
color:#FFFFFF;
}
#content a:hover{
text-decoration:underline;
color:#545454;
}
#fullslidewrap{
clear: both;
float:left;
margin:0 auto;
clear:both;
width:100%;
background:#444444;
}
#fullslide{
max-width:1100px;
margin:30px auto;
}
h1{
color:#FFFFFF;
font-size:24px;
font-weight:normal;
}
#content li{
color:#FFFFFF;
font-size:18px;
}
p{
color:#FFFFFF;
font-size:18px;
}
.square {
    float:left;
    position: relative;
    width: 30%;
    padding-bottom : 30%; /* = width for a 1:1 aspect ratio */
    margin:1.66%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
}

#footerwrap{
clear:both;
width:100%;
background:#444444;
overflow:auto;
}
#footer{
max-width:1100px;
margin:60px auto;
text-align:center;
}
#footer p{
color:#FFFFFF;
font-size:14px;
}
#footer a{
color:#ffffff;
text-decoration:none;
}
#footer a:hover{
color:#d70f11;
text-decoration:none;
}


@media screen and (max-width: 1100px) {
#header{
margin-left:5px;
margin-right:5px;
}
#content{
width:95%;
margin:0 auto;
float: none;
clear:both;
}
#slideshow{
width:100%;
height: 100%;
margin:0 auto;
overflow: hidden;
margin-bottom:30px;
}

#formleft{
float: none;
clear:both;
width:100%;
height: 100%;
margin:0 auto;
}
#formleft img{
width: 100%;
}
#formright{
margin:0 auto;
float: none;
clear:both;
width:100%;
}
#form-content{
margin:0 auto;
float: none;
clear:both;
}

}

@media screen and (max-width: 760px) {
#nav{
display:none;
}
#phone{
margin:0 auto;
float: none;
clear:both;
text-align:center;
padding-bottom: 15px;
}
#logo{
margin:0 auto;
float: none;
clear:both;
}
#menu{
float:right;
display:inline;
margin-top:20px;
margin-right:20px;
}
#sb-site {
/*	padding: 14px;*/
}
.sb-slidebar {
	padding: 14px;
	color: #fff;
}
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}