/***********************

LAYOUT

***********************/

body{
background: #FFF;
}

#blackbar{
height:65px;
background: url("../img/header-repeat-x.png");
background-repeat:repeat-x;
position:fixed;
width:100%;
z-index:50;
}

.insured{
width:960px;
margin:0 auto;
}

.insured img{
float:right;
}

#main {
width:960px;
margin:0 auto;
padding-top:40px;
}

#fixed-nav{
position:fixed;
width:220px;
height:600px;
padding-right:20px;
text-align:center;
z-index:100;
/* background-image:url("../img/shadow-vr.png");
background-repeat:no-repeat;
background-position:right; */
}

#wrap{
/*margin-left:280px;  fixed-nav width + 40px gutter */
}

#no-collapse{
width:280px;
display:table-cell;
height:auto;
float:left;
}

#content {
float:left;
}

hgroup{
margin-bottom:40px;
}

#home,
#about,
#testimonials,
#photos,
.single-testimonial{
width:680px;
}

.scrollspace{
margin-top:700px;
}

.scrollpad{
padding-top:80px;
}

.top{
margin-top:40px;
}

.col34{
width:430px;
margin-right:19px;
float:left;
}

.intro-testimonial{
width:215px;
padding-left:15px;
border-left:1px solid #f7941e;
float:left;
}

.single-testimonial{
padding:30px 0px;
border-bottom:1px solid #f7941e;
}

.videowrap{
margin-top:50px;
width:640px;
height:360px; 
}

figure{
margin-bottom:20px;
}

#photos figure img{
margin-bottom:5px;
}


.clear{
clear:both;
}

/***********************

NAV

***********************/

.logo{
margin-bottom:40px;
}

nav ul{
text-align:center;
width:180px;
margin:0 auto;
}

nav li{
color: #202020;
display: block;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 14px;
list-style: none outside none;
line-height:200%;
padding: 8px;
text-transform: uppercase;
text-decoration:none;
}

nav li a{
display:block;
color:#202020;
text-decoration:none;
}

nav li a:hover,
.nav-contact a:hover{
color:#f7941e;
}

nav li a:active{
color:#f7941e;
}

.nav-contact,
.nav-contact a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color:#202020;
text-align:center;
line-height: 170%;
margin-top: 38px;
}

a.small {
margin: 10px 0;
font-size:12px;
color:#555;
text-decoration:underline;
}

/***********************

TYPE

***********************/

p, .large, .innerlink {
font-family:Arial, Helvetica, sans-serif;
}

h1, h2, h4 {
font-family:Georgia, "Times New Roman", Times, serif;
}

p, h1, h2, h4{
margin:0;
}

p{
font-size:14px;
line-height:150%;
color:#202020;
font-style:normal;
font-weight:normal;
}

h1{
font-size:40px;
color:#202020;
line-height:130%;
font-style:normal;
font-weight:normal;

}

h2{
font-size:27px;
color:#202020;
line-height:130%;
font-style:normal;
font-weight:normal;
}

h4 {
font-size:14px;
color:#909090;
line-height:150%;
font-style:italic;
font-weight:normal;
}

.large {
font-size:22px;
}

.orange{
color:#f7941e;
}

.innerlink{
color:#f7941e;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
}

.innerlink:hover{
color:#fc6;
}

#photos figcaption{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
font-size:10px;
color:#666666;
}

.mobileon,
.mobileon-inline {
display:none;
}


/* iPad 2 (portrait) ----------- */
@media screen and (max-width: 768px) {

#main,
.insured {
width:750px;
}

#no-collapse{
width:220px;
}

#home,
#about,
#testimonials,
#photos,
.single-testimonial{
width:510px;
}

.col34 {
width: 63%;
margin-right: 2.8%
}

.intro-testimonial {
width: 31%;
padding-left: 2.2%;
}

.videowrap {
width:500px;
height:281px;
}

img.photo {
width:100%;
}

.scrollspace{
margin-top:500px;
}

}


/* iPhone 4 ----------- */
@media screen and (max-width: 480px) { 

.mobileoff {
display:none;
}

.mobileon {
display:block;
}

.mobileon-inline {
display:inline-block;
}

#blackbar{
height:20px;
position:relative;
}

#fixed-nav{
position:relative;
width:100%;
height:200px;
padding: 0;
text-align: left;
}

.logo{
margin:0 auto;
width: 100%;
text-align:center;
}

.nav-contact,
.nav-contact a{
text-align:center;
line-height: 150%;
margin: 20px 0;
}

.nav-contact a {
color:#f7941e; 
}

nav ul{
text-align:center;
width:100%;
margin:0 auto 20px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

nav li{
display: inline-block;
list-style: none outside none;
line-height:200%;
padding: 0;
text-transform: uppercase;
text-decoration:none;
}
nav li:after {
content: "|";
color: #f7941e;
padding:0 10px;
}
nav li:last-child:after {
content: "";
padding:0 0 0 10px;
}
nav li a{
display:inline-block;
color:#202020;
text-decoration:none;
}

#main,
#home,
#about,
#testimonials,
#photos,
.single-testimonial {
width:97%;
}

#main {
padding: 0 5px;
}

#wrap { margin-top: 40px;}

.col34 {
width: 100%;
}

.intro-testimonial {
width: 85%;
margin-left:15%;
}

.videowrap {
width:100%;
}

.scrollspace{
margin-top:25px;
}


}