﻿@media (max-width: 640px) {
    .jumbotron h2 {
        font-size: 1.85em;
        line-height: 1.75em;
    }

    .jumbotron h3 {
        font-size: 1.75em;
        text-align: center;
        color: #fe8f06;
    }

    .jumbotron h5 {
        font-size: 1.25em;
        line-height: 1.5em;
    }

    .jumbotron ul {
        margin: 0 0 0 -10px;
    }

    .mquery {
        display: none;
    }
}


.jumbotron 
{
    background-image: url('/images/jumbotron-bgimage4.jpg');
    background-size:cover;
    color:white;
}

.jumbotron p {
    font-size:1.3em;
}
.jumbotron h3 {
    font-size:1.85em;
    color:#fe8f06;
}
.jumbotron h4 {
    font-size: 1.6em;
}
.jumbotron h5 {
    font-size: 1.4em;
}

p {
    font-size:1.3em;
}

li {
    font-size: 1.3em;
    line-height:1.7em;
}

.navbar li {
    font-size: 1em;
}

.urbangreymenu .headerbar {
	font: bold 15px;
	color: white;
	background: #606060;
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	margin-top: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 7px 0 7px 0; /*31px is left indentation of header text*/
	text-align:center;
}

.urbangreymenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
	padding: 0 0 2px 0;
}

.urbangreymenu ul li a {
	color: black;
	background: #E9E9E9;
	display: block;
	padding: 15px 0;
	line-height: 17px;
	padding-left: 5px; /*link text is indented 8px*/
	text-decoration: none;
}

.urbangreymenu ul li a:visited{
	color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
	color: white;
	background: black;
}

body#n0 a#nav0, body#n1 a#nav1, body#n2 a#nav2, body#n3 a#nav3, body#n4 a#nav4, body#n5 a#nav5, body#n6 a#nav6, body#n7 a#nav7, body#n8 a#nav8 { 
	color:#fff;
	text-decoration:none;
	background:#000000;
}

.callOut {
	background-color:#333333; 
	padding:15px; 
	color:#FFFFFF; 
}
.callOut a {
	color:#FFFFFF; 
	text-decoration:none;
}


/* form styles
------------------------------------------------- */

.QuoteForm ul {
	list-style: disc;
}


.QuoteForm li {
	background-image: none;
	margin: 15px 0 0 0;
	color:#000066;
	font-size:1em;
	font-weight:bold;
}

.QuoteForm p {
	color:#000000;
	font-weight:normal;
	padding:10px 0 0 0;
}

.QuoteForm input {
    margin:10px;
}

.FormHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #555555;
    padding-left: 5px;
}
.FormLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1m;
	font-weight: normal;
	color: #000000;
}
.FormLabelReq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #FF3300;
}
.FormLabelReqErr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FF0000;
}

.CommentBox  { 
	font-family:Trebuchet MS; 
	font-size: 8pt; 
	color: #000000; 
	font-weight: bold;	
	background-color: #eeeeee; 
	border: #666666; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}
.CommentBoxFocus  { 
	font-family: Trebuchet MS;
	font-size: 8pt; 
	color: #000000; 
	font-weight: bold;
	background-color: #DDDDCC; 
	border: #000000; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

.Warning { clear: both; background: none; background-color: #F4FAFF; border: 1px solid #B2CCE5; font: normal 11px Verdana; padding: 5px; margin: 0 10px 10px 0; }
.Error { clear: both; background: none; background-color: #FFFFCC; border: 1px solid #990000; font: normal 1em Verdana; color:#CC0000; padding: 5px; margin: 10px; }
.Error a { color:#000066; text-decoration:underline; }
