/*********************************
	Impress Design / Jack McDaniel
	impress-design.com
	720.495.1368
*********************************/

/*********************************
	SITE COLORS: 
	
	DEEP BLUE: #113870
	GOLD: #a59b35
	Text: #444
        Test: #fff
*********************************/

/*	A. GLOBAL RESET
	. . . . . . . . . . . . . . . . . . . . */
	
html,
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong,
sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, figcaption, figure, footer, header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5em;
    font-size: 16px;
    font-weight: 300;
    color: #777;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}
ins {
    background-gridor: #ff9;
    color: #11284F;
    text-decoration: none;
}
mark {
    background-gridor: #ff9;
    color: #11284F;
    font-style: italic;
    font-weight: bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-gridlapse: gridlapse;
    border-spacing: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
input, select { vertical-align: middle; }
blockquote {
    width: 70%;
    margin: 30px 10%;
    padding: 20px 5%;
    border-top: 4px solid #CCC;
    border-bottom: 4px solid #CCC;
    background: url(../img/quotes.png) 0 15px no-repeat;
    font-size: 1.25em;
    line-height: 1.7em;
    color: #666;
}
img { max-width: 100%; }
p { margin-bottom: 15px; }
.clear { clear: both; }
q {
  font-size: 2.0em;
}
::selection {
    color: #fff;
    background: #a59b35;
    text-shadow: none;
}
ol { margin-left: 30px; }


/*	B. BODY INFO AND LINKS
	. . . . . . . . . . . . . . . . . . . . */
body {
    margin: 0 auto;
    background: #FFF;
}
.dropcaps .dittoPost > p:nth-of-type(1):first-letter {
	float:left;
	font-size:84px;
	margin:20px 15px 15px -5px;
	display:block;
        color: #113870;
}
.bodyWrap {
    clear: both;
    margin: 0 auto;
    max-width: 100%;
}
.mainContain {
    margin: 0 auto;
    width: 90%;
    max-width: 1200px;
}
a {
    color: #113870;
}

/*a:visited {
	color: #666;
}*/
a:hover {
    color: #a59b35;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

article a { font-weight:500; }

em { 
    font-weight: bold;
    font-style: italics; 
    color: #000;
}

/*	C. HEADER, MENU AND SEARCH
	. . . . . . . . . . . . . . . . . . . . */


header {
    margin: 0 auto;
    width: 100%;
    height: 65px;
    top: 0;
    position: fixed;
    z-index: 10000;
    background: rgba(17, 56, 112, 0.9725);
    border-bottom: 1px solid #a59b35;
}
.logo {
    float: left;
    height: 65px;
    width: 30%;
    margin: 0 auto;
}

.menu {
    height: 65px;
    line-height: 65px;
}
.menu ul {
    list-style: none;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
}
.menu ul li {
    list-style: none;
    float: right;
    padding: 0 20px;
    line-height: 65px;
    font-size: 1.25em;
    font-weight: 300;
}
.menu ul li a {
    color: #a59b35;
    font-weight: 400;    
}
.menu ul li a:hover {
	color: #FFF;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.menu ul li.last { padding-right: 0; }

.subHeadContain {
	margin-top: 66px;
	border-bottom: 3px solid #a59b35;
}
.subHead {
	height: 34px;
	line-height: 34px;
	background: rgba(255, 255, 255, 0.8725);
}
.subHead .grid40 {
	color: #113870;
	font-style: italic;
	font-weight: 300;
}
.menuBadge {
    display: none;
}
#navigation {
    display: none;
}
#hiddenMenu {
    display: none;
}
.menuBuild {
    display: none;
}

/*	D. CONTENT
	. . . . . . . . . . . . . . . . . . . . */

article ul { 
    list-style: none; 
    margin-bottom: 20px;
}
article ul li {
    list-style: none;
    margin-left: 30px;
    padding: 7px 0 7px 15px;
    background: url(../img/arrowB.png) 0 12px no-repeat;
    line-height: 1.3em;
}
.siteAd { 
	margin-top: 35px; 
	padding-bottom: 60px;
	border-bottom: 1px solid #000;
}
.heroHeadline { 
	margin: 0 auto;
	max-width: 800px;
	padding-top: 155px; 
	text-align: center;
}
.heroHeadline2 { 
	padding-top: 150px; 
	padding-left: 100px;
        text-align: center;
}
.heroHeadline2 h1 {
	color: #FFF;
	font-size: 2.75em;
	font-weight: 300 !important;
	line-height: 1.0em;
    padding: 0;
	text-shadow: 0 0 10px #0c3266, 0 0 10px #0c3266, 0 0 10px #0c3266;
    font-family: 'Open Sans', sans-serif;
}
.heroHeadline2 p { 
	color: #EDEDED;
	font-size: 1.5em;
	font-weight: 400;
	margin-top: 10px;
	line-height: 1.55em;
	text-shadow: 0 0 10px #0c3266, 0 0 10px #0c3266, 0 0 10px #0c3266;
}
.heroHeadline h1 {
	text-aling: center;color: #FFF;
	font-size: 2.55em;
	font-weight: 300 !important;
	line-height: 1.0em;
	text-shadow: 0 0 10px #0c3266, 0 0 10px #0c3266, 0 0 10px #0c3266;
    font-family: 'Open Sans', sans-serif;
    max-width: 800px;
}
.heroHeadline p { 
	color: #EDEDED;
	font-size: 1.5em;
	font-weight: 400;
	margin-top: 20px;
	line-height: 1.55em;
	text-shadow: 0 0 10px #0c3266, 0 0 10px #0c3266, 0 0 10px #0c3266;
}
.heroHeadline a { color: #CCC; }
.heroHeadline a:hover { color: #FFF; }
.contentCont {
	background: url(../img/contentBG.png) top left repeat-x; 
	padding-top: 25px;
}
.content {
    padding-top: 25px;
}

.inner {
    margin: 5px 10px;
    padding: 0 5px;
}
.navy-line {
    width: 60px;
    height: 1px;
    margin: 30px auto 30px;
    padding-top: 15px;
    border-bottom: 1px solid #113870;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.navy-line2 {
    width: 60px;
    height: 1px;
    margin: 30px auto 45px;
    border-bottom: 1px solid #CCC;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.featured {
	padding: 0 0 50px 0;
	background: #113870 url(../img/testBG.jpg);
	background-position: center center;
        background-attachment: fixed; 
	background-repeat: no-repeat;
	background-size: cover; 
	min-height: 300px;
	border-top: 3px solid #a59b35;
	border-bottom: 3px solid #a59b35;
    margin-top: 80px;
}
.featured h2 { 
	color: #FFF; 
	margin-bottom: 20px;
}
.featured h4 { 
	color: #FFF;
}
.featured ul { list-style: none; }
.featured ul li { 
	margin-left: 15px;
	padding: 7px 0 7px 12px;
	background: url(../img/arrow.png) 0 12px no-repeat;
	line-height: 1.15em;
}
.featured ul li a { color: #FFF; }
.featured ul li .date { 
	font-size: .85em;
	color: #CCC;
	font-style: italic;
}
.featured ul li a:hover { color: #a59b35; }
.featured p { color: #FFF; }
.featured .labelOut { color: #FFF; }
.featured textarea{ height: 36px; }
.featured .large { font-size: 1.25em; }
.artWerks { 
	padding: 30px 0 30px 0;  
}
.artWerks .inner {
	padding: 12px;
}
.artWerks h4 {
	padding-bottom: 12px;
}
.awP { 
	height: 160px;
	overflow: hidden;
}
.artImg { 
	height: 200px;
	overflow: hidden;
}
.artImg img { 
	min-height: 200px;
	max-width: 200%;
}
.artInfo { 
	text-align: center;
	padding: 5px 0;
}

.dittoPost { 
	margin-bottom: 20px; 
}

.fpInner { 
	margin: 10px; 
	padding: 15px;
	background: #EFEFEF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.fpInner:hover { 
	background: rgba(218, 42, 62, 0.152); 
	-webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}

.dpImgOut {
	height: 150px;
	overflow: hidden;
        background: url(../img/rkBlog.jpg) center center;
	background-size: cover;
	margin-bottom: 10px;
}

.dpImg {
	height: 150px;
	overflow: hidden;
	background: url(../img/rkBlog.jpg) center center;
	background-size: cover;
	margin-bottom: 10px;
}
.dpText {
	height: 287px;
	overflow: hidden;
}

.dpText h4 { 
	font-size: 1.35em; 
	font-weight: 300;
	color: #DA2A3E;
	line-height: 1.25em;
	
}
.dpLink { 
	padding-top: 10px;
	font-size: 1.4125em;
	font-family: 'Open Sans', sans-serif;
        font-weight: 300;
}

.dpText p { line-height: 1.55em; }


/*	E. RIGHT / LEFT COLUMN
	. . . . . . . . . . . . . . . . . . . . */

.block {
    margin: 20px 0;
}

.block ul {
    list-style: none;
    margin-bottom: 20px;
}
.block ul li {
    list-style: none;
    line-height: 1.5em;
    padding: 8px 0 8px 0 !important;
    border-bottom: 1px solid #CCC;
    background: none;
}
.block ul li.active a {
    font-style: italic;
    color: #666;
}
.block ul li.active ul li a {
    font-style: normal;
    color: #000;
}
.block ul li ul li.active a {
    font-style: italic;
    color: #666;
}
.block ul li ul li.active ul li a {
    font-style: none;
    color: #AA1111;
}
.block ul li ul li ul li.active a {
    font-style: italic;
    color: #666;
}
.block ul li ul li {
    margin-left: 25px;
}


/*	F. FOOTER
	. . . . . . . . . . . . . . . . . . . . */

footer {
    padding-top: 15px;
	background: #FFF;
	background-position: center top; 
	background-repeat: no-repeat;
	background-size: cover; 
}
footer .grid33 { padding-top: 5px; }
footer .grid33 a:hover { color: #CCC; }
footer .grid33 img:hover { 
        background: #EBEBEB; 
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}
footer h5 { color: #FFF; }
.footBot { 
	width: 100%; 
	background: #FFF;
	padding: 7px 0; 
    font-size: 0.8em;
}
footer .navy-line { margin: 0 auto; }


/*	G. SPECIAL STYLINGS
	. . . . . . . . . . . . . . . . . . . . */

 .fpP {
 	height: 120px;
 }
 .medallion {
 	width: 100%;
 	text-align: center;
 }
 .medallion img {
 	margin-top: -55px;
 }
 
.price { 
 	float: left;
 	width: 22.75%;
 	margin:10px 1%;
 	box-shadow: 0 0 5px #EBEBEB, 0 0 5px #EBEBEB, 0 0 5px #EBEBEB;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
 	border: 1px solid #555;
 }
 .priceHead {
 	width: 100%;
 	height: 36px;
 	line-height: 36px;
 	text-align: center;
 	background: #EBEBEB;
 	border-bottom: 1px solid #CCC;
 	border-top: 1px solid #CCC;
        padding: 0;
        margin: 0;
 }
.priceHead h5 { 
        margin: 0;
        padding-top:5px;
        font-family: 'Open Sans',sans-serif;
        color: #113870;
}

 .priceBody {
 	height: 250px;
        font-size: .85em;
 }
 .priceBot {
 	width: 100%;
 	font-size: 1.5em;
 	text-align: center;
 	background: #a59b35;
 	padding: 15px 0;
 }
 .priceBot a {
 	color: #FFF;
 }
 .priceBot:hover {
 	background: #113870;
 }
.compare .grid100 { 
    height: 48px;
    line-height: 48px;
    border-bottom:1px dotted #CCC; 
}
.compare img { padding-top: 10px; }
.rowG { background: #EFEFEF; }
.compare .grid40 { height:48px;line-height: 48px; }
.compare .grid20 { height:48px;line-height: 48px; }
.red { color: #AA1111; }
.solutionsPrice .grid25 h4 { height: 64px; }
.reportS {  padding-top: 50px; }
.reportS2 {  padding-top: 100px; }
.emp {
    color: #113870;
    font-weight: bold;
    font-style: italic;
    font-size: 1.35em;
    line-height: 1.65em;
}
.Blog { max-width: 800px; }
.cfLink {
	padding: 7px 10px;
	background: #113870;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFF;
}
.cfLink:hover {
	background: #a59b35;
    padding: 12px 15px;
	color: #FFF;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.quoteOwn { 
	padding: 0 50px 20px 50px;
	font-style: italic;
	color: #CCC !important;
}
.quotes {
	background: url(../img/quotes.png) top left no-repeat;
	padding: 0 50px 20px 50px;
	padding-top: 15px;
}
.tags { margin-bottom: 20px; }
.w800 { max-width: 850px; }
.smallIt {
    font-size: .85em;
    color: #666;
    font-style: italic;
}
.details { font-size: 1.15em; }
.rate { padding: 15px 0; }
.bordBot { border-bottom: 1px solid #CCC;margin-bottom: 20px; }
.wbIdea { 
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
	background: #000;
	color: #FFF;
	padding: 10px;
	margin-bottom: 20px;
}
.orangeLink {
	background: #DA2A3E;
	color: #FFF;
	padding: 5px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.orangeLink:hover { color:#CCC; }	
.standout {
	background: #EBEBEB;
	padding: 5px 20px;
	color: #DA2A3E;
        font-weight: bold;
        letter-spacing: .15em;
	text-transform: uppercase;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #CCC;
}
.center {
    margin: 0 auto;
    text-align: center;
}
.small {
    font-size: .85em !important;
    line-height: 1.3em;
}
.large { 
	font-size: 1.15em; 
	line-height: 1.65em;
	margin-bottom: 35px;
}

.hilite {
    font-weight: 600;
    color: #113870;
}
.hilite2 {
    font-weight: 400;
    font-style: italic;
    color: #DA2A3E;
}
.blue { 
	color: #113870; 
	font-style: italic;
}
.green { 
	color: #a59b35; 
	font-style: italic;
}
.right { text-align: right; }

.button {
    color: #FFF;
    font-weight: 700;
    padding: 7px 15px;
    border: 1px solid #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: 0 0 .75em #de7d7d;
    background: #aa1111;
}

.button:hover {
    color: #CCC;
}
.postInfo {
    clear: both;
    margin: 20px 0;
    padding: 5px 0;
    height: 36px;
    line-height: 36px;
    width: 100%;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
.postInfo .grid40 h4 { text-align:left; }
.authorInfo {
    clear: both;
    margin: 20px 0;
    padding: 12px 0;
    line-height: 1.25em;
    width: 100%;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    font-style: italic;
    color: #666;
}
.shareThis { text-align: right; }
.heroShort { max-width: 550px; }


/*	H. IMAGE CLASSES
	. . . . . . . . . . . . . . . . . . . . */

.heroImage { 
	width: 100%;
	height: 450px;
	background: url(../img/mainImg.jpg);
	background-position: center center; 
	background-repeat: no-repeat;
	background-size: cover;
	overflow:hidden;
	border-bottom: 3px solid #113870;
}
.imgRight {
    float: right;
    max-width: 35%;
    margin: 10px 0 10px 10px;
}

.imgLeft {
    float: left;
    max-width: 35%;
    margin: 12px 12px 12px 0;
}

.imgFull {
    width: 100%;
    margin: 10px 0;
}

/*	I. FORMS AND NEWSLETTER
	. . . . . . . . . . . . . . . . . . . . */
.post-content { padding-bottom: 5px !important;border-bottom:1px dotted #ebebeb !important; }
.quip-comment-body { background: #EFEFEF;border-bottom: 1px solid #CCC; }
.labelOut {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.formIn {
    float: left;
    width: 95%;
    margin-right: 15%;
    margin-bottom: 4px;
    padding: 7px 2%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #CCC;
    font-size: .85em;
    color: #000;
}

textarea {
    float: left;
    width: 95%;
    height: 100px;
    padding: 5px 2%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #CCC;
    font-size: 14px;
    resize: vertical;
}
textarea.writ {
    float: left;
    width: 80%;
    height: 500px;
    margin-right: 15%;
    padding: 5px 2%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #CCC;
    resize: vertical;
}

.cfDown a {
    color: #FFF;
}
.cfDown {
    padding: 6px 10px;
    border: 1px solid #253053;
    border-radius: 5px;
    -moz-border-radius: 5px;
    color: #FFF;
    background: #1e987e;
}
.cfContact {
    float: left;
    width: 50%;
    max-width: 150px;
    margin-top: 5px;
    color: #FFF;
    text-transform: uppercase;
    padding: 7px 2%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #a59b35; 
    border: none; 
}
.cfContact:hover { 
    color: #ebebeb; 
    background: #113870;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


/*	J. COMMENTS / PAGINATION
	. . . . . . . . . . . . . . . . . . . . */

/*******************************************
		PAGINATION
*******************************************/
ul.PagingNav {
    clear: both;
    width: 100%;
    height: 60px;
    float: left;
    list-style: none;
    display: block;
    text-align: center;
}

ul.PagingNav li {
    float: left;
    text-align: center;
    line-height: 1.0em;
    padding: 5px;
    margin: 0 1px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #DA2A3E;
    background: #DA2A3E; 
}

ul.PagingNav li a {
    color: #FFF;
}

ul.PagingNav li a.active {
    color: #CCC;
}

/*	K. GRID SYSTEM
	. . . . . . . . . . . . . . . . . . . . */
	
.grid10 {
    float: left;
    width: 10%;
}

.grid20 {
    float: left;
    width: 20%;
}

.grid25 {
    float: left;
    width: 25%;
}

.grid30 {
    float: left;
    width: 30%;
}

.grid33 {
    float: left;
    width: 33%;
}

.grid35 {
    float: left;
    width: 35%;
}

.grid40 {
    float: left;
    width: 40%;
}

.grid45 {
    float: left;
    width: 45%;
}

.grid50 {
    float: left;
    width: 50%;
}

.grid55 {
    float: left;
    width: 55%;
}

.grid60 {
    float: left;
    width: 60%;
}

.grid65 {
    float: left;
    width: 65%;
}

.grid67 {
    float: left;
    width: 67%;
}

.grid70 {
    float: left;
    width: 70%;
}

.grid75 {
    float: left;
    width: 75%;
}

.grid80 {
    float: left;
    width: 80%;
}

.grid85 {
    float: left;
    width: 85%;
}

.grid90 {
    float: left;
    width: 90%;
}

.grid95 {
    float: left;
    width: 95%;
}

.grid100 {
    float: left;
    width: 100%;
}


/*  L. FRONT PAGE STYLINGS
	. . . . . . . . . . . . . . . . . . . . */

.fpList ul { list-style: none; }
.fpList ul li {
	width: 100%;
	line-height: 1.1em;
	padding: 5px 0 5px 17px;
	background: url(../img/arrow.png) 0 7px no-repeat;
}
.fpList ul li:hover {
	background: #EFEFEF url(../img/arrow.png) 0 7px no-repeat;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.fpList ul li a { font-weight: 100; }
.date { 
	font-size: .85em;
	color: #666;
}
.firstContent {
	width: 100%;
	height: 650px;
	background: url(../img/watson.jpg);
	background-position: center top; 
	background-repeat: no-repeat;
	background-size: cover;
	overflow:hidden;
}
.firstContent .inner {
	height: 650px;
	padding-top: 150px;
}
.fp1 { height: 300px; }
.secondContent { height: 440px; }
.secondContent .pad176 {
	padding-top: 126px;
}

/*	M. RESPONSIVE STYLING: 320 - 767 WINDOWS
	. . . . . . . . . . . . . . . . . . . . */
	
@media only screen and (min-width: 320px) and (max-width: 767px) {
    body {
        background: #FFF;
        background-image: none;
        font-size: 1.15em;
    }

    .mainContain {
        width: 96%;
    }
    header { position: relative; }
    .logo {
        float: left;
        width: 70%;
        margin: 0;
        text-align: left;
    }
    .logo img { float: left; }
    .socialCont { display: none; }
    .tele { display: none; }
    .telephone { 
    	width: 90%;
    	margin: 0 5%;
    	font-size: 1.2em;
    }
    .menu {
        display: none;
    }
    .subHeadContain { display: none; }
    .subHead { display: none; }
    .menuBadge {
        display: block;
        float: right;
        width: 20%;
        text-align: center;
    }
    .menuBadge img {
        float: right;
    }
    #navigation {
        clear: left;
        margin: 0 auto;
        position: absolute;
        z-index: 10000;
        top: 65px;
        display: block;
        font-weight: normal;
        width: 100%;
        background: #EFEFEF;
    }
    #hiddenMenu {
        position: relative;
        z-index: 10000;
        width: 100%;
        margin: 0 auto;
        clear: both;
        background: #EFEFEF;
        padding: 20px 0;
        border-top: 1px solid #006493;
        border-bottom: 4px solid #006493;
        font-size: 1.2em;
    }
    #hiddenMenu ul {
        clear: left;
        list-style: none;
        padding: 20px 0;
        width: 100%;
        background: #EFEFEF;
    }
    #hiddenMenu ul li {
        float: left;
        width: 90%;
        margin: 0 5%;
        line-height: 2.2em;
        border-bottom: 1px solid #CCC;
        font-weight: bold;
        padding: 0;
    }

    .grid67 { width: 100%; }
    .grid60 { width: 100%; }
    .grid50 { width: 100%; }
    .grid40 { width: 80%; }
    .grid33 { width: 100%; }
    .grid30 { width: 100%; float: none; }
    .grid70 { width: 100%; }
    .grid25 { width: 100%; }
    .inner {
        margin: 0;
        padding: 10px;
    }
    .formIn { padding: 12px 2%; }
    .cfContact {
        font-size: 18px;
        padding: 12px 2%;
        max-width: 250px;
    }
    footer .grid33 { text-align: center; }
    footer .grid33 .right { text-align: center; }
    footer .grid33 .imgRight {
        float: none;
        width: 100%;
    }
    .formIn {
        width: 90%;
        margin-right: 0;
        padding: 12px 2%;
    }
    textarea {
        width: 90%;
        margin-right: 0;
        padding: 5px 2%;
    }

    .block ul li { background: none; }
    .imgRight {
        width: 50% !important;
        max-width: 50%;
    }
    .nivoSlider { max-width:100% !important; height: auto !important; }
    .dadBoy { display: none; }
    .postInfo .grid40 { display: none; }
    .postInfo .grid60 img { float: none; }
    .contentCont ul { margin-left: 0; }
    .nivoSlider img { 
    	border: none !important; 
    	border-radius: none !important;
    	-moz-border-radius: none !important;
    	-webkit-border-radius: none !important; 
    }
    .socialMenu { 
    	width: 90%;
    	padding: 10px 5%;
    	background: #000;
    }
    .socialMenu img { 
    	float: left; 
    	margin-right: 10px;
    }
    .large { font-size: 1.0em;} 
    .heroHeadline { 
		padding: 80px 5% 0 5%;
    }
    .heroHeadline h1 { font-size: 2.0em; }
    .heroHeadline p { line-height: 1.2em; }
    .heroHeadline2 { 
		padding: 40px 5% 0 5%;
    }
    .heroHeadline2 p { line-height: 1.2em; }
    .orangeLink { clear: both; }
    .solutionsPrice .grid25 { width: 100%; }
    .awP { height: 150px; }
    .firstContent .inner { padding-top: 20px; }
    .firstContent .grid50 { width: 50%; }
    .compare .grid40 { float:left; width:40%;font-size:.85em; }
    .compare .grid20 { float:left;width:20%;font-size:.85em; }
    .price { width: 96.5%; }

}

/*	N. RESPONSIVE STYLING: 768 - 959 WINDOWS
	. . . . . . . . . . . . . . . . . . . . */
	
@media only screen and (min-width: 768px) and (max-width: 959px) {
    body {
        background: #FFF;
        background-image: none;
        font-size: 1.25em;
    }
    .bodyWrap {}
    .mainContain {  width: 90%; }
    header { position: relative; }
    .logo {
        float: left;
        width: 70%;
        margin: 0;
        text-align: left;
    }
    .logo img { float: left; }
    .socialCont { display: none; }
    .tele { display: none; }
	.menuCont { height: 20px; }
    .menu { display: none; }
    .subHeadContain { display: none; }
    .subHead { display: none; }
    .menuBadge {
        display: block;
        float: right;
        width: 20%;
    }
    .menuBadge img { float: right; }
    #navigation {
        clear: left;
        margin: 0 auto;
        position: absolute;
        z-index: 10000;
        top: 65px;
        right: 0;
        display: block;
        font-weight: normal;
        width: 40%;
        background: #EFEFEF;
    }

    #hiddenMenu {
        position: relative;
        z-index: 10000;
        width: 100%;
        margin: 0 auto;
        clear: both;
        background: #EFEFEF;
        padding: 20px 0;
        border-top: 1px solid #006493;
        border-bottom: 4px solid #006493;
        font-size: 1.2em;
    }
    #hiddenMenu ul {
        clear: left;
        list-style: none;
        padding: 20px 0;
        width: 100%;
    }
    #hiddenMenu ul li {
        float: left;
        width: 90%;
        margin: 0 5%;
        line-height: 2.2em;
        border-bottom: 1px solid #CCC;
        font-weight: bold;
        padding: 0;
    }

    #hiddenMenu ul li img { display: none; }
    .grid67 { width: 100%; }
    .grid60 { width: 100%; }
    .grid50 { width: 100%; }
    .grid40 { width: 80%; }
    .grid33 { width: 100%; }
    .grid30 { width: 100%; float: none; }
    .grid70 { width: 100%; }
    .inner {
        margin: 0;
        padding: 10px;
    }
    .innerR {
        margin: 0;
        padding: 10px;
    }
    .innerL {
        margin: 0;
        padding: 10px;
    }
    .chartDitto .grid40 { width: 40%; }
    .chartDitto .grid60 { width: 60%; }
    .chartDitto .grid33 { width: 33%; }
    .imgDitto { display: none; }
    .formIn { padding: 12px 2%; }
    .cfContact {
        font-size: 18px;
        padding: 12px 2%;
        max-width: 250px;
    }
    footer .grid33 { text-align: center; }
    footer .grid33 .right { text-align: center; }
    footer .imgRight {
        float: none;
        width: 100%;
    }
    .nivoSlider { max-width:100% !important; height: auto !important; }
    .dadBoy { display: none; }
    .footer .grid25 { width: 100%; }
    .foot50 { width: 50%; }
    .footRight { width: 100%; }
    .telephone { 
    	width: 90%;
    	margin: 0 5%;
    	font-size: 1.2em;
    }
    .postInfo .grid40 { width: 40%; }
    .postInfo .grid40 h4 { font-size: 1.2em; }
    .postInfo .grid60 { width: 60%; }
    .socialMenu { 
    	width: 90%;
    	padding: 10px 5%;
    	background: #000;
    }
    .socialMenu img { 
    	float: left; 
    	margin-right: 10px;
    }
    .large { 
		font-size: 1.0em;
	} 
    .heroHeadline { 
		padding-top: 60px; 
		padding-left: 0;
	}
    .heroHeadline p { line-height: 1.2em; }
    .heroHeadline2 { 
		padding-top: 120px; 
		padding-left: 0;
	}
    .heroHeadline2 p { line-height: 1.2em; }
    article.dittoPost { width: 100%; }
    .solutionsPrice .grid25 { width: 50%; }
    .firstContent .inner { padding-top: 20px; }
    .firstContent .grid50 { width: 50%; }
    .awP { height: 184px; }
    .secondContent { height: auto; }
    .secondContent .grid50 { width: 50%; }
    .secondContent .pad176 { padding-top: 30px; }
    .compare .grid40 { float:left; width:40%; }
    .compare .grid20 { float:left;width:20%; }
    .price { width: 46.5%; }

}

/*	N2. RESPONSIVE STYLING: 1450 - 3000 WINDOWS
	. . . . . . . . . . . . . . . . . . . . */
	
@media only screen and (min-width: 1450px) and (max-width: 3000px) {

    .firstContent { 
       height: 750px; 
       font-size: 1.2em;
    }

}

/*	O. HEADERS
	. . . . . . . . . . . . . . . . . . . . */
h1,
h2, h3, h4, h5 {
    font-family: 'Open Sans', sans-serif;
    line-height: normal;
    font-weight: 300;
    margin: 0px;
}

h1 {
    font-size: 2.5em;
    color: #113870;
    padding: 20px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300 !important;
}

h2 {
    font-size: 2.0em;
    color: #113870;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    padding-bottom:15px;
    margin-top: 0;
}

h3 {
    font-size: 1.75em;
    color: #113870;
    padding: 15px 0 15px 0;
    line-height: 1.1em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300 !important;
}

h4 {
    font-size: 1.5em;
    color: #113870;
    line-height: 1.1em;
    margin: 2px 0 7px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300 !important;
}

h5 {
    font-size: 1.25em;
    color: #113870;
    margin: 5px 0;
    font-weight: 300 !important;
    font-family: 'Open Sans', sans-serif;
}

h2 a { font-weight:300; }
h3 a { font-weight:300; }
h4 a { font-weight:300; }
h5 a { font-weight:300; }

.featured h3 { font-weight:400 !important;color: #FFF; }

.subtitle { 
    font-size: 1.165em; 
    line-height: 1.3em;
}