/* CSS Document */

.one {
	width:8.3%;
	float:left;
}
.two {
	width:16.6%;
	float:left;
}
.three {
	width:24.9%;
	float:left;
}
.four {
	width:33.26%;
	float:left;
}
.five {
	width:41.56%;
	float:left;
}
.six {
	width:49.86%;
	float:left;
}
.seven {
	width:58.16%;
	float:left;
}
.eight {
	width:66.46%;
	float:left;
}
.nine {
	width:74.76%;
	float:left;
}
.ten {
	width:83.06%;
	float:left;
}
.eleven {
	width:91.36%;
	float:left;
}
.twelve {
	width:100%;
}
.center{
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align: center; display: block;
}
/* CONTAINERS
-------------------------------------------------*/
* {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	
}


body {
	line-height: 1.5em;
	font-family:'OpenSans', Verdana, Helvetica, sans-serif;
	font-size: 16px;
	/*text-shadow:0 0 1px transparent;*/
	margin:auto;
	margin-top:0px;
	/*background-color: #f7f6f6;*/

}

#container {
    width: 100%;
    height: 100%; 
    position: relative;
    overflow: hidden;

}

#canvas {
	/*position:relative;
background-color: transparent;
    width: 100%;
    height: 100%;
    padding:0px; */
	float: left;
    position: relative;
    background-color: #34444b;;
    width: 100%;
    padding: 0px;
   
  /*-webkit-transform:translateX(0);
   -moz-transform:translateX(0);
    -ms-transform:translateX(0);
     -o-transform:translateX(0);
        transform:translateX(0);

   -webkit-transition:.5s ease all;
   -moz-transition:.5s ease all;
     -o-transition:.5s ease all;
        transition:.5s ease all;
*/
 
}
.nav-collapsed #nav{
	/*width:50px;*/
	
}
#nav {
   /* width:300px;
	left:0px;
	top:0px;
    height: 100%;
    background: #34444b;
    position:fixed;
    overflow:hidden;
	overflow-x:hidden;
	overflow-y:auto;
	padding-top:10px;line-height:4em;*/
  
  /*  -webkit-transition:.5s ease all;
   -moz-transition:.5s ease all;
     -o-transition:.5s ease all;
        transition:.5s ease all;*/
   width: 22%;
    left: 0px;
    top: 0px;
    min-height: 1200px;
    background: #34444b;
    position: relative;
    float: left;
    padding-top: 10px;
	padding-left:35px;
 /*   line-height: 3em; */
   
}
.nav-collapsed #content-frame {
   /* -ms-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0);
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate(0px, 0px);*/
}
#NavBar {
	background-color:#0c84a6;
		-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottom-left: 8px;
border-bottom-left-radius: 8px;

/*height:1000px;*/

}
#content-frame {
   /* -ms-transform: translate(250px, 0px);
    -moz-transform: translate(250px, 0);
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate(250px, 0px);
    -ms-transition: -ms-transform 0.5s ease-in-out;
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;*/
   /* position: relative;
 background-image: url('../images/porch-int.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position:left top;
background-clip: border-box;
background-origin: padding-box;
background-size: cover;
    z-index: 999;*/
	width: 78%;
    float: right;
    position: relative;
   /*background-color:#ffffff;*/
    z-index: 999;
	padding-right:1%;
	 background: #34444b;
}
#content-frame {
  /* border-top: 1px solid #cdcdcd;*/
}


#container.display-nav #canvas {
  /* -webkit-transform:translateX(300px);
   -moz-transform:translateX(300px);
    -ms-transform:translateX(300px);
     -o-transform:translateX(300px);
        transform:translateX(300px);*/
}

#Bckgd {
/*	width:100%;
	margin-left:45px;
	margin-top:-1%;*/
	
	
}




/* UTILITIES
-------------------------------------------------*/

h1 { color: #666; margin: 0em; font-size: 1.9em; font-weight: normal; line-height:1.2em; }
h2 { color: #333; font-size: 1.8em; margin: 1em 0em 1em 0em; font-weight:900; line-height:1.2em; }
h3 { font-size: 1.4em; font-weight:normal; color:#b94f0f; line-height:1.2em;}
h4 { font-size: 1.8em; font-weight:normal; color:#694d11; font-variant:small-caps;font-family: 'Crimson Text', serif; letter-spacing:1px; line-height:1em;}
h5 {font-family: 'Crimson Text', serif; color: #666;font-size:1.4em;}
p { margin: 0px 0px .75em 0px; }
a { color: #0c84a6; }
a:hover { color: #f18d54; }



.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
	line-height: 1px;
}
.clear-fix {
	clear:left;
}
.imgfloatrt {
	float:right;
	margin:1%;
}
.imgfloatlft {
	float:left;
	margin:1%;
}
.imgfifty {
	width:100%;
	max-width:625px;
}
.eighthundred {
	width:100%;
	max-width:800px;
}
a.phone {
	border: none;
	color: inherit;
	text-decoration:none;
}
a.phone:hover {
	border: none;
	color: inherit;
	cursor: default;
}

/* TOGGLE NAV
-------------------------------------------------*/
#Menutitle {
	color:#47bfc0;
	font-size:1.6em;
	
	font-family: Crimson Text, Times, Times New Roman, serif;
	
}
#Menutitle .title{
	font-size:1em;
	padding-left:75px;
	
}


#toggle {
    list-style: none;
	margin:0px;
	padding:0px;
    margin-top: 30px;
	
}
#toggle li:hover {
    background: rgba(0,0,0,0.5);
	-webkit-box-shadow:inset 0 -1px rgba(0,0,0,0);
   -moz-box-shadow:inset 0 -1px rgba(0,0,0,0);
        box-shadow:inset 0 -1px rgba(0,0,0,0);
	color: #f7ca2f;
}
#toggle li.active{
	 background: rgba(0,0,0,0.2);
}
#toggle li.active a {
   
	color:#f7ca2f;
}
#toggle li {
	color:#ddd;
    cursor: pointer;
    display: block;
	padding:10px 0px;
    /*border-bottom: 1px solid rgba(58,58,58,0.9);*/
}

