body {
margin: 0px 0px 12px 0px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #857363;
font-size:90%;
background-color: #FFF;
}
img {
vertical-align: bottom;
}
a:active {
background: none;
}
#layout {
max-width: 1000px;
margin: 0px auto;
}
#content {
position: relative;
z-index: 1;
background-color: #FFF;
margin: 0px 20px;
box-shadow: 0px 6px 12px #BBB;
}
.column-content img {
width: auto !important;
height: auto !important;
max-width: 100%;
display: block;
}
.design-row {
zoom: 1;
}
.design-row:after {
visibility: hidden;
display: block;
content: "\0020";
clear: both;
height: 0;
}
.design-column {
float: left;
}
.design-column.reverse-float {
float: right;
}

.design-row .percent15 {width: 15%;}
.design-row .percent85 {width: 85%;}
.design-row .percent60 {width: 60%;}
.design-row .percent40 {width: 40%;}
.design-row .percent20 {width: 20%;}
.design-row .percent80 {width: 80%;}
.design-row .percent30 {width: 30%;}
.design-row .percent70 {width: 70%;}
.design-row .percent25 {width: 25%;}
.design-row .percent50 {width: 50%;}
.design-row .percent75 {width: 75%;}
.design-row .percent333 {width: 33.333%;}

.design-row .percent25.boxed {width: 23.5%;}
.design-row .percent333.boxed {width: 32%;}
.design-row .percent50.boxed {width: 49%;}

.design-row .column-content.boxed {
border: 1px solid;
border-color: rgba(0,0,0,.5);
border-radius: 8px;
padding: 1em;
}
.design-row .boxed.spacer {
margin-left: 2%;
}
.column-content {
padding: 22px 32px 24px 32px;
overflow: hidden;
}
.column-content p {
line-height: 1.6em;
}
.column-content a:link, 
.column-content a:visited {
color: #857363;
}
.column-content a:hover {
color: #0F0F8C;
}
#footer {
color: #FFF;
padding: 16px 24px;
text-align: center;
background-color:#0A0C5E;
}
#footer img {
padding-top: 4px;
opacity: .6;
-webkit-transition: opacity linear .35s .1s;
transition: opacity linear .35s .1s;
}
#footer img:hover {
opacity: 1;
}
#footer p {
text-transform: uppercase;
margin: 0px;
line-height: 1.8em;
font-size: 0.75em;
letter-spacing:0.06em;
}
#footer a { color: #FFF; }
#footer a:hover, #footer a:focus { color: #FF6600; }

#copyright {
color: #857363;
padding: 10px 10px;
text-align: center;
}
#copyright a { 
color: #857363;
text-decoration:none;
}
#copyright a:hover, #copyright a:focus {
color: #857363;
text-decoration:underline;
}
h1 {
font-family: 'Ubuntu', sans-serif;
font-size: 1.4em;
margin: 0px 0px 0px 0px;
padding: 32px 0px 32px 20px;
font-weight:400;
border-left: 8px solid #FF6600;
color: #0A0C5E;
}
h2 {
font-family: 'Ubuntu', sans-serif;
font-size: 1.2em;
margin: 4px 0px 0px 0px;
font-weight:400;
color: #0F0F8C;
text-align:right;
}
h2.index {
color: #FFF;
}
.centered {
text-align: center; 
}
.marginIndex {
margin: 0px 20% 0px 0px;
}
.paddingIndex {
margin: 32px 0px;
}
.smallPadding {
padding: 2px;
}
.paddingContent {
padding: 20px 32px;
}
.smallPaddingClaim {
padding: 0px 2px 2px 0px;
}
.paddingRB {
padding: 0px 32px 32px 0px;
}
.paddingLogo {
padding: 20px 24px 4px 48px;
}
.noPadding{
padding:0px;
}
.noPaddingTopBottom {
padding: 0px 24px 0px 24px!important;
}
.paddingBottom {
padding: 0px 0px 12px 0px!important;
}
.paddingContact {
padding: 0px 24px 8px 0px;
}
.noMarginTop {
margin-top: 0px!important;
}
.noMarginBottom {
margin-bottom: 0px!important;
}
.marginTop {
margin-top: 12px!important;
}
.marginBottom {
margin-bottom: 12px!important;
}

.column-content ol.list {
margin: 0px 0px 16px 20px;
padding: 0px;
font-weight: normal; 
line-height: 1.6em;
}

.fancyBlue {
background: #000066; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, #FFFFFF , #000066); 
background: -o-linear-gradient(right, #FFFFFF , #000066); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #FFFFFF , #000066); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #FFFFFF , #000066); /* Standard syntax */
}
.fancyBlue2 {
background: #FFFFFF; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(right, #FFFFFF , #000066); 
background: -o-linear-gradient(left, #FFFFFF , #000066); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(left, #FFFFFF , #000066); /* For Firefox 3.6 to 15 */
background: linear-gradient(to left, #FFFFFF , #000066); /* Standard syntax */
}
.white {
background: #FFFFFF; 
box-shadow: 0px 6px 12px #BBB;
}
.swoosh {
min-height:110px;
height:auto !important;
height:110px;
background-image:url(../../assets/images/indexBg.png);
background-repeat:no-repeat;
}
.swooshHeader {
min-height:110px;
height:auto !important;
height:110px;
background-image:url(../../assets/images/swooshHeader.png);
background-repeat:no-repeat;
}
.swooshFooter {
min-height:40px;
height:auto !important;
height:40px;
background-image:url(../../assets/images/swooshFooter.png);
background-repeat:no-repeat;
}
img.displayed {
display: block;
margin-left: auto;
margin-right: auto;
}
img.displayed2 {
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
.design-column {
float: none;
width: auto !important;
}
.column-content {
padding: .75em;
border: none !important;
height: auto !important;
max-height: 888678px;
}
#layout {max-width: none;}
#content, .column-content, #footer, #copyright {
margin: 0px;
}
img.displayed2 {
display: block;
margin-left: auto;
margin-right: auto;
}
.swoosh, .swooshHeader {
background-image:none!important;
}
.fancyBlue {
background: #000066; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, #FFFFFF , #000078); 
background: -o-linear-gradient(right, #FFFFFF , #000078); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #FFFFFF , #000078); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #FFFFFF , #000078); /* Standard syntax */
}

/*Smartphones ONLY*/
@media only screen and (max-device-width: 480px) {}

/*Tablet ONLY. Use this query to add rules for tablets.*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#content {margin: 0px 40px;}
.column-content {padding: 20px;}
}

/*Portrait Tablet ONLY. Use this query to add rules for tablets in Portrait orientation.
Landscape tablets should get a normal and unaltered display.*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.swoosh {
background-image:none!important;
}	
	
	}