*{margin:0px auto; padding:0px; border:0px;}

table,tr,td,th{border-collapse:collapse;}

body{background:#111416; height:100%; font-family:"Roboto", sans-serif !important;}

input,textarea,select{-webkit-appearance:none; appearance:none; -moz-appearance:none;}

.good-bg{background:#33508C !important;}

.core-wrapper{position:static; background:#FFF;}

.full-width{width:90% !important; padding:10px !important; margin-bottom:12px !important;}
.padding-less-width{width:96% !important; padding:10px !important; margin-bottom:12px;}
.form-container{position:static; text-align:center; max-width:500px; font:700 12px/1.0em "Roboto", sans-serif; text-transform:uppercase; padding:100px 50px;}

#canvas{position:static; height:700px;}

#menu_container{display:none; z-index:9999; position:fixed; top:0px; left:0px; width:100%; height:100%;}
#menu_container #menu{position:absolute; right:0px; top:0px; width:100%; height:100%; background:#444; border-left:1px solid #888;}
#menu_container #menu a{display:block; border-bottom:1px solid #555; color:#FFF; text-align:center; height:59px; width:100%; text-decoration:none; font:normal 24px "PT Sans", Arial, sans-serif;}
#menu_container #menu a:hover{background:#494949;}
#menu_container #menu a:active{background:#33508C;}
#menu_container #menu a span.left{position:relative; float:left; top:12px; margin-left:25px;}
#menu_container #menu a span.right{position:relative; font-family:"Fontello", sans-serif; font-size:28px; float:right; top:13px; margin-right:25px;}
#menu_container #menu a.close_menu{position:absolute; bottom:0px; left:0px; width:100%; height:35px; background:#4F4F4F; color:#FFF; font-size:14px; padding-top:15px;}
#menu_container #menu a.close_menu:hover{background:#535353;}

#nav-container{position:static; border-bottom:1px solid #EEE;}
#nav{position:relative; width:1000px; height:75px; text-align:center;}
#nav a.menu{display:block; position:absolute; right:20px; top:22px; text-decoration:none; color:#111; font-size:30px;}
#nav a.logo{position:absolute; left:10px; top:0px; height:75px; width:400px; background:url('../../images/logo.png') left center no-repeat; background-size:100%;}
#nav h1{padding-top:25px; color:#AEAEAE; font:700 18px/1.2em "Roboto", sans-serif;}
#nav a.phone{position:absolute; right:57px; top:22px; color:#111; text-decoration:none; font-size:26px; letter-spacing:-1px;}

#home-swipe{position:relative; width:1000px; height:900px; margin-top:25px; text-align:left;}
#home-swipe div.title{z-index:2; position:absolute; left:50px; top:150px; width:500px; text-shadow:0px 1px 1px #111; color:#FFF; font:700 60px/1.0em "Roboto", sans-serif; letter-spacing:-2px;}
#home-swipe a.button{z-index:2; position:absolute; left:53px; top:350px; display:inline-block; background:#33508C; color:#FFF; font:700 20px/1.0em "Roboto", sans-serif; padding:20px 30px; text-decoration:none;}
#home-swipe div.grey{z-index:2; position:absolute; bottom:75px; left:50px; width:350px; background:#F2F2F2; color:#111; padding:100px 50px; font:700 40px/0.8em "Roboto", sans-serif; text-align:center; text-transform:uppercase;}
#home-swipe div.dark-grey{z-index:2; position:absolute; bottom:25px; right:50px; width:350px; background:#333; color:#FFF; padding:70px; font:200 28px/1.4em "Roboto", sans-serif;}

#home-content{position:relative; width:900px; text-align:center; padding:50px;}
#home-content h2{color:#33508C; font:700 40px/1.0em "Roboto", sans-serif; letter-spacing:-1px; margin-bottom:20px;}
#home-content h2 span{color:#111;}
#home-content div.text{font:300 18px/1.4em "Roboto", sans-serif; color:#555; margin-bottom:50px;}
#home-content .service{display:inline-block; width:29%; padding:15px 7%; margin:0px 3%; color:#999; font:700 20px/1.0em "Roboto", sans-serif; border-bottom:1px solid #E9E9E9; text-decoration:none;}
#home-content .service:hover{color:#AAA;}

.video iframe{z-index:1; position:absolute; left:0px; top:0px; width:100%; height:563px;}

div.content{position:relative; width:1000px; text-align:left; font:300 18px/1.6em "Roboto", sans-serif; color:#555; margin:50px auto;}
div.content h2{font-size:24px;}
div.content ul{margin-left:50px;}
div.content img.service{width:380px; float:left; margin:0px 30px 20px 0px;}

div.standalone-content{position:static; max-width:700px; text-align:left; font:300 18px/1.6em "Roboto", sans-serif; color:#555; padding:50px;}
div.standalone-content h1,div.standalone-content h2,div.standalone-content h3{font-size:26px; color:#33508C;}
div.standalone-content a{color:#33508C;}
div.standalone-content a:hover{text-decoration:none;}
div.standalone-content a.big-link{background:#33508C; color:#FFF; padding:8px; text-decoration:none;}
div.standalone-content ul{list-style:default; margin-bottom:25px;}
div.standalone-content li{margin:15px auto 0px 30px;}

.short-description{position:static; padding:15px 0px 35px 0px;}

div.nav{position:relative; width:1000px; text-align:left; font:300 18px/1.4em "Roboto", sans-serif; color:#555; margin:30px auto; text-align:center;}
div.nav a{display:inline-block; background:#33508C; color:#FFF; font:500 20px/1.0em "Roboto", sans-serif; padding:10px 20px; text-decoration:none; margin:5px;}

#team{position:static; max-width:700px; text-align:left; font:300 16px/1.8em "Roboto", sans-serif; color:#555; padding:50px;}
#team img{width:250px; float:right; margin:0px 0px 20px 30px;}
#team a{color:#33508C;}
#team a:hover{text-decoration:none;}

div.staff-container{display:table; width:1000px; font:300 18px/1.4em "Roboto", sans-serif; color:#555;}
div.staff{display:table-cell; vertical-align:top; padding:50px;}
div.staff img{width:400px;}

#title{position:static; text-align:center; background:#33508C; padding:50px; color:#FFF; font:700 46px/1.0em "Roboto", sans-serif; letter-spacing:-1px;}

#caller{position:static; background:#F2F2F2; padding:70px 20px; text-align:center;}
#caller h3{font:700 36px/2.0em "Roboto", sans-serif; color:#333; letter-spacing:-1px;}
#caller a{display:inline-block; padding:10px 15px; background:#33508C; font:700 22px/1.0em "Roboto", sans-serif; color:#FFF; text-decoration:none;}

#footer-container{position:static; background:#111416; padding:40px 0px 60px 0px; clear:both;}
#footer-container #footer{position:relative; width:1000px; text-align:center;}
#footer-container #footer div.line{position:static; background:#333; height:1px; overflow:hidden;}
#footer-container #footer a.logo{display:inline-block; background:url('../../images/white_logo.png') center center no-repeat; background-size:100%; width:290px; height:60px; margin-top:30px; margin-bottom:10px;}
#footer-container #footer div.text{position:relative; width:500px; color:#AFAFAF; font:300 18px "Roboto", sans-serif; padding:0px 0px 40px 0px;}
#footer-container #footer div.text h2{color:#7C7C7C; font:400 30px/1.2em "Roboto", sans-serif; margin-bottom:20px;}
#footer-container #footer div.text h2 a{color:#FFF; text-decoration:none;}
#footer-container #footer div.bottom-line{position:static; border-top:1px solid #333; padding-top:20px;}
#footer-container #footer div.bottom-line span{color:#444; font:300 16px "Roboto", sans-serif;}
#footer-container #footer div.bottom-line span a{color:#444; text-decoration:none;}
#footer-container #footer div.bottom-line span.left{float:left;}
#footer-container #footer div.bottom-line span.right{float:right;}

/* TABLETS - ALL ORIENTATIONS */
@media only screen
and (min-width : 100px)
and (max-width : 1000px) {
	.hide-small{display:none;}

	#nav{position:static; width:auto;}
	#nav h1{display:none;}
	#nav a.phone{display:none;}
	#nav a.logo{width:250px;}

	#home-swipe{position:static; width:auto; margin:0px; height:auto; text-align:center; background:url('/images/building.jpg') top center no-repeat; background-size:100%;}
	#home-swipe div.title{position:static; left:auto; top:auto; width:auto; display:block; padding:40px 40px 20px 40px; font-size:38px; letter-spacing:-1px;}
	#home-swipe a.button{position:relative; left:auto; top:auto; display:inline-block; font-size:18px; padding:10px 20px; margin-bottom:30px; margin-left:0px;}
	#home-swipe div.grey{display:none;}
	#home-swipe div.dark-grey{position:relative; margin-top:50px; bottom:auto; right:auto; width:calc(100% - 100px); padding:30px; font:200 24px/1.4em "Roboto", sans-serif;}

	.video iframe{display:none;}

	#title{font-size:30px;}

	#home-content{position:static; width:auto; padding:30px;}
	#home-content h2{font-size:28px;}
	#home-content div.text{font-size:16px;}
	#home-content a{font-size:14px;}

	div.content{position:static; width:auto; padding:30px; margin:0px auto;}
	div.content img.service{width:100%; float:none; margin:0px 0px 30px 0px;}

	#team img{float:none; width:100%; margin:0px;}

	div.staff-container{display:table; width:90%; padding:0px 5%;}
	div.staff{display:table; padding:30px 0px;}
	div.staff img{width:100%;}

	div.nav{position:static; width:auto;}
	div.nav a{font-size:16px; padding:10px 20px;}

	#caller{position:static; background:#F2F2F2; padding:70px 20px; text-align:center;}
	#caller h3{font-size:22px;}
	#caller a{font-size:18px;}

	#footer-container #footer div.line{display:none;}
	#footer-container #footer div.bottom-line{display:none;}
	#footer-container #footer{width:100%;}
	#footer-container #footer div.text{width:90%;}
	#footer-container #footer div.text h2{font-size:20px;}

	input[type=text]{width:95%;}
}