@charset "utf-8";


/* Mobile Layout: 580px and below. */
.gridContainer {margin:0 auto 0 auto; width: 87.36%;}
#header {
	background-image:url(../images/header_bg.jpg); 
	background-repeat:repeat-x; 
	background-color:#dce3ea; 
	border-bottom:1px solid #cbd3db;
	width:100%;
}
#logo {text-align:center; padding-bottom:15px;}

#headerRight {text-align:center; color:#373737; font-size:17px; padding-bottom:15px;}
#headerRight img {display:none;}
#headerRight p {margin-top:0;}
#headerPhone {color:#73b823; font-family: 'Roboto', Arial, sans-serif; font-weight:400; font-size:39px;}

#navi {
	background-image:url(../images/navi_bg.jpg); 
	background-color:#9ea8b1; 
	background-repeat:repeat-x; 
	border-bottom:#81888e 1px solid;
}

#navi ul, #secondNavi ul {list-style:none; margin:0; padding-left:0;}
#navi a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:15px 0 15px 25px;
	font-size:20px;
	border-bottom:solid 1px #b3bec6;
}
#navi a:hover {background-image:url(../images/hover.png); background-repeat:repeat-x;}
.lastNav {border-bottom:none !important;}
#secondNavi {display:none;}

#guts ul li {margin-bottom:15px;}

#footer {
	background-image:url(../images/footer_bg.jpg); 
	background-repeat:repeat-x; 
	background-color:#002b4a;
	color:#fff;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight:300;
	font-size:13px;
	text-align:left;
}
#footerWrapper {padding:20px 0 30px 0;}

#footer h4 {
	color:#d6f120;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight:300;
	font-size:17px;
	border-bottom:solid 1px #d6f120;
	margin:0 30px 5px 0;
}
#footer ul {list-style:none; margin:0; padding-left:15px;}
#footer p {margin:0; padding-left:15px;}
#footer a:link, #footer a:visited, #footer a:active {text-decoration:none; color:#fff;}
#footer a:hover {text-decoration:underline; color:#c9dae4;}

.footerCol {margin-bottom:25px;}
#footerNav li {margin-bottom:10px;}
#footerSocial {text-align:center;}
#footerSocial h4 {text-align:left;}
#footerSocial img {margin:2px 3px 15px 3px;}




/* Tablet Layout: 581px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 581px) {
.gridContainer {width: 90.675%;}

#navi {
	z-index:200;
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.4);
}
#navi a {
	width:19.5%;
	min-height:50px;
	line-height:50px;
	text-align:center;
	float:left;
	padding:0;
	font-size:13px;
	font-weight:bold;
	border-bottom:none;
	border-right:solid 1px #b3bec6;
}

.lastNav {border-right:none !important;}

.footerCol {width:50%; min-height:240px; float:left;}
#footerSocial {text-align:left;}
#footerSocial img {margin:2px 3px 15px 3px;}

}


/* Desktop Layout: 800px to a max of 1100px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 800px) {
.gridContainer {width: 88.2%; max-width: 1100px;}

#fixedTop {
	z-index:300; 
	position:fixed; 
	width:100%;
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.5);
}

#header {
	height:118px; 
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.4);
}

#headerWrapper {padding-top:15px;}
#logo {text-align:left; width:65%; float:left; padding-top:15px;}

#headerRight {text-align:right; width:35%; float:left; padding-top:10px;}
#headerRight img {display:inline; padding-top:10px;}
#headerRight p {margin-top:0; margin-bottom:7px; float:right;}

.naviWrapper {width:88.2%; max-width:1100px; margin:0 auto 0 auto;}
#navi a {font-size:16px; font-weight:normal; min-height:30px; line-height:30px;}

#secondNavi {display:block; background-color:#333;}
#secondNavi a {
	color:#fff;
	text-decoration:none;
	display:block;
	width:auto;
	/*padding:0 23px 0 23px;*/
	padding:0 3.5% 0 3.5%;
	min-height:27px;
	line-height:27px;
	text-align:center;
	float:left;
	font-size:12px;
	border-right:solid 1px #7a8186;
}

#secondNavi a:hover {background-color:#666;}

#guts {padding-top:175px;}

.footerCol {width:25%; min-height:200px; float:left;}
#footerSocial img {margin:4px 20px 15px 0px;}

}