/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700,900);

html, body {
	height: 100%;
}

body {
 	background-color: #000;
 	color: #FFF;
 	padding: 0; 
 	margin: 0;  
}


a { 	
	color: #185a9d;
	background: inherit; 
}

h1 {	
	color: #fff;

}


/* wrapper start */

#wrapper {
        width: 100%;
        margin: 0  auto;
        padding: 0;
        background: #000; 
}


/* Header */

#binder {
        width: 1280px; 
        margin: 0 auto;
        border: 1px #16222a solid;
	-webkit-box-shadow: 0px 0px 100px 15px rgba(34,34,34,1);
	-moz-box-shadow: 0px 0px 100px 15px rgba(34,34,34,1);
	box-shadow: 0px 0px 100px 15px rgba(34,34,34,1);
}

#header {
        width: 1280px; 
	height: 115px;
        margin: 0 auto;
}

#header a {
        text-decoration: none;
        border: none;
}

#top_bar {
	width: 1280px;
	height: 70px;
	background: url('/images/stone_header.png') repeat;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);   /*  x y blur spread */
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}

/* Logo */

.logo {
        float: left;
        width: 318px;
	height: 118px;
	margin: 0 0 0 150px;
        padding: 0;
	z-index: 1;
}

#red_bar {
	width:1280px;
	height: 78px;
	background: #71001e;
	margin: 0;
	padding: 0;
}


/* Menu Container */

#menu_container {
        width: 800px;
        margin: 0 auto;
	padding: 0;
}

#menu {
	width: 800px;
	height: 50px;
	margin: 0 0 15px 0px;
	padding: 0;
}

#menu ul {
        width: 800px;
        margin: 0 auto;
        padding: 0 150px 0 0 ;
        list-style: none;
        float: right;
}

#menu li {
	width: 230px;
	margin: 0 0 0 30px;
        float: right;
}

#menu a {
        display: block;
        padding: 0;
}


.swap_firewood {
   width: 230px;
   height: 50px;
   background-image: url("/images/firewood_swap.png");
   background-position: 0 0;
}
 
.swap_firewood:hover {
background-position: 0 100%;
}

.swap_firewood.switchup {
   width: 230px;
   height: 50px;
   background-image: url("/images/firewood_swap.png");
   background-position: 0 100%;
}


/* no longer used

.swap_logs {
   width: 230px;
   height: 50px;
   background-image: url("/images/logs_swap.png");
   background-position: 0 0;
}


.swap_logs:hover {
background-position: 0 100%;
}

.swap_logs.switchup {
   width: 230px;
   height: 50px;
   background-image: url("/images/logs_swap.png");
   background-position: 0 100%;
}

*/

.swap_trucking {
   width: 230px;
   height: 50px;
   background-image: url("/images/trucking_swap.png");
   background-position: 0 0;
}

.swap_trucking:hover {
background-position: 0 100%;
}

.swap_trucking.switchup {
   width: 230px;
   height: 50px;
   background-image: url("/images/trucking_swap.png");
   background-position: 0 100%;
}

/* not used 

.swap_aboutus {
   width: 230px;
   height: 50px;
   background-image: url("/images/aboutus_swap.png");
   background-position: 0 0;
}

.swap_aboutus:hover {
background-position: 0 100%;
}

.swap_aboutus.switchup {
   width: 230px;
   height: 50px;
   background-image: url("/images/aboutus_swap.png");
   background-position: 0 100%;
}

*/

/* Page Main */

#page_main {
        width: 700px;
        margin: 20px auto;
}

.section {
	font-family: 'Trebuchet MS', 'Montserrat', sans-serif;
        font-weight: 400;
	font-size: 1.0em;
	color: #fff;
	padding: 1px 7px 1px 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #151515;
	border: 1px #16222a solid;
}

.section a {
        background: none;
        color: #000000;
        border: none;
}

.section a:hover {
        text-decoration: underline;
}

/* Page */

#page_container {
        width: 776px;
        margin: 30px auto;
}

#page {
        width: 776px;
        font-family: 'Trebuchet MS', 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 1.0em;
        color: #fff;
}

.section a:hover {
        text-decoration: underline;
}

#two_pic_container {
        width: 800px;
        margin: 0 auto;
        padding: 0;
}

#section_big_pic {
        width: 100%;
}

#section_pic_left img {
	float: left;
	display: inline-block;
	position: relative;
}

#section_pic_right img {
	float: right;
	display: inline-block;
	position: relative;
}