.menu-icons img{
    width: 35px;
	margin-bottom:-10px;
	margin-left:-9px;
	

}


/*backgroundfor dropdowns*/
#toggle ul {
    list-style: none;
    display: none;
    color: #fff;
   background: rgba(0,0,0,0.9);
	-webkit-box-shadow:inset 0 -1px rgba(0,0,0,0);
   -moz-box-shadow:inset 0 -1px rgba(0,0,0,0);
        box-shadow:inset 0 -1px rgba(0,0,0,0);
	
}


#toggle li a {
    display: block;
    position: relative;
  /*  font-size: 20px;*/
    font-weight: 300;
    color: inherit;
    /*line-height: 55px;*/
   color: #fff;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 5px;
	/*padding-top:5px;*/
}
#toggle li a .title{
	font-size:13px;
	letter-spacing:1px;
	padding-left:12px;
	font-family: "OpenSans", Verdana, Arial, Helvetica, sanserif;
}

/*#toggle a {
	  margin: 0 0 0 47px;
    padding: 0;
    font-family: 'Raleway';
    color: #fff;
    line-height: 41px;
    font-weight: normal;
    font-size: 17px;
    text-decoration: none;

}*/


#toggle a:hover {
	color:#f7ca2f;
}
#toggle ul{
	margin:0px;
	padding:0px;
	
}
#toggle ul li {
	/*margin:0px;
     padding-left: 40px;
	  border-top: 1px #2d2d2d solid;  */ 
}

#toggle ul li a:hover{
	color: #47bfc0;
}

#toggle ul li a {
     /*margin-left: -20px; */  
}

/*............full site menu styles............*/
#MPbackground{
	display:none;   
    position:fixed;    
    _position:absolute; /* hack for internet explorer 6*/    
    height:100%;    
    width:100%;    
    top:0;    
    left:0;    
    background:#000000;     
    z-index:499;  
}

#MPopup{    
    display:none;     
    _position:absolute; /* hack for internet explorer 6 */      
    z-index:999;
	margin-left:auto;
	margin-right:auto;
	width:90%; 
	left:0px;
	max-width:1200px;    
}   
.MPInterior{
	width:95%;
	margin-left:2%;
	margin-right:2%;
	min-height:1700px;
	padding-left:3%;
	padding-right:3%;
	background-color:#FFF;
	margin-top:0px;
	position:relative;
	left:0px;
	top:10px;
	border-left:1px #0c0c0c solid;
	border-bottom:1px #0c0c0c solid;
	padding-top:2%;
	padding-bottom:45px;
	box-shadow:1px -1px 2px #333;	
}
.MPInterior ul {
	list-style:none;
	margin-left:-10px;
}
.hide_menu{
	position:absolute;
	top:5px;
	right:5px;
	width:1.5em;
	height:1.5em;
	
}
.nav_div a{
	color:#000;
	text-decoration:underline;
}
.nav_div a:hover {
	color:#AC191C;
}
.nav_div a:visited {
	color:#666;
}
#MainLinks, #FeatureLink, #Docs li {
	/*line-height:1.5em;*/
}
.nav_div ul li{
	padding:15px 0px;
	border:0px;
}
#FeatureLink, #MainLinks, #Docs, .otherLinks {
	/*border:0px;*/
}
#FeatureLink {
	margin-top:15px;
	background-color:rgba(243,224,201,.3);
	border:1px solid #CB6021;
	margin-left:3%;
	padding:25px;
	float:left;
	width:50%;
}
#Docs {
	margin-top:15px;
	background-color:rgba(207,240,244,.3);
	padding:25px;
	border: 1px solid #417d15;
	margin-left:3%;
	float:left;
	width:35%;

}
#MainLinks {
	padding:25px;
	border: 1px solid #417d15;
	margin-left:3%;
	margin-top:35px;
	float:left;
	width:88%;
}
.otherLinks {
	border-left:1px solid #A28C8D;
	padding-left:5px;
	margin-top:25px;
}