/*======= index.html =======*/

#page1 .row-1 .col-1 {width: 269px;}
#page1 .row-1 .col-2 {width: 167px; padding: 0 3px 0 0;}
#page1 .row-1 .col-3 {width: 167px; padding: 0 3px 0 0;}
#page1 .row-1 .col-4 {width: 167px; padding: 0 3px 0 0;}
#page1 .row-1 .col-5 {width: 167px;}

#page1 .row-2 .col-1 {width: 257px; padding: 0 35px 0 0;}
#page1 .row-2 .col-2 {width: 272px; padding: 11px 70px 0 0;}
#page1 .row-2 .col-3 {width: 272px; padding: 11px 55px 0 0}

/*======= index-1.html =======*/

#page2 .row-1 .col-1 {width: 337px; padding: 0 3px 0 3px;}
#page2 .row-1 .col-2 {width: 337px; padding: 0 3px 0 0;}
#page2 .row-1 .col-3 {width: 231px; padding: 0 0 0 29px;}

#page2 .row-2 .col-1 {width: 620px; padding: 11px 40px 0 25px;}
#page2 .row-2 .col-2 {width: 257px; padding: 0 19px 0 0;}

/*======= index-2.html =======*/

#page3 .row-1 .col-1 {width: 221px; padding: 10px 45px 0 28px;}
#page3 .row-1 .col-2 {width: 652px; padding: 10px 0 0 0;}

#page3 .row-2 .col-1 {width: 257px; padding: 0 35px 0 0;}
#page3 .row-2 .col-2 {width: 669px; padding: 11px 0 0 0;}

/*======= index-3.html =======*/

#page4 .row-1 .col-1 {width: 680px; padding: 0 0 0 3px;}
#page4 .row-1 .col-2 {width: 226px; padding: 10px 0 14px 34px;}

#page4 .row-1 .col-1 .block-1 {width: 337px; padding: 0 3px 0 0;}
#page4 .row-1 .col-1 .block-2 {width: 337px; padding: 0 3px 0 0;}

#page4 .row-2 .col-1 {width: 620px; padding: 11px 40px 0 25px;}
#page4 .row-2 .col-2 {width: 257px; padding: 0 19px 0 0;}

/*======= index-4.html =======*/

#page5 .row-1 .col-1 {width: 221px; padding: 10px 45px 0 28px;}
#page5 .row-1 .col-2 {width: 652px; padding: 10px 0 0 0;}

#page5 .row-2 .col-1 {width: 257px; padding: 0 35px 1px 0;}
#page5 .row-2 .col-2 {width: 272px; padding: 11px 70px 0 0;}
#page5 .row-2 .col-3 {width: 282px; padding: 11px 45px 0 0}

/*======= index-5.html =======*/

#page6 .row-1 .col-1 {width: 680px; padding: 0 0 0 3px;}
#page6 .row-1 .col-2 {width: 226px; padding: 10px 0 14px 34px;}

#page6 .row-1 .col-1 .block-1 {width: 337px; padding: 0 3px 0 0;}
#page6 .row-1 .col-1 .block-2 {width: 337px; padding: 0 3px 0 0;}

#page6 .row-2 .col-1 {width: 620px; padding: 11px 40px 0 25px;}
#page6 .row-2 .col-2 {width: 257px; padding: 0 19px 0 0;}

#page6 .row-2 .col-1 .block-1 {width: 272px; padding: 0 70px 0 0;}
#page6 .row-2 .col-1 .block-2 {width: 269px;}

/*======= QUOTE PAGES =======*/

#quote .row-1 .col-1 {width: 221px; padding: 10px 45px 0 28px;}
#quote .row-1 .col-2 {width: 652px; padding: 10px 0 0 0;}

#quote .row-2 .col-1 {width: 50px; padding: 0 34px 0 0;}
#quote .row-2 .col-2 {width: 800px; padding: 11px 0 0 0;}
#swiffycontainer{
	display: none;
	visibility: hidden;
}
#nav{
	display:none;
	visibility: hidden;
}

#header span{
	display:none;
}
@media only screen and (max-width:599px) {
		.logobig{
		display:block;
		margin:0px auto;
		background: url("images/big_logo.png");
		width:309px;
		height:92px;
	}
		#header .logobig{
		position: absolute;
		margin-left: -154px;
		left:50%;
		top:10px;
	}

	#header img{
		display:none;
	}
	#header{
		width: 100%;
	}
	#footer{
		width: 100%;
	}
	#content{
				width:250px;
		margin:0 auto;
		float:none;
		padding: 0px 0px 0px 0px;
		
	}
	#extra-content{
		width:250px;
		margin:0 auto;
		float:none;
		padding: 0px 0px 0px 0px;
	}
	
	h6{
		width:250px;
	}
	
	.col-2 .col-1 {width: 100%}
	#quote .row-2 .col-2 {width: 100%}
	#quote .row-1 .col-2 {width: 100%}
	.row-1 {width: 100%}
}
		#menu {
			display: none;
		}
		
@media only screen and (max-width:946px){
		.navi{
		display: none;
		visibility: hidden;
	}
	#nav{
		display:block;
		visibility: visible;
	}
	#header{overflow: visible;}
	#header div{margin:0px;bottom:0px; top:auto;}
		#menu {
			width:100px;
			display: block;
			font-size:15px;
			text-align: center;
			height:45px;
			line-height: 45px;
			color:#fff;
			cursor: pointer;
		}
		#nav.js {
			display: none;
		}
		#nav {
			width:100%;
			position:absolute;
			bottom:-275px;
			z-index:100;
		}
		#nav li {
			width:100%;
			border-right:none;
			background:#2f2f35;
			border-bottom: solid 1px #1e1e22;
		}
		
		
	
	


	#nav li:last-child {
		border-right:none;
	}
	#nav li a {
		display: block;
		width:100%;
		height:45px;
		text-align: center;
		line-height: 45px;
		font-size:13px;
		text-decoration: none;
		color:#fff;
		text-transform: uppercase;
	}
	#nav li a:hover{text-decoration:underline; background: url("images/navbg_hover.png")}
	
}
@media only screen and (max-width: 946px) and (min-width: 600px){
	#header span{
	width:250px;
	display:block;
	text-align:center;
	float:left;
	position:relative;
	margin-top: 67px;
    margin-left: -64px;
}
	.logobig{
		float:left;
		background: url("images/big_logo.png");
		width:309px;
		height:92px;
	}
	#header{
		width: 100%;
	}
	#footer{
		width: 100%;
	}
	#content{
		width:100%;
		margin:0 auto;
		float:none;
		padding: 0px 0px 0px 0px;
		
	}
	#extra-content{
		width:100%;
		margin:0 auto;
		float:none;
		padding: 0px;
	}
	
	h6{
		width:100%;
	}
	
	#page1 #content{
		padding:0px;
	}
	
	#page1 .row-2 .col-2{
		width:17%;
	}
	
	#page1 .row-2 .col-2 img{
		width:100%;
	}
	
	#page1 .row-2 .col-3{
		width:28%;
	}
	.col-2 .col-1 {width:50%}
	#quote .row-2 .col-2 {width: 50%}
	#quote .row-1 .col-2 {width: 50%}
	.row-1 {width: 100%}
	#swiffycontainer{
	display: block;
	visibility: visible;
	}
	#flash{
		display: none;
		visibility: hidden;
	}
	#header .logobig{
		position: relative;
		margin-top:8px;
		margin-left:20px;
	}
	
	#header .pnumber{
		position: absolute;
    right: 0px;
    top: 5px;
    text-align: right;
    margin-top: 5px;
    margin-right: 8px;
	}
}