#section_pic_left_index {
	float: left;
	margin: 0;
	padding: 0;
}

#section_pic_left_index img {
        float: left;
        display: inline-block;
        position: relative;
}


#section_pic_right_index {
	width: 400px;
        float: right;
        margin: 0;
        padding: 0;
}

#section_pic_right_index img {
        float: right;
        display: inlineblock;
        position: relative;
}


#section_pic_right_index p, #section_pic_left_index p {
	text-align: center;	
	font-style: italic;
}

#section_long {
        width: 753px;
        padding: 1px 7px 1px 15px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background: #151515;
	border: 1px #16222a solid;
}

#section_left {
	width: 355px;
        padding: 16px 20px 15px 25px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
	border: 1px #16222a solid;
        background: #151515;
	float: left;
	line-height: 1.6;
}

.firewood_l {
	height: 224px;
}

.logyard_l {
	height: 225px;
}

.trucking_l {
	height: 250px;
}

#section_right {
        width: 355px;
        padding: 0px 0px 0px 0px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
	border: 1px #16222a solid;
        background: #151515;
	float: right;
}

.firewood_r {
        height: 255px;
}

.logyard_r {
        height: 256px;
}

.trucking_r {
        height: 281px;
}

#section_right ul {
	line-height: 1.2;
}

#section_right li {
        font-family: 'Trebuchet MS', 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 1.0em;
        color: #fff;
        padding: 0 20px 7px 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background: #151515;
}

/* Contact */

#contact {
        width: 752px;
        height: 50px;
        margin: 0px;
	padding: 0 0 15px 75px;
	display: block;
}

#contact ul {
        width: 100%;
        margin: 0;
        padding: 15px 0 0 0;
        list-style: none;
        line-height: normal;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.2em;
        line-height: 1.3em;
}

#contact ul li {
	display: inline;
}
                        
#contact li {
        margin: 0;
        padding:  0 25px 0 0;
        float: left;
}

#contact li:before {
        position: relative;
        content: "\2022";
        color: #005595;
        padding: 0 25px 0 0;
        font-size: 1.3em;
}

#contact li:first-child:before {
        padding: 0 0 0 70px;
        position: relative;
        content: "";
}

#contact li a {
        display: inline;
        padding: 0;
        color: #185a9d;
}

/* Directions */

#map   { 
	width: 776px;
	display: inline-block;
}

#map_l {
        width: 400px;
        padding: 0px 0px 0px 0px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        float: left;
}

#map_r {
        width: 170px;
	margin: 50px 100px 0 0;
        padding: 15px 0px 15px 50px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 1px #16222a solid;
        background: #151515;
        float: right;
}

#map_r.section {
        font-family: 'Trebuchet MS', 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 1.0em;
        color: #fff;
	line-height: 1.6;
}



/* Footer */

#footer {
        width: 1280px;
        height: 130px;
        margin: 0 auto;
        background: #151515;
	border-top: 1px solid #005595; 
}

#address {
	width: 600px;
	height: 30px;
        margin: 10px auto;
}

#address ul {
        width: 100%;
	margin: 0;
        padding: 0;
	list-style: none;
	line-height: normal;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
}
                        
#address li {
	margin: 0 ;
	padding:  0 25px 0 0;
        float: left;
        color: #e8e8e8;
	font-size: 1.2em;
}

#address li:before {
    	position: relative;
    	content: "\2022";
    	color: #005595;
    	padding: 0 25px 0 0;
	font-size: 1.3em;
}

#address li:first-child:before {
	padding: 0 0 0 70px;
    	position: relative;
    	content: "";
}

#address li a {
	display: inline;
        padding: 0;
	color: #e8e8e8;	
}

#toes {
        width: 1000px;
        height: 30px;
        margin: 10px auto;
}

#toes ul {
        width: 800px;
        margin: 0;
        padding: 0 0 0 100px;
        list-style: none;
        line-height: normal; 
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.9em;
	float: left;
}

#toes li {
        margin: 0 ;
        padding:  0 50px 0 50px;
        float: left;
        color: #003d69;
}

#toes li a {
        display: inline;
        padding: 0;
        color: #1e3d6b;
	font-style: italic;
}

#footer a {
        padding: 0;
}



#copyright {
        width: 330px;  
        height: 20px;
        margin: 0 auto;
	padding: 20px 50px 0 50px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.8em;
	font-style: italic;
	color: #b8b8b8;	
}